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