网页设计试验报告

《网页设计试验报告》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、中原工学院信息商务学院目录一．实验题目…………………………………………1二.实验目的…………………………………………1三.实验内容…………………………………………1四.实验条件及具体要求……………………………1五.实验记录…………………………………………2～7七.实验体会…………………………………………7～88中原工学院信息商务学院一．实验题目：回首2008二.实验目的l熟练使用常用网页制作工具设计网页l熟练掌握HTML语言l熟练掌握CSSl能正确上传网页l网站中应用上述技术三.实验内容1.制作自己的网站2.上传网页四.实验条件及具体要求1.实验设施接入i

2、nternet的计算机（奔腾PIII以上PC机），操作系统:Windows2000/2003.2.IE浏览、网页制作软件网页三剑客（Dreamweaver、Fireworks、Flash）、prontpage2000、Photoshop、FrontPage及绘图工具。3.掌握常用的网站管理和维护方法4.合理的使用静态网页设计的新技术5.网站美观大方得体6.网站中可以适当运用新技术*7.撰写课程设计报告。五.实验记录网站的改进方法或升级方案我制作的是一个回首2008年重要事件的回忆网站，主要包括北京奥运，四川地震以及神舟七号的发射等。网站首页包括奥运的具体事

3、件，神舟七号以及四川地震等。其中有一些子网页的内容及图片索引。整个网站布局比较清晰大方，页面的颜色搭配合理，给人一种赏心悦目的感觉。网站首页的主题比较突出，本网站的主页结构图如下：8中原工学院信息商务学院回首2008页头图像标题焦点热谈奥运名家专访●冠军故事奥运●中国军团金牌榜奥运四川地震震后重生爱心你我行冰灾神州七号聚焦航天员神七成功返回回首08媒体滚动图标版权（一）.制作自己的网站。1．创建新站点：1、在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。中文版的的默认的文

4、件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。注：网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页，上传后打开网页默认连接到此页。8中原工学院信息商务学院　　2、在标题空格里输入网页名称，点击修改－页面属性，打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像，超级链接的颜色（一般默认即可），其他都保持默认即可。　　3．如要选取字体，则选择字体中的最后一项：编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列

5、表中的一种字体，点击中间的按钮就可以加入了。　　注：在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用，因为别人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。　　注：在网页上打入空格的办法是：把输入法调为全角。　　注：在网页上换行的办法是：shift+Enter。只按Enter则为换段。8中原工学院信息商务学院4．插入图片：网页中的图像图像传输是WWW的真正魅力所在，它与文字相比具有显著的优点：一是直观，人眼观看图像时接受信息的速度远远超过观看文字时接受信息的2速度；二是能更清楚地表达细节内容。正是由于这些优点，所以在进行网页设计时图像很受

6、欢迎。如果网页做得像一幅风景画，浏览者一定会流连忘返（如果图片很大，效果会适得其反）。图像文件的格式有几十种，如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等，现在InternetExplorer和Netscape支持的、最常用的图像格式是GIF、JPEG和BMP。在网页中单击要插入图片的位置，单击插入菜单，在下拉菜单中单击图片中的“来自文件”命令，弹出图片对话框。在图片对话框中选择插入图片的方式，在选择图片单击“确定”就可插入图片。插入图片后可选中图片，对图片进行编辑。5．表格的创建：单击“表格”菜单，在弹出的菜单中

7、选择所要创建的表格的规格。同是利用表格工具可以对表格进行处理---清出、插入行或列、删除表格、合并表格、拆分表格、对齐表格、表格颜色、调整表格大小。6.建立超连接：选中要超连接的对象并单击鼠标右件，选择超连接，选择要被超连接的对象。建立超连接后，就可以在在浏览器中看到所做的页面：7.网站做成的部分截图：8中原工学院信息商务学院8中原工学院信息商务学院8中原工学院信息商务学院七.实验体会：通过这次网站课程设计，我懂得了不少关于网站设计的知识，一个网站整体性好:一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的，此外，要做一个合理的优秀的网

8、站必须遵循以下原则。网站形象突出:一个符合美的标准的网页是能够使网