网页实验四.docVIP

肆学院 膆 蒂年级、专业、班 衿 腿姓名 芆 袃学号 薁 袈课程名称 芆网页设计 芄实验项目名称 肈利用手工或dw创建与编写CSS规则、用CSS设置文本 蚇广州大学学生实验报告 莆一、实验目的 莀掌握用三种基本选择器的使用方法。 螀了解CSS如何控制网页页面。 蒅掌握使用CSS设置网页文本的方法。 蒆了解CSS的内嵌式和链接式使用方法。 螁二、实验设备 芈实验设备要求每个学生一台电脑，并装有Dreamweaver程序。 蒈三、实验内容 薆1、以Site4为网站根文件夹建立站点，站点名为Site4。 膂2、在Dreamweaver打开站点中test.html文件，然后将文件另存为test4-1.html。 羀3、用CSS样式定义的方法（要求用内嵌式），按下面要求对网页的文字进行设置。 芇（1）将网页中的标题1设为：文字大小为30像素、黑体、白色、水平居中、背景为蓝色、内边距为15像素。 蚆（2）将网页中的标题3设为：文字大小为22像素、楷体、绿色、加上顶线和下划线。 薃（3）将各段落设置为：文字大小为12像素、首行缩进2个字符、段内行高为字体大小的1.5倍、段距为5像素。 莈（4）将第一个故事的最后一句“这就是说，有些人能力小，做不成事，就借口说时机未成熟。”设为：倾斜，加下划线。 羆（5）将网页中的第一个故事的英文设置为单词首字大写。 螅（6）将第二个故事的最后一句“这故事说明，对坏人行善的报酬，就是认识坏人不讲信用的本质。”设为：加粗，加下划线。 羄（7）将网页中第二个故事的英文的词距设置为8像素。 膀（8）将网页中第二个故事的两个段落均设为首字下沉，下沉行数为3字符。 （9）将图片设为：向左浮动。 （10）最后保存文件。 4．试用链接式CSS样式表的方法，完成对网页文件test.html文字的设置，参考步骤如下： （1）在Dreamveawear中新建一个CSS文件，将test4-1.html中的CSS样式复制到这一个新的文件中，以test4.css存盘。 （2）在test4.css文件中，将h1设定的背景颜色改为深绿色，文字改为黄色。 （3）在test.html中增加对CSS样式表文件test4.css的链接，以完成对网页文件test.html的文字设置。可参考P.98。 四、实验过程及最终效果（完成的网页代码及网页屏幕截图） 五、实验结果分析和实验心得