手机网站
手机网站
首页的设计直接影响网站的整体形象。虽然没有统一的标准，但只要信息内容能够合理安排，以便用户能够容易地找到所需的信息，最好将其设计成流行的。此外，第一页的高度不应超过三个屏幕，页面中使用的颜色不应超过三种。通常，网站的第一页包含标题、徽标、横幅、主导航菜单、主内容列和子内容列块、友情链接和页脚以及其他块框。在这个例子中要达到的效果如图1所示。
图1 DIV+CSS布局示例演示效果
1 HTML文件设计< br>
使用CSS布局的优点之一是它可以控制页面布局而不用使用太多的HTML标记，只使用一些DIV、span、ul、li和其他标记这不仅使网站的源代码更加简洁，而且将网页的主要内容放在前面，使网站的内容完全暴露在搜索引擎面前，方便搜索引擎抓取关键内容。本示例设计了一个简单的页面布局，创建了一个名为divcss.html的页面文件，所需的HTML代码如下:
< BR >
是本示例divcss.html网站主页的一个相对简单的布局只有一些“无意义的”div标签用于表示网页的内容，而页面的布局和外观是在外部CSS文件布局中定义的
2 CSS文件设计
当使用HTML和CSS编写网页时，如果您想在HTML文件中保持代码简洁，您需要增加CSS代码的数量来编写完美的网页使用外部样式表文件更常见，如果有更多的样式代码，最好在单独的样式文件中定义不同类型的样式。常见的文件命名规范包括global.css、layout.css、font.css、link.css和print.css此外，公共类或ID选择器的命名标准应尽可能基于公共英语单词，以便于理解并在适当的地方进行注释。样式文件layout.css中为此示例布局提供的代码如下:
