网页制作 网 页 制 作 徐晓明 主编 蔡向东 方蓓 副主编.

Slides:



Advertisements
Similar presentations
任务三:子页面设计与交 互页面制作. 任务 3-1 :模板和库文件的应用 用模板建立站点库文件的应用.
Advertisements

Photoshop图像处理 —基本操作.
第六 章数据库访问页 6.1 数据访问页视图 6.2 创建数据访问页 6.3 编辑数据访问页 6.4 查看数据访问页 退出.
项目2 字符格式和段落编排 2017年3月7日6时54分.
点击输入贵公司名称 年度工作总结汇报幻灯片模版 工作总结 年终汇报 工作计划 活动流程 汇报部门:XXXX.
网页设计师的职业成长规律 主讲:刘万辉 淮安信息职业技术学院.
活力校園 5C 顏慧玲.
大学计算机应用基础实践教程 共 页.
第1章 网页、网站制作基础 1.1 网页与网站的概念 1.2 Web标准 1.3 网页制作的常用软件 1.4 构成网页的基本元素
项目一:活动二 站点的建立与管理 (制作“个人博客”).
第三章 数据类型和数据操作 对海量数据进行有效的处理、存储和管理 3.1 数据类型 数据源 数据量 数据结构
案例2 胸卡的制作. 案例2 胸卡的制作 知识要点: 学习重点及制作思路 学习目的: 邀请函的制作步骤: 1.掌握邮件合并功能 2.掌握比较并合并文档方法 3.掌握页面插入背景图 4.熟练使用文本框 知识要点: 1.邮件合并功能 2.文档中插入域内容 3.文本框的使用 技能要点: 1.域、文档部件操作.
UI(用户界面)集训班 Illustrator 高级班.
有序列表.
第1章 初识Photoshop CS5中文版 本章简介:
永安广播电视大学 学生计算机技能培训 2005年3月26日.
课程中心 课程中心培训方案 上海泰泽信息技术有限公司
图表的创建.
第6章 制作网站链接 本章内容 练习思考 实验操作.
全国计算机等级考试 二级基础知识 第二章 程序设计基础.
江西信息应用职业技术学院 电子商务与管理系
3-1 想做出甚麼樣的網站 現在您對網站、網頁已經有基本的概念了,不過要實際開始製作網站,還需要經過規劃的過程。本章中尚未開始動手設計網頁,而先來學習建立網站的重要觀念也就是網站的規劃與設定,首先您必須先對自己要建立的網站有基本的架構,才能動手建立網站,做好後續網頁設計的工作。可別看這個過程,這是能不能建構出一個好網站的重要關鍵,也是設計網站人員必須用心思考、規劃的部分。
第二讲 搭建Java Web开发环境 主讲人:孙娜
网页制作与设计 主编 耿 杰 科学出版社.
第八章 菜单设计 §8.1 Visual FoxPro 系统菜单 §8.2 为自己的程序添加菜单 §8.3 创建快捷菜单.
大学计算机基础 典型案例之一 构建FPT服务器.
第11章:一些著名开源软件介绍 第12章:服务安装和配置 本章教学目标: 了解当前一些应用最广泛的开源软件项目 搭建一个网站服务器
P hoto s hop 第一临床学院 08级临床八年 昌金星.
科研信息管理工具 Endnote X4 王辉.
第17章 网站发布.
第18章 Dreamweaver与Photoshop的完美结合
网页设计与制作 网页基本标签(三) 北京农业职业学院刘丽霞.
Simple , Powerful and fee
Windows 7 的系统设置.
网页制作基础 CNIC 王桦.
任务1-3 使用Dreamweaver创建ASP网页
程序设计工具实习 Software Program Tool
安徽省中小学信息技术课件(初中) 初中信息技术八年级下册第一单元 活动2 会徽制作显创意 活动2 会徽制作显创意 马鞍山市丹阳中学 刘斌.
计算机及办公软件应用 ©2013 苏州工业园区职业技术学院
第一题 填空(30分) 指向其他文件的( 1 )或图片被称为hyper text,这种作用叫超级链接Hyper link。
ASP动态网页设计实用教程 主讲教师: 开课单位:.
直接扫描保存成TIF格式, 其他图片格式用Windows XP自带的 Windows图片与传真查看器打开
标准配色方案 背景 文本和线条 阴影 强调色 主色一 主色二 主色三 主色四 推荐应用顺序. 标准配色方案 背景 文本和线条 阴影 强调色 主色一 主色二 主色三 主色四 推荐应用顺序.
网页设计与制作 —— 学习情境二:网页模板设计
姚金宇 MIT SCHEME 使用说明 姚金宇
2019/4/26 关注NE官方微信,获取更多服务.
W3C标准网页制作 主讲教师:张 涛.
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
项目二:HTML语言基础.
第六章 Excel的应用 一、Excel的单元格与区域 1、单元格:H8, D7, IV26等 2、区域:H2..D8, HS98:IT77
第4章 Excel电子表格制作软件 4.4 函数(一).
电子商务网站开发 第十一讲:框架与框架集 上海财经大学信息管理与工程学院.
Word中活用“艺▪图▪框” 信息技术必修(一).
JSP实用教程 清华大学出版社 第2章 JSP运行环境和开发环境 教学目标 教学重点 教学过程 2019年5月7日.
iSIGHT 基本培训 使用 Excel的栅栏问题
组织机构栏目内容管理 青海省教育信息中心 2018年12月18日.
文档创建与发布操作要点 青海省教育信息中心 2018年12月18日.
LOGIX500软件入门 西安华光信息技术有限公司 2008年7月11日.
Visual Basic程序设计 第13章 访问数据库
VRP教程 2011.
Delphi 7.0开发示例.
计算机绘图 AutoCAD2016.
Python 环境搭建 基于Anaconda和VSCode.
第六章 Excel的应用 五、EXCEL的数据库功能 1、Excel的数据库及其结构 2、Excel下的数据排序 (1)Excel的字段名行
网页设计三合一教程 主讲教师 2019/6/2.
项目:交互式网页 义乌工商学院机电信息分院省级精品课程.
第8章 创建与使用图块 将一个或多个单一的实体对象整合为一个对象,这个对象就是图块。图块中的各实体可以具有各自的图层、线性、颜色等特征。在应用时,图块作为一个独立的、完整的对象进行操作,可以根据需要按一定比例和角度将图块插入到需要的位置。 2019/6/30.
FVX1100介绍 法视特(上海)图像科技有限公司 施 俊.
第六讲 酒店客房管理系统(二) 教育部“十二五”职业教育国家规划教材
04 03 add your text. add your text. add your text. add your text add your text. add your text. add your text. add your text. add your text add your text.
Presentation transcript:

