国际艺术界  
国际艺术界首页
 
    国际美术网 国际书法网
国际音乐网                    
国际影视网
 
国际设计网
  国际摄影网   国际广告网    
书画装裱|配框 国际文学网
国际艺术市场       LOGO标志设计  
 
艺术原创区
 
   
   
 艺术家库 | 人体艺术 | 会员中心 | 资源下载 | LOGO设计 | 艺术展厅 | 艺术家排行榜 | 艺术设计 | 作品欣赏库 | 在线投稿
  您的位置:国际艺术界-->国际设计网-->网页多媒体  
国际设计网   
每期榜上星闻   
热点推荐    
  标志设计欣赏    
  平面设计欣赏    
  设计精品    
  设计师加盟    
  包装设计欣赏    
视觉识别    
  标志设计    
  平面设计    
  包装设计    
  服装设计    
  名片设计    
工业设计    
  交通工具    
  电子产品    
  日常用品    
  其他用品    
  设计作品欣赏    
网页多媒体    
  网页设计    
  多媒体作品    
  酷站收录    
  网页理念    
  作品欣赏    
CG 动画    
  CG 插画    
  手绘插画    
  动漫Flash    
  素材与教程    
  作品欣赏    
建筑与环境    
  城市景观    
  园林园艺    
  室内艺术    
  建筑艺术    
  作品欣赏    
学艺沙龙    
  高考辅导    
  设计教程    
  学习院校    
  推荐图书    
  设计对话    
设计服务商    
  设计资讯    
  人才中心    
  设计公司    
  个人与团体    
  设计书籍    
  广告作品欣赏图库   
  媒体广告欣赏   
  室内外广告欣赏   
  展览展示欣赏   
  广告礼品欣赏   
  优秀广告欣赏   
  广告设计   
  公益广告   
  化妆品品牌   
  设计作品欣赏图库   
  LOGO-标志设计欣赏   
  平面设计欣赏   
  包装设计欣赏   
  服装设计欣赏   
  交通工具欣赏   
  电子产品欣赏   
  日常用品欣赏   
  其他用品欣赏   
  网页设计欣赏   
  多媒体作品欣赏   
  CG插画欣赏   
  手绘插画欣赏   
  动漫Flash欣赏   
  城市景观欣赏   
  园林园艺欣赏   
  室内设计 室内装修   
  建筑艺术欣赏   
  精品海报欣赏   
  QQ头像   
  QQ网名   
  名片设计欣赏   
  字体设计   
  画册封面|画册设计   
  商标设计商标转让查询   
  书法作品欣赏图库   
  毛笔(软笔)书法欣赏   
  硬笔书法欣赏   
  篆刻艺术欣赏   
  美术作品欣赏图库   
  国画欣赏   
  油画欣赏   
  工艺美术欣赏   
  雕塑浮雕欣赏   
  装饰画图片素材   
  素描头像素描静物   
  景泰蓝工艺画   
  摄影作品欣赏图库   
  老照片欣赏   
  新闻摄影欣赏   
  人体艺术|人体摄影   
  广告摄影欣赏   
  人物摄影欣赏   
  体育摄影欣赏   
  风光摄影欣赏   
  婚纱照片欣赏   
  影视曲艺作品图库   
  影视精彩片段欣赏   
  戏剧艺术片段欣赏   
  曲艺艺术片段欣赏   
  戏曲艺术片段欣赏   
  音乐作品欣赏图库   
  声乐欣赏   
  器乐欣赏   
  FlashMV欣赏   
  音乐作品(MV)欣赏   
  非主流图片   
  非主流图片素材   
  非主流图片设计   
  非主流签名   
  非主流闪图   
  非主流头像   
  非主流动画   
  非主流歌曲   
  桌面壁纸欣赏图库   
  WINDOWS主题壁纸   
  苹果主题壁纸   
  动物植物风光   
  经典设计壁纸   
  人物主题壁纸   
  高分辨率壁纸   
  游戏卡通壁纸   
  其他类别壁纸   
  个性图标头像   
 
Dreamweaver网页制作技巧:使用模板
2007/8/4 13:29:02   
 

 

    随着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”命令保存所做的修改。

 二、使用模板

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

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

  小提示:如果仍然看不见高亮显示效果,还可以依次选中“View→Visual Aids→Invisible Elements”命令。

    最后,我们只要在可编辑区域添加网页的内容就可以了,比如添加一些文字说明或者是插入相应的图片,最后通过“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”按钮,这样就可以很快完成模板更换操作了。

  小提示:利用这个功能可以为网站首页分别制作夏天和冬天两个版本,这样可以非常方便地更换模板。

  其实模板的相关内容还很多,不过限于篇幅只能选取部分介绍,希望大家能够举一反三,彻底领会到模板的精妙所在。

 

 
编辑:国际艺术界  
设计大师帮扶:标志logo设计 包装设计 画册设计 广告设计 平面设计等VI系统设计 在线QQ:104601249
上一篇】   【下一篇】    【字体: 】【打印


      
   
《国际艺术界名家大典》征稿  弘扬中国梦传递“真正美”免费送名人书法题字QQ:306646416  
本站文章、作品、留言只代表作者和留言者本人,不代表国际艺术界网观点……
 
 
精品标志设计
点击 697028 次
 
六安瓜片茶包装
点击 281806 次
 
法国巴黎铁塔夜景
点击 137458 次
 
国外书籍装帧封面设计[15]
点击 114942 次
 
电影海报-欧美创意篇
点击 113450 次
 
丹麦--陶瓷灯具品欣赏[7]
点击 92447 次
 


图片素材 平面设计欣赏 标志设计欣赏 包装设计欣赏 书法欣赏 名片设计 人体艺术 油画欣赏 国画欣赏

 推荐文章
 文章标题 点击次数 发布日期
==>  如何下载 设计 制作极简网站 25261 2010/3/23 13:52:10
==>  国外摄影网站网页设计欣赏 24010 2011/6/3 15:20:57
==>  国外优秀的室内设计网站 21488 2010/9/28 13:40:40
==>  黑白经典网页设计欣赏 21300 2010/12/10 10:22:05
==>  时尚服装电子商务网站设计 17995 2011/4/20 13:01:59
 相关文章
 资讯标题 点击次数 发布日期
==>  如何下载 设计 制作极简网站 25261 2010/3/23 13:52:10
==>  国外摄影网站网页设计欣赏 24010 2011/6/3 15:20:57
==>  国外优秀的室内设计网站 21488 2010/9/28 13:40:40
==>  黑白经典网页设计欣赏 21300 2010/12/10 10:22:05
==>  时尚服装电子商务网站设计 17995 2011/4/20 13:01:59
 
   
关于我们 | 诚邀合作 | 免责声明 | 意见反馈 | 招贤纳士 | 法律顾问 | 在线投稿 | 友情链接 | 联系站长
  www.gjart.cn QQ: 306646416 
  版权:中国.国际艺术界网 美国-国际艺术界联合会G.J.Art (USA) Association