第四讲 网站模板及超链接的使用

专注、专业、创新、共赢2020/2/3第四讲网站模板及超链接的使用专注、专业、创新、共赢2020/2/3回顾表格的作用及组成建立表格的HTML标记Dreamwever对表格的操作表格布局网页专注、专业、创新、共赢2020/2/3本讲目标理解站点理解dreamweaver中库的使用掌握模板的使用掌握超链接的使用专注、专业、创新、共赢2020/2/3一、本地站点站点网站不同于单个网页，通常会包括许许多多的网页、图片、音乐、动画，以及Flash影片等，这些资源以一定的方式进行组织，相互关联，而大家经常说的网页，其实只是进入Web站点中的一组网页和其他文件的初始网页等。由于网站中各项资源并不是杂乱无章的，所以需要经常管理，例如修改文件名称、更改目录层次等，这时就需要利用Dreamweaver的站点管理功能来帮助大家减轻低级重复性的劳动，从而高效地完成站点的管理工作。站点分为本地站点和远程站点。在本地站点中网页和图片等都存放在本地，而且Web服务器也是在本地，但是在很多情况下，比如多人协同开发，或者是另有一个文件服务器和Web服务器，网站文件都需要存放在远处的服务器而不是本地，在这种情况下，就可以创建一个远程站点，先在本地编辑文件或直接编辑服务器上的文件，然后在远程服务器上发布站点。专注、专业、创新、共赢2020/2/3站点的基本操作新建站点打开站点复制站点删除站点演示创建站点一、本地站点专注、专业、创新、共赢2020/2/3管理网站文件的结构按照文件的类型对网站的文件进行管理一、本地站点专注、专业、创新、共赢2020/2/3按照主题对文件进行分类管理管理网站文件的结构一、本地站点专注、专业、创新、共赢2020/2/3管理网站文件的结构对文件的类型进行进一步细分管理网站文件的结构专注、专业、创新、共赢2020/2/3站点中创建网页的方法文件→新建开始页站点右建→新建一、本地站点专注、专业、创新、共赢2020/2/3二、库什么是库？为什么使用库？库是一种用来存储想要在整个网站上经常重复使用或更新的页面元素(如图像、文本和其他对象)的方法。这些元素称为库项目。使用库的意义:很多网页设计师讨厌频繁的改动网站，使用Dreamweaver的库，可以很好的解决这个问题!如果使用了库，就可以通过改动库更新所有采用库的网页，不用一个一个的修改网页元素或者重新制作网页。使用库比使用模板，有更大的灵活性。专注、专业、创新、共赢2020/2/3创建库项目操作库项目插入库项目将库项目与源文件分离二、库专注、专业、创新、共赢2020/2/3三、模板什么是模板模板的优点：1.风格一致，看起来比较系统，也省去了重复劳动的麻烦。2.如果要修改共同的页面元素，则不必一个一个修改。3.免除了以前没有此功能时还要常常“另存为”；否则一不小心容易覆盖重要档案的困扰。专注、专业、创新、共赢2020/2/3模板的常用操作制作模板使用模板修改模板以更新文档将文档和模板分离将模板应用到已经存在的文档三、模板专注、专业、创新、共赢2020/2/3四、超链接超链接就是当鼠标单击一些文字、图片或其他网页元素时，浏览器就会根据其指示载入一个新的页面或跳转到页面的其他位置。（一）文字超链接ahref=1.html文字/a专注、专业、创新、共赢2020/2/3图片超链接ahref=风景描述.htmimgsrc=风景.htm/a四、超链接专注、专业、创新、共赢2020/2/3（三）电子邮件的链接四、超链接专注、专业、创新、共赢2020/2/3四、超链接•TARGET:该属性用于指定打开链接的目标窗口，其默认方式是原窗口。属性值描述_parent在上一级窗口中打开，一般使用分桢的框架页会经常使用_blank在新窗口打开_self在同一个桢或窗口中打开，这项一般不用设置_top在浏览器的整个窗口中打开，忽略任何框架专注、专业、创新、共赢2020/2/3例1：为文字添加超链接四、超链接专注、专业、创新、共赢2020/2/3Dreamweaver中实现超链接Dreamweaver中热区的使用图片的超链接还有一种方式，就是图片的热点区域。所谓图片的热点区域就是将一个图片划分出若干个链接区域。访问者点击不同的区域会链接到不同的目标页面。四、超链接专注、专业、创新、共赢2020/2/3总结站点dreamweaver中库的使用模板的使用超链接的使用专注、专业、创新、共赢2020/2/3作业1.在dw中创建前沿科技公司的本地站点，按需要创建目录结构。2.将网站中所需要的素材添加到站点相应目录中3.制作前沿科技公司的模板页。4.根据模板页制作品牌谋略、成就品牌、品牌顾问、前沿广告、文化传播、联系我们分页。5.修改模板页，将导航中的各个项与分网页建立超链接。专注、专业、创新、共赢2020/2/3预习课本第6章