实验报告专业:网络工程班级:14网络工程学号:201424132149姓名:谢理健课程名称:Dreamweaver网页制作实例教程2016-2017学年度第1学期课程类别:专业必修实验时间:2016年10月20日实验名称:Dreamweaver网页制作实验目的和要求:(1)用有序列表和无序列表的嵌套制作如下所示页面:(图见附页)。(2)用HTML语言制作如下网页:(图见附页)。(3)用HTML语言制作如下网页:(图见附页)。实验软硬件要求:PC1台(任意系统)、Dreamweaver软件实验内容、实验过程、所遇问题及其解决方法:见附页。实验总结及心得体会:这次实验内容较少,但要实现跟老师一样的效果,还是有很多细节需要注意的,比如字体大小、文字间距、对水平线的处理等等。实验过程加强了我对div容器及CSS样式的理解,第一次用了class的概念,成功实现后别有一番惊喜,收获颇大。评定成绩:批阅教师:2016年月日Dreamweaver网页制作实验内容、实验过程:(1)用有序列表和无序列表的嵌套制作如下所示页面,完成过程如下:第一步:以有序列表标签ol建立“创建站点”和“文本修饰”两行,以“A”作为起始序列号,并分别建立classm和n,再用CSS样式修改字体和加粗,脚本如下:!—建立CSS样式:--styletype=text/cssli.m{font-size:20pt;font-weight:900}li.n{font-size:20pt;font-weight:900}/style第二步:以ul标签在有序列表里嵌套无序列表,无序符号为square;第三步:实验效果如图:(2)用HTML语言制作如下网页,完成过程如下:第一步:以p标签建立第一行文字,用letter-spacing:8px加大字体间距,用font-size:22px加大字体;第二步:以/hr标签建立水平线,设定样式为size=6,再以p标签建立接下的三行文字,最后再增加同样的水平线;第三步:用CSS样式修改所有中文为绿色,字体为微软雅黑,英文为红色,字体为黑体;第四步:实验效果如图:(3)用HTML语言制作如下网页,完成过程如下:第一步:做第一个页面2-3.1.html,四行文字都用p标签来写,其中第一行加大字体为font-size:26px,宋体。下面三行建立超链接,其中《再别康桥》链接到第二个页面2-3.2.html;第二步:第一个页面效果如下图所示第三步:做第二个页面2-3.2.html,内容为《再别康桥》的原文。当鼠标点击第一个页面中的“再别康桥”时,界面就跳转到第二个页面,效果如下图: