Web前端技术实验报告
课程名称： Web 前端技术
实验名称： css+div 网页设计
系别班级：计科系 1306 班
学生姓名： 宋馨芳
学生学号： 2013100603
指导老师： 杨晓敏
一、实验目的
1 、掌握 CSS基本概念、 CSS类型及四种 CSS样式定义的方法
2 、理解 DIV 的概念
3 、掌握 DIV 的属性设置方法
4 、学会使用 DIV+CSS进行网页布局设计
二、内容及要求
1、定义四种样式表，并学会引用
2、自定义外部样式表，并能在 web页面中导入或链入外部样式表。
3、使用 DIV+CSS进行简单的网页布局
4、区别 CSS选择符类型，并能灵活运用各种选择符样式定义
三、实验原理
使用了 css+div
四、实验步骤
1、确立自己的网页主题
选择了韩国 FTISLAND组合队长李弘基作为本次网页设计的主题。
、收集资料及设置重点
李弘基的资料从格式上分为两类：图片、文本，从内容上大致分为：基本信息、演艺经历、获奖记录、人物评价等。
3、网页基本设计
a、分设一个基础网页，开始界面。开始界面可以链接到其他界面。
b、设计开始页为整图如下：
图一：开始界面
c、点击上方的不同文字链接进入不同的查看页面。 如图为专辑介绍页：
图二：介绍专辑主页
如图为演艺经历介绍页：
图三：介绍演艺经历
如图为人物评价介绍页：
图四：介绍人物评价
如图为获奖记录介绍页：
图五：介绍页获奖记录
五、实验代码
主要代码：
主页：
<html>
<head>
<title> 李弘基资料卡 </title>
<link href="" rel="stylesheet"> <style type="text/css"/>
a:link{color:#FFF;}
web前端技术实验报告实验二 来自淘豆网m.daumloan.com转载请标明出处.
