网页的设计试验汇报.doc

中原工学院信息商务学院  PAGE 9 目录 一．实验题目…………………………………………1 二. 实验目的…………………………………………1 三.实验内容 …………………………………………1 四.实验条件及具体要求 ……………………………1 五.实验记录…………………………………………2～7 七.实验体会…………………………………………7～8 一．实验题目：回首2008 二. 实验目的 熟练使用常用网页制作工具设计网页 熟练掌握HTML语言 熟练掌握CSS 能正确上传网页 网站中应用上述技术 三. 实验内容 1.制作自己的网站 2.上传网页 四.实验条件及具体要求 1.实验设施 接入internet 的计算机（奔腾PIII以上PC机），操作系统:Windows2000/2003. 2.IE浏览、网页制作软件 网页三剑客（Dreamweaver、Fireworks、Flash ）、prontpage2000、Photoshop、FrontPage及绘图??具。 3.掌握常用的网站管理和维护方法 4.合理的使用静态网页设计的新技术 5.网站美观大方得体 6.网站中可以适当运用新技术 * 7.撰写课程设计报告。 五.实验记录 网站的改进方法或升级方案 我制作的是一个回首2008年重要事件的回忆网站，主要包括北京奥运，四川地震以及神舟七号的发射等。网站首页包括奥运的具体事件，神舟七号以及四川地震等。其中有一些子网页的内容及图片索引。整个网站布局比较清晰大方，页面的颜色搭配合理，给人一种赏心悦目的感觉。网站首页的主题比较突出，本网站的主页结构图如下： 回首2008页头图像标题焦点热谈奥运名家专访●冠军故事奥运●中国军团金牌榜奥 运四川地震 震后重生爱心你我行冰灾神州七号聚焦航天员神七成功返回回首08媒体滚动图标版权 （一）.制作自己的网站。 1．创建新站点：1、在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。  注：网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页，上传后打开网页默认连接到此页。 　　2、在标题空格里输入网页名称，点击修改－页面属性，打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像，超级链接的颜色（一般默认即可），其他都保持默认即可。 　　 3．如要选取字体，则选择字体中的最后一项：编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。 　　 注：在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用，因为别人 HYPERLINK /price/plist4.shtml \t _blank 电脑上未装就看不到。如果需要用的话，要做成图片后再使用。 　　 注：在网页上打入空格的办法是：把输入法调为全角。 　　 注：在网页上换行的办法是：shift+Enter。只按Enter则为换段。  4．插入图片：网页中的图像图像传输是WWW的真正魅力所在，它与文字相比具有显著的优点：一是直观，人眼观看图像时接受信息的速度远远超过观看文字时接受信息的2速度；二是能更清楚地表达细节内容。正是由于这些优点，所以在进行网页设计时图像很受欢迎。如果网页做得像一幅风景画，浏览者一定会流连忘返（如果图片很大，效果会适得其反）。 图像文件的格式有几十种，如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等，现在Internet Explorer和Netscape支持的、最常用的图像格式是GIF、JPEG和BMP。在网页中单击要插入图片的位置，单击插入菜单，在下拉菜单中单击图片中的“来自文件”命令，弹出图片对话框。在图片对话框中选择插入图片的方式，在选择图片单击“确定”就可插入图片。插入图片后可选中图片，对图片进行编辑。 5．表格的创建：单击“表格”菜单，在弹出的菜单中选择所要创建的表格的规格。同是利用表格工具可以对表格进行处理清出、插入行或列、删除表格、合并表格、拆分表格、对齐表格、表格颜色、调整表格大小。 6.建立超连接：选中要超连接的对象并单击鼠标右件，选择超连接，选择要被超连接的对象。 建立超连接后，就可以在在浏览器中看到所做的页面： 7.网站做成的部分