实验做网站教程

网页设计基础教学实验长安大学计算机基础教学委员会实验一:常用工具软件及应用1.
实验内容:介绍WINDOWS下的系统工具软件,如压缩、解压缩、看图.
2.
实验要求:掌握压缩打包、看图等常用工具软件的基本使用方法,并用于交作业.
实验二:创建网站及制作网页基本内容1.
实验内容:(一)设置、编辑、管理Dreamweaver站点,创建和打开Dreamwea站点文件.
(二)设置页面属性,插入文本,设置和更改字体组合和文本样式、颜色,插入日期、特殊字符、添加空格,设置段落格式,对齐文本缩进文本、添加段落间距、使用水平线、创建项目列表和编号列表、导入WORD、EXCEL文件(三)插入图像调整图像大小裁剪图像调整图像的亮度和对比度锐化图像使用外部图像编辑器等.
2.
实验要求:学习和理解站点与站点文件的含义、结构关系,掌握创建和使用站点的基本方法.
掌握页面基本内容的制作方法,包括插入、设置和编辑文本格式,插入及编辑处理图像的基本方法等.
实验三:Dreamweaver网页布局与图层1.
实验内容:(一)使用表格的标准模式显示页面,插入表格并添加内容,设置表格和单元格的格式,调整表格、列和行的大小,添加及删除行和列,拆分和合并单元格,复制、粘贴和删除单元格,嵌套表格,对表格进行排序,导入和导出表格式数据.
(二)在"布局模式"对页进行布局,绘制布局单元格和表格,绘制嵌套布局表格,将内容添加到布局单元格中,清除自动设置的单元格高度,调整布局单元格和表格,设置布局单元格和表格的格式,将列设置为自动伸展或固定宽度,使用间隔图像.
(三)使用层布局页面:插入并嵌套层,设置层属性,层的各种操作与管理,层转换为表格,层面板.
利用图层处理图像.
2.
实验要求:掌握使用表格的两种模式布局页面的基本方法:(一)在标准模式下插入、设置、修改表格及导入并编辑表格数据的方法.
(二)应用表格的"布局模式"设计和显示页面.
(三)掌握应用层的灵活性丰富页面布局的方法和设计技巧.
实验四:创建和管理超级链接1.
实验内容:(一)创建链接使用属性检查器,使用"指向文件"图标,使用热点工具使用站点地图,使用"超链接"命令,命名锚记,电子邮件等链接方法.
(二)管理链接:文档的位置与路径,插入和编辑跳转菜单项,插入和设置导航条等.
2.
实验要求:学习和了解在网站中链接文档的各种方法,熟悉和掌握在网页中链接文字与图像的基本方法,掌握页面设计跳转菜单与导航条实现链接的方法等.
实验五:使用框架结构制作网页1.
实验内容:使用预定义的框架集,选择框架和框架集,在框架中打开文档,保存框架和框架集文件,查看和设置框架属性,控制具有链接的框架内容.
2.
实验要求:学习和了解使用框架的基本方法以及框架与页面的关系,掌握利用预定义的框架设计页面、插入内容并保存.
实验六:网页行为事件与动态页面元素1.
实验内容:(一)使用Dreamweaver自带的行为动作事件,应用"行为"面板,添加行为,更新行为,下载并安装第三方行为.
(二)利用图层、设置鼠标经过图像、轮换图像和时间轴等动态图像.
2.
实验要求:(一)理解什么是事件和行为,掌握插入、编辑和应用行为功能设计网页的基本方法.
(二)学习利用图层和行为设计动态图像,掌握创建简单的页面动态元素的方法.
实验七:CSS样式1.
实验目的:CSS样式及分类(内嵌式、外联式),自定义CSS样式和CSS选择器样式的应用,样式过滤器在页面设计中的使用.
2.
实验要求:了解CSS样式的定义方法,在页面设计中合理使用CSS样式.
3.
主题记录自己的一次登山经历实验八:模板与库1.
实验内容:创建和保存模板文档,打开和编辑模板文档,使用自定义网页模板,模板加载、分离.
2.
实验要求:了解创建和应用模板与库的基本方法.
网页设计综合练习1.
实验内容:在已建立的站点文件下创建网页,练习制作网页基本内容,设计分割页面布局,利用层、框架、行为及动态元素完成网页设计和制作的过程.
2.
实验要求:熟悉Dreamweaver网页设计工具的基本功能,掌握设计页面的基本操作和常用方法.