网页制作 网 页 制 作 徐晓明 主编 蔡向东 方蓓 副主编

网页制作 第1章 初识Dreamweaver MX 第2章 Photoshop 7.0和Flash MX的基本操作 第3章 创建网页的基本对象 第4章 样式表 第5章 使用框架 第6章 层与时间轴 第7章 插入媒体 第8章 行为 第9章 表单 第10章 库与模板 第11章 测试并发布网站 第12章 使用Dreamweaver MX创建一个讨论区 面向21世纪高职高专计算机系列规划教材

第1章 初识Dreamweaver MX 1.1 Dreamweaver MX简述 1.2 Dreamweaver MX的新特性 1.4 网站与网页的基本知识 1.5 站点管理 面向21世纪高职高专计算机系列规划教材

1.1 Dreamweaver MX简述 Dreamweaver MX是Macromedia公司推出的一款“平民化”的网页制作软件,它具有可视化编辑界面和强大的所见即所得的网页编辑功能,用户不必编写复杂的HTML代码,就可以生成跨平台、跨浏览器的网页。该版本具有以下特色: 出色的工作界面 强大的协作能力 更为强大的多媒体处理功能 可制作Flash插件,支持目前流行的大部分网络设计代码 增强可库和模板功能 面向21世纪高职高专计算机系列规划教材

1.2 Dreamweaver MX的新特性 易用性 创新性 规范性 面向21世纪高职高专计算机系列规划教材

1.3 dreamweaver MX的工作环境 标题栏 菜单栏 工具栏 文档窗口 状态栏 “插入”面板 “属性”面板 可停靠浮动面板 面向21世纪高职高专计算机系列规划教材

1.4 网站与网页的基本知识 网页设计基础 网站设计基础 网站开发流程 面向21世纪高职高专计算机系列规划教材

网页设计的基本要求有:页面版式和布局、网页的色彩、网页的文字、网页中的表格等。 “网页”就是指通过浏览器在WWW上看到的页面,网页的英文名为Web Page,我们通常所说的主页(home page)是指网站的第一个网页,通常名称为index。 网页设计的基本要求有:页面版式和布局、网页的色彩、网页的文字、网页中的表格等。 面向21世纪高职高专计算机系列规划教材

网站是网页的集合,是网页的组织形式。 在网站的设计过程中要注意以下几点:网站的目标、网站的风格、网站的CI形象(Corporate Identity)、网站的栏目和版块、网站目录和链接结构等。 面向21世纪高职高专计算机系列规划教材

