实验四、网站制作及发布

《实验四、网站制作及发布》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、实验四、网站制作及发布　一、实验目的通过本实验，学生应能正确利用所学过的知识，完成实验中所提出的任务，达到综合运用、掌握网络信息制作与发布的基本技术的目的。二、实验内容设计制作一个展示自己为主题的个人网站，并将它发布到网上。其中至少包括一张首页和二张下级页面。所有网页的制作全部使用Frontpage或DreamWeaver实现。所有网页要进行反复调试，确保其均能在IE浏览器中正常显示，所有链接均为有效链接，不得出现死链接。主页采用框架网页，基本结构（供参考）如下：　LOGO横幅标题这里使用字幕组件构成一个“欢迎光临……”的滚动效果使用按钮（至少有五个）实现与第二层网页的链接使用表格布局，

2、放置一个介绍的文字资料和一幅照片文字链接（实现到第二、三层有关栏目的链接）制作者信息：（姓名、班级、联系方式，要有指向Email的超链）三、实验步骤1．用自己的学号建立目录，根据自己的兴趣爱好或专长，确定一个网站主题。网页中含有如下信息：班级、姓名、学号、联系方式等，主页文件名为index.html。网页要求颜色搭配协调、内容清晰。2．根据确定的网站主题，通过各种途径收集、整理、加工网站所需要的信息。3．自行确定网站的LOGO(互联网上企业或个人网站标识或用来与其它网站链接的图形标志)、自行设计各级网页的风格、网站的整体结构。4．利用FrontPage或DreamWeaver设计制作各个

3、页面。5．测试完成网站。6．将网站发布到免费主页空间上。注意：网站发布时，在服务器上把自己的学号目录下的所有文件传送到服务器，上传文件时，直接把整个目录传送到服务器。通常将主页命名为index.html。与网页相关的图形文件及所有建立链接的文件必须用英文名称，且放在同一目录中。7．验证发布成果：打开浏览器，在URL栏输入你的个人网站的网址，验证个人网站是否发布成功。　四、常见问题1.看不到自己设计的内容：(1)可能是文件名不对（主页用index.html命名），或文件的扩展名不是“html”，或文件没有传送到服务器。修改方法：在资源管理器中将主页文件扩展名改为index.html，重新将

4、目录传送到服务器。(2)子目录不是你的学号，修改方法：在D盘将文件夹改为自己的学号，重新将目录传送到服务器。(3)文件不在你指定的目录中，修改方法：把与主页有关的所有文件拷贝到自己建立的目录中，重新建立链接，重新将目录传送到服务器。2.看不到网页上图片，文件名是中文文件名，或文件不在指定的目录，或文件没有传送到服务器。解决方法：把与主页有关的所有图形文件拷贝到自己建立的目录中，或将图形文件名改为英文文件名，然后重新建立链接，重新将目录传送到服务器。3.无法进入下一个链接，文件不在指定的目录，或文件没有传送到服务器。解决方法：把与主页有关的所有文件拷贝到自己建立的目录中，然后重新建立链接，

5、重新将目录传送到服务器。　五、实验报告要求　在实验报告中，抄录你编制的主页的所有HTML源代码文件，并在一些影响效果的关键语句处用注释语句进行说明。　六、参考资料　1.FrontPage教程2.DreamweaverMX2004视频教程3.Dreamweaver教程4.HTML语言教程　七、资料Dreamweaver8入门http://htmlmb.cn/html/2008-02/874.html1、启动Dreamweaver。2、创建文件：点击“创建新项目”下的html。或者：文件－>新建－>html。３、保存文件菜单栏：点“文件－>保存”命令，弹出一个“另存为”对话框，，给文件起名，

6、保存到你觉得合适的地方。４、修改网页标题把“无标题文档”换成你的网页标题。５、输入内容在工作区随便输入一些文字。　６、再保存:文件->保存。７、浏览点这个　　可以看到你的网页效果。　编辑文字一、创建html文档二、输入文字三、改变字体把要改变的文字用鼠标拖黑，然后在属性面板里设置，如下图：红线框内依次是字体、大小、颜色。　好了，多输入写文字，设置成不同的颜色字体试试。对齐和背景　看到上图了吗？红线框内是居中对齐按钮。左右两边各是居左和居右对齐，最后一个是两边对齐。改变背景1）默认的背景色是白色，我们可以改成其他颜色；2）在下边的属性面板中，找到“页面属性..”按钮，点一下出来一个面板；3

7、）找到中间的“背景颜色”按钮点一下，在出来的调色板中，选择一种颜色，点“确定”背景色就设好了；插入背景图片的方法，就是在背景颜色按钮下面的背景图片中选择一幅图片　图片和音乐插入图片点：插入－>图片。找到图片，确定就可以。注意要把图片放到站点的images文件夹中，而且图片是英文的文件名。插入背景音乐在代码或者拆分模式下，找到,在其后插入以下代码：