网站建设与管理实验指导书.docx

1、网站建设与管理实验指导书网站建设与管理课程实验指导书经济管理学院二零一四 年 四 月 实验项目一：Dreamweaver CS6网页制作实验项目一：Dreamweaver CS6网页制作第一部分：从零开始学Dreamweaver CS6一、实验目的 通过本实验，使学生1.了解Dreamweaver CS6的操作界面，如菜单栏、“属性“面板以及插入面板等；2.掌握创建网页本地站点的方法，如使用向导建立站点等；3.了解插入图像、日期、水平线、特殊字符以及动画等元素的方法；4.掌握创建E-mail链接、图像热点链接、下载文件链接以及锚点链接的方法。二、实验基本要求 本节主要介绍Dreamweaver

2、 CS6的基本操作界面和站点的创建、管理、发布以及预览等知识。通过本节的学习，学生可以了解文档窗口各个组成部分的功能、新建网页文档并进行页面属性设置、添加与设置网页文本、插入常见网页元素以及创建各种常用的网页链接等。这些都是网页制作最基本的知识，是进行网页制作的前提。三、实验要点1.实验环境硬件：计算机、256M以上内存，40G以上硬盘。软件：Windows 2000及其以上版本，Dreamweaver CS6。2.使用计算机并须连通互联网。3.实验重点1)了解Dreamweaver CS的操作界面2)创建网页本地站点3)添加与设置文本4)插入常见网页元素5)创建常用网页链接四、实验学时数本次

3、实验由6部分构成，共4学时。五、实验内容详见实验参考书及相应视频演示六、实验步骤实验项目一：Dreamweaver CS6网页制作第二部分：创建表格与Div的布局一、实验目的 通过本实验，使学生1.了解创建和设置表格的方法，如设置表格的属性与设置单元格属性等；2.掌握选择表格各元素的方法，如选择表格、行或列等；3.了解表格的常用操作方法，如添加行、删除行、拆分单元格以及合并单元格；4.掌握Div的常用方法，如创建Div标签和AP Div以及将AP Div转换为表格等。二、实验基本要求 中文版Dreamweaver CS6中提供了十分方便的布局功能，包括表格、Div、层、框架等方法。网页的布局设

4、计师网页设计制作的第一步工作，也是网页吸引浏览者的重要因素，可见网页的合理布局是网站成功的关键。网页布局设计是网页设计及制作过程中的一项重要工作，设计网页在浏览器中所显示的外观，它往往决定着网页设计的成败，学生应该熟练的掌握本节的内容。三、实验要点1.实验环境硬件：计算机、256M以上内存，40G以上硬盘。软件：Windows 2000及其以上版本，Dreamweaver CS6。2.使用计算机并须连通互联网。3.实验重点1)创建与设置表格2)选择表格各元素3)表格的常用操作4)Div的常用操作四、实验学时数本次实验由6部分构成，共4学时。五、实验内容详见实验参考书及相应视频演示六、实验步骤实

5、验项目一：Dreamweaver CS6网页制作第三部分：制作网页框架及框架集一、实验目的 通过本实验，使学生1.了解创建各种框架的方法，如预定义框架、自定义框架以及嵌套框架等；2.掌握框架及框架集的常用操作方法，如选择框架、删除框架以及保存框架等；3.掌握设置框架和框架集属性的操作方法，如设置框架的网页标题等；4.掌握创建浮动框架和设置浮动框架的常用操作方法。二、实验基本要求 框架是一个基本概念上的结构，用于去解决或者处理复杂的问题。这个广泛的定义使用得十分流行，尤其在软件概念中，也能用于机械结构。在网页中，框架主要用于分割多个HTML页，每一个框架都是一个独立的HTML页面，多个框架聚集在

6、一起，形成一个框架集。本节详细实践框架及框架集技术进行网页布局的各种方法。三、实验要点1.实验环境硬件：计算机、256M以上内存，40G以上硬盘。软件：Windows 2000及其以上版本，Dreamweaver CS6。2.使用计算机并须连通互联网。3.实验重点1)认识框架及框架集2)创建各种框架3)框架及框架集常用操作4)设置框架及框架集的属性5)创建与设置浮动框架四、实验学时数本次实验由6部分构成，共4学时。五、实验内容详见实验参考书及相应视频演示六、实验步骤实验项目一：Dreamweaver CS6网页制作第四部分：使用CSS修饰美化网页一、实验目的 通过本实验，使学生1.了解CSS的

