网页设计与制作实验指导书.docx

网页设计与制作实验指导书.docx《网页设计与制作实验指导书》河南科技大学经济与管理学院目录实验规则 3实验报告要求 4基本实验方法 4实验环境 4实验一Dreamweaver8基本操作、站点管理 5实验二网页的定位技术以及制作层动画 7实验三网页编辑与超链扌妾 13实验四层叠样式、模板和库 17实验五表单与扩展管理器 23实验六网页设计与制作 24实验规则为了顺利完成实验教学任务,确保人身设备安全,培养严谨、踏实、实事求是的科学作风和爱护国家财产的优良詁质,特制定以下实验规则:1、 实验纪律(1) 在实验室不得做和实验无关的申情。(2) 遵守纪律,不迟到,不旷课。(3) 不能拆卸硬件,更不能拿走实验设备或仪器。(4) 保持实验室安静、整洁,爱护公物。2、 实验过程(1) 预录实验屮遇到的问题,主要是错误信息和错误原因。(3) 检查操作结果是否正确。(4) 根据实验过程的记录书写实验报告。实验报告要求1、报告用纸采用统一的河南科技大学实验报告用纸,或按照指导老师指定的统一格式打印。2、实验报告封面内容实验名称:(如实验一网页的定位技术)班级名称:(如计031班)学生学号:学生姓名:实验吋间:3>实验报告内容见各具体实验项H的要求。。、站点管理1=一、 实验目的和要求:掌握Dreamweaver8启动和退出的方法。掌握木站点的设置方法。掌握创建、打开和保存HTML文档的方法二、 实验内容:网页编辑器的基本操作用不同的方法启动和退出Dreamweaver8□用快捷键打开和关闭【插入】面板和【属性】面板。将【代码】浮动血板组打开后,先移出,再移入浮动面板放置区,然后再将【设计】浮动面板组屮的【CSS样式】组合到【代码】浮动血板组屮。察看浮动面板组操作后的效果。用快捷键关闭和打开浮动面板纟R,用鼠标折叠和展开备个浮动面板组,察看浮动面板组操作麻的效果。启动DreamweaverMX后,打开、关闭标尺显示,设置标尺单位分别为厘米、英寸、像素;显示和隐藏网格,设置网格属性,【问隔】为10像素,【显示】为线,【颜色】CC99,选屮【靠齐到网格】复选项。打开站点管理器,在木地计算机的当前盘根文件夹屮,建立名为myweb的文件夹。把文件夹myweb设置为木地站点的根文件夹。然丿订建立名为image文件夹。在木地计算机的当前盘根文件夹屮,建立名为oursite的了文件夹,并切换为木地站点的根文件夹。文件管理基本操作⑴将chl2\,分别复制到本地站点“我们的站点”的oursite文件夹屮。在文件夹屮oursite屮新建了文件夹image,。⑶。制作简单网页按下述要求制作网页exel2-,如图12・2所示。页面的背景图片为chl2\。在合适的位置上插入chl2\⑶在网页屮输入文字:一件好的作品,如一阵清新的风,一曲温婉的歌,让人心旷神怡。一件好的作品,如一杯香醇的茶,一瓶陈年的酒,让人冋味无穷…⑷将网页用exel2-。图12-2简单网页exel2-、实验学时:3学时实验二网页的定位技术以及制作层动画一、 实验目的和要求:掌握表格创建和编辑的方法掌握布局表格和布局单元格的使用方法掌握层的创建、编辑和应用的方法掌握框架网页的创建、编辑和保存的方法二、 实验内容:表格的创建、插入、-,将其保存到Mysite文件屮。在页面上输入4彳亍5列的表格,表格宽度为500像素,表格的边框为1像素,在表格中输入如表14-1所示的内容。并在表格上方增加标题“信息学院备班平均成绩”,标题格式设置为方正舒体、5号、粗体、#003366。表14-1各班平均成绩表科H数据原理计算机组成实验英语精读电了商务00级1班7385777901级1班8379829101级3班90808592(2)在表格“01级3班”前插入一行。内容为“01级2班、85、82、88、82”。在表格中“计算机组成实验”列插入一列。内容为“计算机组成、69、73、75、80”。将00级1班这一行移到表格的最后一行,删除“英语精读”这一列。单元格的拆分、合并和格式化操作是表格屮的数据全部居屮