WZ制作教程

喜影网站系列影视制作软件.喜影网3D电影相册系统V6.0用户操作手册目录1.软件安装过程 ................................................................................................................... 2-32.软件操作流程 ................................................................................................................. 4-1101.软件相关设置 .............................................................................................................. 4-502.照片版模板的操作 .................................................................................................... 6-1003.视频版模板的操作 (11)3.软件其它功能介绍. ........................................................................... 错误！未定义书签。

喜影网站系列影视制作软件（）第 1 页喜影网站系列影视制作软件（ ） 第 2 页 1.软件安装过程：一、请先按照演示的安装步骤，进行前期应用软件的安装。

安装结束后，运行软件的主程序，安装本系统。

安装时尽量不要更改安装路径。

安装结束后，启动软件，会弹出软件欢迎界面：二、点击欢迎界面后，会启动软件，首次启动软件时，会弹出尚未注册的提示，您需要把机器码复制下来，之后联系我们的技术客服QQ。

《H T M L5+C S S3网站设计基础教程》课程教学大纲（课程英文名称）课程编号：0011学分：5学分学时：76学时（其中：讲课学时：47学时上机学时：26学时）先修课程：计算机基础、计算机网络、计算机应用后续课程：UI设计、JavaScript网页特效适用专业：信息技术及其计算机相关专业开课部门：计算机系一、课程的性质与目标《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。

二、课程设计理念与思路课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限于单纯的技能训练。

单纯的技能训练不是提高高等职业教育的理想课程。

以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。

课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。

教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。

三、教学条件要求开发工具：DreamweaverCS6四、课程的主要内容及基本要求第一章初识HTML5第二章HTML5页面元素及属性第三章CSS3入门第四章CSS3选择器第五章CSS盒子模型第六章浮动与定位第七章表单的应用第八章多媒体技术第九章CSS3高级应用第十章实战开发—制作电商网站首页面…………………………………………………………………五、学时分配六、考核模式与成绩评定办法本课程为考试课程，期末考试采用百分制的闭卷考试模式。

第一章网页设计基础教学目的：本章将带领用户认识Dreamweaver MX，了解其新增功能。

在开始学习该软件之前，了解一下Dreamweaver MX 的工作界面的一些简单设置。

通过本章的学习，用户能熟悉Dreamweaver MX的工作界面，并能自行设置具有独特的个性化的工作环境。

理解DW站点的作用，并掌握建立站点的方法及站点维护的方法。

教学重点：1、认识Dreamweaver MX。

2、新增功能。

3、Dreamweaver MX主窗口。

4、自定义工作环境。

5、利用Dreamweaver建立站点的方法教学难点：1、认识Dreamweaver MX。

2、新增功能。

3、自定义工作环境。

教学方法：讲演法教学课时：2课时教学内容与教学过程：一、介绍网页制作这门课程1．学习这门课程的目的：让学生掌握HTML语言、以及利用相关网页制作工具制作网页的基本方法与技能。

学生通过这门课程的学习，能够具备综合运用专业软件进行小型网站开发和静态网页页面设计的能力，同时积累一定的实践经验，为今后从事相应的网站设计制作工作打下良好基础。

2．这门课程的教学内容：在制作软件上：以网页制作软件DreamWeaver MX为主干进行网页制作教学，同时选择了Flash MX版本来制作网页中的动画素材，选择了图形图像工具Photoshop 7.0版本软件来处理和制作网页中的图片。

教学内容安排上按照学生学习网页的渐进规律划以及学校制订的计划主要学习第1、2、3、5、6、9章，主要包括网页制作的基础知识、Dreamweaver MX软件的使用，初学者利用现有的素材设计制作出一个简单的网页；利用Photoshop7和Flash MX软件来美化网页，以及网页布局和用色方面的美术知识，如何设计网页的版面和结构，还要能对供给的素材按照网站的特点进行适当的美化处理；还能掌握中小型网站的建立方法。

