Dreamweave网页制作第九周.ppt

奥运奖牌 （c.htm）
奥运吉祥物 （d.htm）
1936 3
2 1
1976 1952
第
第
届
届
第
雅 典 天 神 竞 技 重 回 人
巴 黎 女 性 登 上 奥 运 舞
届 圣 路 易 斯 博 览 会
年 柏 林 （ 德 国 ）
1980
1976
年
年
3 c3.htm 2 c2.htm
1 c1.htm
赫
蒙
尔
特
辛
利
基
尔
第 届 （
第
第
届
届
（
（
年 海 狸
年 熊 的
（
（
形
形
芬
加
象
象
兰
拿
）
大
）
）
）
1976
年 鹰 的 形 象
间
台
(d3.htm)
(d2.htm)
(d1.htm)
)b3.htm b2.htm
b1.htm a3.htm
a2.htm a1.htm
提示
• 网页： 学名是HTML，Hyper Text Marked Language 超级文本链接语言
网页制作
发展趋势
• 从文字和少量图片 ------多媒体网页（电 影、音乐、实时视频和音频）
网站开发流程
确定 主题
规划 结构
整理 素材
制作 网页
上传 发布
规划结构
（网站主题、页面主题、网页文件名、各页面之间的隶属关系）
奥运之旅 （index.htm）
奥运会徽 （a.htm）
奥运火炬 （b.htm）
•Microsoft Office FrontPage •Adobe Dreamweave CS4
图像制作工具
• Adobe Fireworks
• Adobe PhotoShop
• Adobe ImageReady
动画制作工具
• Adobe Flash • Gif Animstor
提示
• Flash采用流媒体技术打包在网上发布； • 流媒体技术的特点：连续性、实时性、时
序性。 • 流媒体：是指在网络上按时间先后次序传
输和播放的连续声音和视频数据流。边播 放边下载，节省内存空间和下载时间 传统媒体：在播放前先下载整个文件
建立站点
• 站点的用处 对所有与WEB站点相关联的文档进行组
织的方法。
• 上传站点到Web服务器，可以 自动跟踪 维护链接 管理文件 共享文件
定义站点
• 站点完成后，网站
• 主页（index.htm）是网站最先显示的网页， 通过主页可访问该网站所有的资源。
• 网站：两个以上的互相链接就成为一个网 站。
整理素材
• 素材包括 文本 图像 声音 动画 视频 • 整理素材
1）分门别类放到文件夹中备用，并注明每一部分所 属的网页名称。 2）整理素材：由对网站内容熟悉的人即可 3）制作网页：网页制作技术人员
件”----起站名“我的站点”
提示：可以是中英文，但所有文件夹、网页、 素材文件全不要用字母/符号。
3、“是，我不想使用服务器技术” 4、“编辑我的计算机上的本地副本，完成后
再上传到服务器（推荐）”
5、存储到“WebDemo”文件夹中； 6、“您如何连接到远程服务器？”---“无” 7、“完成”
创建网站
• 语言区分 静态网页用HTML语言 动态网页用 HTML+ASP，
HTML+PHP， HTML器端执行
• 服务器端执行的程序、网页和组件------动态 网页， 随不同的网站用户和不同时间，返回不 同的网页内容；
• 客户端执行的程序、网页、插件、组件----静态网页 例如html页、Flash、JavaScript、Vbscript, 网页内容永远不变。
制作网页
第一步：根据每个网页主题将素材按照一定 的排版形式集成到网页中。
第二步：按照“规划结构”要求，将所有网 页链接起来。
上传发布
• 将网站上传到网络服务器中发布出去
提示：网络服务器可以是： 1）Internet广域网； 2）校园网； 3）局域网；
网页制作工具 （综合多个软件制作）
网页制作软件
• 用什么技术制作网页 • 网页及素材文件存储位置
存储位置有三种： 1)本地文件夹 （本地站点） 2)远程服务器 3)测试服务器
定义站点的条件
• 静态网页只需建立本地文件夹，可以定义 站点了。
• 向Web服务器传输文件或开发Web应用程序 （例如使用数据库），要添加远端站点和 测试服务器信息
静态网页和动态网页
何时用静态网页？
• 网站功能简单 • 更新量不大
和使用动态网页？
• 反之，用动态网页
建站点
• 新建网站，一定建立站点。 • 修改已有的网站，不用建。
注意：网页和网页用到的素材必须存到“本 地站点”文件夹中，否则上传后不能正常 浏览。
操作步骤
1、在D盘新建文件夹 WebDemo 2、站点---新建站点---站点定义的“编辑文