电商实验报告网页与网站设计优秀

经济与管理系学生实验报告专业班级09电子商务课程名称网页与网站设计学 号29020101052姓 名何碧玉指导教师殷彬实验成绩实验项目一：体会网页设计性 质必做（ * ） 选做（ ）实验时间实验目的： (1) 体会网页设计的知识。 实验过程记录： (1) 在记事本中输入第15页的 2-1.htm 的代码，然后另存为网页（扩展名为html）看看效果，然后试着修改，再看看效果。以同样的方法输入2-2.htm（在16页）、2-3.htm、2-4.htm、 2-5.htm的代码，并看看实现的效果，然后试着修改看看效果。(2) 对前面的代码内容进行适当的修改，并再看看效果（要求将2-1.htm、2-2.htm、2-3.htm、2-4.htm、 2-5.htm修改后的代码复制此记录处，并用下划线标明修改的地方）2-1无标题文档开始这一章我们来学习HTML语言结束2-2无标题文档我们举一个属性、值和换行的例子2-3无标题文档text属性可以设定文字颜色2-4无标题文档 京东方好烦好烦疯狂的减肥空间访客空间访客减肥2-5无标题文档我我就是我降低地价适度宽松款罗布泊普通话图片科比房价看跌房价不力的快乐的实验项目二：HTML语言系列实践实验性 质必做（ * ） 选做（ ）性 质实验目的： (1) 掌握HTML语言 (2) 熟悉Dreamweaver MX的使用实验过程记录： (1)在Dreamweaver MX 中输入2-5.htm、2-6.htm、 2-10.htm、2-11.htm、2-12.htm（里面的文字内容可随便写，但标签要照书中写），并看看实现的效果。(2)对前面的代码内容进行适当的修改，并再看看效果（要求将2-5.htm、2-6.htm、 2-10.htm、2-11.htm、2-12.htm修改后的代码复制此记录处，并用下划线标明修改的地方）2-6 222222 红藕香残玉墰秋,轻解罗裳，独上兰舟。云中谁寄锦书来？雁字回时，月满西楼。花自飘零水自流。一种相思，两处闲愁。此情无计可消除，才下眉头，却上心头。2-10 Untitled Document 登记表 姓名 性别 年龄 职业 张三 男 12 学生 李四 男 13 学生2-11 div标签使用示例 满庭芳李清照 小阁藏春，舷窗小金，画堂无限有声。 想想。 盆盆盆盆盆盆美女。2-12框架案例实验项目三：HTML语言系列实践实验性 质必做（ * ） 选做（ ）性 质实验目的： (1) 掌握HTML语言 (2) 熟悉Dreamweaver MX的使用实验过程记录： (1)在Dreamweaver MX 中输入2-15.htm、 2-16.htm、 2-20.htm的代码（里面的文字内容可随便写，但标签要照书中写），并看看实现的效果。(2)对前面的代码内容进行适当的修改，并再看看效果（3）新建一个 2-15-A.htm文件，在该文件中用html标签实现下面的效果。(提示：colspan,rowspan)（要求将2-15.htm、 2-16.htm、 2-20.htm、2-15-A.htm修改后的代码复制此记录处，并用下划线标明修改的地方）2-15表格标签示例 这是第一行第一列这是第一行第二列这是第一行第二列 这是第二行第一列这是第二行第二列这是第二行第二列 2-16表格标签示例 个人情况填写表姓名： 出生年月： 性别： 男 女个人爱好： 体育音乐 上网旅游 棋类电影 电脑购物个人相片： input type=file2-20连接标签示例 连接标签示例如梦令渔家傲点点呀呀呀呀令 a name=11 如梦令 （宋）李清照 昨夜雨疏风骤，浓睡不消残酒。 试问卷帘人，却倒“好烫依旧。 a name=11 如梦令 （宋）李清照 昨夜雨疏风骤，浓睡不消残酒。 试问卷帘人，却倒“好烫依旧。 a name=22 如梦令 （宋）李清照 昨夜雨疏风骤，浓睡不消残酒。 试问卷帘人，却倒“好烫依旧。 a name=33 如梦令 （宋）李清照 昨夜雨疏风骤，浓睡不消残酒。 试问卷帘人，却倒“好烫依旧。 a name=44 如梦令 （宋）李清照 昨夜雨疏风骤，浓睡不消残酒。 试问卷帘人，却倒“好烫依旧。 2-15.htm无标题文档 这是第一行第一列这是第一行第二列 这是第二行第一列这是第二行第二列这是第二行第二列这是第二行第二列这是第二行第二列 实验项目四：HTML语言系列实践实验性 质必做（ * ） 选做（ ）性 质实验目的： (1) 掌握HTML语言 (2) 熟悉Dreamweaver MX的使用实验过程记录： (1)在Dreamweaver MX 中新建一个名为2-16-A.htm的页面实现下面效果。（2）在Dreamweaver MX 中输入2-17.htm、 2-19.htm、 2-21.htm的代码（里面的文字内容可随便写，但标签要照书中写），并看看实现的效果。 (3)对（2）前面的代码内容进行适当的修改，并再看看效果（要求将2-16-A.htm、 2-17.htm、 2-19.htm、 2-21.htm修改后的代码复制此记录处，并用下划线标明修改的地方）2-16表单实例 用户登录用户名:密码: 老师 学生 2-17表单实例 网站链接： 搜狐() 新浪() 网易() Google() 中华易() 百度()2-19表单实例 连接标签实力： 链接到新浪新闻给我来信 进入水木清华bbs站 2-21-A.htm无标题文档实验项目五：构建本地站点和网页版面布局性质必做（ * ） 选做（ ）实验时间实验目的： 1. 学会IIS的配置2. 掌握构建本地站点的步骤，体会构建本地站点的好处。3. 体会网页的版面布局实验过程记录： 1. 在自己的计算机中打开IIS，学会IIS的配置（参看“IIS设置参考.ppt”）。2. 参考书中“3.2 构建本地站点”在Dreamweaver 中构建本地站点。3. 在刚构建好的本地站点中建立“2-21-A.htm”文件，要求此文件中必需包含图片、音乐和视频，并测试你的多媒体效果（网址栏处应该形如http:/你的计算机IP/ 2-21-A.htm）。注意所需多媒体文件是否保存到了网页所在的文件夹中。4. 在刚构建好的本地站点中建立一个名为4-1.htm 的网页，在此网页中用表格实现下面的布局。5. 在刚构建好的本地站点中建立一个名为4-2.htm 的网页，在此网页中用图层实现上图的布局。6. 在刚构建好的本地站点中建立一个名为4-3.htm 的网页, 实现教材P104页图4-32 的效果。（请将2-21-A.htm的代码和4-1.htm、4-2.htm 、4-3.htm的代码复制到以下空白处）2-21-A.htm无标题文档4-1无标题文档 qwqwwqw wqwq gff fgff gff 4-2无标题文档 sx xsx dsds sss sdsd实验项目六：CSS样式表系列实验性质必做（ * ） 选做（ ）实验时间实验目的： (1) 进一步熟悉HTML语言(2) 掌握CSS样式表实验过程记录： （1）在上次实验构建的本地站点中，输入5-1.htm、 5-3.htm的代码，并看看实现的效果。(2) 对前面的代码内容进行适当的修改，并再看看效果(3) 练习5-2.htm 、 5-4.htm的例子。（要求记录下对5-1.htm、5-3.htm 修改后的整个代码，并将修改的部分代码用下划线标出）5-1untitled documentstyle type=text/cssThe CSSis veryimportant.5-3使用LINK标记符链接样式link rel=stylesheet href=123.css type=text/css这一行的文字是用h1样式定义的这一行的文字是h2样式定义的这一行的文字是h2样式定义的实验项目七：CSS样式表系列实验2性质必做（ * ） 选做（ ）实验时间实验目的： (1) 进一步熟悉HTML语言(2) 掌握CSS样式表实验过程记录： （1）在上次实验构建的本地站点中，输入5-6.htm、5-14.htm的代码，并看看实现的效果。(4) 对前面的代码内容进行适当的修改，并再看看效果(5) 编写一个名为 mydiv.html的网页，用图层布局实现div居中的下图效果。（要求记录下对5-6.htm、5-14.htm修改后的整个代码及mydiv.html的代码，并将修改的部分代码用下划线标出）5-6分级/*定义CSS sampletextsampletextsampletext sampletextsample list-item1list-item2 list-item3 5-14margin css档及厚度和杜威和电话的话方块含糊过户以哦哦呼呼就会看见看见就看见看见你看看你看看看你看看吗没看妈妈没看没看了吗没开门开门没看妈妈密码了吗们，们，1，们，们，们，健康就看就看就看看就看见看见看就看见看见看就看见看见。(3) 无标题文档 222 333 444 666 555实验项目八：CSS样式表系列实验3性质必做（ * ） 选做（ ）实验时间实验目的： (1) 进一步熟悉HTML语言(2) 掌握CSS样式表实验过程记录： （1） 在dreamweaver中，输入5-16.htm 、 5-17.htm 、 5-19.htm、 5-20.htm的代码，并看看实现的效果。（2） 对前面的代码内容进行适当的修改，并再看看效果（要求记录下对5-16.htm 、 5-17.htm 、 5-19.htm、 5-20.htm修改后的整个代码，并将修改的部分代码用下划线标出）5-16无标题文档利用z-index属性实现文字重叠5-17无标题文档img src=67315ff9gw6dfgjbpmyihj1.jpgstyle=filter:alpha(opacity=10,finishopacity=100,style=3