3．这门课程的教学和学习方法：教学上以一个个案例为基础，采用项目教学的方法，由浅入深的介绍网页制作的各个知识点；教学中以学生会操作为目的，重视学生动手能力和自学能力的培养同学们学习时除了要掌握相应的操作技能以外，更要重视操作技能的使用，要努力完成每章教学案例的制作以及课后素材案例。

应用frontpage制作网页（一）一、熟悉frontpage2000的环境A、frontpage的启动1．利用“开始”菜单启动：开始——》程序——》frontpage2．利用桌面上的快捷方式：双击打开B、退出frontpage1．单击窗口标题栏右端的关闭按钮；2．按Alt+F4快捷键；3．执行“文件”菜单下的退出命令。

注：若在退出以前没有保存已被修改的文档，在退出时，会有询问是否保存的提示框。

C、F rontPage的工作环境FrontPage的窗口由标题栏、菜单栏、工具栏、网页编辑区域、网页编辑模式和状态栏七部分组成。

1．标题栏：窗口的顶部，包括“控制菜单”图标，当前正在编辑的文件或程序名称、“最小化”按钮、“最大化/还原”按钮和“关闭”按钮。

2．菜单栏：标题栏下方，是命令菜单的集合。

由“文件”、“编辑”、“视图”、“插入”、“格式”、“工具”、“表格”、“窗口”和帮助组成。

3．工具栏：提供常用的各类按钮，如“保存”、“打印”、“剪切”等编辑操作和“插入表格”等标准操作按钮。

FrontPage2000常用工具栏上特有的工具按钮：发布站点：将建立的网站发布到WEB上；文件夹列表：显示当前站点的文件夹结构；在浏览器中预览：当网页保存后，选中该工具按钮，可在系统默认的浏览器中浏览当前编辑的网页。

停止：用于预览网页时停止网页的下载；插入超级链接：插入一个超级链接；刷新：用于浏览网页时刷新网页。

4．视图栏：由“网页”、“文件夹”、“报表”、“导航”、“超链接”、“任务”六部分组成。

网页：视图将在网页编辑区域打开当前站点的所选网页文件以做编辑之用；文件夹：视图列出当前站点的所有文件和文件夹，方便寻找须编辑的网页文件；报表：视图将报告站点中文件和超链接的状态；导航：视图将显示站点的导航结构；超链接：视图显示来自和指向站点中的每一页的超链接；任务：视图列出站点中要完成的任务。

5．网页编辑区域：管理站点和编辑网页的地方。

Dreamweaver8.0创建模板在我们制作网站的过程中，为了统一风格，很多页面会用到相同的布局、图片和文字元素。

为了避免大量的重复劳动，可以使用Dreamweaver8提供的模板功能，将具有相同版面结构的页面制作为模板，将相同的元素（如导航栏）制作为库项目，并存放在库中可以随时调用。

一、创建模板模板的创建有三种方式。

1、直接创建模板选择“窗口/资源”命令，打开“资源”面板，切换到模板子面板，如下图所示。

单击模板面板上的“扩展”按钮，在弹出菜单中选择“新建模板”这是在浏览窗口出现一个未命名的模板文件，给模板命名。

然后单击“编辑”按钮，打开模板进行编辑。

编辑完成后，保存模板，完成模板建立。

2、将普通网页另存为模板打开一个已经制作完成的网页，删除网页中不需要的部分，保留几个网页共同需要的区域。

选择“文件/另存为模板”命令将网页另存为模板。

在弹出的“另存模板”对话框中，“站点”下拉列表框用来设置模板保存的站点，课选择一个选项。

“现存的模板”选框显示了当前站点的所有模板。

“另存为”文本框用来设置模板的命名。

单击“另存模板”对话框中的“保存”按钮，就把当前网页转换为了模板，同时将模板另存到选择的站点。

单击“保存”按钮，保存模板。

系统将自动在根目录下创建Template文件夹，并将创建的模板文件保存在该文件夹中。

在保存模板时，如果模板中没有定义任何可编辑区域，系统将显示警告信息。

我们可以先单击“确定”，以后再定义可编辑区域。

