用 html 更好地表示新闻 [关闭]

Question

我正在尝试创建一个新闻网站，其中的新闻应该以图片和小文本的形式表示，当您单击它时，将打开一个代表整个新闻的新页面，所以我在想最好的方法来做到这一点，我应该做一个有一行图像和一行文本或列表的 html 表吗？或者它应该在一个 sql 表中，我用 php 调用它？

当我想发布一些新消息时，我想要一些易于添加的内容。我把它做成了一张桌子，但我不确定这是不是正确的做法。当我想添加新新闻时，我不想删除旧新闻我只想在向下滚动页面时显示旧新闻，这是表格的代码，很简单。

<table id="context_table" cellspacing="5" border="2" cellpadding="0"   style="display: inline-block;">
<tr valign="top" align="right">
<td width="200" ><img src="paper.gif" alt="paper" height="115" /></td>
<td width="1" bgcolor=black><BR></td>
<td width="600" valign="top" align="left">
<p>Here is the news</p>
<p>news discription</p>
<tr valign="top" align="right">
<td width="200"><img src="1920x1920.jpg" alt="film" height="115" /></td>
<td width="1" bgcolor=black><BR></td>
<td width="600" valign="top" align="left">
<p>Here is the news</p>
<p>blah<br>blah<br>blah</p>
<tr valign="top" align="right">
<td width="200"><p>pictures</p></td>
<td width="1" bgcolor=black><BR></td>
<td width="600" valign="top" align="left">
<p>Here is the news</p>
<p>news discription</p>
<tr valign="top" align="right">
<td width="200"><p>pictures</p></td>
<td width="1" bgcolor=black><BR></td>
<td width="600" valign="top" align="left">
<p>Here is the news</p>
<p>blah<br>blah<br>blah</p>
<tr valign="top" align="right">
<td width="200"><p>pictures</p></td>
<td width="1" bgcolor=black><BR></td>
<td width="600" valign="top" align="left">
<p>Here is the news</p>
<p>blah<br>blah<br>blah</p>
<tr valign="top" align="right">
<td width="200"><p>pictures</p></td>
<td width="1" bgcolor=black><BR></td>
<td width="600" valign="top" align="left">
<p>Here is the news</p>
<p>blah<br>blah<br>blah</p>
<tr valign="top" align="right">
<td width="200"><p>pictures</p></td>
<td width="1" bgcolor=black><BR></td>
<td width="600" valign="top" align="left">
<p>Here is the news</p>
<p>blah<br>blah<br>blah</p>
<tr valign="top" align="right">
<td width="200"><p>pictures</p></td>
<td width="1" bgcolor=black><BR></td>
<td width="600" valign="top" align="left">
<p>Here is the news</p>
<p>blah<br>blah<br>blah</p>

</td>
</tr>

Answer 1

大约 10 年来，人们一直不赞成使用表格来布置网站。对于表格，这很好，但对于布局来说不是。

我会像这样标记一些新闻文章：

<article>
    <a href="/link-to-article/" title="article title">
        <img src="link-to-image" alt="article title">
        <h2>Article title</h2>
        <p>Short description</p>
    </a>
</article>

您的问题的其余部分非常不清楚，因此需要更清楚地解释更多细节，以便能够帮助您解决其他问题。

Answer 2

为了将新闻发布到您的网站，您需要一个管理界面，只有您作为管理员才能访问该界面。您可以在那里发布、编辑或删除新闻。另一个是用户界面，即阅读新闻的读者的别名。首先，您需要考虑将用于此的架构。 MVC（模型-视图-控制器）是 Web 应用程序中使用最广泛的架构。它将视图、控制器和模型相互分离，这意味着设计和业务逻辑相互独立。这里是深入了解 MVC 概念的链接： https://heim.ifi.uio.no/~trygver/themes/mvc/mvc-index.html http://c2.com/cgi/wiki?ModelViewController

有不同的 js 框架使用 MVC 概念，Ember、Angular、Backbone 等。

所以，你可以在后端使用php，在前端使用js。

至于布局，表格已经过时，有一些期望，比如电子邮件。您需要为此使用 div。

在阅读并理解了 mvc 的概念之后，您将更好地了解您将要做什么。 :)