网站建设项目教程-12课件.pptVIP

任务1.2制作前台网页的静态部分 学习目标： 　　熟练快速创建静态网站，用表格规划网页；会分析网站前台网页，迅速编辑好前台网页的共同部分；理解前台网页间的链接关系，构建好网站前台部分的框架。 一、复习引入： 　　浏览网站时，不知你发现前台部分的网页是否有相同的内容？如果有，可不可以将这些相同内容快速地制作好？ 二、任务分析： 1、通过再一次浏览网站，确实发现它们有相同的内容。 2、相同内容集中在页眉和页脚位置，主体部分各不相同。 　　3、设计制作好一个网页后，再单击菜单“文件”→ “另存为(A)…”快速制作另外的前台网页。 三、制作前台网页的共同部分。 　　1、以“职业学校”为名创建本地静态网站，新建一个网页，命名为“前台.asp”。 2、将网页编码改为“简体中文(GB2312)”。 3、用表格规划网页：页眉、主体和页脚三个表格。 4、编辑页眉和页脚。 5、在页眉右下角添加获取现在日期的代码。 四、将“前台.asp”另存为前台所有网页。 　　按图1-4所示的网站文件结构，依次使用“文件”→“另存为(A)…”菜单命令创建网站前台的所有网页文件。如果出现“要更新链接吗？”的提示时，一定要选择“是(Y)”，保证网页间的链接正确。 五、本任务最重要的有三个内容： 第一个是对页眉页脚的规划； 第二个是前台网页中的所有超链接； 第三个是显示日期的代码。 六、小结： 快速设计制作有相同内容的网页主要可以用两个方法： 1、用模板创建网页； 2、用“另存为”菜单命令。 七、作业： 用两种方法快速创建自行设计的有相同内容的一组网页。 实习2 创建网站前台网页的静态部分 　　一、启动Dreamweaver CS5，以“职业学校”为名，将文件夹e:\2101\asp定义为静态网站； 　　二、新建一个网页“untitled.html”，把它改名为“前台.asp”； 　　三、设计制作“前台.asp”： 　　1、用表格规划网页； 　　2、规划、编辑页眉，创建好正确的超链接、添加正确的显示当前日期的代码； 　　3、规划、编辑页脚，创建好正确的超链接； 　　4、把网页标题改为“前台网页”，并保存。 　　四、用“另存为”的方法，依次创建前台的所有网页。 　　注意：现在预览网页，是不会正确显示信息的，因为文件的扩展名是.asp! 　　如果真的想预览一下网页，可以暂时删除添加日期代码，再把文件扩展名改为.html。