网页制作实验报告

1、网页设计与制作实 验 报 告院系名称： 管理学院 专业班级： 电子商务 11级3班 学生姓名： 许世谦 学 号： 201117050308 项目实验一（25分）实验二（35分）实验三（40分）总分（100分）得分2013年 6 月 4 日实验一：HTML语言实验一、实验目的1、掌握利用HTML语言编写网页的能力；2、掌握利用HTML语言编写表格的能力；3、掌握利用HTML语言编写表单的能力。二、实验课时2学时三、实验内容1、表格实验的结果实验一试验1.1 A B C D E F G H I2、表单实验的结果试验第一题试验1.2 姓名： 密码： 性别： 女 男 爱好： 篮球 足球 乒乓球 籍贯：

2、 开封郑州洛阳 四、实验小结通过这次试验，我掌握了许许多多以前不知道的代码细节，让我对网页设计与制作有了更深层次的了解，同时我对编写代码也渐渐的熟悉了。刚开始编写的时候有点漫无目的，但是慢慢的就找到了感觉，最高兴的是最后当自己的代码在网页中显示出来的时候，自己的努力是值得的，越来越喜欢网页制作了！实验二：FireWorks和CSS实验一、实验目的1、掌握为给定效果图规划切图方式的能力；2、掌握利用FireWorks切图的能力；3、掌握利用CSS+DIV制作网页的能力。二、实验课时2课时三、实验内容 1、规划切图方式的思路 首先，将网页的布局了解清楚，然后，根据不同的模块分类，导航条分为一类，其

3、余的各归各类，之后利用FireWorks切图。2、利用FireWorks切图的步骤运用FireWorks将图片切为自己所需要的部分和比例，如图所示：3、CSS+DIV制作网页的结果效果图.jpg body .topmargin: 0px auto;border:0px;text-align: center; .topmain margin: 0px auto; width: 940px;height: 25px;padding: 0px;text-align: cente; .topmain ul margin: 0px;padding: 0px;list-style-type: none;t

4、ext-align: center; .topmain ul li width: 72px; float: left; height: 25px;text-align: center; .topmain ul li a width: 72px; height: 25px;text-align: center; .content1 margin: 0px auto;border:0px;text-align:center; .content2 margin: 0px auto;border:0px;text-align:left;position:absolute; left:168px; to

5、p:352px;width:301px;height:533px .content3 margin: 0px auto;border:0px;text-align:left;position:absolute; left:468px;top:352px;width:465px; height:533px .content4 margin: 0px auto;border:0px;text-align:left;position:absolute; left:933px;top:352px;width:211px; height:529px; .bottom margin: 0px auto;b

6、order:0px;position:absolute; left:168px; top:885px;width:977px; height:105px;text-align: center; 四、实验小结通过这次试验，让我懂得了如何利用软件工具来实现网页的编制，通过对图的切割和组合，经过了多次的失败，但最总通过不懈的坚持终于小获成功，体验到成功的快乐。也对网页制作加深了认识和兴趣。实验三： JavaScript实验一、实验目的1、掌握利用JavaScript编写网页动态效果的能力；2、掌握在网页中使用JavaScript脚本的两种方法。二、实验课时2课时三、实验内容1、计算整数阶乘实验的结果

7、JavaScript实验1 !- function jieCheng() var num=document.getElementById(shuzi).value; if(num=) alert(请输入数据); elsevar fac=1; for(var i=1;i 请在文本框中输入一个整数，然后单击“计算”按钮，计算该整数的阶乘。    2、下拉菜单实验的结果实现下拉菜单效果#sddmmargin: 0px auto;border:0px;text-align: center;margin: 0px auto; width: 940px;height: 35p

8、x;padding: 0px;text-align: center;#sddm liwidth: 72px; float: left; height: 25px;text-align: center;#sddm li awidth: 72px; height: 25px;text-align: center;#sddm li a:hoverbackground: #49A3FF#sddm divposition: absolute;visibility: hidden;margin: 0;padding: 0;background: #EAEBD8;border: 1px solid #597

9、0B2#sddm div aposition: relative;display: block;margin: 0;padding: 5px 10px;width: auto;white-space: nowrap;text-align: left;text-decoration: none;background: #EAEBD8;color: #2875DE;font: 12px arial#sddm div a:hoverbackground: #49A3FF;color: #FFF最新更新职业培训科学研究学生工作继续教育党建工作招生就业社会服务社会服务在线阅读教务系统学历教育学历咨询教务系统学历教育学历咨询教务系统学历教育学历咨询教务系统学历教育学历咨询教务系统学历教育学历咨询教务系统学历教育学历咨询教务系统学历教育学历咨询教务系统学历教育学历咨询教务系统学历教育学历咨询3、表单验证实验的结果验证身份证号S 请输入身份证号 验证固定电话 请输入电话号码 验证E-mail是否正确请输入E-Mail地址&nb