最新网页设计实验报告八.doc

网页设计实验报告八
2
实验报告
实验名称
实验八：个人网站设计与制作
成绩
姓名
专业班级
实验日期

学号
指导教师
李智敏
提交报告日期

网页设计实验报告八
2
实验报告
实验名称
实验八：个人网站设计与制作
成绩
姓名
专业班级
实验日期

学号
指导教师
李智敏
提交报告日期

一、实验目的
掌握网站设计的整体流程，使学生能够独立设计和制作个人主页，维护和管理个人主页，培养学生分析问题和解决问题的能力。
二、实验环境
Windows XP/2000/2022/7操作系统、Macromedia Dreamweaver CS4
三、实验内容
设计并制作一个个人网站
四、设计思想
我的主题是鲜花花语。
3
浏览者群体的定位为爱花人士。
模板是自己设计。运用了AP Div ，使网页制作效果更加好，AP Div就像一个容器一样，可以将页面中的各种元素包含其中，从而控制页面元素的位置。
有哪些图片和动画是自己独立设计的？
1〕首页的网站LOGO是独立设计的。
你的网页设计了哪些CSS样式？如何应用的？
1〕.a1
(font-family: "微软雅黑";font-size: 38px;color: #FF0000;text-align: center;)
4

2〕.a2
(font-size: 24px;font-weight: bold;color: #F69；background-color: #FF0)
3).bc
(height: 740px;width: 760px;overflow:scroll;/*内容溢出使用滚动条*/overflow-x:hidden;/*隐藏水平滚动条*/overflow-y:auto;/*内容溢出了显示垂直滚动条*/color: #CC3333;font-size: 20px;text-align: left;text-indent: 4px;line-height: 22px;font-family: "微软雅黑";font-weight: normal;margin-left: 65px;margin-right: 55px;)

5
4).caidan
(background-color: #CC3366;height: 40px;width: 799px;margin-right: 40px;margin-left: 41px;text-align: left;font-family: "微软雅黑";font-size: 20px;color: #0000FF;display: block;)

5).bb
(background-image: url(images/); height: 860px;width: 880px;)