《网页设计与制作实验报告》由会员分享，可在线阅读，更多相关《网页设计与制作实验报告（14页珍藏版）》请在金锄头文库上搜索。
1、第 1 页 共 15 页重庆工商大学管理学院实 验 报 告课程名称:网页设计与制作实例教程 实验名称：CSS 基础 班 级：信息管理与信息系统一班姓名： 唐杰 学号： 2013033132 同 组 人：_无_ 实验日期：2015.12.03实验地点：学创园 8A303实验成绩：_指导教师：张世勇 重庆工商大学管理学院 实验报告 第 2 页 共 15 页- 2 -1.实验内容 掌握 CSS 伪类；层叠；CSS 选择器基本操作。2.实验环境（软件、硬件及条件）在学创园的 XP 电脑上，进行网页设计与制作。3.实验过程分析（包括主要步骤和主要截图）实例（11-1）实验步骤：列表基于 psd 设计图的
2、网页设计流程实例dreamweaver spry 框架的介绍与应用重庆工商大学管理学院 实验报告 第 3 页 共 15 页- 3 -jQuery:the write less, do moretab 选项卡的各种实现方法汇总web 标准已经成为主流的网页设计方法搜索引擎优化的外部方法和内部方法检验实验：-实验正确(实例 11-2)实验步骤：blockinline新闻体育财经娱乐房产博客检验实验：-实验正确(实例 11-3)实验步骤：背景图片的 重庆工商大学管理学院 实验报告 第 5 页 共 15 页- 5 -检验实验：-实验正确重庆工商大学管理学院 实验报告 第 6 页 共 15 页- 6 -
3、(习题 1)实验步骤：blockinline新闻体育财经娱乐房产博客检验实验：-实验正确(习题 2)实验步骤：CSS#head 重庆工商大学管理学院 实验报告 第 8 页 共 15 页- 8 -background-color: #FFF;border: 1px dotted #00F;height: 300px;width: 500px;background-image:url(1.jpg)#head h1 font-size: 2em;color: #FFF;background-color: #0F0;#head h2 font-size: 2em;color: #FFF;backgro
4、und-color: #0F0;display: inline;charset utf-8;/* CSS Document */网页代码无标题文档这是 head 的内容这是 h1 的内容这是 h2 的内容检验实验：-实验正确重庆工商大学管理学院 实验报告 第 9 页 共 15 页- 9 -(实例 12-1)实验代码：第一个盒子 padding 在哪里？margin 在哪里？检验实验：-实验正确重庆工商大学管理学院 实验报告 第 10 页 共 15 页- 10 -(实例 12-2)实验代码：padding margin borderpadding 、margin、border检验实验：-实验正确
5、(实例 12-3)实验代码：框模型的宽度和高度我没有 margin,我的宽度是多少？ 我没有 padding，我的宽度是多少？检验实验：-实验正确(实例 12-4)实验代码http:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd框模型的要素框模型-不得不说的故事这个例子里，左右上都可以有其他的框（盒子） 。框模型，有名的易学难精.检验实验：-实验正确重庆工商大学管理学院 实验报告 第 14 页 共 15 页- 14 -(实例 12-4)实验代码习题 12.1重庆工商大学管理学院 实验报告 第 15 页 共 15 页- 15 -第 12 章习题 1-我的盒子检验实验：-实验正确
