网页与网站设计实践报告.doc

经济与管理系学生实验报告 专业班级 09财管 课程名称 网页与网站设计 学 号 Xxx 姓 名 Xxx 指导教师 殷彬 实验成绩 实验项目一：体会网页设计 性 质 必做（ * ） 选做（ ） 实验时间 实验目的： 体会网页设计的知识。 实验过程记录： 在记事本中输入第15页的 2-1.htm 的代码，然后另存为网页（扩展名为html）看看效果，然后试着修改，再看看效果。以同样的方法输入2-2.htm（在16页）、2-3.htm、2-4.htm、 2-5.htm的代码，并看看实现的效果。然后对前面的代码内容进行适当的修改，并再看看效果 （要求将2-1.htm、2-2.htm、2-3.htm、2-4.htm、 2-5.htm修改后的代码复制此记录处，并用下划线标明修改的地方） 2-1.html html head title1111/title /head body text=red bgcolor=black 学号Xxx bh1 Xxx /h1 /b /body /html 2-2.html html head title1111/title /head body text=red bgcolor=black h1 align=leftfont color=green11111br22222 /font /h1 /body /html 2-3.html html head titletext属性示例/title meta http-equiv=Content-Type content=text/html;charest=gb2312 /head body text=red bgcolor=yellow text属性可以设定文字的颜色，这里显示了在body标签中加入text属性前后的情况。 /body /html 2-4.html html head titlelink 属性示例/title meta http-equiv=content-typecontent=text/html;charset=gb2312 / /head body Link=green alink=red vlink=yellow a href=sample.htmlink属性设定访问之前的超链接的颜色，alink属性用来设定正在按下超链接的颜色，vlink属性用来设定访问之前的超链接的颜色/a /body /html 2-5.html html head titlebackground 属性示例/title meta http-equiv=content-typecontent=text/html;charset=gb2312 / /head body background=太阳.jpg ph1 align=centerfont color=#00FF00background 属性示例/font/h1/p pbackground属性是相当有用的一个属性，/p p它的作用是用来设定背景图片，/p p它使得古板单调的网页变得生动活泼，/p p当前大多数网页的设计都采用了背景图片，/p p在HTML中就是使用了background属性。/p /body /html 实验项目二：HTML语言系列实践实验 性 质 必做（ * ） 选做（ ） 性 质 实验目的： (1) 掌握HTML语言 (2) 熟悉Dreamweaver MX的使用 实验过程记录： (1)在Dreamweaver MX 中输入2-6.htm、2-11.htm、2-12.htm（里面的文字内容可随便写，但标签要照书中写），并看看实现的效果。 (2)对前面的代码内容进行适当的修改，并再看看效果 （要求将2-6.htm、 2-11.htm、2-12.htm修改后的代码复制此记录处，并用下划线标明修改的地方） 2-6.html !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head titleP标签/title meta http-equiv=Content-Type content=text/html; charset=gb2312 /head body text=blue bgcolor=yellow background=background.jpg bp红藕香残玉簟秋。/p p轻解罗裳，独上兰舟。/p p云中谁寄锦书来？/p 雁字回时，月满西楼。br hr size=5 width=150 align=left color=#FF3366 p一种相思，两处