选择显示字体大小

dreamweaver2004:用模板作网页

    随着inte.net的普及,很多人已经不满足于仅仅上网冲浪,而希望深入地参与其中。现在,拥有自己的web网站已经成为一种潮流。 虽然制作一个简单的网页并不困难,但是制作出超凡脱俗的网站就不那么容易了,因此我们特意为大家准备了最新网站设计软件dreamweaver mx 2004的系列教程,希望对大家有所帮助。

    通常在一个网站中会有几十甚至几百个风格基本相似的页面,如果每次都重新设定网

    页结构以及相同栏目下的导航条、各类图标就显得非常麻烦,不过我们可以借助dreamweaver mx 2004的模板功能来简化操作。其实模板的功能就是把网页布局和内容分离,在布局设计好之后将其存储为模板,这样相同布局的页面可以通过模板创建,因此能够极大提高工作效率。

    一、制作模板

    制作模板和制作一个普通的页面完全相同,只是不需要把页面的所有部分都制作完成,仅仅需要制作出导航条、标题栏等各个页面的公有部分,而把中间区域用页面的具体内容来填充。

asp?p=/2006-4-19/90800112818_1.jpg" border="0" alt="dreamweaver2004:用模板作网页" />

    第一步:先在dreamweaver mx 2004中运行“file→new”命令,接着从图1所示的窗口中依次选定“template page→html template”选项,点击“create”按钮之后即可创建一个模板文件。

    第二步:在页面设计视图下插入网页框架、导航条、flash标题等所有页面公有的元素(图2),然后运行“file→save”命令将这个模板保存下来。

asp?p=/2006-4-19/10916112818_2.jpg" border="0" alt="dreamweaver2004:用模板作网页" />

    小提示:可以先下载一个中意的网页,然后在dreamweaver mx 2004中打开它,仅仅保留框架等元素之后通过“file→save as template”命令将其保存为模板,这样能够省去很多制作模板的时间。

    为了避免编辑时候误操作而导致模板中的元素变化,模板中的内容默认为不可编辑,只有把某个区域或者某段文本设置为可编辑状态之后,在由该模板创建的文档中才可以改变这个区域。先用鼠标选取某个区域(也就是每个页面不同内容的区域),接着运行“modify→templates→new editable region”命令,并且在弹出的对话框中为这个区域设定一个名称,这样就完成了编辑区域的设置。

    小提示:设定好编辑区域之后需要运行“file→save”命令保存所做的修改。


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons