实验四、网站制作及发布_第1页
实验四、网站制作及发布_第2页
实验四、网站制作及发布_第3页
实验四、网站制作及发布_第4页
实验四、网站制作及发布_第5页
已阅读5页，还剩4页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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. Dreamweaver MX 2004视频教程 3. Dreamweaver教程 4. HTML 语言教程 七、资料 Dreamweaver 8 入门 1、启动Dreamweaver。 2、创建文件：点击“创建新项目”下的html。 或者：文件>新建>html。 、保存文件 菜单栏：点“文件>保存”命令，弹出一个“另存为”对话框，给文件起名，保存到你觉得合适的地方。

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

7、中间的“背景颜色”按钮点一下，在出来的调色板中，选择一种颜色，点“确定”背景色就设好了； 插入背景图片的方法，就是在背景颜色按钮下面的背景图片中选择一幅图片 图片和音乐 插入图片 点：插入>图片。 找到图片，确定就可以。 注意要把图片放到站点的images文件夹中，而且图片是英文的文件名。 插入背景音乐 在代码或者拆分模式下，找到<body>,在其后插入以下代码： <bgsound src="././music/1001.mid" loop="-1" /> music/1001.mid是音乐地址，你可以自定义。 插入音乐 代

8、码模式下，适当位置，插入以下代码： <embed src="././music/m1.wma" width="320" height="40" controls="ControlPanel" loop="false" autostart="false" type="audio/x-pn-realaudio-plugin" initfn="load-types"></embed> width="320&q

9、uot; height="40"是播放器的宽度和高度 music/m1.wma是音乐地址。 表格 插入表格 1）点菜单“插入表格”命令，出来一个对话框，一般修改上面的两行，表格的行列数和宽度。 2）点“确定”即可插入一个表格，横着的是行，竖着的是列，每一个小格叫单元格； 3）在表格的边框上点一下，可以选中整个表格，下面的属性面板中也出来表格的各个选项，边框为0的时候不显示边框线； 4）在一个单元格里点一下以后，下面的属性面板显示单元格的选项， 点菜单里的“修改表格”命令，还可以可以再添加加入一个行、一个列等等 你也可以用右键操作，多看看多试试，表格是刚开始做网页必须用的。 插

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论