PHP+CMS+Dreamweaver网站设计实例教程 作者 王德永 张少龙 第4章 教育网站静态页面布局.pptVIP

学习了图文混排和表单的知识后，让我们一起来制作韩创教育网站的内容页面吧！首先我们来分析一下内容页的效果图4-86，同时对内容页进行布局划分，划分完成后如图4-87所示。 使用学过的表格布局，对页面进行布局，布局完成后的效果图如下图4-88所示 1、布局页面 在相关知识中，我们讲述了表单的相关知识，接下来我们动手制作“搜索”栏目。 （1）在单元格插入“表单” 。 （2）在“表单”中插入“文本域” 。 （3）在“表单”中插入“按钮”。按钮值输入“搜索”。 2、制作“搜索”栏目 输入文字，插入图片，设置图片的对齐方式，如下图4-92所示。 3、输入文字，插入图片 保存制作的页面，按F12进行预览，完成页面的制作。最终完成如下图4-93所示。 4、制作完成 评分项目 评分标准 分值 比例 任务结果 熟练掌握表格布局知识---布局韩创教育内容页 0~10 50% 熟练掌握超级链接的使用---制作页面超级链接 0~10 熟练掌握图文混排知识---制作新闻页面 0~30 任务过程 根据任务实施过程的态度、团队协作、拓展能力和创新能力等方面进行考核 酌情打分 20% 知识的掌握 图文混排 酌情打分 20% 任务完成时间 在规定的时间内完成任务者得满分，每推延1小时扣5分 0~20分 10% 本任务我们主要学习了图文混排以及表单的知识。 网页内容的排版精美与否，图文混排起着非常重要的作用，熟练掌握图文混排的使用方法，可以让我们的网页制作的更加美观。 表单是用语实现浏览者与网页制作者之间信息交互的一种网页对象，在Internet中表单被广泛应用于各种信息的搜索与反馈。在今后的php内容学习中也会广泛应用到表单，所以同学们要熟练掌握表单的相关知识。 4.4.1 任务描述 4.4.2 相关知识 4.4.3 任务实施 4.4.4 任务评价 4.4.5 任务小结 本任务我们主要讲述模板的相关知识，模板属于站点资源，可以很大程度上提高网页制作的效率。如果希望站点中的网页享有某种特性，如相同的布局结构、相似的导航栏等内容，模板是非常有用的。准备好了吗？跟我一起进入任务四的学习吧。 新建模板的方式有两种：一种是从现有文档中新建模板，另一种是从新建的空白文档中新建模板。 接下来，我们演示制作从现有文档中新建模板的方式。我们利用已经存在的lufood.html（鲁菜菜单特点）页面，制作生成模板用来制作其他菜系特点的页面。 一、新建模板 首先，我们观察lufood.html页面，确定保存为模板的区域。由图4-94，我们可以分析出保存为模板的区域。红色线框内的内容是变化的，其他区域的内容是固定的。 一、新建模板 1、布局模板页面 利用我们学过的表格，图文知识搭建模板页面，搭建完成后的页面如下图4-95所示。 一、新建模板 2、创建可编辑区域 在模板中，可编辑区域是要制作的页面的一部分，对于基于模板的页面，能够改变可编辑区域的内容。 创建可编辑区域，可以执行以下操作： 选择要设置为可编辑区域的文本或内容。 将插入点放在想要插入可编辑区域的地方。 一、新建模板 3、保存模板 保存模板的方式如下图4-98所示。 一、新建模板 4、应用模板制作新的网页sufood.html（苏菜菜系特点） 执行“菜单”→“新建网页”，弹出新建网页窗口，选择“模板中的页”，如图4-99所示。 一、新建模板 5、编辑模板创建的新页面sufood.html 在可编辑区域输入文字图片，操作过程如下图4-100所示 一、新建模板 6、保存预览 保存预览完成页面的制作，效果图如下图4-101所示。 一、新建模板 分析list.html页面，选定哪些区域是固定的，哪些内容是需要可编辑的。分析后的可编辑区域如图4-102中红色线框所示。 1、分析页面，选定可编辑区域 将红线框起来的内容删除掉，然后选择“插入”面板→“模板”→“可编辑区域”，制作如下图4-103所示。 2、插入“可编辑”区域 执行“文件”→“另存为模板”，弹出窗口给模板命名，完成模板的创建。 在站点目录下生成新的文件夹“Templates”，生成的模板位于该文件夹中，如图4-105所示，至此完成模板页的制作。 3、文件另存为模板 评分项目 评分标准 分值 比例 任务结果 熟练掌握表格布局---制作内容页模板页面布局 0~10 50% 熟练掌握超级链接的使用---制作导航条 0~10 熟练掌握模板的应用---创建内容页模板 0~30 任务过程 根据任务实施过程的态度、团队协作、拓展能力和创新能力等方面进行考核 酌情打分 20% 知识的掌握 模板制作 酌情打分 20% 任务完成时间 在规定的时间内完成任务者得满分，每推延1小时扣5分 0~20分 10% 本任务我们主要学习了模板的制作。 模板是网页编辑软件生成具有相似结构和外观的一种