一个完整的网站开发流程如下: 定义站点 建立网站结构 首页的设计和制作 其他页面的制作 测试 发布和维护 面向21世纪高职高专计算机系列规划教材

1.5 站点管理 创建站点 管理站点 面向21世纪高职高专计算机系列规划教材

第2章 Photoshop 7.0和Flash MX的基本操作 面向21世纪高职高专计算机系列规划教材

2.1 Photoshop 7.0的基本操作 Photoshop 7.0的主要功能和工作环境 Photoshop 7.0图像文件的基本操作 滤镜的使用 文字的使用 图像的输入和输出 面向21世纪高职高专计算机系列规划教材

它主要由标题栏、菜单栏、属性栏、工具箱、控制面板和状态栏组成。 Photoshop 7.0的主要功能 Photoshop可以帮助用户提高处理图像的工作效率,提供最新的创作方式,还可以帮助用户制作适用于打印、Web和其他任何用途的最佳品质的图像。 Photoshop 7.0的工作环境 它主要由标题栏、菜单栏、属性栏、工具箱、控制面板和状态栏组成。 面向21世纪高职高专计算机系列规划教材

新建和打开图像 保存和关闭图像 图像显示效果 图像和画布尺寸的调整 面向21世纪高职高专计算机系列规划教材

图像绘制(矩形选框工具、椭圆选框工具、套索工具、多边形套索工具、磁性套索工具、魔术棒工具、选区操作技巧、画笔工具、仿制图章工具、橡皮擦工具、魔术橡皮擦工具、图像调整工具、形状工具、渐变工具、油漆桶工具、填充命令、描边命令) 图像编辑(使用色彩控制工具设置绘图颜色、使用吸管工具设置绘图颜色、图像的移动、图像的复制、图像的删除、图像的去色、图像的裁切、图像的旋转、图像选区的变换、恢复操作) 面向21世纪高职高专计算机系列规划教材

图层(图层的含义、新建图层、复制图层、移动图层、删除图层、图层特殊效果、合并图层、图层的蒙版) 通道(通道的含义、创建新通道、复制通道) 路径(路径的含义、路径的绘制、路径控制面板) 面向21世纪高职高专计算机系列规划教材

滤镜使用(“水波”滤镜、“动感模糊”滤镜) 滤镜介绍 滤镜使用(“水波”滤镜、“动感模糊”滤镜) 面向21世纪高职高专计算机系列规划教材

文字工具 文字变形 字符与段落设置 面向21世纪高职高专计算机系列规划教材

获取图像的方法(使用扫描仪、使用数码相机) 常用的图像文件格式(PSD格式和PDD格式、TIF格式、BMP格式、JPEG格式、GIF格式) 制作Web图像(制作JPEG图像、制作GIF图像) 面向21世纪高职高专计算机系列规划教材

2.2 Flash MX的基本操作 Flash MX的主要功能和工作环境 Flash MX绘图工具和浮动面板 图像编辑 时间轴 创建动画 符号 声音 面向21世纪高职高专计算机系列规划教材

Flash MX的工作环境(菜单栏、工具栏、时间轴、工作区、浮动面板) 面向21世纪高职高专计算机系列规划教材

绘图工具 浮动面板 面向21世纪高职高专计算机系列规划教材

建立动画文件 图形的基本编辑 对象的对齐 对象的组合 导入图形 图形的变形操作 图形的整体操作 显示比例 面向21世纪高职高专计算机系列规划教材

认识图层 层的基本操作 引导层 运动引导层 蒙版层 帧 面向21世纪高职高专计算机系列规划教材

逐帧动画 形变动画 运动动画 蒙版动画 面向21世纪高职高专计算机系列规划教材

认识符号 制作符号 按钮的制作 编辑符号 实例和符号的关系 面向21世纪高职高专计算机系列规划教材

认识Flash MX中的声音 添加声音 面向21世纪高职高专计算机系列规划教材

第3章 创建网页的基本对象 页面的布局及属性的设置 在网页中使用文本 网页中插入图像 在网页中使用表格 超级链接 面向21世纪高职高专计算机系列规划教材

3.1 页面的布局及属性的设置 页面的布局 页面属性的设置 面向21世纪高职高专计算机系列规划教材

网页布局的基本概念(页面尺寸、整体造型、页头、文本、页脚、图片、多媒体) 网页布局的方法(纸上布局法、软件布局法) 面向21世纪高职高专计算机系列规划教材

