计算机网络与网页制作 Chapter07: Dreamweaver Cs5入门 复旦大学计算机学院 肖川 xiao@fudan edu cn 1
计算机网络与网页制作 Chapter 07：Dreamweaver CS5入门 复旦大学计算机学院 肖川 cxiao@fudan.edu.cn 1
目标 * Dreamweaver功能概述 *理解网站与网页如何工作 *HTML基础知识 *网页的基本操作
目标 Dreamweaver功能概述 理解网站与网页如何工作 HTML基础知识 网页的基本操作 2
Dreamweaver的主要功能 *网页设计和布局工具 *无需了解网页代码 *站点管理和文件传输协议 *管理远程站点 *编码环境和文本编辑器 *即时查看代码效果 *CSS样式面板 *对层叠式样式表处理 展示网页的相关文件 *了解网页涉及的外部资源
Dreamweaver的主要功能 网页设计和布局工具 无需了解网页代码 站点管理和文件传输协议 管理远程站点 编码环境和文本编辑器 即时查看代码效果 CSS样式面板 对层叠式样式表处理 展示网页的相关文件 了解网页涉及的外部资源 3
网站如何工作? 网站主机(服务器 用户机器(客户端 http://www.somesite.com/index.html 口口口 Java 8♀ 4
网站如何工作？ 4 用户机器（客户端） 网站主机（服务器） http://www.somesite.com/index.html CSS Java Script
HTML基础知识 *基于文本的标记语 不是编程语言 网页的文本和图像放在这里 *HTML标签的特点 e">文本文本 文本 *忽略大小写 *空格规贝 5
HTML基础知识 基于文本的标记语言， 不是编程语言 HTML标签的特点 层次规则 忽略大小写 空格规则 5
Dreamweaver欢迎窗口 *开始>>所有程序>> Adobe dreamweaver cs5 DW ADOBE' DREAMWEAVER CS5 打开最近的项目 新建 主要功能 cS检查模式 a lesson index. html 09 lesson/ survey html c启用琴用 oa lesson mess.css 动态相关文件 SLT(整页) 实时视图导航 35 tangshilbaihtml Browserlab集成 u Library copyright. bi aD lessonI/main. html Dreamweaver站点 口打开 口更务 目快速入门》 dobe Dreamweaver cs5 新增功能 Dw查执最的功能操示,数程等更多内容 资原 画 Dreamweaver exchange 口不再显示
Dreamweaver欢迎窗口 开始>>所有程序>>Adobe Dreamweaver CS5 6
新建网页 *文件>新建 页面类型 空白页 1列固定,居中 xsr(整员 1列因定,居中,标题和脚主 空模板 IsL(片断 1列液态,居中,标题和主 凭预览 板中皈页 l定,右側栏、标题和脚注主 Javasc 示例中的员 2列定,左側栏、标和主 列液态,右側栏 2列轰态,右側栏、标和主 2列液态,左侧栏 2列态,左側栏、标题和排主 S ASP hZT C+ ASP NET VB 3列固定,标题和主 d Coldfusion dfusion组件 3列态,标题和注主 文档类型mw10 Transitional 布局Cs位置添加到文档头 附加Css文件 InContext Editing 帮助首达参数①) 玆肛更务内容 创建)取消G
新建网页 文件>>新建 7
段与行的区别 Enter与Shft+ Enter的区别 「代码拆分)计实时代码后!实时视图检查8.、C标题:无标题文档 OCTYPE html PUBLIC "-//W3C//DID XHTML 1.0 Transitional//EN" 这是第一段的第一行。 "ht:wwa.rg//xhtm1/arD/xhtm1- -transitI这是第一段的第二行。 nal dtd"> 梦苔菜 2chtmlxmlns="http://www.w3.org/1999/xhtmi"> 这是第二段的第一行。 4 5无标题文档 6 8 9>这是第一段的第一行。cx/> 0这是第-段的第二行。 11g>这是第二段的第一行。 12这是第二段的第二行。 13 14 15</html 16
段与行的区别 Enter 与 Shift+Enter的区别 8
网页的保存、关闭、打开 *文件>保存 *文件>关闭 *文件>打开
网页的保存、关闭、打开 文件>>保存 文件>>关闭 文件>>打开 9
小结 *访问网页的过程 *HTML标签的特点 * Dreamweaver对网页的基本操作
小结 访问网页的过程 HTML标签的特点 Dreamweaver对网页的基本操作 10