网站建设与管理实验指导书.docx
《网站建设与管理实验指导书.docx》由会员分享,可在线阅读,更多相关《网站建设与管理实验指导书.docx(11页珍藏版)》请在冰豆网上搜索。
![网站建设与管理实验指导书.docx](https://file1.bdocx.com/fileroot1/2023-3/28/f7ae1547-db7e-4582-bf3d-268171d42167/f7ae1547-db7e-4582-bf3d-268171d421671.gif)
网站建设与管理实验指导书
《网站建设与管理》课程
实验指导书
经济管理学院
二零一四年四月
实验项目一:
DreamweaverCS6网页制作
实验项目一:
DreamweaverCS6网页制作
——第一部分:
从零开始学DreamweaverCS6
一、实验目的
通过本实验,使学生
1.了解DreamweaverCS6的操作界面,如菜单栏、“属性“面板以及插入面板等;
2.掌握创建网页本地站点的方法,如使用向导建立站点等;
3.了解插入图像、日期、水平线、特殊字符以及动画等元素的方法;
4.掌握创建E-mail链接、图像热点链接、下载文件链接以及锚点链接的方法。
二、实验基本要求
本节主要介绍DreamweaverCS6的基本操作界面和站点的创建、管理、发布以及预览等知识。
通过本节的学习,学生可以了解文档窗口各个组成部分的功能、新建网页文档并进行页面属性设置、添加与设置网页文本、插入常见网页元素以及创建各种常用的网页链接等。
这些都是网页制作最基本的知识,是进行网页制作的前提。
三、实验要点
1.实验环境
硬件:
计算机、256M以上内存,40G以上硬盘。
软件:
Windows2000及其以上版本,DreamweaverCS6。
2.使用计算机并须连通互联网。
3.实验重点
1)了解DreamweaverCS的操作界面
2)创建网页本地站点
3)添加与设置文本
4)插入常见网页元素
5)创建常用网页链接
四、实验学时数
本次实验由6部分构成,共4学时。
五、实验内容
详见实验参考书及相应视频演示
六、实验步骤
实验项目一:
DreamweaverCS6网页制作
——第二部分:
创建表格与Div的布局
一、实验目的
通过本实验,使学生
1.了解创建和设置表格的方法,如设置表格的属性与设置单元格属性等;
2.掌握选择表格各元素的方法,如选择表格、行或列等;
3.了解表格的常用操作方法,如添加行、删除行、拆分单元格以及合并单元格;
4.掌握Div的常用方法,如创建Div标签和APDiv以及将APDiv转换为表格等。
二、实验基本要求
中文版DreamweaverCS6中提供了十分方便的布局功能,包括表格、Div、层、框架等方法。
网页的布局设计师网页设计制作的第一步工作,也是网页吸引浏览者的重要因素,可见网页的合理布局是网站成功的关键。
网页布局设计是网页设计及制作过程中的一项重要工作,设计网页在浏览器中所显示的外观,它往往决定着网页设计的成败,学生应该熟练的掌握本节的内容。
三、实验要点
1.实验环境
硬件:
计算机、256M以上内存,40G以上硬盘。
软件:
Windows2000及其以上版本,DreamweaverCS6。
2.使用计算机并须连通互联网。
3.实验重点
1)创建与设置表格
2)选择表格各元素
3)表格的常用操作
4)Div的常用操作
四、实验学时数
本次实验由6部分构成,共4学时。
五、实验内容
详见实验参考书及相应视频演示
六、实验步骤
实验项目一:
DreamweaverCS6网页制作
——第三部分:
制作网页框架及框架集
一、实验目的
通过本实验,使学生
1.了解创建各种框架的方法,如预定义框架、自定义框架以及嵌套框架等;
2.掌握框架及框架集的常用操作方法,如选择框架、删除框架以及保存框架等;
3.掌握设置框架和框架集属性的操作方法,如设置框架的网页标题等;
4.掌握创建浮动框架和设置浮动框架的常用操作方法。
二、实验基本要求
框架是一个基本概念上的结构,用于去解决或者处理复杂的问题。
这个广泛的定义使用得十分流行,尤其在软件概念中,也能用于机械结构。
在网页中,框架主要用于分割多个HTML页,每一个框架都是一个独立的HTML页面,多个框架聚集在一起,形成一个框架集。
本节详细实践框架及框架集技术进行网页布局的各种方法。
三、实验要点
1.实验环境
硬件:
计算机、256M以上内存,40G以上硬盘。
软件:
Windows2000及其以上版本,DreamweaverCS6。
2.使用计算机并须连通互联网。
3.实验重点
1)认识框架及框架集
2)创建各种框架
3)框架及框架集常用操作
4)设置框架及框架集的属性
5)创建与设置浮动框架
四、实验学时数
本次实验由6部分构成,共4学时。
五、实验内容
详见实验参考书及相应视频演示
六、实验步骤
实验项目一:
DreamweaverCS6网页制作
——第四部分:
使用CSS修饰美化网页
一、实验目的
通过本实验,使学生
1.了解CSS的基本概念,以及创建CSS样式表的方法;
2.掌握设置CSS属性的常用操作方法,如设置类型、背景以及区块属性等;
3.掌握管理CSS样式表的操作方法,如外联样式表和内嵌样式表等;
4.掌握使用CSS滤镜的常用操作方法,如使用光晕、模糊以及遮罩滤镜等。
二、实验基本要求
在网站设计中,使用CSS样式可以控制网页的字体、边框、颜色与背景等属性,使用了CSS样式定义的网页,只需要修改CSS样式即可改变网页元素。
使用CSS样式可以精确定制并美化网页文本,其定制的样式不仅可应用于一篇文档中,也可以同时控制这个文档的格式。
本节详细实践CSS样式表相关知识,包括设置CSS样式表属性、应用CSS样式表和管理CSS样式表等内容。
三、实验要点
1.实验环境
硬件:
计算机、256M以上内存,40G以上硬盘。
软件:
Windows2000及其以上版本,DreamweaverCS6。
2.使用计算机并须连通互联网。
3.实验重点
1)CSS概述
2)设置CSS属性
3)管理CSS样式表
4)使用CSS滤镜
四、实验学时数
本次实验由6部分构成,共4学时。
五、实验内容
详见实验参考书及相应视频演示
六、实验步骤
实验项目一:
DreamweaverCS6网页制作
——第五部分:
使用CSS和Div布局网页
一、实验目的
通过本实验,使学生
1.了解Web标准的基本含义以及Div基本功能;
2.掌握设置APDiv属性的常用操作方法;
3.掌握CSS布局的方法,如将页面用Div分块以及利用CSS堆定位元素位置等;
4.掌握常见的CSS布局类型,如私用单行单列固定宽度以及高度自适应布局等。
二、实验基本要求
随着Web2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用CSS和Div的制作方法。
CSS和Div可以将网页的表现与内容分离,从设计分工的角度来看,便于分工合作。
从另一个角度来说,除了网站以外,现在的应用程序也可以多以网页形式输出,不管是网页设计师还是程序员,掌握CSS和Div的制作方法都是一件非常重要的事情。
三、实验要点
1.实验环境
硬件:
计算机、256M以上内存,40G以上硬盘。
软件:
Windows2000及其以上版本,DreamweaverCS6。
2.使用计算机并须连通互联网。
3.实验重点
1)初中了解CSS与Div
2)CSS常用布局方法
3)常见的布局类型
四、实验学时数
本次实验由6部分构成,共4学时。
五、实验内容
详见实验参考书及相应视频演示
六、实验步骤
实验项目一:
DreamweaverCS6网页制作
——第六部分:
运用行为制作交互网页
一、实验目的
通过本实验,使学生
1.了解行为、事件和动作的基本含义,以及添加行为的操作方法;
2.掌握设置网络浏览器环境的操作方法,如检查表单以及打开浏览器窗口等;
3.掌握设置网页图像的操作方法,如交换图像和预先载入图像等;
4.掌握制作网页效果的操作方法,如增大/收缩效果、挤压效果以及晃动效果等。
二、实验基本要求
行为是指在网页中进行的一系列动作,通过这些动作,可以实现浏览者与网页之间的交互,也可以通过动作使某个行为被执行。
行为是为响应某一具体时间而采取的一个或多个动作,当指定的事件被触发时,将允许相应的JavaScript程序,执行相应的动作。
在DreamweaverCS6中,行为由事件和动作两个基本元素组成,必须先指定一个动作,然后再指定触发动作的事件。
三、实验要点
1.实验环境
硬件:
计算机、256M以上内存,40G以上硬盘。
软件:
Windows2000及其以上版本,DreamweaverCS6。
2.使用计算机并须连通互联网。
3.实验重点
1)了解行为的含义
2)设置网络浏览器环境
3)设置网页图像的动作
4)设置不同的网页文本
5)设置特殊的网页效果
四、实验学时数
本次实验由6部分构成,共4学时。
五、实验内容
详见实验参考书及相应视频演示
六、实验步骤
实验项目二:
FlashCS6网页动画制作
实验项目一:
FlashCS6网页制作
——第一部分:
从零开始学FlashCS6
一、实验目的
通过本实验,使学生
1.了解FlashCS6的工作界面,如菜单栏、工具以及时间轴面板等;
2.掌握场景的操作方法,如添加场景、查看场景以及使用标尺等;
3.掌握文本工具的使用方法,如创建静态文本、动态文本以及输入文本等;
4.掌握测试、发布与优化Flash动画的操作方法。
二、实验基本要求
Flash动画是网页设计中应用得最广泛的动画格式,随着Internet的流行,Flash已经成为广大计算机用户设计小游戏、发布产品演示、制作动感贺卡以及编制解析课件的首选软件。
FlashCS6界面简洁新颖、功能完善、操作简单、效果流畅生动,以强大的矢量动画制作和灵活的交互功能,成为网页动画制作软件的主流,并且占据了网络广告设计软件的主体地位。
三、实验要点
1.实验环境
硬件:
计算机、256M以上内存,40G以上硬盘。
软件:
Windows2000及其以上版本,FlashCS6。
2.使用计算机并须连通互联网。
3.实验重点
1)了解FlashCS6工作界面
2)场景的基本操作
3)文本工具的基本使用
4)Flash动画的测试与发布
四、实验学时数
本次实验由6部分构成,共4学时。
五、实验内容
详见实验参考书及相应视频演示
六、实验步骤
实验项目二:
FlashCS6网页制作
——第二部分:
FlashCS6绘图基础
一、实验目的
通过本实验,使学生
1.了解各种绘图工具的使用方法,如使用线条工具、铅笔工具以及钢笔工具等;
2.掌握填充工具的使用方法,如使用墨水瓶工具、颜料桶工具以及刷子工具等;
3.掌握编辑图形对象的方法、如使用选择工具、套索工具以及任意变形工具等;
4.掌握移动、复制以及删除图形对象的操作方法。
二、实验基本要求
FlashCS6是一款二维矢量动画软件,通过包括用于设计和编辑的Flash文档,以及用于播放Flash文档的FlashPlayer。
Flash凭借其文件小、动画清晰和运行流畅等特点,在各种领域中得到广泛的应用。
在FlashCS6中运用工具箱中的绘图工具可以创建或修改动画中的各种图形,熟练掌握这些工具,并将多种工具配合使用,能够绘制与编辑各种丰富多彩的图形对象。
三、实验要点
1.实验环境
硬件:
计算机、256M以上内存,40G以上硬盘。
软件:
Windows2000及其以上版本,FlashCS6。
2.使用计算机并须连通互联网。
3.实验重点
1)绘制图形对象
2)填充图形对象
3)编辑图形对象
四、实验学时数
本次实验由6部分构成,共4学时。
五、实验内容
详见实验参考书及相应视频演示
六、实验步骤
实验项目二:
FlashCS6网页制作
——第三部分:
应用库面板制作网页
一、实验目的
通过本实验,使学生
1.掌握创建各种元件的方法、如创建图形元件、按钮元件以及影片剪辑元件等;
2.掌握编辑元件的方法,如在当前位置编辑和在新窗口中编辑元件等;
3.掌握改变实例的亮度、色调、Alpha以及高级值的方法;
4.掌握“库”面板的应用,如调用其他库元件以及使用共享库替换元件等。
二、实验基本要求
FlashCS6可以导入和创建多种资源来填充Flash文档,这些资源在Flash中作为原件、实例和库资源进行管理。
元件是动画中可以重复使用的元素,实例则是元件在场景中的具体应用,库是用来存放各类元件的地方。
在设计Flash动画时,经常需要先创建不同类型的元件,然后再通过“库”面板进行对元件的实例化应用,以达到灵活处理动画设计要求的效果。
三、实验要点
1.实验环境
硬件:
计算机、256M以上内存,40G以上硬盘。
软件:
Windows2000及其以上版本,FlashCS6。
2.使用计算机并须连通互联网。
3.实验重点
1)库的应用
2)实例的应用
3)元件的应用
四、实验学时数
本次实验由6部分构成,共4学时。
五、实验内容
详见实验参考书及相应视频演示
六、实验步骤
实验项目二:
FlashCS6网页制作
——第四部分:
制作简单的网页动画
一、实验目的
通过本实验,使学生
1.掌握创建简单Flash动画的方法,如创建动作渐变动画和遮罩层动画等;
2.掌握ActionScript脚本的使用方法,如整理与编写ActionScript脚本等;
3.掌握隐形按钮与文本链接的制作方法;
4.掌握跳转网页与ActionScript特效的制作方法。
二、实验基本要求
动画是通过迅速而连续地呈现一系列图像来获得的,由于这些图像在相邻之间有较小的间隔(包括方向、位置、开头等),所以会形成动态效果。
在FlashCS6中可以轻松地创建丰富多彩的动画效果,并且只需要通过更改时间轴每一帧中的内容,就可以在舞台上创建出移动对象、增加或减小对象大小、更改对象颜色、旋转对象、制作淡入淡出或更改形状等效果。
三、实验要点
1.实验环境
硬件:
计算机、256M以上内存,40G以上硬盘。
软件:
Windows2000及其以上版本,FlashCS6。
2.使用计算机并须连通互联网。
3.实验重点
1)创建简单Flash动画
2)了解ActionScript脚本
3)制作ActionScript特效
四、实验学时数
本次实验由6部分构成,共4学时。
五、实验内容
详见实验参考书及相应视频演示
六、实验步骤