标题 背景图像 背景 设置文本或链接颜色 设置页面边距 面向21世纪高职高专计算机系列规划教材

3.2 在网页中使用文本 输入文本 设置文本属性 设置文本列表 添加水平分隔线 面向21世纪高职高专计算机系列规划教材

文档中输入普通文本 空格的输入 特殊符号的输入 插入时间 插入换行符 插入Flash文本 面向21世纪高职高专计算机系列规划教材

标题 字体 字号 字体颜色 文本对齐 文本的缩进 其他属性设置 面向21世纪高职高专计算机系列规划教材

项目符号列表 编号列表 嵌套列表 面向21世纪高职高专计算机系列规划教材

3.3 网页中插入图像 图像简述 插入图像 设置图像属性 创建图像映射 面向21世纪高职高专计算机系列规划教材

插入页面图像 插入背景图像 面向21世纪高职高专计算机系列规划教材

改变图像大小 页边距 图像链接 替代文字 图像边框 图像对齐 面向21世纪高职高专计算机系列规划教材

3.4 在网页中使用表格 创建表格 编辑表格 格式化表格 表格数据的输出和输入 表格的嵌套 面向21世纪高职高专计算机系列规划教材

插入一个表格 向表格单元格添加内容 面向21世纪高职高专计算机系列规划教材

选择表格元素 调整表格大小 添加及删除行和列 拆分和合并单元格 面向21世纪高职高专计算机系列规划教材

通过表格属性面板格式化表格 通过样式格式化表格 对表格中的数据进行排序 面向21世纪高职高专计算机系列规划教材

导入外部表格数据 导出表格数据 面向21世纪高职高专计算机系列规划教材

3.5 超级链接 了解超级链接 创建超级链接 管理超级链接 导航条 面向21世纪高职高专计算机系列规划教材

链接的路径(URL、绝对路径、相对路径、基于根目录的路径) 超级链接的基础 合理安排超级链接 链接的路径(URL、绝对路径、相对路径、基于根目录的路径) 面向21世纪高职高专计算机系列规划教材

创建文本链接 创建图像链接 创建邮件链接 创建锚点链接 面向21世纪高职高专计算机系列规划教材

添加链接 删除链接 修改链接 更新链接 面向21世纪高职高专计算机系列规划教材

插入导航条 编辑导航条 导航条制作实例 面向21世纪高职高专计算机系列规划教材

第4章 样式表 HTML样式表 层叠样式表 面向21世纪高职高专计算机系列规划教材

4.1 HTML样式表 HTML样式面板 编辑HTML样式 应用HTML样式 删除HTML样式 面向21世纪高职高专计算机系列规划教材

样式名称 样式类型 面向21世纪高职高专计算机系列规划教材

4.2 层叠样式表 层叠样式表简述 编辑CSS样式 面向21世纪高职高专计算机系列规划教材

CSS样式分类 使用CSS样式的方式 “CSS样式”面板 创建CSS样式 附加外部CSS样式表 面向21世纪高职高专计算机系列规划教材

设置类型参数 设置背景参数 设置区块参数 设置盒子参数 设置边框参数 设置列表参数 设置定位参数 设置扩展参数 面向21世纪高职高专计算机系列规划教材

第5章 使用框架 建立框架页面 设置框架与框架集属性 编辑框架页面 用链接控制框架内容 面向21世纪高职高专计算机系列规划教材

5.1 建立框架页面 创建框架 删除框架 创建嵌套框架 框架和框架集的文件保存方式 面向21世纪高职高专计算机系列规划教材

插入预定义框架集 创建框架集 面向21世纪高职高专计算机系列规划教材

保存框架集 保存框架 面向21世纪高职高专计算机系列规划教材

5.2 设置框架与框架集属性 设置框架属性 设置框架集属性 面向21世纪高职高专计算机系列规划教材

设置框架名称 设置框架边框 设置框架的其他属性 面向21世纪高职高专计算机系列规划教材

5.3 编辑框架页面 框架页面的编辑 框架文件的替换 编辑无框架内容 面向21世纪高职高专计算机系列规划教材

第6章 层与时间轴 层 时间轴 面向21世纪高职高专计算机系列规划教材

6.1 层 层的简述 创建层 编辑层 设置层的属性 层与表格的相互转换 面向21世纪高职高专计算机系列规划教材

创建普通层 创建嵌套层 面向21世纪高职高专计算机系列规划教材

选择层 调整层的大小 移动层 对齐层 插入层对象 面向21世纪高职高专计算机系列规划教材

打开层的属性面板 层的属性面板设置 面向21世纪高职高专计算机系列规划教材

