电子教案《Dreamweaver网页设计与制作第二版》A063954示例项目九.docxVIP

电子教课设计《Dreamweaver网页设计与制作第二版》A063954示例项目九 电子教课设计《Dreamweaver网页设计与制作第二版》A063954示例项目九 电子教课设计《Dreamweaver网页设计与制作第二版》A063954示例项目九 课程教课设计 讲课内容 项目九 制作个人网站——应用模板和库 讲课班级 讲课学时 8 课时 教课方法 解说法、演示法、议论法。多媒体教课 与手段 项目内容 教课目的  个人网站是供给记录，沟通，分享，显现自我及个性的属于自己的空间和平台，经过网站能够和朋友进行沟通、学习。本项目的工作内容就是制作一个个人网站。网站的设计要求以下： 1.导航要尽量清楚了然，布局合理，有条有理，页面链接层次不要太深，尽量让用户用最短的时间找到需要的资料； 风格要一致。保持一致的风格，有助于加深接见者对个人网站的个人的 印象； 3.色彩要和睦、要点要突出。在网页设计中，要讲究和睦、平衡和要点突出的 原则； 动向成效不宜太多。学生经过本项目的学习，能： 1、 掌握创立和保留模板的方法 2、 娴熟利用模板创立网页 3、 理解库项目的观点 4、 熟习库项目的创立和应用 教课要点 与难点  教课要点：掌握模板和库的使用方法 教课难点：娴熟利用模板创立网页 项目成效 教课过程 设计 【任务一】创立“梦幻花园”首页——应用模板 （一）创立并保留模板文档 创立模板文档的方法有两种。一种是新建空白模板文档，而后像制作一般网页相同制作和编写模板内容；还有一种是将一般网页另存为模板。本节解说如何将一般网页另存为模板。 步 骤 1 将 本 项 目 素 材 中 的 “ gp” 文 件 夹 拷 贝 至 本 地 磁 盘 ， 然 后 在 Dreamweaver 中创立站点“ gp”。翻开准备作为模板的网页（此处为“ gp”站点中的“ invite.html ”文档），而后选择“文件”→“另存为模板”菜单。 步骤 2 翻开“另存模板”对话框，在“站点”下拉列表中选摘要保留到的站点，在“另存为”编写框中命名模板，而后单击“保留”按钮。 步骤 3 弹出提示框，咨询能否更新链接，一般状况下都应单击“是”按钮。 步骤 4 接下来需要编写模板， 模板的编写和一般网页的编写基本一致， 可根 据需要进行详细设计。 步骤 5 达成编写后就要设置可编写地区。选择想要设置为可编写地区的内 容，或将插入点放在想要插入可编写地区的地点。 步骤 6 选择“插入记录”→“模板对象”→“可编写地区”菜单，翻开“新 建可编写地区”对话框，在“名称”编写框中输入可编写地区的名称，而后单 击“确立”按钮，创立可编写地区。 步骤 7 可依照近似方法，设置其余可编写地区，最后按【 Ctrl+S 】组合键保 存文档。 步骤 8 创立可编写地区后， 假如希望选择可编写地区， 可单击可编写地区左上角的可编写地区名称标签， 如图 9— 4 所示；或选择 “改正” →“模板” 菜单，而后从该子菜单底部的列表中选择可编写地区名称。 步骤 9 假如已经将模板中的一个地区标志为可编写， 而此刻想要再次锁定它（使其在鉴于模板的文档中不行编写） ，可使用“删除模板标志”命令。为此，可在选中可编写地区后，选择“改正”→“模板”→“删除模板标志”菜单。步骤 10 要新命名可编写地区，只要单击可编写地区左上角的可编写地区名称标签，而后在“属性”面板的“名称”编写框中改正即可。 步骤 11  编写完后，选择“文件”→“保留”菜单，或按【  Ctrl+S  】组合键 保留文档。 模板文档中除可定义可编写地区外，还可经过选择“插入记录”→“模板对象”菜单，定义其余几种种类的地区。 可选地区：假如在模板中指定了这种地区，则在鉴于模板的文档中可显示 或隐蔽该地区。 要为文档中的某部分内容设置条件时， 可使用“可选地区” 。 重复地区：重复地区是能够依据需要在鉴于模板的页面中复制随意次数的 部分。重复地区往常用于表格，但也能够为其余页面元素定义重复地区。 （二）鉴于模板创立文档 步骤 1 选择“文件”→“新建”菜单，翻开“新建文档”对话框。 步骤 2 在左边的“文档种类”列表中选择“模板中的页” ，在“站点”列表中选择模板所在站点（此处为“ gp”），在“站点‘ gp’的模板”列表中选择模板名称（此处为“ invite ”），而后单击“创立”按钮。 步骤 3 依据需要改正文档的可编写地区或编写文档，最后将文档保留即可。 此外，除上边的方法外，也可在“资源”面板中右击模板，而后从弹出的快捷菜单中选择“从模板新建”选项，来创立鉴于模板的文档。 步骤 4 在鉴于模板创立文档后， 假如又改正了模板， 在保留时系统将翻开 “更新模板文件”对话框，此中列出了鉴于该模板创立的文档列表。单击“更新” 按钮，将翻开 “