TP2621网页制作徐小明课件

《TP2621网页制作徐小明课件》由会员分享，可在线阅读，更多相关《TP2621网页制作徐小明课件（97页珍藏版）》请在装配图网上搜索。

1、TP-2621网页制作网页制作-徐小明徐小明1TP-2621网页制作网页制作-徐小明徐小明2网页制作网页制作 第1章 初识Dreamweaver MX 第2章 Photoshop 7.0和Flash MX的基本操作 第3章 创建网页的基本对象 第4章 样式表 第5章 使用框架 第6章 层与时间轴 第7章 插入媒体 第8章 行为 第9章 表单 第10章 库与模板 第11章 测试并发布网站 第12章 使用Dreamweaver MX创建一个讨论区TP-2621网页制作网页制作-徐小明徐小明3第第1 1章章 初识初识Dreamweaver MXDreamweaver MX1.1 Dreamweave

2、r MX简述1.2 Dreamweaver MX的新特性1.3 Dreamweaver MX的工作环境1.4 网站与网页的基本知识1.5 站点管理TP-2621网页制作网页制作-徐小明徐小明41.1 Dreamweaver MX1.1 Dreamweaver MX简述简述 Dreamweaver MX是Macromedia公司推出的一款“平民化”的网页制作软件，它具有可视化编辑界面和强大的所见即所得的网页编辑功能，用户不必编写复杂的HTML代码，就可以生成跨平台、跨浏览器的网页。该版本具有以下特色：出色的工作界面 强大的协作能力 更为强大的多媒体处理功能 可制作Flash插件，支持目前流行的大

3、部分网络设计代码 增强可库和模板功能TP-2621网页制作网页制作-徐小明徐小明51.2 Dreamweaver MX1.2 Dreamweaver MX的新特性的新特性易用性创新性规范性TP-2621网页制作网页制作-徐小明徐小明61.3 dreamweaver MX1.3 dreamweaver MX的工作环境的工作环境标题栏菜单栏工具栏文档窗口状态栏“插入”面板“属性”面板可停靠浮动面板TP-2621网页制作网页制作-徐小明徐小明71.4 1.4 网站与网页的基本知识网站与网页的基本知识网页设计基础网站设计基础网站开发流程TP-2621网页制作网页制作-徐小明徐小明8 “网页”就是指通过

4、浏览器在WWW上看到的页面，网页的英文名为Web Page，我们通常所说的主页（home page）是指网站的第一个网页，通常名称为index。网页设计的基本要求有：页面版式和布局、网页的色彩、网页的文字、网页中的表格等。TP-2621网页制作网页制作-徐小明徐小明9 网站是网页的集合，是网页的组织形式。在网站的设计过程中要注意以下几点：网站的目标、网站的风格、网站的CI形象（Corporate Identity）、网站的栏目和版块、网站目录和链接结构等。TP-2621网页制作网页制作-徐小明徐小明10一个完整的网站开发流程如下：定义站点建立网站结构首页的设计和制作其他页面的制作测试发布和维护

5、TP-2621网页制作网页制作-徐小明徐小明111.5 1.5 站点管理站点管理创建站点管理站点TP-2621网页制作网页制作-徐小明徐小明12第第2 2章章 Photoshop 7.0Photoshop 7.0和和Flash MXFlash MX的基的基本操作本操作2.1 Photoshop 7.0的基本操作2.2 Flash MX的基本操作TP-2621网页制作网页制作-徐小明徐小明132.1 Photoshop 7.02.1 Photoshop 7.0的基本操作的基本操作Photoshop 7.0的主要功能和工作环境Photoshop 7.0图像文件的基本操作Photoshop 7.0的

6、图像绘制和图像编辑Photoshop 7.0图层、通道和路径的基本操作滤镜的使用文字的使用图像的输入和输出TP-2621网页制作网页制作-徐小明徐小明14Photoshop 7.0的主要功能 Photoshop可以帮助用户提高处理图像的工作效率，提供最新的创作方式，还可以帮助用户制作适用于打印、Web和其他任何用途的最佳品质的图像。Photoshop 7.0的工作环境 它主要由标题栏、菜单栏、属性栏、工具箱、控制面板和状态栏组成。TP-2621网页制作网页制作-徐小明徐小明15新建和打开图像保存和关闭图像图像显示效果图像和画布尺寸的调整TP-2621网页制作网页制作-徐小明徐小明16图像绘制（