7、基本概念，以及创建CSS样式表的方法；2.掌握设置CSS属性的常用操作方法，如设置类型、背景以及区块属性等；3.掌握管理CSS样式表的操作方法，如外联样式表和内嵌样式表等；4.掌握使用CSS滤镜的常用操作方法，如使用光晕、模糊以及遮罩滤镜等。二、实验基本要求 在网站设计中，使用CSS样式可以控制网页的字体、边框、颜色与背景等属性，使用了CSS样式定义的网页，只需要修改CSS样式即可改变网页元素。使用CSS样式可以精确定制并美化网页文本，其定制的样式不仅可应用于一篇文档中，也可以同时控制这个文档的格式。本节详细实践CSS样式表相关知识，包括设置CSS样式表属性、应用CSS样式表和管理CSS样式表

8、等内容。三、实验要点1.实验环境硬件：计算机、256M以上内存，40G以上硬盘。软件：Windows 2000及其以上版本，Dreamweaver CS6。2.使用计算机并须连通互联网。3.实验重点1)CSS概述2)设置CSS属性3)管理CSS样式表4)使用CSS滤镜四、实验学时数本次实验由6部分构成，共4学时。五、实验内容详见实验参考书及相应视频演示六、实验步骤实验项目一：Dreamweaver CS6网页制作第五部分：使用CSS和Div布局网页一、实验目的 通过本实验，使学生1.了解Web标准的基本含义以及Div基本功能；2.掌握设置AP Div属性的常用操作方法；3.掌握CSS布局的方法

9、，如将页面用Div分块以及利用CSS堆定位元素位置等；4.掌握常见的CSS布局类型，如私用单行单列固定宽度以及高度自适应布局等。二、实验基本要求 随着Web 2.0标准化设计理念的普及，国内很多大型门户网站已经纷纷采用CSS和Div的制作方法。CSS和Div可以将网页的表现与内容分离，从设计分工的角度来看，便于分工合作。从另一个角度来说，除了网站以外，现在的应用程序也可以多以网页形式输出，不管是网页设计师还是程序员，掌握CSS和Div的制作方法都是一件非常重要的事情。三、实验要点1.实验环境硬件：计算机、256M以上内存，40G以上硬盘。软件：Windows 2000及其以上版本，Dreamw

10、eaver CS6。2.使用计算机并须连通互联网。3.实验重点1)初中了解CSS与Div2)CSS常用布局方法3)常见的布局类型四、实验学时数本次实验由6部分构成，共4学时。五、实验内容详见实验参考书及相应视频演示六、实验步骤实验项目一：Dreamweaver CS6网页制作第六部分：运用行为制作交互网页一、实验目的 通过本实验，使学生1.了解行为、事件和动作的基本含义，以及添加行为的操作方法；2.掌握设置网络浏览器环境的操作方法，如检查表单以及打开浏览器窗口等；3.掌握设置网页图像的操作方法，如交换图像和预先载入图像等；4.掌握制作网页效果的操作方法，如增大/收缩效果、挤压效果以及晃动效果等

11、。二、实验基本要求 行为是指在网页中进行的一系列动作，通过这些动作，可以实现浏览者与网页之间的交互，也可以通过动作使某个行为被执行。行为是为响应某一具体时间而采取的一个或多个动作，当指定的事件被触发时，将允许相应的JavaScript程序，执行相应的动作。在Dreamweaver CS6中，行为由事件和动作两个基本元素组成，必须先指定一个动作，然后再指定触发动作的事件。三、实验要点1.实验环境硬件：计算机、256M以上内存，40G以上硬盘。软件：Windows 2000及其以上版本，Dreamweaver CS6。2.使用计算机并须连通互联网。3.实验重点1)了解行为的含义2)设置网络浏览器环

12、境3)设置网页图像的动作4)设置不同的网页文本5)设置特殊的网页效果四、实验学时数本次实验由6部分构成，共4学时。五、实验内容详见实验参考书及相应视频演示六、实验步骤实验项目二：Flash CS6网页动画制作实验项目一：Flash CS6网页制作第一部分：从零开始学Flash CS6一、实验目的 通过本实验，使学生1.了解Flash CS6的工作界面，如菜单栏、工具以及时间轴面板等；2.掌握场景的操作方法，如添加场景、查看场景以及使用标尺等；3.掌握文本工具的使用方法，如创建静态文本、动态文本以及输入文本等；4.掌握测试、发布与优化Flash动画的操作方法。二、实验基本要求 Flash动画是网

