设计与制作个人网站或班级网站实验报告.pdf

《设计与制作个人网站或班级网站实验报告.pdf》由会员分享，可在线阅读，更多相关《设计与制作个人网站或班级网站实验报告.pdf（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 课 程 实 验 报 告 专 业 年 级 课 程 名 称 指 导 教 师 学 生 姓 名 学 号 实 验 日 期 实 验 地 点 实 验 成 绩 年 月 日 实验项目 设计与制作个人网站或班级网站 名称 实验 目的及要求 本实验为设计与创新型实验，要求学生在掌握网页制作软件 Dreamweaver的基本功能基础上，掌握网页设计制作软件的方法和技术，执行创作完成个人网页、班级或寝室网页。利用 Dreameaver 制作一个简单的个人、班级或寝室网页。要求：）1、有 1 个首页及 5 个子页面。）2、整体风格一致，突出主题宣明,栏目合理，设计美观大方，必须含后背景音乐图片文字等元素。）3、在主页上

2、有自己的照片姓名，班级，学号等信息。4、链接顺畅，结构合理。实验 内容 1、掌握网页的制作基本流程，配色技巧。2、掌握 Dreameaver 的工作界面的工具栏的基本功能。3、利用 Dreameaver 制作一个简单的个人网站。实验步骤 1.分析网站结构，下载所需要的素材。实验操作过程 1）站点的创建 启动 dreamweaver8 界面，单击【创建新项目】列表栏中的【HTML】超链接。选择【站点】【管理站点】【新建】命令，打开【站点】对话框，在【基本】选项卡中的站点名称文本框中输入站点名称“walhj”。单击【高级】标签，在【高级】选项卡中设置本地站点参数。在【本地跟文件夹】文本框中输入本地

3、站点所对应的本地根文件夹。“E:网页制作”。单击【下一步】按扭。选中【否】单选按钮，表示该站点是一个静态站点，没有动态页。单击【下一步】选择“在本地进行编辑，然后上传到远程测试服务器”；单击【下一步】从弹出的菜单中选择【无】选项。单击【下一步】，单击完成。随即出现【管理站点】对话框，显示新站点。单击【完成】。2）建立本地站点之后，在文件面板中管理网站文件。在【文件】面板中单击鼠标右键，在快捷菜单中选择【新建文件】，名称为“”.3)网页布局 1.在表格中插入表格：切换到【标准模式】，选择【插入】【表格】命令，此时弹出【表格】对话框，在【行数】和【列数】中填 1 和 3，边框粗细填 0，表格宽度填

4、 1000 像素。单击确定。2.创建嵌套表格，选中一个表格单元格，右击选择【表格】【拆分单元格】在弹出的对话框中填需拆分为行还是列。选中拆分为行，2 行。3）在表格中出入层：选中一个表格单元，选择【插入】【布局对象】【层】4）在层中插入图像：选择【插入】【图像】在弹出的对话框中【文件名】中选择要插入图像的名称。（图像，音乐，视频与网页保存在同一个文件夹中）单击确定，在弹出的对话框中【替换文本】处填写图片的说明名称。5）设置图片属性：图像的属性可以通过【属性】面板中各个选项来完成。4）创建网页名称：选择【查看】【代码】编写 HTML 语言，walhj 创建网页名称。5）插入背景音乐：选择【查看】

5、【代码】编写 HTML 语言，bgsound src=音乐/宫崎 骏 -天 空 之 城 -演 奏 曲 小 提 琴 钢 琴 版.mp3 width=213 height=41.6)插入视频：选择【插入】【媒体】【FLASH 视频】在弹出的对话框中【URL】中【浏览】中选择要插入的视频，【宽度】【高度】处分别填 300 和 300，选择【自动播放】单击【确定】按钮。8)设置文本的大小及颜色：选中要编辑的文本，选择【文本】【颜色】/【大小】设置文本的颜色和大小。9）设置页面背景颜色：选择【窗口】【属性】【页面属性】在弹出的对话框中【背景颜色】处选择想要设置的颜色。10)在页面的左上角处选择【插入】【

6、表格】在弹出的对话框中，【行】【列】分别填1，4，【表格宽度】填 300 像素。在已经创建的表格单元格中分别填“主页”“我的简介”“时事新闻”“经典阅读”。11)以次类推设计“我的简介”“时事新闻”“经典阅读”等网页。12）各网页之间的链接 实验环境 安装有 Dreameaver 软件的能上网的计算机 实验结果与 分析 Dreamweavr 是一种简单易掌握的网页设计与制作工具，包含了多种功能，与HTML 语法编写制作网页，它要简单的多。dreamweaver 是通过可视化编辑控制 html 可以节省很多代码撰写的时间并且可以方便的实现各种特殊效果。但同时 Dreamweaver 也有自身的不足之处。由于在网页制作中使用了层，使得不同的电脑分辨率不同，所完成的网页在不同的电脑中会出现层的移动，导致效果失真。在制作个人主页的过程中，不仅能锻炼自己结构分析的能力，还可以提高自己的设计理念和审美观。注：可根据实际情况加页