1、 《网页设计与制作》 实 验 报 告 院系名称: 管理学院 专业班级: 电子商务XXXX 学生姓名: XXX 学 号: XXXXXXXX 项目 实验一 (25分) 实验二 (35分) 实验三 (40分) 总分 (100分) 得分 2016年 5 月 实验一:HTML语言实验 一、实验目的 1、掌握利用HTML语言编写网页的能力; 2、掌握利用HTML语言编写表格的能力; 3、掌握利用HTML语言编写表单的能力。 二、实验课时 2学时 三、实验内容
2、1、表格实验的结果
| A | B | C | |
| D 3、 |
|||
| E | F | G | H |
| I | |||
4、>
9、的 1、掌握为给定效果图规划切图方式的能力; 2、掌握利用FireWorks切图的能力; 3、掌握利用CSS+DIV制作网页的能力。 二、实验课时 4学时 三、实验内容 1、规划切图方式的思路 了解网页布局结构,将网页划分为几部分,其中导航条为一部分,将其各项分开切图。其余部分根据实际划分开。 2、利用FireWorks切图的步骤 第一步:打开FireWorks切图软件,打开网页图片。 第二步:点击切片工具将图片切为所需大小和比例。 第三步:点击文件选项卡下的导出,选择导出为CSS层(htm),勾选修剪图像和将图像放入子文件夹,点击导出。 3、CSS+D
10、IV制作网页的结果


19、nbsp; ; 管理团委宣传报告 2016-01-30

20、IV布局看似简单实则不易。切图是否细致严重影响着页面布局,而对于网页的布局又要细化到各个部分的宽高。用CSS+DIV布局时不能使用绝对定位,文字布局可以使用新闻列表,要注意padding、border以及margin属性的区别与联系。尽管试了很多次,也失败了很多次,但在这个过程中我对CSS+DIV规划网页有了更深刻的认知和体验。 实验三: JavaScript实验 一、实验目的 1、掌握利用JavaScript编写网页动态效果的能力; 2、掌握在网页中使用JavaScript脚本的两种方法。 二、实验课时 2学时 三、实验内容 1、计算整数阶乘实验的结果 <
21、head>
22、
请在文本框中输入一个整数,然后单击“计算”按钮,计算该整数的阶乘。
2、下拉菜单实验的结果