7、矩形选框工具、椭圆选框工具、套索工具、多边形套索工具、磁性套索工具、魔术棒工具、选区操作技巧、画笔工具、仿制图章工具、橡皮擦工具、魔术橡皮擦工具、图像调整工具、形状工具、渐变工具、油漆桶工具、填充命令、描边命令）图像编辑（使用色彩控制工具设置绘图颜色、使用吸管工具设置绘图颜色、图像的移动、图像的复制、图像的删除、图像的去色、图像的裁切、图像的旋转、图像选区的变换、恢复操作）TP-2621网页制作网页制作-徐小明徐小明17图层（图层的含义、新建图层、复制图层、移动图层、删除图层、图层特殊效果、合并图层、图层的蒙版）通道（通道的含义、创建新通道、复制通道）路径（路径的含义、路径的绘制、路径控制面板

8、）TP-2621网页制作网页制作-徐小明徐小明18滤镜介绍滤镜使用（“水波”滤镜、“动感模糊”滤镜）TP-2621网页制作网页制作-徐小明徐小明19文字工具文字变形字符与段落设置TP-2621网页制作网页制作-徐小明徐小明20获取图像的方法（使用扫描仪、使用数码相机）常用的图像文件格式（PSD格式和PDD格式、TIF格式、BMP格式、JPEG格式、GIF格式）制作Web图像（制作JPEG图像、制作GIF图像）TP-2621网页制作网页制作-徐小明徐小明212.2 Flash MX2.2 Flash MX的基本操作的基本操作Flash MX的主要功能和工作环境Flash MX绘图工具和浮动面板图

9、像编辑时间轴创建动画符号声音TP-2621网页制作网页制作-徐小明徐小明22Flash MX的主要功能Flash MX的工作环境（菜单栏、工具栏、时间轴、工作区、浮动面板）TP-2621网页制作网页制作-徐小明徐小明23绘图工具浮动面板TP-2621网页制作网页制作-徐小明徐小明24建立动画文件图形的基本编辑对象的对齐对象的组合导入图形图形的变形操作图形的整体操作显示比例TP-2621网页制作网页制作-徐小明徐小明25认识图层层的基本操作引导层运动引导层蒙版层帧TP-2621网页制作网页制作-徐小明徐小明26逐帧动画形变动画运动动画蒙版动画TP-2621网页制作网页制作-徐小明徐小明27认识符

10、号制作符号按钮的制作编辑符号实例和符号的关系TP-2621网页制作网页制作-徐小明徐小明28认识Flash MX中的声音添加声音TP-2621网页制作网页制作-徐小明徐小明29第第3 3章章 创建网页的基本对象创建网页的基本对象页面的布局及属性的设置在网页中使用文本网页中插入图像在网页中使用表格超级链接TP-2621网页制作网页制作-徐小明徐小明303.1 3.1 页面的布局及属性的设置页面的布局及属性的设置页面的布局页面属性的设置TP-2621网页制作网页制作-徐小明徐小明31网页布局的基本概念（页面尺寸、整体造型、页头、文本、页脚、图片、多媒体）网页布局的方法（纸上布局法、软件布局法）TP

11、-2621网页制作网页制作-徐小明徐小明32标题背景图像背景设置文本或链接颜色设置页面边距TP-2621网页制作网页制作-徐小明徐小明333.2 3.2 在网页中使用文本在网页中使用文本输入文本设置文本属性设置文本列表添加水平分隔线TP-2621网页制作网页制作-徐小明徐小明34文档中输入普通文本空格的输入特殊符号的输入插入时间插入换行符插入Flash文本TP-2621网页制作网页制作-徐小明徐小明35标题字体字号字体颜色文本对齐文本的缩进其他属性设置TP-2621网页制作网页制作-徐小明徐小明36项目符号列表编号列表嵌套列表TP-2621网页制作网页制作-徐小明徐小明373.3 3.3 网页

12、中插入图像网页中插入图像图像简述插入图像设置图像属性创建图像映射TP-2621网页制作网页制作-徐小明徐小明38插入页面图像插入背景图像TP-2621网页制作网页制作-徐小明徐小明39改变图像大小页边距图像链接替代文字图像边框图像对齐TP-2621网页制作网页制作-徐小明徐小明403.4 3.4 在网页中使用表格在网页中使用表格创建表格编辑表格格式化表格表格数据的输出和输入表格的嵌套TP-2621网页制作网页制作-徐小明徐小明41插入一个表格向表格单元格添加内容TP-2621网页制作网页制作-徐小明徐小明42选择表格元素调整表格大小添加及删除行和列拆分和合并单元格TP-2621网页制作网页制作

