网页制作应注意的几个事项

--主页备份

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和联系人等。

时间: 2024-10-03 18:23:01

网页制作应注意的几个事项的相关文章

网页制作应掌握技术:随心所欲定制页面"弹出窗口"

弹出窗口|网页|页面 常泡在网上的朋友对"弹出窗口"一定不会陌生,像新浪.163等网站,一进入首页立刻就会弹出一个窗口,里面通常是一些告示信息,或者FLASH广告等等.其实这样的效果很容易实现,大家随我一起动手吧! 不加修饰的弹出窗口 将下面这段代码插入你的页面中,在页面加载时就会自动弹出一个窗口,并打开Google搜索引擎,是不是很简单啊! 将代码放置在〈!-XXX --〉中间是为了兼容较低版本浏览器的需要,在低版本的浏览器中标签内的内容将被视作注视. 打开的页面使用绝对路径(htt

网页制作应做到的

网站规划谁都会,门槛很低,简单的网页培训,弄个平面规划的,偷个模板,立马就能弄起来,但结果势必是一塌糊涂,没有任何的质量,乃至后台程序都是公用的,无论是美观还是安全,都得不到保障. 那啥样的规划才是最为优秀的呢,或许换句话,网站规划必须要做到哪几点呢?下面一一来说. 第一要做到:共同 网站规划要全部兼顾,但也不能没有重点,每个行业,每个公司都会有自个的共同之处,胜人之处,如何通过网站规划来将这些共同之处展示于世人即是制胜的关键,个性化的东西任何人都喜爱. 第二即是要做到:快 互联网的独有特色即是

HTML+CSS网页制作实例:制作左上角卷角效果的网页

文章简介:HTML+CSS网页制作实例:制作左上角卷角效果的网页. 英文原文 http://designshack.net/articles/css/code-a-simple-folded-corner-effect-with-css/ 这篇文章中我们将介绍如何制做paper左上角的卷角效果. 我想让我的几句文字以一张有卷角折叠效果的纸为背景,如果直接用一张图片,很容易实现,但是这里我要用css来实现. 我的这种实现方法并不是非常具有创新意义,但是还是值得拿出来分享的,简单的来说,除了一个矩形

学习网页制作基础入门教程(7)表格标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 学习网页制作基础入门教程(4)图象标签 学习网页制作基础入门教程(5)图象标签 学习网页制作基础入门教程(6)连接标签 表格单元格对齐位置设定 1. 首先我们来看一个最简单的表格: 原始代码 显示结果 <TABLE BORDER=1><TR><TD>1</TD></TR></TABLE&g

总结网页代码常用小技巧,网页制作必学

技巧|网页 1.让浏览器窗口永远都不出现滚动条. 〈body style="overflow-x:hidden;overflow-y:hidden"〉或〈body style="overflow:hidden"〉 或〈body scroll=no〉2,没有水平滚动条〈body style="overflow-x:hidden"〉3,没有垂直滚动条〈body style="overflow-y:hidden"〉 2,如何给图片抖

网页制作全攻略,网页制作学习

攻略|网页 构思篇 着手做主页之前一定要对自己将来的主页有个完整的构思,切忌随心所欲,想到什么做什么.那样的话,要么做到一半就难以为继,半途而废,要么作出的主页也是杂乱无章. 首先,应为自己的主页确定一个主题,如关于电脑.音乐等,以防做成一个大杂烩,不仅加大了寻找素材的难度,而且也为将来网站的维护带来困难.其次,应该给自己的主页确定几个栏目,并依据这 些栏目,设计出整个网站的主体框架,这个框架应保证访客浏览主页时,随时能到他想去的任何一个栏目.再次,要注意背景与正文颜色的对比度以提高页面的可读性

网页制作最常见问题:怎样设计网页

设计|网页|问题 怎样设计网页 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上.认为只要用好了网页制作软件,就能搞好网页设计了-- 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上.认为只要用好了网页制作软件,就能搞好网页设计了. 其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作.正所谓"功夫在诗外",网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计制作的水平上,在于我们自身的美感以及

巧妙运用Dreamweaver进行网页制作技巧

dreamweaver|技巧|网页 巧妙运用DW进行网页制作技巧--熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同. 1.灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用

Dreamweaver网页制作超级技巧36则

dreamweaver|技巧|网页 1. 用Dreamweaver 4.0轻松设计会自动弹性调整的网页 首先需要保证的是你的页面内容采用了表格的格式,然后打开你要编辑的页面,按"Ctrl+F6"或者菜单"View→TableView→Layout?View"转换到布局视图.这时可以看到单元格的列宽,在列宽数字的旁边还有一个小小的下拉式箭头,点击你要设定弹性显示的列上方的小箭头,接着选择"将列设为弹性显示"(Make Column Autostre