13、页设计中应用得最广泛的动画格式，随着Internet的流行，Flash已经成为广大计算机用户设计小游戏、发布产品演示、制作动感贺卡以及编制解析课件的首选软件。Flash CS6界面简洁新颖、功能完善、操作简单、效果流畅生动，以强大的矢量动画制作和灵活的交互功能，成为网页动画制作软件的主流，并且占据了网络广告设计软件的主体地位。三、实验要点1.实验环境硬件：计算机、256M以上内存，40G以上硬盘。软件：Windows 2000及其以上版本，Flash CS6。2.使用计算机并须连通互联网。3.实验重点1)了解Flash CS6工作界面2)场景的基本操作3)文本工具的基本使用4)Flash动画的

14、测试与发布四、实验学时数本次实验由6部分构成，共4学时。五、实验内容详见实验参考书及相应视频演示六、实验步骤实验项目二：Flash CS6网页制作第二部分：Flash CS6绘图基础一、实验目的 通过本实验，使学生1.了解各种绘图工具的使用方法，如使用线条工具、铅笔工具以及钢笔工具等；2.掌握填充工具的使用方法，如使用墨水瓶工具、颜料桶工具以及刷子工具等；3.掌握编辑图形对象的方法、如使用选择工具、套索工具以及任意变形工具等；4.掌握移动、复制以及删除图形对象的操作方法。二、实验基本要求 Flash CS6是一款二维矢量动画软件，通过包括用于设计和编辑的Flash文档，以及用于播放Flash文

15、档的Flash Player。Flash凭借其文件小、动画清晰和运行流畅等特点，在各种领域中得到广泛的应用。在Flash CS6中运用工具箱中的绘图工具可以创建或修改动画中的各种图形，熟练掌握这些工具，并将多种工具配合使用，能够绘制与编辑各种丰富多彩的图形对象。三、实验要点1.实验环境硬件：计算机、256M以上内存，40G以上硬盘。软件：Windows 2000及其以上版本，Flash CS6。2.使用计算机并须连通互联网。3.实验重点1)绘制图形对象2)填充图形对象3)编辑图形对象四、实验学时数本次实验由6部分构成，共4学时。五、实验内容详见实验参考书及相应视频演示六、实验步骤实验项目二：F

16、lash CS6网页制作第三部分：应用库面板制作网页一、实验目的 通过本实验，使学生1.掌握创建各种元件的方法、如创建图形元件、按钮元件以及影片剪辑元件等；2.掌握编辑元件的方法，如在当前位置编辑和在新窗口中编辑元件等；3.掌握改变实例的亮度、色调、Alpha以及高级值的方法；4.掌握“库”面板的应用，如调用其他库元件以及使用共享库替换元件等。二、实验基本要求 Flash CS6可以导入和创建多种资源来填充Flash文档，这些资源在Flash中作为原件、实例和库资源进行管理。元件是动画中可以重复使用的元素，实例则是元件在场景中的具体应用，库是用来存放各类元件的地方。在设计Flash动画时，经常

17、需要先创建不同类型的元件，然后再通过“库”面板进行对元件的实例化应用，以达到灵活处理动画设计要求的效果。三、实验要点1.实验环境硬件：计算机、256M以上内存，40G以上硬盘。软件：Windows 2000及其以上版本，Flash CS6。2.使用计算机并须连通互联网。3.实验重点1)库的应用2)实例的应用3)元件的应用四、实验学时数本次实验由6部分构成，共4学时。五、实验内容详见实验参考书及相应视频演示六、实验步骤实验项目二：Flash CS6网页制作第四部分：制作简单的网页动画一、实验目的 通过本实验，使学生1.掌握创建简单Flash动画的方法，如创建动作渐变动画和遮罩层动画等；2.掌握A

18、ctionScript脚本的使用方法，如整理与编写ActionScript脚本等；3.掌握隐形按钮与文本链接的制作方法；4.掌握跳转网页与ActionScript特效的制作方法。二、实验基本要求 动画是通过迅速而连续地呈现一系列图像来获得的，由于这些图像在相邻之间有较小的间隔（包括方向、位置、开头等），所以会形成动态效果。在Flash CS6中可以轻松地创建丰富多彩的动画效果，并且只需要通过更改时间轴每一帧中的内容，就可以在舞台上创建出移动对象、增加或减小对象大小、更改对象颜色、旋转对象、制作淡入淡出或更改形状等效果。三、实验要点1.实验环境硬件：计算机、256M以上内存，40G以上硬盘。软件：Windows 2000及其以上版本，Flash CS6。2.使用计算机并须连通互联网。3.实验重点1)创建简单Flash动画2)了解ActionScript脚本3)制作ActionScript特效四、实验学时数本次实验由6部分构成，共4学时。五、实验内容详见实验参考书及相应视频演示六、实验步骤