网页工作设计与制作实验总结报告.pdfVIP

高等教育自学考试通信与信息系统管理专业专科实验报告 考点名称： 课程名称： 计算机网络与应用 姓名 考号 成绩 教员签名 实验名称 网页设计与制作 了解专业网页设计工具 Dreamweaver 、Fireworks 和 Flash ；了解网页的核心技术 实验目 HTML 语言。 一台多媒体电脑，组建内部局域网，并且接入国际互联网；安装 Windows XP 操作 使用仪器 系统，建立 IIS 服务器环境，并支持 ASP ；安装网页三剑客（Dreamweaver 、 实验环境 Flash 、Fireworks ）等网页设计软件。 认识网页设计工具 Dreamweaver ；新建站点和网页；进行网站的结构设计、站点风 实验内容 格的选择、网站层次规划和页面布局；网页的基本组成要素的添加；网页中多媒体 的应用；站点和网页的保存；站点的发布。 实验步骤： 1、确定网站主题 我的网站的主旨在于介绍自己，展示自己，包括我的自我介绍、学习、创作和我的班级等 内容。从各个方面全面的介绍我自己。另外，网站里还应包括我的相册，建立一个展示自我形 象的平台。同时，网站里的每一个网页都要有统一的风格，以加强渲染自己性格的效果。最重 要的是做出自己的风格，吸引浏览者的眼球。 2 、搜集材料 主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻，同时，查询相关的图 书、报纸、光盘、多媒体等，也可以得来更加有说服力的信息。常言道：“巧妇难为无米之炊”。 要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后 制作网站就越容易。然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 3、规划网站 我的网站包括 5 个页面，首页、自我介绍、我的相册、我的班级和给我留言。每一个页面 用统一的背景图片，以保证网站统一的风格。用自己的名字命名网站 Loge,搭配合适的元素用 Photoshop 设计出独特的站标，然后再仿制出相似的其他子页面站标，网站整体色调为白色，然 后点缀其他不同的颜色相配，突出主题，但颜色不宜过多，过杂，给人一种杂乱的感觉。版面 设计要灵活，根据各部分内容的不同适当的自由设计。但是每个页面的主元素和位置不能变， 比如loge.版权信息等。网页布局主要用层和表格，用层定位内容的大体结构，再用表格具体定 位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是， 用 CSS 设计一个样式，以保证随时、准确的调用。另外，为了网页布局的协调，还可以加入 flash 动态图片，会达到更好的效果。 4 、选择合适的制作工具 做网页的首先工具当然为 Dreamweaver ，另外，为了处理网页中的其他元素，还可以使用 Photoshop 、Gif Animator 等软件。 5、认识网页设计工具Dreamweaver （1）Dreamweaver 的启动 单击任务栏上的“开始”→“程序” → “Macromedia ” → “Macromedia Dreamweaver ”即可启 动网页设计工具软件。 （2 ）窗口组成的认识 6、新建站点 执行 “站点”菜单中 “新建站点”命令，在弹出的对话框中选择 “基本”标签，在文本 框中分别输入新建站点名称和站点 HTTP 地址；再选择“高级”标签，在分类列表中选择“本 地信息”，并在右边各文本框中输入站点名称、本地根文件夹、默认图像文件夹、HTTP 地址， 这些设置完成后，单击确定按钮，即可完成站点的创建。 7、站点中首页的创建 “文件”菜单→“新建” →选择“常规”选项卡中的基本页→在右边列表中选择 “HTML ”， 再单击 “创建”按钮，完成网页文件的新建，然后再通过 “修改”菜单中 “页面属性”命令 把网页的上、下、左、右边距都设为 “0px ”，最后在网页中通过表格进行页面的布局，然后输 入所需要的网页元素。 8、制作网页 素材、风格、模板都设计好以后，下一步就是具体的制作网页。制作网站时，首先要做 就是站点的规划