前端页面设计应该怎么做，应该注意什么，有什么要求？以下为大家分析。
1.尊重内容和页面风格的分离，必要时也尊重布局和颜色的分离。什么样的图片属于内容：从数据库中拍摄的图片。任何不属于内容的图片请使用背景。
1)页面代码应简化且符合逻辑；常见部位可以介绍一下，比如头和脚。
2)清晰简洁的CSS逻辑。在不改变功能的前提下，可以改变页面布局和颜色。
CSS样式每个页面引入的文件不超过两个，一个是COMMON:它包含了整个站点需要的公共部分，比如整体布局、头、脚、框架、按钮等。另一个是当前页面的CSS。CSS文件在2内引入，减少http请求，避免CSS表达式。
2.尽量把页面的背景图片和小图标整合成一张图片，使用CSS定位的方法。这样就减少了http请求，从而降低了网站的下载速度。
3.把剧本放在最下面。
这样就可以一步一步的呈现页面，尽快的把页面中的视觉成分切下来。
设计师需要注意的几点：
1.尽量考虑将元素命名为自己的功能或“意图”，以达到语义意义。不要使用表面命名。例如：红/左/大。
2.组合命名规则：
[元素类型]-[元素功能/内容]如：搜索按钮：btn-search
登录表单：表单-登录
新闻列表：列表-新闻
3.说出参与互动行为的元素：
交互行为中涉及的元素通常有不同的风格，如正常、悬停、点击和浏览。关于命名，请参考以下规则：
鼠标悬停：悬停点击：点击浏览：访问
比如：搜索按钮：BTN-搜索，BTN-搜索-悬停，BTN-搜索-访问
4.需要注意的用户体验：
1)对于每个连接，鼠标悬停时按钮应该有变化效果。如果悬停时更改了背景图片，请将这两张图片整合成一张图片，防止悬停时页面仍在下载的图片，这样没有图片的按钮之间会有空隙；
2) INPUT有标签，允许用户点击单词时自动跳转到对应的输入；
3)图片被遮挡时，万一出现文字替换，图片要有alt属性。
配合程序开发人员我们需要注意的(xhtml)：
1.了解用户可以编辑、上传和修改的“图片”和“文本”区域的要求。根据要求定位和控制，确保页面稳定显示。比如图片，你需要知道：
1)宽度是否为固定尺寸；
2)最大宽度；
3)大小不同时居中显示；
对于文字，你需要知道：
1)文本的最大长度。以及带有省略号“.”的区域。
2)在测试中，英文中往往没有空格，应该使用overflow:隐藏方法隐藏溢出部分。
2.在每页上添加一个正确显示的标题。
3.尽量完成页面中每一步的互动效果，包括及时回应的那一步。
4.提交给程序员的DEMO必须是连贯的、交互的，并且已经在IE6.0、IE7.0和FIREFOX中测试过不止一次。
鲁ICP备15001313号
鲁公网安备 37039402000105号