3、从文件菜单新建模板选择“文件/新建”命令，打开“新建文档”对话框，然后再类别中选择“模板页”，并选取相关的模板类型，直接单击“创建”按钮即可。

Dreamweaver8.0定义可编辑区域模板创建好后，要在模板中建立可编辑区，只有在可编辑区里，我们才可以编辑网页内容。

可以将网页上任意选中的区域设置为可编辑区域，但是最好是基于HTML代码的，这样在制作的时候更加清楚。

在文档窗口中，选中需要设置为可编辑区域的部分，单击常用快捷栏的“模板”按钮，在弹出菜单中选择“可编辑区域”项。

网站建设课程简介一、网站概述1、网站网站(Website)是指在因特网上根据一定的规则，使用HTML等工具制作的用于展示特定内容相关网页的集合。

简单地说，网站是一种沟通工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。

人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。

2、网页浏览网站时在浏览器中看到的一个个页面就是网页，而多个相关的网页的集合就构成了一个网站。

3、认识网页的组成元素网页标题、LOGO、导航栏、文本、图片、视频、表格、表单、超链接等。

4、浏览网页的工具——浏览器5、制作网页的工具——Dweamweaver等二、网站建设的意义第一、品牌建立与形象展示；再小的个体也有自己的品牌。

不管是购买产品，还是找服务，大家一般都会找一个可以信任，比较正规的公司。

他们也可以通过网站看下公司的成功案例、销售情况等。

如果连最起码的信任都给不了用户，你认为他会买你公司的产品或者服务吗?当今网络骗子之多，拥有官方网站让信任感倍增。

第二，全面展示企业的产品或服务；公司网址的一个最基本的功能，就是能够全面、详细地介绍公司及公司产品。

事实上，公司可以把任何想让人们知道的东西放入网站，如公司简介、公司的厂房、生产设施、研究机构、产品的外观、功能及其使用方法等，都可以展示于网上。

第三，在线沟通与交易；拥有网站，可以轻松实现以下功能：A、实时新闻发布系统：在线WEB发布公司新闻及各种行业新闻、动态、公告等等；B、实时沟通、留言、报价系统：通过网站直接与客户沟通，并方便地收集潜在客户资料；C、产品发布系统：随时发布最新产品，在线更新产品详细资料等；C、在线下载系统：包括在线管理、在线发布等；D、电子商城系统：可以在网上开家自己的商店；E、客户留言板、在线调查、招聘系统、邮件列表、BBS论坛等。

第四，结合网络优化推广，提高销售业绩；三、网站建设基本流程第一步：网站策划阶段“磨刀不误砍柴功”，网站策划作为网站建设准备阶段是非常重要的一个环节。

随着信息通信技术的不断成熟，以及互联网与各行各业的日益融合，越来越多的人接触或从事网页设计制作工作。

在介绍网页制作技术之前，我们有必要先了解一下相关的基础知识。

本章主要介绍网页相关知识、网页的基本元素以及制作网页常用的技术和软件。

本章学习目标◎ 了解互联网、因特网、万维网的关系和区别。

◎ 了解网站、网页和HTML的基本概念。

◎ 了解静态网页和动态网页的区别和联系。

◎ 了解HTTP、FTP、IP地址、域名和URL等基本概念。

◎ 能够安装并使用浏览器查看网页。

◎ 了解从媒体内容和布局元素两个角度出发，网页所包含的基本元素。

◎ 了解网页开发所使用的基本技术和工具。

HTML5+CSS3网页设计与制作案例教程在学习如何设计一个网页之前，我们首先要对网站、网页及其相关知识具有最基本的认识。

1.1.1 互联网(internet)、因特网(Internet)、万维网(WWW)互联网指由若干计算机网络相互连接而成的网络。

进一步讲，凡是能彼此通信的设备组成的网络就叫互联网，即使仅有两台机器，不论用何种技术使其彼此通信，就可以称为互联网。

互联网的英文用开头字母小写的internet表示，不是专有名词，泛指由多个计算机网络相互连接而成的一个大型网络。

