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

任务1.3制作后台网页的静态部分 学习目标： 　　会分析网站后台网页，迅速编辑好后台网页的共同部分；理解后台网页间的链接关系，构建好网站后台部分的框架。 一、复习引入： 　　通过分析、设计前台网页的相同内容，可以用同样的方法分析、设计后台网页的相同内容，且它的相同内容如图1-10所示。 二、任务分析： 后台网页要制作的部分有三个： 页眉 主体左部 页脚 三、任务实施。 1、在admin文件夹中新建一个名为“后台.asp”的网页。 2、将网页编码改为“简体中文(GB2312)”。 3、规划编辑页眉页脚。 4、制作主体左部的导航栏。 5、将“后台.asp”另存为后台所有网页。 第一个是对页眉页脚的规划； 四、本任务最重要的也有三个内容 第二个是后台网页中的所有超链接； 第三个是显示日期和时间的代码。 五、必备知识 1、快速设计制作有相同内容的网页。 常用的布局类型有三种： “T”型布局、“口”型布局和“三”型布局。 3、布局方法： 六、作业： 　　用多种方法快速创建自行设计的有相同内容的一组网页，然后选择一种你喜欢的方法再次实践，力争熟练掌握它，真正快速地创建需要的网页。 2、网页布局类型： 4、ASP代码： 实习3 创建网站后台网页的静态部分 　　一、启动Dreamweaver CS5，打开实习2中定义的静态网站； 　　二、在文件夹“/admin”新建一个网页“untitled.html”，把它改名为“后台.asp”； 　　三、设计制作“后台.asp”： 　　1、用表格规划网页； 　　2、规划、编辑页眉，添加正确的显示当前日期和时间的代码； 　　3、规划主体的左部，创建好正确的超链接； 　　4、规划、编辑页脚，创建好正确的超链接； 　　5、把网页标题改为“后台网页”，并保存。 　　四、用“另存为”的方法，依次创建前台的所有网页。 　　注意：现在预览网页，是不会正确显示信息的，因为文件的扩展名是.asp! 　　如果真的想预览一下网页，可以暂时删除添加日期和时间代码，再把文件扩展名改为.html。