网页设计教程 - 图文 下载本文

跟着Internet的普及,良多人已经不知足于仅仅上网冲浪,而但愿深切地介入其中。此刻,拥有自己的Web网站已经成为一种潮水。固然建造一个简单的网页并不坚苦,可是建造出超凡脱俗的网站就不那么轻易了,是以我们特意为大师筹备了最新网站设计软件Dreamweaver MX 2004的系列教程,但愿对大师有所辅佐。

凡是在一个网站中会有几十甚至几百个气概基秘闻似的页面,若是每次都从头设定网页结构以及不异栏面前目今的导航条、各类图标就显得很是麻烦,不外我们可以借助Dreamweaver MX 2004的模板功能来简化操作。其实模板的功能就是把网页结构和内容分手,在结构设计好之后将其存储为模板,这样不异结构的页面可以经由过程模板建立,是以能够极大提高工作效率。

一、建造模板

建造模板和建造一个通俗的页面完全不异,只是不需要把页面的所有部门都建造完成,仅仅需要建造出导航条、题目栏等各个页面的公有部门,而把中心区域用页面的具体内容来填充。

第一步:先在Dreamweaver MX 2004中运行“File→New”呼吁,接着从图1所示的窗口中依次选定“Template page→HTML template”选项,点击“Create”按钮之后即可建立一个

模板文件。

第二步:在页面设计视图下插入网页框架、导航条、Flash题目等所有页面公有的元素(图2),然后运行“File→Save”呼吁将这个模板保留下来。

小提醒:可以先下载一个中意的网页,然后在Dreamweaver MX 2004中打开它,仅仅保留框架等元素之后经由过程“File→Save as Template”呼吁将其保留为模板,这样能够省去良多建造模板的时候。

为了避免编纂时辰误操作而导致模板中的元素转变,模板中的内容默认为不成编纂,只有把某个区域或者某段文本设置为可编纂状况之后,在由该模板建立的文档中才可以改变这个区域。先用鼠标拔取某个区域(也就是每个页面分歧内容的区域),接着运行“Modify→Templates→New Editable Region”呼吁,而且在弹出的对话框中为这个区域设定一个名称,这样就完成了编纂区域的设置。

小提醒:设定好编纂区域之后需要运行“File→Save”呼吁保留所做的点窜。

[1] [2] [3] [4] 下一页

二、利用模板

有了模板之后,接下来就要在编纂网页时辰利用它们了。只要在Dreamweaver MX 2004主窗口中运行“File→New”呼吁即可看见图1所示的新建窗口,接着进入“Templates”标签即可查看到已经保留的模板,从中拔取一种还可以在右部的预览区进行预览(图3),最后遴选一款中意的模板并点击下部“Create”按钮打开这个模板。

在打开的模板中,无法编纂的区域将呈高亮状况显示,可是有些位置是锁定区域,却不是高亮显示,这主若是因为图片正好盖住了布景的颜色。对于这种情况,可以运行“Edit→Preferences”呼吁,在弹出窗口的“Category”列表中拔取“Highlighting”一项,接着在右部区域中拔取“Locked regions”旁边的“Show”选项(图4),而且设定高亮显示色为蓝色,这样就可以很清楚地分辩出模板中的锁定区域了。

小提醒:若是仍然看不见高亮显示结果,还可以依次选中“View→Visual Aids→Invisible Elements”呼吁。

Dw设计、套用模板技巧(2)

最后,我们只要在可编纂区域添加网页的内容就可以了,好比添加一些文字声名或者是插入响应的图片,最后经由过程“File→Save”呼吁保留页面即可。 三、点窜和改换模板

在经由过程模板建立了若干个页面之后,若是需要更改页面或者增添栏目,再对所有的页面手工点窜则很是麻烦,是以我们可以经由过程Dreamweaver MX 2004的模板点窜功能来解决这个问题。好比我们对模板进行了点窜之后,运行“File→Save”呼吁来保留模板,这时辰会弹出提醒框询问是否更新所有利用了该模板的页面(图5),确认之后就会显示出更新的

页面总数以及更新的时候等信息。

此外,Dreamweaver MX 2004还供给了一个为网页改换模板的功能,这样改换模板有点像给人更衣服,只要把各类模板建造好,然后想穿哪件就穿哪件。不外模板也不是随便可以改换的,可以改换模板的前提是被改换的页面必需是经由过程模板建立的,而且页面中的可编纂区域个数和名称必需与要改换模板的可编纂区域个数和名称相一致。好比一个网页中有3个可编纂区域,名称分袂为t1、t2、t3。此外还有一个模板,无论这个模板什么结构,只要它也有3个可编纂区域,而且名称也是t1、t2和t3,那么就可以用它来为原先的网页改换新模板,而页面中3个可编纂区域的内容则响应连结不变。具体的改换模板体例也很简单,只要运行“Windows→Templates”呼吁打开模板面板,此时可以从上部区域遴选合适的模板,然后点击“Apply To Page”按钮,这样就可以很快完成模板改换操作了。

小提醒:操纵这个功能可觉得网站首页分袂建造炎天和冬天两个版本,这样可以很是便利地改换模板。

其实模板的相关内容还良多,不外限于篇幅只能拔取部门介绍,但愿大师能够触类旁通,彻底体味到模板的精妙地址