1、【第一章】上机练习：1、下载 Dreamweaver 8 的安装软件，练习 Dreamweaver 8 的安装、启动、关闭和卸载。(从 ftp:/web210.28.58.241 网站下载)2、启动 Dreamweaver 8 进入其工作界面，分别指出各个组件及其功能。3、在本地计算机 D 盘建立一个文件夹，以本人姓名和学号命名，如“李明0701010101” 。然后创建一个站点，站点的名称以本人的姓名的拼音小写字母来命名，如“李明”的站点名称为“liming”。在站点根目录下新建 images、photo、music、flash、main 等 5 个文件夹，在站点根目录下新建index.ht
2、ml、01.html、02.html、03.html、04.html、05.html、06.html、abc.html 等 8 个页面文件。【第二章】上机练习 1:一、打开本地站点根目录下的 03.html 文件，进行如下设置：1、设置文件头内容：文件标题：可爱的校园；插入关键字：学校简介；校园风光；校园文化；教学设施插入 META：值author，内容你的姓名。2、设置页面属性：（1）设置页面文本颜色为黄色、背景颜色为绿色；（2）设置标题 1 为 72 像素、红色；3、插入文本（1）编辑字体，添加黑体和隶书两种字体；（2）在文档编辑窗口输入“可爱的校园”，格式为标题 1，字体居中，字体为隶书
3、；（3）录入“学校简介”、“校园风光”、“校园文化”、“教学设施”文字，格式为段落，分为 4 行，并进行项目列表。（4）在“校园简介”下面另起一行，录入一段校园简介的文字，不少于 100 字，首行前面 4 个空格；4、插入图像（1）从网上下载校园风光图片 3 张，存到网站根目录的 images 文件夹中；（2）在“校园风光”下面另起一行，插入刚下载的第一张图片，修改图片的属性为 300200；（3）设置鼠标经过图像。把刚下载的第二、第三张图片分别设为“原始图像”、“鼠标经过图像”，修改图片的属性为 300200；（4）插入一个图像占位符，大小为 300200，颜色为黄色。5、在文本最后插入水平
4、线。6、在水平线下面另起一行写入作者姓名，如“作者：李明”。7、在作者后面 10 个空格后插入日期。上机练习 2:一、从学习网站的【网页素材】下载“公园导航图”，在 04.html 文件中制作电子地图，图片使用锚点链接，具有“返回导游图”功能。二、申请免费空间并上传作业1、从本网站的【学生空间】-【申请免费空间】，申请 1 个免费的网站空间，并把网站的域名记下；2、在【学生空间】栏目找到你的姓名，通过“操作”-“编辑”，把你的网站域名填写到“作业地址”，同时补充完善个人信息（联系电话、电子邮件），并及时修改你的编辑密码；3、打开 index.html 做一个简单首页，链接你的作业一和作业二。4
5、、把 index.html、03.html、04.html 和图片上传到你的免费空间，以后每次作业在首页 index.html 链接后一起上传到你的空间，老师将通过空间查看你的作业。【第三章】上机练习 1:一、打开站点根目录下的 01.html 文件，创建一个 4 行3 列的黑色细线表格，表格宽度 500 像素，单元格间距为 1。二、打开站点根目录下的 01.html 文件，在练习一制作的细线表格中，合并第三行的单元格，把单元格高设为 30 像素；然后在该单元格（即第三行）插入一个线条颜色为红色、宽为 480 像素的一像素分割条。三、打开站点根目录下的 02.html 文件，用嵌套表格方式制作
6、“新年快乐”贺卡。背景图片从学习网站的【网页素材】栏目的“网页背景”或自己从网上下载。1、表格一：1 行1 列，宽度 500 像素，高度 318 像素，边框为 0，单元格间距为 0，单元格边距为 12 像素，背景图像自由选择。2、表格二嵌套到表格一中：1 行1 列，宽度 100，高度 318 像素，边框为 0，单元格间距为 0，单元格边距为 12 像素，背景图像自由选择。3、表格三嵌套到表格二中：1 行1 列，宽度 100，高度 270 像素，单元格间距和单元格边距都为 8 像素，边框为 10，边框颜色为红色。背景图像自由选择。4、将光标放置在表格三内，添加文字“恭贺新禧”，文字居中，字号 6
7、8px，字体为隶书，颜色为紫色。上机练习 2: 用表格构建课程教学网站首页从学习网站的【网页素材】栏目下载“教学网站图片”压缩包，下载到本地后解压，把解压出来的图片复制到网站根目录的“images”文件夹。打开站点根目录下的 index.html 文件，清空页面内容。按下面步骤进行制作：（一）网页顶部1、创建表格一：1 行 2 列，宽为 760 像素，边框及边距均为 0，间距为 1，背景颜色为绿色，居中对齐。选定表格一的各个单元格，设置背景色为白色，水平为居中对齐。2、将光标置于表格一左边单元格中，插入 logo.gif 图像。3、将光标置于表格一右边单元格中，插入 banner.gif 图像
8、。4、将光标置于刚完成的表格之后，插入表格二：1 行 7 列，宽为 760 像素，边框及边距均为 0，间距为 1，背景颜色为绿色，居中对齐。5、选定表格二的各个单元格，设置背景色为白色，水平为居中对齐。6、在表格二 7 个单元格中依次插入1.gif、2.gif、3.gif、4.gif、5.gif、6.gif、7.gif 图像。（二）网页中部1、在表格二后面，插入表格三：1 行 3 列，宽为 760 像素，边框及边距均为0，间距为 1，背景颜色为绿色，居中对齐。选定表格三的各个单元格，设置背景色为白色，水平为居中对齐，垂直排列为顶端对齐。2、将光标置于表格三的左边单元格中，设置单元格的宽度为 1
9、8%，插入 8.gif图像。3、将光标置于 8.gif 图像后，插入表格四：6 行 1 列，宽为 90%，间距为 1，背景色为绿色。4、将光标依次放在表格四第 1 个到第 6 个单元格中，设置单元格高为 25，水平居中，背景色为白色。在 6 个单元格中分别输入文字“知识点一、知识点二、知识点三、知识点四、知识点五、知识点六”。5、将光标置于表格三的中间单元格中，设置其宽度为 66%，插入 9.gif 图像。6、将光标置于 9.gif 图像后，插入表格五：5 行 1 列，宽为 95%，间距为 1，背景色为绿色。7、分别将光标置于表格五的第一个到第五个单元格中，设置高为 25，背景色为白色。分别链
10、接此前各次作业。8、将光标置于表格三右边的单元格中，设置其宽度为 16%，插入 10.gif 图像。9、将光标置于 10.gif 图像后另起一行，输入文本：友情链接。10、插入表格六：1 行 1 列、宽为 90%，设置单元格高为 1 像素，背景色为红色，切换到源代码窗口，将单元格中的空格符号“”删除，使其变为一像素分割条。然后在后面录入 3-5 个网站名称。（三）网页底部1、将光标置于表格三后，插入表格七：3 行 1 列，宽为 760 像素、边框及边距均为 0、背景色为绿色的表格，设置排列方式为居中对齐。2、将光标置于表格第 2 行的单元格中，设置该单元格为水平居中对齐，然后输入作者单位、姓名
11、（学号）、联系电话和电子邮箱，并插入本人的电子邮件链接。例如：“文学院：李明（0701010101），联系电话：，电子信箱：”。文本的颜色自主选择。（四）在标题栏中输入标题为“新世纪课程教学网站”。设置页属性：点击菜单【修改】【页面属性】，并选择背景图像 11.gif，将上边距设为 50 像素。保存，按 F12 预览。上机练习 3：利用表格布局创建网页从学习网站的【网页素材】栏目选择下载“水晶缘图片”或者“家乡印象图片”压缩包，下载到本地后解压，把解压出来的图片复制到网站根目录的“images”文件夹。打开站点根目录下的 05.html 文件，按下面步骤进行制作：1、单击【属性】面板的【页面属
12、性】按钮，弹出【页面属性】对话框，单击【背景颜色】下拉按钮，在弹出的颜色调板中选择粉红色（【家乡印象】不用选择背景色），在【页边距】区域的文本框中设置页边距为“0”。2、将工具栏切换到【布局】工具栏，单击【布局】按钮。3、将鼠标指针移动到文本窗口中，按住鼠标左键拖动鼠标指针，在文档窗口中绘制出布局表格。4、选中布局表格，在【属性】面板中选中【固定】单选按钮，在【宽】和【高】的文本框中分别输入数值。（其中：【家乡印象】设为 1000760，【水晶缘】设为 800650。）5、单击【布局】工具栏中的“布局单元格”按钮，将鼠标指针移动到文档窗口中，按住鼠标左键拖动鼠标指针，在布局表格中绘制出布局单元
13、格。页面最后单元格输入输入作者单位、姓名（学号）、联系电话和电子邮箱，例如：“文学院：李明（0701010101），联系电话：，电子信箱：”。文本居中，颜色自主选择。6、参照“水晶缘图片”文件夹中的“水晶缘.mht”文件模板（在“家乡印象图片”文件夹中则是“家乡印象.mht”文件），在布局表格中绘制布局单元格，将所有图像文件插入到布局单元格中。插入完成后，单击文档窗口上方的“退出”切换到标准模式。7、在标题栏中输入标题（标题名称自定）。保存，按 F12 预览当前网页。【第四章】上机练习:一、从学习网站的【网页素材】栏目下载“喜庆音乐”，解压后把音频文件拷贝到 music 文件夹，在 02.ht
14、ml 文件的“新年快乐”贺卡添加背景音乐，音频文件可自由选择，并循环播放。例如在页面代码前插入 music 文件夹中的 newyear.mid 文件：二、从学习网站的【网页素材】栏目下载“透明背景 flash”，解压后把文件拷贝到 flash 文件夹，用 Dreamweaver8 打开 index.html 文件进行如下编辑：1、把 banner.gif 替换为该单元格的背景图片，设置该单元格的宽和高为540114，在该单元格插入透明背景的 flash。2、把“知识点一、知识点二、知识点三、知识点四、知识点五、知识点六”设置为 flash 按钮。三、创建 FLASH 电子相册从学习网站的【网页
15、素材】栏目下载“校园风光”图片素材或者自找素材，然后从【软件下载】栏目下载“Flash SlideShow Builder”电子相册软件制作FLASH 动画相册。生成 SWF 动画并插入到 index.html 中，替换 9.gif 图片。作品要求：1、标题：校园风光(或其它标题名称)字幕：广西师范学院制作者：作者单位：姓名（学号）。如：文学院：李明（07000001）2、幻灯大小：400*300（保持宽高比），帧速：25fps；添加背景音乐，自动循环播放。【第五章】上机练习:打开站点根目录下的 02.html 文件，制作 CSS 滤镜效果。1、选中菜单“文本”“CSS 样式”“新建”，在弹出
16、的【新建样式规则】对话框中输入名称，点击“确定”。2、在弹出的【保存样式表文件为】对话框中输入文件名，然后点击“保存”。3、弹出【CSS 样式规则定义】对话框，在“类型”设置区域中设置：大小：68，字体：隶书，粗细：粗，颜色：红色。点击“应用”。4、在【CSS 样式规则定义】对话框中选择“扩展”设置区域中设置 Blur 滤镜：Blur(Add=1, Direction=90, Strength=180)5、在文档编辑区选中文字，在属性面板设置文本的样式为刚创建的样式。【第六章】上机练习:通过模板创建页面 07.html 文件。1、打开 index.html 文件，将其另存为 mb1.dwt 模
17、板，设置该模板的中部为可编辑区域。2、通过 mb1.dwt 模板创建 07.html 文件，合并该文件中部的左、中、右单元格为一行，然后自由输入一段约 50 字的课程简介文字，根据实际可同时插入图片或者动画。【第七章】上机练习:制作框架页面：1、新建网页 123.html，标题：欢迎访问新世纪课程网站。2、选择【布局】“框架”“左侧和嵌套的顶部框架”，在属性面板中，设置行值为 114 像素，列值为 200 像素。保存全部，分别命名各框架名称：leftFrame 为 a.html、topFrame 为b.html、mainFrame 为 c.html。3、在 a.html 页面属性中将上、下、左
18、、右边距全部设为 0。插入一个 6 行 1列的表格，表格宽度为 95，居中对齐。所有单元格水平居中，将第一个单元格的高度设为 20px，输入文本“学习导航”；其余单元格将高度设置为 50px，分别输入文字“知识点一”、“知识点二”、“知识点三”、“知识点四”、“知识点五”，并分别建立链接关系，链接路径指向要链接到的网页，目标选择 mainFrame 框架。4、在 b.html 页面属性中将上、下、左、右边距全部设为 0。插入一个 1 行 2列的表格，宽度为 100，高度为 114px，背景颜色蓝色。设置左单元格宽为 213px，背景图片 images/logo.gif；右单元格水平居中，输入文
19、本“新世纪课程网站”。5、在 c.html 页面属性中将上、下、左、右边距全部设为 0。在本页设置一个欢迎页面。6、保存全部。【第八章】上机练习:利用行为创建弹出窗口页面1、打开 index.html 文件，选中“课程介绍“图片。2、单击行为面板上的“+“按钮，打开动作菜单。从动作菜单中选择“打开浏览器窗口”命令，在弹出的对话框中设置参数：（1）在“要显示的 URL”文本框中，单击“浏览”按钮，选择 07.html 文件。（2）窗口宽度设为 780px，窗口高度设为 520px。（3）窗口名称为“课程介绍”。（4）动作菜单的“事件”选择 onClick。3、保存，预览。【第九章】上机练习:创建
20、时间轴动画。1、从学习网站【网页素材】栏目下载“层练习图片”，解压后把图片剪贴到images 文件夹。2、打开 index.html 文件，把光标放到页面适当的位置，在插入面板选择【布局】“绘制层”，创建 7 个层。分别插入“层练习图片”的 7 张图片：“祝”、“大”、“家”、“节”、“日”、“快”、“乐”，将图层排列在适当的位置。3、打开时间轴。选择各层，根据图片所在层的顺序分别拖动到时间轴的第17 行上。4、点击各行动画通道上前面的白色小圆点，选择各层的初始位置；点击后面的白色小圆点，选择各层的结束位置。5、在 Fps 框中输入数字确定动画播放的速度，勾选“自动播放”选项。保存，预览。【第
21、十章】上机练习:打开 index.html 文件，在页面属性中，修改页面的上边距为 0，添加以下特效：1、在页面适当位置加入“设为首页”、“加入收藏”；2、在网页中部的表格下端增加一行，合并各单元格，从【网页特效】中下载“网页流动的图片”代码，打开页面的“拆分”窗口，把代码插入到该单元格中，保存，预览可看到流动的图像占位符；自主挑选 5 张与页面内容相关的图片，把图片大小用 Fireworks8 修改图像大小为 200150 像素，并将图片替换页面的图像占位符。3、把网页中部单元格的表格各单元格的高改为 20，把各次的作业进行链接，链接的目标均为“_blank”。4、把本地站点文件夹的所有文件
22、均上传到你的空间。附：如果你的空间已经支持 ASP 动态页面功能，同时在页面适当位置添加计数器和留言本。【期末综合应用】考查题（以下任选一题，非以下的自选题须经老师审核同意）:第一题：以“可爱的家乡”或者“祖国在我心中”为主题，设计制作主题网站。1、展现作者所在家乡的风土人情或者祖国的大好河山，改革开放新面貌。要求主题鲜明突出，不必面面俱到，内容健康向上、设计有创意，栏目结构清晰、运行正常、风格协调、界面简洁美观、浏览方便。2、网站至少包含 8 个以上网页，每个页面包含顶部、中部和底部，以 1024*768 为标准分辨率进行设计，适应 IE6.0 以上浏览器进行浏览。3、网站首页文件名必须为
23、index.html；网站中的各文件夹和文件必须使用小写英文字母，不能使用大写字母和中文；页面内容使用常见中文简体字且行文规范无错别字。4、素材处理得当，图片清晰且占用存储空间少，声像协调，各网页打开时间一般不超过 10 秒钟，页面链接有效。5、网站必须为本人原创，具有个人设计风格，手法新颖。6、网站包含英文版本且表达准确、文句流畅和没有错别字，中英文切换方便的给予加分。第二题：以“中国传统节日”为主题，设计制作主题网站。1、作品可以选择一个传统节日，添加副标题，展现节日的渊源、文化积淀、本地区民俗风情和改革开放新面貌，弘扬中华文化，激发民族自豪感，抒发爱中华、爱祖国、爱家乡的情怀。要求主题鲜
24、明突出、内容有当地特色、文字简洁通顺、设计有创意、栏目结构清晰、运行正确、风格协调、界面简洁美观、浏览方便。2、网站至少包含 8 个以上网页，每个页面包含顶部、中部和底部，以1024*768 为标准分辨率进行设计，适应 IE6.0 以上浏览器进行浏览。3、网站首页文件名必须为 index.html；网站中的各文件夹和文件必须使用小写英文字母，不能使用大写字母和中文；页面内容使用常见中文简体字且行文规范无错别字。4、素材处理得当，图片清晰且占用存储空间少，声像协调，各网页打开时间一般不超过 10 秒钟，页面链接有效。5、网站必须为本人原创，具有个人设计风格，手法新颖。6、网站包含英文版本且表达准
25、确、文句流畅和没有错别字，中英文切换方便的给予加分。第三题：以中小学教材某一章节教学内容为主题，设计制作教学网站。1、内容为全日制的高中（中职、技校）、初中、小学课本的某一章节的完整内容，网站首页需注明教材的版本和年级、学期。教学内容科学、规范、完整。教学设计定位准确、表述规范，适应于相应认知水平的学生。有习题实践和学习评价内容。2、网站至少包含 8 个以上网页，每个页面包含顶部、中部和底部，以1024*768 为标准分辨率进行设计，适应 IE6.0 以上浏览器进行浏览。3、网站首页文件名必须为 index.html；网站中的各文件夹和文件必须使用小写英文字母，不能使用大写字母和中文；页面内容使用常见中文简体字且行文规范无错别字。4、素材处理得当，图片清晰且占用存储空间少，声像协调，各网页打开时间一般不超过 10 秒钟，页面链接有效。5、资源应用得当，网页引用的图文资料应注明来源，避免引起知识产权争议。6、网站必须为本人原创，具有个人设计风格，手法新颖。