将表格转换为层 将层转换为层 防止层重叠 面向21世纪高职高专计算机系列规划教材

6.2 时间轴 时间轴面板 建立时间轴动画 修改时间轴 时间轴的综合应用 面向21世纪高职高专计算机系列规划教材

修改时间轴 使用时间轴更改层和图像的属性 使用多个时间轴 复制和粘贴动画 面向21世纪高职高专计算机系列规划教材

第7章 插入媒体 媒体简介 插入Fireworks对象 插入Flash对象 插入其他媒体对象 面向21世纪高职高专计算机系列规划教材

7.1 媒体简介 在网页中插入媒体对象 启动外部编辑器 面向21世纪高职高专计算机系列规划教材

7.3 插入Flash对象 插入Flash电影并设置Flash文件 插入Flash按钮对象 插入Flash文本对象 面向21世纪高职高专计算机系列规划教材

插入Flash按钮 在网页中插入Flash按钮 修改Flash按钮 播放Flash 面向21世纪高职高专计算机系列规划教材

7.4 插入其他媒体对象 插入Shockwave影片 插入ActiveX控件 插入Java程序 插入声音文件 插入Netscape Navigator插件 面向21世纪高职高专计算机系列规划教材

常用于插入网页的声音文件的格式 使用链接方式插入声音文件 在网页中嵌套声音文件 面向21世纪高职高专计算机系列规划教材

第8章 行为 行为简述 动作详解 面向21世纪高职高专计算机系列规划教材

8.1 行为简述 行为概述 “行为”面板 事件 面向21世纪高职高专计算机系列规划教材

对象是产生行为的主体,或者称为行为的载体 事件是触发行为的外部条件 动作是完成行为的过程(子程序),是行为最终产生的动态效果 创建行为 面向21世纪高职高专计算机系列规划教材

Dreamweaver MX中包括的主要事件 重新设定事件 面向21世纪高职高专计算机系列规划教材

8.2 动作详解 播放声音 打开浏览器窗口 弹出信息 调用JavaScript 改变属性 交换图像 恢复交换图像 检查插件 检查浏览器 控制Shockwave和Flash 设置导航条图像 设置文本 时间轴 拖动层 显示—隐藏层 显示弹出式菜单 隐藏弹出式菜单 预先载入图像 转到URL 面向21世纪高职高专计算机系列规划教材

第9章 表单 使用表单 创建表单对象 面向21世纪高职高专计算机系列规划教材

9.1 使用表单 了解表单和表单对象 创建表单 面向21世纪高职高专计算机系列规划教材

表单概述 表单对象概述 面向21世纪高职高专计算机系列规划教材

9.2 创建表单对象 创建文本域 创建文本区域 创建隐藏域 创建单选按钮 创建复选框 创建菜单 创建列表 创建按钮 创建其他表单对象 面向21世纪高职高专计算机系列规划教材

第10章 库与模板 使用库部件 编辑库部件 利用库部件更新网站 创建模板 面向21世纪高职高专计算机系列规划教材

10.1 使用库部件 创建库部件 设置库部件参数 为网页添加库部件 面向21世纪高职高专计算机系列规划教材

10.3 利用库部件更新网站 更新当前文档 更新站点中所有应用库部件的文档 面向21世纪高职高专计算机系列规划教材

10.4 创建模板 将现有文档存为模板 新建空白模板 定义模板的可编辑区域 设置模板的页面属性 面向21世纪高职高专计算机系列规划教材

第11章 测试并发布网站 网站测试 发布网站 面向21世纪高职高专计算机系列规划教材

11.1 网站测试 服务器稳定性、安全性 程序及数据库测试 网页测试 面向21世纪高职高专计算机系列规划教材

11.2 发布网站 注册域名 租用服务器空间 上传网站 面向21世纪高职高专计算机系列规划教材

第12章 使用Dreamweaver MX创建一个讨论区 动态网页的工作方式 使用PWS 使用IIS 数据库设计 建立数据库连接 编辑网页 面向21世纪高职高专计算机系列规划教材

12.2 使用PWS 安装PWS 设置PWS 面向21世纪高职高专计算机系列规划教材

12.3 使用IIS 安装IIS 设置IIS 面向21世纪高职高专计算机系列规划教材

12.4 数据库设计 创建数据库和表 定义表与表之间的关系 使用Access创建查询对象 面向21世纪高职高专计算机系列规划教材

12.6 编辑网页 制作讨论主题页面 制作添加讨论留言页面 制作讨论主题列表页面 制作显示详细讨论内容页面 面向21世纪高职高专计算机系列规划教材