因特网和其他类似的由计算机相互连接而成的大型网络系统，都可算是互联网，因特网只是互联网中最大的一个网络。

因特网是目前全球最大的一个电子计算机互联网，是由美国的ARPA网发展演变而来的。

但因特网并不是全球唯一的互联网络，例如在欧洲，跨国的互联网络就有“欧盟网”(Euronet)、“欧洲学术与研究网”(EARN)、“欧洲信息网”(EIN)，在美国还有“国际学术网”(BITNET)，世界范围的还有“飞多网”等。

Internet专指全球最大的也就是我们通常所使用的互联网络——因特网，“因特网”是作为专有名词出现的，因而开头字母必须大写。

万维网是指环球信息网，英文全称为World Wide Web，简称WWW。

网页制作基础教程第一章网页制作基础1、什么是网页一般浏览器中打开的都是网页，这些文档是通过超文本标记语言HTML表示出来的；主页：在网站中默认打开的页面称为主页，也叫首页，主页是进入网站的门户，网页中包括的内容：文本，图像，超级链接，表格，表单，多媒体及一些特殊的效果2、网站及运作原理网站是在互联网上一个固定的面向全世界发布消息的地方，它由网站地址和网站空间构成；网站开发者常常将网站称作为站点，在网站的开发者来说，网站就是在计算机上创建的一个多级的文件夹，并在各文件夹中保存着相关网页文件。

根据站点文件夹所在的位置分为：本地站点和远程站点；根据服务技术分：静态网站和动态网站3、了解HTML语言HTML是网上用于编写网页的主要语言，使用HTML语言编写的网页文件也是一个标准的纯文本文件，可以使用文本编辑器将它打开，但是该纯文本文件如果使用浏览器打开就会看到排版整齐的网页；4、HTML语言标签HTML标签用来标记网页元素，以形成文本布局，文字的格式及五彩缤纷的画面，HTML的标签分单标签和成对标签两种基础标签：<html></html> <head></head> <body></body>5、常用动态建站技术ASP是由微软开发的动态网页技术标准，其原理通过在HTML页面中加入VB JA V A代码，服务器在返回网页之前首先执行这些代码，产生最终的结果。

