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

电子教课设计《Dreamweaver网页设计与制作第二版》A063954示例项目二 电子教课设计《Dreamweaver网页设计与制作第二版》A063954示例项目二 电子教课设计《Dreamweaver网页设计与制作第二版》A063954示例项目二 课程教课设计 讲课内容 项目二 创立度假村网站 讲课班级 讲课学时 8 课时 教课方法 讲解法、演示法、议论法。多媒体教课 与手段 本次课程将讲解网站站点的创立与管理知识， 使学生认识站点的基本观点， 站点的种类，站点的作用，站点文件的管理。站点的公布及网页的预览。 项目内容 本项目的工作内容是为某度假村企业创立网站。该企业要求度假村网站的 首页以动静相联合的方式突出度假村的整体形象，给人的视觉冲击力强，网站 风格独到、新奇、谨慎、大方、浪漫、温馨。 学生经过本项目的学习，能： 1、 认识网页文档和文件的命名规则 2、 熟习定义站点的步骤 教课目的 3、 初步认识 Dreamweaver CS3 后，学习新建和管理站点的方法，主要包含网 页文档和文件夹的命名规则，定义站点以及新建、保留、封闭、翻开和预 览文档的方法。 4、 娴熟掌握页面属性及网页头信息的设置 教课要点： 1、熟习网页文档构造，正确命名文档 2、正确立义站点 教课要点 教课难点： 与难点 1、 创立站点，新建文档。 2、 掌握页面属性及网页头信息的设置。 知识加油站：网页中文件夹与文件的命名规则 静态的首页文件一般命名为 “ index.html ”。假如是包含程序代码的动向页面，如 ASP文件，则命名为“ index.asp ”。总之，后缀名与网页自己所使用的技术是一一对应的。 2. 最好不要使用中文命名文件和文件夹， 因为在使用 Unix 或 Linux 作为操作系 教课过程 设计  统的主机上，使用中文命名的文件会犯错。 3. 文件名中不要使用大写英文字母，因为 Unix 操作系统划分英文字母大小写， 而 Windows 操作系统不划分英文字母大小写。 所以，为保证网站公布后不犯错，文件名最好所有使用小写英文字母。 运算符号不可以用在文件名的开头。 比较长的文件名能够使用下划线“_”分开多个单词或要点字。 在大型网站中，分支页面的文件应寄存在独自的文件夹中，每个分支中的图 像也应当寄存在独自的文件夹中， 寄存网页图像的文件夹一般命名为 “ images ” 或许“ img”。 7. 在动向网站中，用来寄存数据库的文件夹一般命名为“ data ”或许 “ database ”。 【活 一】定 站点 步 1在 的磁 上 建一个要作 站点的根文件 。 步 2 启 Dreamweaver CS3 后， “站点”→“新建站点”菜 ，翻开“未命名地址 1 的站点定 ” 框。 “基本” 卡，在上边的 框中 入站点名（此 “ fuligong ”），而后 “下一步”按 。 步 3因为 建的是静 站点，所以，在接着 出的 框中 “否，我 不想使用服 器技 ” ，而后 “下一步”按 。 步 4 在接下来 出的 框中 “ 我的 算机?” ， “您 将把?” 框后的文件 ， 在翻开的 “ 站点 fuligong 的当地根文件 ：” 框中 当地硬 上的站点根文件 ，而后 “ ”按 。 步 5 回到“ fuligong 的站点定 ” 框， “下一步”按 。由 于 在不过在当地 写和 网 ， 故不需要 接到 程服 器， 在“您怎样?” 下拉列表中 “无” 。 步 6 “下一步”按 ，系 示所 参数 ， “达成”按 ，此 便达成了站点的 建。 【活动二】新建文档 Dreamweaver 中的文档也就是网页，创立新网页的方法有多种。下边使用 “文件”菜单创立网页。 步骤 1 选择“文件”→“新建”菜单，翻开“新建文档”对话框。在左边的 “文档种类”列表中选择创立方式，这里选择“空白页” ，在“页面种类”列表中选择网页种类，这里选择“ HTML”，在“布局”列表中选择布局种类，这里选择“无”。 步骤 2 设置完后单击“创立”按钮，就创立了一个默认名为“ Untitled- 1” 的新文档。如下图： 【活动三】保留和封闭文档 新建或编写网页文档后，需要保留文档才能使所做的设置奏效。 步骤 1 如要保留文档，可选择“文件”→“保留”菜单，或按【  Ctrl+S  】组 合键，弹出“另存为”对话框，在该对话框的“保留在”下拉列表中选择保留文档的文件夹，在“文件名”编写框中输入文档名。 步骤 2 设置完后单击“保留”按钮，便将文档保留在选择的文件夹中，此时 “文件”面板中也会出现刚保留的文档。 步骤 3 封闭文档的操作相当简单， 只要单击相