13、-徐小明徐小明43通过表格属性面板格式化表格通过样式格式化表格对表格中的数据进行排序TP-2621网页制作网页制作-徐小明徐小明44导入外部表格数据导出表格数据TP-2621网页制作网页制作-徐小明徐小明453.5 3.5 超级链接超级链接了解超级链接创建超级链接管理超级链接导航条TP-2621网页制作网页制作-徐小明徐小明46超级链接的基础合理安排超级链接链接的路径（URL、绝对路径、相对路径、基于根目录的路径）TP-2621网页制作网页制作-徐小明徐小明47创建文本链接创建图像链接创建邮件链接创建锚点链接TP-2621网页制作网页制作-徐小明徐小明48添加链接删除链接修改链接更新链接TP-

14、2621网页制作网页制作-徐小明徐小明49插入导航条编辑导航条导航条制作实例TP-2621网页制作网页制作-徐小明徐小明50第第4 4章章 样式表样式表HTML样式表层叠样式表TP-2621网页制作网页制作-徐小明徐小明514.1 HTML4.1 HTML样式表样式表HTML样式面板编辑HTML样式应用HTML样式删除HTML样式TP-2621网页制作网页制作-徐小明徐小明52样式名称样式类型TP-2621网页制作网页制作-徐小明徐小明534.2 4.2 层叠样式表层叠样式表层叠样式表简述编辑CSS样式TP-2621网页制作网页制作-徐小明徐小明54CSS样式分类使用CSS样式的方式“CSS样

15、式”面板创建CSS样式附加外部CSS样式表TP-2621网页制作网页制作-徐小明徐小明55设置类型参数设置背景参数设置区块参数设置盒子参数设置边框参数设置列表参数设置定位参数设置扩展参数TP-2621网页制作网页制作-徐小明徐小明56第第5 5章章 使用框架使用框架建立框架页面设置框架与框架集属性编辑框架页面用链接控制框架内容TP-2621网页制作网页制作-徐小明徐小明575.1 5.1 建立框架页面建立框架页面创建框架删除框架创建嵌套框架框架和框架集的文件保存方式TP-2621网页制作网页制作-徐小明徐小明58插入预定义框架集创建框架集TP-2621网页制作网页制作-徐小明徐小明59保存框架

16、集保存框架TP-2621网页制作网页制作-徐小明徐小明605.2 5.2 设置框架与框架集属性设置框架与框架集属性设置框架属性设置框架集属性TP-2621网页制作网页制作-徐小明徐小明61设置框架名称设置框架边框设置框架的其他属性TP-2621网页制作网页制作-徐小明徐小明625.3 5.3 编辑框架页面编辑框架页面框架页面的编辑框架文件的替换编辑无框架内容TP-2621网页制作网页制作-徐小明徐小明63第第6 6章章 层与时间轴层与时间轴层时间轴TP-2621网页制作网页制作-徐小明徐小明646.1 6.1 层层层的简述创建层编辑层设置层的属性层与表格的相互转换TP-2621网页制作网页制作

17、-徐小明徐小明65创建普通层创建嵌套层TP-2621网页制作网页制作-徐小明徐小明66选择层调整层的大小移动层对齐层插入层对象TP-2621网页制作网页制作-徐小明徐小明67打开层的属性面板层的属性面板设置TP-2621网页制作网页制作-徐小明徐小明68将表格转换为层将层转换为层防止层重叠TP-2621网页制作网页制作-徐小明徐小明696.2 6.2 时间轴时间轴时间轴面板建立时间轴动画修改时间轴时间轴的综合应用TP-2621网页制作网页制作-徐小明徐小明70修改时间轴使用时间轴更改层和图像的属性使用多个时间轴复制和粘贴动画TP-2621网页制作网页制作-徐小明徐小明71第第7 7章章 插入媒

