网站更新方法 网页制作原则有哪些
当前位置:贝知网>知识分享>设计开发>网站更新方法 网页制作原则有哪些
网站更新方法 网页制作原则有哪些
时间:2022-07-29 设计开发

网站更新方法 网页制作原则有哪些

网站更新方法

进行网站的更新主要有这些方法:一是使用CSS来更新文档格式;二是使用模板更新文档;三是使用库更新站点;其中使用库更新站点与模板相比,使用库有更多的灵活性。

1、使用CSS来更新文档格式

在Dreamweaver编辑网页的状态下创建CSS时,可以选择"仅对该文档"和"新建样式表文件"中的一种来创建CSS样式表。

"仅对该文档"仅对当前文档起作用;"新建样式表文件"创建一个单独的外部CSS样式表文件,多个文档可以链接到外部CSS样式表文件。

修改CSS样式表,可以更新CSS所作用的文档的格式。当一个外部CSS样式表文件被修改时,所有链接到该样式表文件的文档的格式都会自动改变。

从统一网站风格的角度来看,网站中的网页文档的格式应该尽量统一,这意味着应该尽量使用外部CSS文件来统一网站内文档的格式,这既是为了统一风格,也是为了批量更新的需要。因此,网站内的网页文档应尽可能地与CSS文件相链接。

要将一个文档链接到一个外部的CSS文件的操作如下:

①在Dreamweaver中打开网页文档以应用CSS文件,然后打开CSS样式面板。

②点击"附加样式表"按钮,并在出现的对话框中点击"浏览"按钮。

③选择需要的外部CSS样式表文件,点击"确定"按钮。

2、使用模板更新文档

通过由模板创建的页面,当需要改变页面的公共内容或增加栏目时,只要修改模板就可以批量更新文档,而不需要逐个修改页面文档。

在Dreamweaver中对模板进行修改后,选择

"文件"→"保存"命令来保存模板,这时会弹出一个提示框,询问是否要更新所有使用该模板的页面,确认后会自动更新。

此外,还可以在Dreamweaver中改变一个网页的模板。可以用模板替换的网页必须由模板创建,而且网页上可编辑区域的数量和名称必须与替换模板中可编辑区域的数量和名称一致。

例如,如果一个网页有3个名称为tl、t2和t3的可编辑区域,而有另一个模板,不管这个模板的结构如何,只要它也有3个名称为tl、t2和t3的可编辑区域,那么它就可以用来替换原网页的模板,而网页的3个可编辑区域的内容不变。

替换模板的具体方法也很简单,只要选择“修改”→“模板”→“应用模板到页”菜单命令,并选择模板即可。

3、使用库更新站点

库是一种存储页面元素(如图像、文本和其他对象)的方式。这些元素被称为库项。可以通过改变库项目来更新所有使用库的页面,而不必单独修改页面元素或重新创建页面,从而避免了对网站进行频繁修改的麻烦。与模板相比,使用库有更多的灵活性。

①创建一个库项目。在Dreamweaver的“资源”面板上点击“库”按钮,打开库类别。在文档中选择一个要进入库的元素,如图片,并将该元素拖入库中就成为一个库项目,然后为库项目命名后即完成了库项目的创建。

②在页面中插入库项目。选择库项目并将其拖到页面中即可完成库项的插入。

③更新库项目。选择页面中的库项目,点击属性面板中的"打开"按钮,在出现的库项目修改页面中修改库项目,如更换图片,修改完毕后保存,

保存时在"更新库项"对话框中点击"更新"按钮,更新完毕后关闭对话框。

④用库更新网站或页面。在命令菜单中选择"修改"→"库"→"更新当前页面或更新页面"即可完成对页面或站点的更新。

网页制作原则有哪些

网页设计与制作的原则有这些:明确用户需求、遵守"8秒定律"、考虑用户的软/硬件配置、设计主题明确、版面设计的整体性、版面设计的分割性、版面设计的对比性等。

1、明确用户需求。根据用户、浏览者、市场需求等综合分析,以用户为中心,而不是以

"美术"为中心进行设计规划。明确设计网站的目的和用户需求,从而制定出切实可行的设计方案。

2、遵守"8秒定律"。在设计网页的过程中,要尽量对一些大型的Flash动画和图片做技术上的分割,测试打开网页的速度是否合理,是否符合

"8秒定律"。

应该尽量使用浏览器普遍支持的压缩图片格式,如PG和GIF等。JPG的压缩效果较好,适用于中、大型图片,可以节省传输时间。

3、考虑用户的软/硬件配置。有些用户的电脑软/硬件配置不高,如没有足够的显示分辨率或浏览器版本低等。设计师应该从用户的角度考虑如何使用户能够正确地浏览网页。

4、设计主题明确。在明确目标的基础上,完成网站的概念性设想,即整体设计方案。对网站的整体风格和特点做出定位,规划网站的组织结构。

5、版面设计的整体性。整体性是指设计作品中各组成部分在内容上的内在联系和在表达上的相互呼应。注意整个页面设计风格的统一、色彩的统一、版面的统一,即形成网站形象的高度统一。

6、版面设计的分割性。分割性是指按照内容、主题和信息的分类要求,将页面划分为若干板块、栏目,使浏览者一目了然,通过网页达到信息宣传的目的,呈现出与众不同的信息传达效果。

7、版面设计的对比性。在设计过程中,通过采用多与少、主与次、黑与白、动与静、聚与散等对比手法,使网页主题更加突出鲜明,充满活力。

8、网页设计的和谐性。网页的布局要符合人类审美的基本原则,要有整体性。如果只是颜色、形状、线条等的随意混合,那么设计出来的作品不仅没有生命力和灵感,甚至连最基本的视觉设计和信息传达功能都无法实现。

如果你选择的色调与主页的内容不协调,就会传达错误的信息,造成混乱。

9、导向清晰。网页设计的导航应使用超文本链接或图像链接,使浏览者能够在该网站上自由地向前或向后移动,而不是使用浏览器上的前进或后退。

所有的图片都有文字提示,以便那些不想自动加载图片的浏览者能够理解图片的含义。

10、首页的重要性。首页是网站第一印象的关键,坚持干净、清爽的原则。

首先,如果没有特殊需要,尽量不要放置大型图片文件或程序,因为这样会增加下载时间,导致用户失去浏览网页的耐心;其次,屏幕不要设置得杂乱无章,因为用户可能找不到他们所需要的东西。

11、设置背景颜色。如果你在网页的背景上添加一些图片,会影响阅读时间。因此,如果不是很有必要,尽量避免使用背景图片,保持网页的清洁和清新。