網站建设与网页制作实训指导书.docVIP

网站建设与网页制作实训指导书 计算机网络技术专业适用 孙铀编写 大连职业技术学院 信息技术系 计算机网络技术教研室 实训一 利用Dreamweaver的表格功能布局网页 （1学时） 一、实训条件 （机房/Dreamweaver） 二、实训目的 掌握表格在网页布局中的特点及应用；掌握如何通过表格来布局一个完整的界面。 三、实训内容 通过表格构建完整的页面 四、实训步骤 创建网页的“头部分”。 插入一个1行2列，宽为760象素，边框及边距均为0的表格。 插入一个1行1列，宽为760象素，边框及边距均为0的表格。 插入一个1行2列，宽为760象素，边框及边距均为0的表格。 分别进行简单设置。 创建网页的“主体部分”。 插入一个1行3列，宽为760象素，边框及边距均为0的表格，这个表格将放置页面的主体内容。 在左边单元格中插入一个12行1列，宽为90%的表格。（表格的嵌套） 在中间单元格插入一个4行1列，宽为95%的表格。 在右边单元格插入一个7行1列，宽为90%的表格。 分别进行简单设置。 创建网页的“尾部分”。 插入一个2行2列，宽为760象素，边框及边距均为0的表格。 进行简单设置。 五、实训考核方法 过程考核：根据例子，通过学生对本例做的效果 如：是否严格按照要求；是否达到布局美观的效果。 以及举一反三，融会贯通等给出成绩。 实训二 CSS样式表（2学时） 一、实训条件 （机房/Dreamweaver） 二、实训目的 掌握在Dreamweaver MX中定义CSS的方法和技巧。使你的网页真正“美”起来。 三、实训内容 区块 盒子 四、实训步骤 区块 样式一：设置“字母间距”为1象素。 设置“文字缩进”为2字体高。 样式二：设置“文本对齐”为“两端对齐”。 盒子 样式一：设置“填充”“上”为6象素，“全部相同”。应用到表格。 样式二：设置“浮动”为“右对齐”、“填充”为6象素。应用到图片。 五、实训考核方法 过程考核：根据例子，通过学生对本例做的效果 如：是否严格按照要求；是否达到熟练应用CSS等。 以及举一反三，融会贯通等给出成绩。 实训三 利用Dreamweaver的行为功能制作动画 （2学时） 一、实训条件 （有音箱机房/Dreamweaver） 二、实训目的 掌握在Dreamweaver MX中定义行为的方法和技巧。使你的网页真正“动”起来。 三、实训内容 变色按钮的制作。 如何在页面中播放声音。 四、实训步骤 变色按钮的制作。 插入一个4行1列的表格，宽为150象素，边框为1象素。 在单元格中输入文本，设置链接。 修改源代码，命名标签DIV。 设置行为属性。 2．如何在网页中播放声音。 选中body选项，在行为菜单中选择“播放声音”。 选择素材声音文件，设置触发条件onload. 设置播放属性。 五、实训考核方法 过程考核：根据例子，通过学生对本例做的效果 如：是否严格按照要求；是否达到完全理解行为的工作原理和过程等。 以及举一反三，融会贯通等给出成绩。 实训四 利用Dreamweaver的站点功能设置站点并上传站点至INTERNET（2学时） 一、实训条件 （能连INTERNET机房/Dreamweaver,CuteFTP,WS_FTP PRO） 二、实训目的 掌握利用Dreamweaver MX和其他应用软件设置站点并上传站点的功能。 三、实训内容 1．Dreamweaver MX的站点上传功能应用。 2．其他应用软件的站点上传功能应用。 四、实训步骤 申请“网页空间”（也可在课下申请好）。 设置Dreamweaver的站点功能。 利用其他应用软件的上传站点。 五、实训考核方法 过程考核：根据例子，通过学生对本例做的效果 如：是否严格按照要求；是否达到能够独立上传站点；能否通过互联网看到上传的站点等。 以及举一反三，融会贯通等给出成绩。 实训五 安装设置PWS调试个人站点。 (1学时) 一、实训条件 （机房/Windows98系统，附带Windows98光盘） 二、实训目的 掌握简单的WWW软件（PWS）的安装、设置；理解WWW站点的概念。 三、实训内容 1．安装PWS。 2．设置PWS。 四、实训步骤 1．安装PWS。 在windows98光盘下找到add_ons目录打开。 找