复旦大学：《计算机网络与网页制作》课程PPT教学课件（讲稿）07 Dreamweaver CS5入门

计算机网络与网页制作 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