18、体插入媒体媒体简介插入Fireworks对象插入Flash对象插入其他媒体对象TP-2621网页制作网页制作-徐小明徐小明727.1 7.1 媒体简介媒体简介在网页中插入媒体对象启动外部编辑器TP-2621网页制作网页制作-徐小明徐小明737.3 7.3 插入插入FlashFlash对象对象插入Flash电影并设置Flash文件插入Flash按钮对象插入Flash文本对象TP-2621网页制作网页制作-徐小明徐小明74插入Flash按钮在网页中插入Flash按钮修改Flash按钮播放FlashTP-2621网页制作网页制作-徐小明徐小明757.4 7.4 插入其他媒体对象插入其他媒体对象插入S

19、hockwave影片插入ActiveX控件插入Java程序插入声音文件插入Netscape Navigator插件TP-2621网页制作网页制作-徐小明徐小明76常用于插入网页的声音文件的格式使用链接方式插入声音文件在网页中嵌套声音文件TP-2621网页制作网页制作-徐小明徐小明77第第8 8章章 行为行为行为简述动作详解TP-2621网页制作网页制作-徐小明徐小明788.1 8.1 行为简述行为简述行为概述“行为”面板事件TP-2621网页制作网页制作-徐小明徐小明79对象是产生行为的主体，或者称为行为的载体事件是触发行为的外部条件动作是完成行为的过程（子程序），是行为最终产生的动态效果创建

20、行为TP-2621网页制作网页制作-徐小明徐小明80Dreamweaver MX中包括的主要事件重新设定事件TP-2621网页制作网页制作-徐小明徐小明818.2 8.2 动作详解动作详解 播放声音 打开浏览器窗口 弹出信息 调用JavaScript 改变属性 交换图像 恢复交换图像 检查插件 检查浏览器 控制Shockwave和Flash 设置导航条图像 设置文本 时间轴 拖动层 显示隐藏层 显示弹出式菜单 隐藏弹出式菜单 预先载入图像 转到URLTP-2621网页制作网页制作-徐小明徐小明82第第9 9章章 表单表单使用表单创建表单对象TP-2621网页制作网页制作-徐小明徐小明839.1

21、 9.1 使用表单使用表单了解表单和表单对象创建表单TP-2621网页制作网页制作-徐小明徐小明84表单概述表单对象概述TP-2621网页制作网页制作-徐小明徐小明859.2 9.2 创建表单对象创建表单对象 创建文本域 创建文本区域 创建隐藏域 创建单选按钮 创建复选框 创建菜单 创建列表 创建按钮 创建其他表单对象TP-2621网页制作网页制作-徐小明徐小明86第第10 10章章 库与模板库与模板使用库部件编辑库部件利用库部件更新网站创建模板TP-2621网页制作网页制作-徐小明徐小明8710.1 10.1 使用库部件使用库部件创建库部件设置库部件参数为网页添加库部件TP-2621网页制作

22、网页制作-徐小明徐小明88更新当前文档更新站点中所有应用库部件的文档10.3 10.3 利用库部件更新网站利用库部件更新网站TP-2621网页制作网页制作-徐小明徐小明8910.4 10.4 创建模板创建模板将现有文档存为模板新建空白模板定义模板的可编辑区域设置模板的页面属性TP-2621网页制作网页制作-徐小明徐小明90第第11 11章章 测试并发布网站测试并发布网站网站测试发布网站TP-2621网页制作网页制作-徐小明徐小明9111.1 11.1 网站测试网站测试服务器稳定性、安全性程序及数据库测试网页测试TP-2621网页制作网页制作-徐小明徐小明9211.2 11.2 发布网站发布网站

23、注册域名租用服务器空间上传网站TP-2621网页制作网页制作-徐小明徐小明93第第12 12章章 使用使用Dreamweaver MXDreamweaver MX创建一创建一个讨论区个讨论区动态网页的工作方式使用PWS使用IIS数据库设计建立数据库连接编辑网页TP-2621网页制作网页制作-徐小明徐小明9412.2 12.2 使用使用PWSPWS安装PWS设置PWSTP-2621网页制作网页制作-徐小明徐小明9512.3 12.3 使用使用IISIIS安装IIS设置IISTP-2621网页制作网页制作-徐小明徐小明9612.4 12.4 数据库设计数据库设计创建数据库和表定义表与表之间的关系使用Access创建查询对象TP-2621网页制作网页制作-徐小明徐小明9712.6 12.6 编辑网页编辑网页制作讨论主题页面制作添加讨论留言页面制作讨论主题列表页面制作显示详细讨论内容页面