教学课件-网站建设项目六.ppt
《教学课件-网站建设项目六.ppt》由会员分享,可在线阅读,更多相关《教学课件-网站建设项目六.ppt(11页珍藏版)》请在冰豆网上搜索。
项目六项目六项目六项目六创建个人网站创建个人网站创建个人网站创建个人网站制作模板应用模板制作网页延伸阅读模块一模块一模块一模块一制作模板制作模板制作模板制作模板一、新建并保存模板一、新建并保存模板Dreamweaver中的模板是一种特殊类型的文档,用于制作“固定”的页面布局。
用户首先创建一个模板,然后基于模板创建文档,从而使创建的文档继承模板的页面布局。
制作模板时,可以指定在基于模板的文档中用户可以编辑文档的哪些区域,也就是所谓的可编辑区域。
本节首先来看看创建模板文档的方法(具体操作见视频6-1)。
二、编辑模板内容二、编辑模板内容二、编辑模板内容二、编辑模板内容模板内容的编辑同普通网页没什么区别,本节通过编辑前面创建的模板来讲解模板内容的编辑(具体操作见视频6-2)。
三、创建可编辑区域三、创建可编辑区域三、创建可编辑区域三、创建可编辑区域所谓可编辑区域,就是在基于模板创建的文档中可以编辑的模板区域,也就是相同结构网页中的不同部分。
下面我们来看可编辑区域的创建方法(具体操作见视频6-3)。
模块二模块二模块二模块二应用模板制作网页应用模板制作网页应用模板制作网页应用模板制作网页一、用模板制作网站首页一、用模板制作网站首页利用模板,可以轻松创建网站中的各个网页。
二、应用模板制作网站子页二、应用模板制作网站子页二、应用模板制作网站子页二、应用模板制作网站子页用模板创建网站子页后,还需要对可编辑区域做简单的编辑,才能完成子页的创建(具体操作见视频6-4)。
三、修改模板三、修改模板三、修改模板三、修改模板在“资源”面板的左侧列表区单击“模板”图标,则右侧显示模板列表。
双击要修改的模板,可以打开并修改模板(具体操作见视频6-5)。
四、设置网页状态栏文本四、设置网页状态栏文本四、设置网页状态栏文本四、设置网页状态栏文本状态栏文本就是在浏览网页时显示在浏览器状态栏中的文本。
本节使用行为给个人网站中的模板文档设置状态栏文本。
延伸阅读延伸阅读延伸阅读延伸阅读一、制作并应用库项目一、制作并应用库项目库是一种特殊类型的Dreamweaver文件,可以在库中存储各种各样的页面元素,如图像、表格、声音和Flash文件等。
库里的这些元素或元素集合称为库项目。
可以将库项目应用到任何一个网页中,每当更改某个库项目的内容时,所有使用该项目的页面会随之更新。
本节简单介绍一下将网页元素保存为库项目的方法(具体操作见视频6-6)。
二、网页特效二、网页特效二、网页特效二、网页特效状态栏射击跑马灯效果状态栏射击跑马灯效果状态栏射击跑马灯效果状态栏射击跑马灯效果所谓状态栏射击跑马灯效果,就是状态栏中的文字好像射击一样,一个一个地从右侧蹦出来,非常漂亮。
本节来给前面创建的模板文档设置该效果(具体操作见视频6-7)。
三、网页特效三、网页特效三、网页特效三、网页特效自定义鼠标效果自定义鼠标效果自定义鼠标效果自定义鼠标效果只需要一小段代码,你的鼠标就会变得与众不同。
本节通过把个人网站的鼠标设置成kitty猫的形象,来看看如何打造属于自己的鼠标(具体操作见视频6-8)。