当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网页制作应注意的几个事项

心得技巧
在线完成线框图制作的几个网站
网页交互设计参考:漂亮的网页登陆表单设计实例
设计思想:漫话产品设计
设计观点:设计一个让用户感觉过瘾的作品
网页设计参考:25个漂亮的blog评论区设计
设计参考:70个璀璨的博客footer区设计
设计参考:个性风格精致背景的Blog设计实例
饱和度非常高的鲜艳颜色在网页设计中的运用实例
网页设计参考:50个杂志类网站设计实例
WEBJX收集47个漂亮的德国网页设计实例
50个专业的web设计外包公司/个人的网站设计实例
Webjx收集25个新颖活泼的基督教网站设计实例
日本雅虎(Yahoo JP!)的时尚频道设计
电子商务网站:用创意打败萧条(上)
电子商务网站:用创意打败萧条(中)
UE实践笔记:敏捷人种志研究
保持视觉设计一致性是一种良好的用户体验
用户体验设计:精简复杂操作过程的界面设计
设计灵感:40个国外潮流的纹理网站设计实例
设计理论:网页图片区域的版式设计技巧

心得技巧 中的 网页制作应注意的几个事项


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 58 ::
收藏到网摘: n/a

--主页备份
1、txt 文本
2、scan 扫描图片
3、psd 设计原图(包括AI、Flash、Banner等等)
4、htm 网页文件
5、htm_old* 旧的网页文件备份 --html的目录结构
1、打开网页排版软件Dreamweaver的site网站管理视窗,按栏目内容建立子目录;

2、在每个主目录下都建立独立的images目录,不要将所有文件都存放在根目录下;
3、所有的文件夹名和文件名用小写字母,并取与中文意义对应的英文文件名。 --HTML源代码
1、字符集的设定:中文版用GB简体码gb2312,英文版用iso-8859-1字符集;
2、每个页面都要写标题<title>,不同页面根据其主题注不同的标题;
3、外国公司的首页面注上<meta>字段便于搜索引擎查找(如:description、keyword);
4、要包含全部图标<img>的长宽值和alt属性(注释文本)。 --表格的应用
1、整个页面不要都套在一个表格里,尽量拆分成多个表格;

2、表格嵌套层次尽量要少;
3、能用表格定位的尽量少用层。 --使用分栏(frame)
避免分栏边界被隐藏,使一些栏目内容也被隐藏起来。 --文字
1、用css定义字体大小、行间距(建议使用"外部链接"方式,将css的设定作成一个单独的文件,在每个页面里都调用它);
2、避免文字错误和内容放置错误(以客户资料和制作要求为准);
3、中文文本每行开始空两格。 --图片
颜色丰富或渐变的图片(如产品图片等),建议用JPG格式;颜色单调的图片(如LOGO、文字按钮等),建议用GIF格式。 --链接
1、不要有错误链接、出不来的图像(包括由于文件名大小不一致或路径不对引起的错误);
2、所有次页面包含一个返回首页的链接。 --效果与速度
1、网页应该保持较小的字节数,过大的文件分成若干个页面;
2、在不影响图片效果的前提下合理压缩图形文件。 --浏览器兼容性
同时兼顾IE和Netscape两种浏览器及多种分辨率等情况,避免排版出错。 --其它
确认公司简介包含公司全部相关信息,包括通信地址、电话、E-mail和联系人等。