欢迎来到天天文库
浏览记录
ID：58911688
大小：621.00 KB
页数：7页
时间：2020-10-26
《web前端技术实验报告实验二.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、Web前端技术实验报告课程名称：Web前端技术实验名称：css+div网页设计系别班级：计科系1306班学生姓名：宋馨芳学生学号：指导老师：杨晓敏一、实验目的1、掌握CSS基本概念、CSS类型及四种CSS样式定义的方法2、理解DIV的概念3、掌握DIV的属性设置方法4、学会使用DIV+CSS进行网页布局设计二、内容及要求1、定义四种样式表，并学会引用2、自定义外部样式表，并能在web页面中导入或链入外部样式表。3、使用DIV+CSS进行简单的网页布局4、区别CSS选择符类型，并能灵活运用各种选择符样式定义三、实验原理使用了css+div四、实验步骤1、确立自己的网页主题选择了韩国FTI
2、SLAND组合队长李弘基作为本次网页设计的主题。2、收集资料及设置重点李弘基的资料从格式上分为两类：图片、文本，从内容上大致分为：基本信息、演艺经历、获奖记录、人物评价等。3、网页基本设计a、分设一个基础网页，开始界面。开始界面可以链接到其他界面。b、设计开始页为整图如下：图一：开始界面a、点击上方的不同文字链接进入不同的查看页面。如图为专辑介绍页：图二：介绍专辑主页如图为演艺经历介绍页：图三：介绍演艺经历如图为人物评价介绍页：图四：介绍人物评价如图为获奖记录介绍页：图五：介绍页获奖记录五、实验代码主要代码：1.主页：
3、linkhref="layout.css"rel="stylesheet">a:link{color:#FFF;}a:visited{color:#FFF;}a:hover{color:#CCC;}a:active{color:#333;}
4、
5、
6、
7、
8、演艺经历
9、
10、rder="0">
11、loat:left;width:200px;height:500px;background:#FFF;}#MainBody{margin:oauto;width:1000px;height:500px;}#right{float:right;width:200px;height:500px;background:#FFF;}#Footer{height:80px;background-image:url("m.jpg");text-align:
此文档下载收益归作者所有
