实验四、网站制作及发布.docVIP

实验四、网站制作及发布 　 一、实验目的 通过本实验，学生应能正确利用所学过的知识，完成实验中所提出的任务，达到综合运用、掌握网络信息制作与发布的基本技术的目的。 二、实验内容 设计制作一个展示自己为主题的个人网站，并将它发布到网上。 其中至少包括一张首页和二张下级页面。所有网页的制作全部使用Frontpage或DreamWeaver实现。所有网页要进行反复调试，确保其均能在IE浏览器中正常显示，所有链接均为有效链接，不得出现死链接。 主页采用框架网页，基本结构（供参考）如下： 　 LOGO 横幅标题 这里使用字幕组件构成一个“欢迎光临……”的滚动效果 使用按钮（至少有五个）实现与第二层网页的链接 使用表格布局，放置一个介绍的文字资料和一幅照片 文字链接（实现到第二、三层有关栏目的链接） 制作者信息：（姓名、班级、联系方式，要有指向Email的超链） 三、实验步骤 1． 用自己的学号建立目录，根据自己的兴趣爱好或专长，确定一个网站主题。网页中含有如下信息：班级、姓名、学号、联系方式等，主页文件名为index.html。网页要求颜色搭配协调、内容清晰。 2．根据确定的网站主题，通过各种途径收集、整理、加工网站所需要的信息。 3．自行确定网站的LOGO(互联网上企业或个人网站标识或用来与其它网站链接的图形标志)、自行设计各级网页的风格、网站的整体结构。 4．利用FrontPage或DreamWeaver设计制作各个页面。 5．测试完成网站。 6．将网站发布到免费主页空间上。 注意：网站发布时，在服务器上把自己的学号目录下的所有文件传送到服务器，上传文件时，直接把整个目录传送到服务器。通常将主页命名为index.html。 与网页相关的图形文件及所有建立链接的文件必须用英文名称，且放在同一目录中。 7．验证发布成果：打开浏览器，在URL栏输入你的个人网站的网址，验证个人网站是否发布成功。 　 四、常见问题 1. 看不到自己设计的内容： (1) 可能是文件名不对（主页用index.html命名），或文件的扩展名不是“html”，或文件没有传送到服务器。修改方法：在资源管理器中将主页文件扩展名改为index.html，重新将目录传送到服务器。 (2) 子目录不是你的学号，修改方法：在D盘将文件夹改为自己的学号，重新将目录传送到服务器。 (3) 文件不在你指定的目录中，修改方法：把与主页有关的所有文件拷贝到自己建立的目录中，重新建立链接，重新将目录传送到服务器。 2. 看不到网页上图片，文件名是中文文件名，或文件不在指定的目录，或文件没有传送到服务器。解决方法：把与主页有关的所有图形文件拷贝到自己建立的目录中，或将图形文件名改为英文文件名，然后重新建立链接，重新将目录传送到服务器。 3. 无法进入下一个链接，文件不在指定的目录，或文件没有传送到服务器。解决方法：把与主页有关的所有文件拷贝到自己建立的目录中，然后重新建立链接，重新将目录传送到服务器。 　 五、实验报告要求 　 在实验报告中，抄录你编制的主页的所有HTML源代码文件，并在一些影响效果的关键语句处用注释语句进行说明。 　 六、参考资料 　 1. FrontPage教程 2. Dreamweaver MX 2004视频教程 3. Dreamweaver教程 4. HTML 语言教程 　 七、资料 Dreamweaver 8 入门 /html/2008-02/874.html 1、启动Dreamweaver。 2、创建文件：点击“创建新项目”下的html。 或者：文件－新建－html。 ３、保存文件 菜单栏：点“文件－保存”命令，弹出一个“另存为”对话框，，给文件起名，保存到你觉得合适的地方。 ４、修改网页标题 把“无标题文档”换成你的网页标题。 ５、输入内容 在工作区随便输入一些文字。 　 ６、再保存: 文件-保存。