北大青鸟：《HTML—JavaScript》课程电子教案（PPT教学课件）第一章 Dreamweaver 使用入门

北大青 7E 男 第一章 Dreamweaver使用入门 ACCP V4.0

ACCP V4.0 第一章 Dreamweaver 使用入门

北大青 7E 男 目标 口了解 Internet和万维网(WWW 口理解与 Dreamweaver相关的概念 口掌握创建网站的操作步骡 口掌握如何制作简单网页 口掌握如何创建超级链接 ACCP V4.0

ACCP V4.0 2 目标 ❑了解 Internet 和万维网（WWW） ❑理解与 Dreamweaver 相关的概念 ❑掌握创建网站的操作步骤 ❑掌握如何制作简单网页 ❑掌握如何创建超级链接

北大青 7E 男 Internet和万维网 Internet 全球范围内网络的网络 World Wide Web -· nternet I的一部分 万维网 由包含各种信息的文档组成 ACCP V4.0

ACCP V4.0 3 Internet 和万维网 • 全球范围内网络的网络 • Internet 的一部分 • 由包含各种信息的文档组成

北大青 7E 男 万维网2-1 Web服务器 登录 Microsoft Internet Explorer 藏()工具(帮助 2。站点地址或URL AD 协议 帆则 Intemet HTTP是Web协议 ACCP V4,0

ACCP V4.0 4 万维网 2-1 Web 服务器 客户端 协议 • 用于访问 Web 上资源的一组 规则 • HTTP 是 Web 协议 站点地址或 URL ………… HTML语言用于制作网页

北大青 7E 男 万维网22 Web服务器处理请求并返回 请求的页面 登录 Microsoft Internet Explorer x 文件(编辑(巨)查看()收藏(A)工具(D帮助 Web服务器 中后退·+④的备搜索 地址)http:/jogn.passportnet/uile 2HTTP负责请求和响应 亲鬼 msn Hotmail 新功能全新照片上截工具-便于在 [oISN Houma帐户中重新设置照片大小和发送超片 没使用过 MSN Hotmail吗 发送电子邮件的精明途径·免费 向服务器发送页面请求 ●更好的安全性 完毕 so Internet ACCP V4.0

ACCP V4.0 5 万维网 2-2 Web 服务器 客户端 向服务器发送页面请求 Web 服务器处理请求并返回 请求的页面 HTTP 负责请求和响应

北大青 7E 男 Web相关术语 口网站:万维网上相关网页的集合 口网页:文件后缀名通常为*htm或*htm的页面 口HTML:用于制作网页的超文本标记语言( Hyper Text Mark-up Language) ACCP V4.0

ACCP V4.0 6 Web相关术语 ❑网站：万维网上相关网页的集合 ❑网页：文件后缀名通常为*.html 或* .htm的页面 ❑HTML：用于制作网页的超文本标记语言(Hyper Text Mark-up Language)

Y北大 Dreamweaver MX2004 口一款用于设计、开发网站和Web应用程序的专 业HTML编辑器 口用户可以选择使用布局单元格或框架来设计页面 的布局 口可用于创建文本、插入动态图像、提供网页超 链接、创建Fash文本和 Flash按钮等 口可用于组合由某些软件(如 Photoshop、 Image Ready和 Flash等)制作的图形、动画 和按钮 ACCP V4.0

ACCP V4.0 7 Dreamweaver MX 2004 ❑一款用于设计、开发网站和 Web 应用程序的专 业HTML 编辑器 ❑用户可以选择使用布局单元格或框架来设计页面 的布局 ❑可用于创建文本、插入动态图像、提供网页超 链接、创建 Flash 文本和 Flash 按钮等 ❑可用于组合由某些软件（如 Photoshop、 ImageReady 和 Flash 等）制作的图形、动画 和按钮

北大青 7E 男 Dreamweaver概念 口静态网页:只能浏览,不能实现客户端和服务器 端的交流互动 口动态网页:网站页面随用户的输入而变化,能与 客户端交流互动 口本地站点:一个在我们自己的计算机上,存储网 站所有文件的临时文件夹 口远程站点:位于远程Web服务器上,与本地站点 相对应 口根文件夹:用于存储网站文件的本地根目录 ACCP V4.0

ACCP V4.0 8 Dreamweaver 概念 ❑静态网页：只能浏览，不能实现客户端和服务器 端的交流互动 ❑动态网页：网站页面随用户的输入而变化，能与 客户端交流互动 ❑本地站点：一个在我们自己的计算机上，存储网 站所有文件的临时文件夹 ❑远程站点：位于远程Web 服务器上，与本地站点 相对应 ❑根文件夹：用于存储网站文件的本地根目录

要 Dreamweaver工作区 口 Dreamweaver mX2004提供以下两种工作区布局可供 选择: 口设计者 口代码编写者 工作区设置 请选择您喜欢的工作区布局。以后您可以在“首选参数”中切换布局。 设计者①) C代码编写者c〕 确定 ACCP V4.0

ACCP V4.0 9 Dreamweaver 工作区 ❑ Dreamweaver MX 2004 提供以下两种工作区布局可供 选择： ❑设计者 ❑代码编写者

北大青 7E 男 设计人员工作区 口 Dreamweaver2004MX提供了一个集成所有面板和窗 口的集成工作区 er2004[无标题文档 Intitled1 文件(E)编辑()查看()插入(D修改M)文本(D命令(C)站点(5)窗口()帮助出 常用布局|表单|文本|HML|应用程序Fsh元素收夹 标设计 插入” 应用程序 Untited-1 选项卡日AA 文件资源 回代码回拆分国设计标题:无标题文档 面板组 网上邻居 FTP&Rns胆务器 一桌面项目 文档窗口 属性”检查器 574x241,1K/1秒 格式) 样式)无 B目链接) )认宇体大小)民 巨围坦目标 「页面属性[现 10 ACCP V4.0

ACCP V4.0 10 设计人员工作区 ❑ Dreamweaver 2004 MX 提供了一个集成所有面板和窗 口的集成工作区 文档窗口 “属性”检查器 面板组 “插入” 选项卡