DreamWeaver网页设计与制作基础知识培训课件
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
12
作业（书面或上机）
打开DreamWeaver软件,熟悉界面 建立第一个站点,制作一个页面保存在站
点中并且发布在浏览器中.
13
8
熟悉DreamWeaver软件界面
标题栏
菜单栏
插入面板
工具栏
文档窗口
代码视图
wenku.baidu.com
设计视图
状态栏
属性面板
浮动面板组
9
网页制作第一步
在dreamweaver中建立站点
建立站点的好处是可以把网站所有的文件和 素材都放在站点根文件夹中方便管理和链接.一 般可以建立子文件夹放置图片等素材.这时候文 件与文件之间的链接都是相对路径,方便了管理.
7
二.DreamWeaver介绍
DreamWeaver,Flash,Fireworks曾经是 macromedia公司出品的一系列网页制作 工具,称之为”网页三剑客”,但是在2005 年被Adobe公司收购,现在最新版本是cs4.
DreamWeaver是一款强大的网页设计工具, 可视化功能使得不懂html代码的人也能轻 松设计网页.
第一章
DW网页设计与制作基础知识
授课教师:苏博
1
教学目标
能阐述web基础, HTTP的含义 能说出HTML的含义 能了解静态页面和动态页面的区别 能说出常用的网页制作工具,能够在
dreamweaver中建立站点
2
教学重难点分析
重点
HTML和HTTP的含义 在DreamWeaver中站点的建立
静态页面可以包含文字,图片,声音,视频, 动态图片,动画,java特效等等动态效果,但是 它不能与用户发生任何的交互行为.而动态网 站可以响应用户的请求,根据不同的请求动态 生成不同的页面,并且通过数据库和后台实现 网站的动态管理
6
网站制作相关工具
DreamWeaver Photoshop Flash Fireworks
使用HTML编写的网页也是 标准的纯文本 文件,通常后缀名是.html或者.htm.
要查看网页的内容,必须通过浏览器.浏览 器的作用就是解释HTML标记语言,然后呈现 出丰富多彩的网页内容.现在常用的是IE6.0 或者7.0,以及firefox.
5
静态网页和动态网页的区别 本质区别就是是否有交互性
难点
静态网页和动态网页的区别
3
一.Web基础知识
WWW万维网(World Wild Web) HTTP协议(超文本传输协议hypertext
transfer protocol)
网络上的每一个网站都属于万维网 的一个个体, 万维网遵循HTTP协议
4
HTML
HTML是纯文本的语言,称为超文本标记语言 (hypertext markup language)
10
制作自己的第一个页面 新建一个静态html页面,在文档中输入自我介 绍相关文字,保存在刚建立的站点中,命名为 index.html
发布页面 用快捷键F12或者用发布工具发布页面,在浏 览器中查看自己的网页
11
归纳总结
web基础知识 Html标记语言 静态网页和动态网页的区别 网页制作工具 熟悉DreamWeaver工具界面 建立站点 制作网页并发布
作业（书面或上机）
打开DreamWeaver软件,熟悉界面 建立第一个站点,制作一个页面保存在站
点中并且发布在浏览器中.
13
8
熟悉DreamWeaver软件界面
标题栏
菜单栏
插入面板
工具栏
文档窗口
代码视图
wenku.baidu.com
设计视图
状态栏
属性面板
浮动面板组
9
网页制作第一步
在dreamweaver中建立站点
建立站点的好处是可以把网站所有的文件和 素材都放在站点根文件夹中方便管理和链接.一 般可以建立子文件夹放置图片等素材.这时候文 件与文件之间的链接都是相对路径,方便了管理.
7
二.DreamWeaver介绍
DreamWeaver,Flash,Fireworks曾经是 macromedia公司出品的一系列网页制作 工具,称之为”网页三剑客”,但是在2005 年被Adobe公司收购,现在最新版本是cs4.
DreamWeaver是一款强大的网页设计工具, 可视化功能使得不懂html代码的人也能轻 松设计网页.
第一章
DW网页设计与制作基础知识
授课教师:苏博
1
教学目标
能阐述web基础, HTTP的含义 能说出HTML的含义 能了解静态页面和动态页面的区别 能说出常用的网页制作工具,能够在
dreamweaver中建立站点
2
教学重难点分析
重点
HTML和HTTP的含义 在DreamWeaver中站点的建立
静态页面可以包含文字,图片,声音,视频, 动态图片,动画,java特效等等动态效果,但是 它不能与用户发生任何的交互行为.而动态网 站可以响应用户的请求,根据不同的请求动态 生成不同的页面,并且通过数据库和后台实现 网站的动态管理
6
网站制作相关工具
DreamWeaver Photoshop Flash Fireworks
使用HTML编写的网页也是 标准的纯文本 文件,通常后缀名是.html或者.htm.
要查看网页的内容,必须通过浏览器.浏览 器的作用就是解释HTML标记语言,然后呈现 出丰富多彩的网页内容.现在常用的是IE6.0 或者7.0,以及firefox.
5
静态网页和动态网页的区别 本质区别就是是否有交互性
难点
静态网页和动态网页的区别
3
一.Web基础知识
WWW万维网(World Wild Web) HTTP协议(超文本传输协议hypertext
transfer protocol)
网络上的每一个网站都属于万维网 的一个个体, 万维网遵循HTTP协议
4
HTML
HTML是纯文本的语言,称为超文本标记语言 (hypertext markup language)
10
制作自己的第一个页面 新建一个静态html页面,在文档中输入自我介 绍相关文字,保存在刚建立的站点中,命名为 index.html
发布页面 用快捷键F12或者用发布工具发布页面,在浏 览器中查看自己的网页
11
归纳总结
web基础知识 Html标记语言 静态网页和动态网页的区别 网页制作工具 熟悉DreamWeaver工具界面 建立站点 制作网页并发布