6、网站的制作流程及制作工具初期规划：建站之前，要有明确目的，要明白建立网站的目的，接受对象是哪些群体，要为访问者提供怎样的服务，然后对整个网站进行策划，中期制作：搭建本地站点，建立文件夹，建立站点结构图，设置页面属性等；后期工作：全面测试，上传后进行实地测试，完成本地测试后，再上传到服务器，以便进行远程测试；7、网页设计工具Dreamweaver 8 是最常用的网页编辑工具之一，使用该工具可以在其提供的三种视图中进行网页编辑与修改；图像处理工具Firework 8主要用来对网页中用到的图像素材进行制作或处理，它可以快速地制作和处理网页中图像，动画制作工具：FLASH 8 主要用来制作一些精彩的小动画，可以使页面变得更加精美，该软件是目前最流行的，矢量的，具有交互性的图形编辑软件；第二课创建站点1、启动：开始——程序——Macromediadreamweaver 8（双击桌面的图标）2、关闭：文件——退出，关闭按钮3、窗口的组成：标题栏（软件名称，版本号，文件名，最小化，最大化，关闭按钮）菜单栏：由文件，编辑，查看，插入，修改，文本，站点，窗口等主菜单组成；插入栏：位于菜单栏下方，有网页制作时常用的元素及命令，如常用，布局等开始页：打开软件时的页面，该页面位于屏幕中间的大部分区域；属性面板：一般位于窗口的底部，显示文档，网页元素及相关工具的属性；面板集：位于窗口右侧，可以快速展开或折叠一些功能面板，4、创建站点：站点——新建站点——站点名称——否（不用服务器）——建立一个本地文件夹——如何连接远程服务器（无）——完成；5、编辑站点，复制站点，删除站点，导出站点，导入站点，完成按钮；6、管理站点中的文件：站点的名称，远程文件管理器，站点文件结构——弹出菜单——视图菜单8、文档的新建，保存，打开及属性设置9、设置页面属性：修改——页面属性（页面字体，大小，文本颜色，背景颜色，背景图像，页边距，跟踪图像）第三课：制作网页1、在网页中插入文本（直接输入文本即可）（换行：ENTER，按SHIFT+ENTER可得到较小的行距；2、设置字体，大小，字形，颜色，对齐方式3、在网页中插入图像：插入——图像（图像的大小，对齐方式，边距等设置）4、插入——层（在层中插入图像，可将图像到处拖动）5、在网页中插入鼠标经过图像：插入——图像对象——鼠标经过图像（原始图像，鼠标经过时的图像）6、插入特殊的符号，版权，注册商标等；插入——文本——版权，注册商标，符号等7、插入多媒体文件；插入——媒体——FLASH（选择插入的文件）8、设置动画的大小及其边距（属性面板：宽，高，垂直，水平的间距）9、插入——布局对象——层（设置背景图像，大小，方向等设置）10．向网页中插入链接：选择文本——在图像中选择链接的文件；11．创建外部链接：在文档中输入网名，选择名称：引用链接网址12．创建锚记：先命名锚记——然后再选择要引用锚记的文字，然后进行链接OK（引用时加#）13．在网页中插入视频：插入——媒体——插件（选择视频文件14．创建邮件链接：选择图像——链接邮箱地址15．创建下载链接：选择文本或图像——链接文件（ZIP RAR EXE）等文件第四课页面布局1、插入——表格（行数，列数）2．表格的宽度，3．边框粗细；4．单元格边距；5．单元格间距；6．合并所选单元格，拆分单元格，背景，背景颜色，边框；7．表格布局；插入——表格（在单元格内插入表格（做嵌套表格）8．改变列宽，行高9．网页的布局：插入——布局对象——层（可以创建多个层，如同文本框的设置）10．设置层的属性：宽度，高度，单击插入图像的层选择手柄，在属性面板中11．布局网页框架：创建布局表格，创建布局单元格，做嵌套布局表格；12．将布局转换成表格：修改——转换——表格到层（防止层重叠，显示层面板，显示靠齐到网格）13．框架布局与样式定义：插入——框架（选择框架布局形式）14．制作背景固定网页：定义样式第五课CSS样式与行为1、光晕效果的应用CSS面板——添加滤镱设置（名称，（GLOW（color=?,strength=?）设置(color=red,strength=3)2、添加行为：行为面板（添加行为，删除行为，执行顺序）3．设置触发行为的事件：事件，动作4．记录移动路径5、添加时间轴行为：6、制作表单元素；第六课，表单与模板、1、制作注册页面2、创建网站模板；3、将网页保存为模板：文件——另存为模板4、创建可编辑区域：插入——模板对象——可编辑区域；5、网页模板的应用，打开后修改——然后另存为其它网页文件；6、分离模板：修改——模板——套用模板到页（修改——模板——从模板中分离）第七课：FLASH的操作1、启动：双击桌面图标，2、退出：关闭按钮；3、窗口的组成：标题栏，菜单栏，编辑栏，工具箱，面板集，舞台，属性面板；4、标题栏：它位于整个窗口的最上方，最小化，最大化，关闭按钮等；5、菜单栏：由文件，编辑，视图，插入，修改，文本，命令等6、工具栏：位于整个软件的左侧，分为，工具，查看，颜色和选项四个选项；绘制卡通房子的练习；第二课工具的使用1、直线工具；按SHIFT水平或垂直直线，粗细，端点（尖角，圆角，斜角）2、钢笔工具：是通过路径来绘制笔触图形的，按CTRL或双击曲线外时，可结束绘图；3、任意变形：旋转，倾斜，缩放，扭曲，封套模式等；4、输入文本：文本类型，字体，字号，字体样式，对齐方式；5、添加滤镜效果：选择对象或文本——属性栏中找到滤镜类型；（删除滤镜）6、美化图形——设置颜色7。