[2、Dreamweaver8基础知识.ppt

Dreamweaver 8基础知识 2011年3月 本次内容 1 网站规划与设计 2 Dreamweaver 8基础知识 3 在网页中添加对象 4 在网页中使用超链接 5 在网页中使用行为 6 在网页中使用flash 7 在网页中使用模板 8 表格布局 9 层布局 10 框架布局 1 网站规划与设计 1、网站设计的基本知识 2、网页基本构成元素 3、网站风格设计 1 网站设计的基本知识 网页（Web Page） 通过WWW发布的包含有文本、图片、声音、动画等多媒体信息的页面，是WWW的基本单位。 网页文件就是普通的文本文件，但规定其后缀为.htm或.html。 在IE浏览器中查看网页文件的实际内容：执行菜单栏“查看”|“源文件”命令。 1 网站设计的基本知识 超文本标记语言HTML HTML（Hyper Text Markup Language）：HTML文件是WWW中使用的主要文件类型，通常以“.html”或“.htm”为文件后缀。 是一种用于描述超文本内容的标签系统，是最基本的网页编写语言。 1 网站设计的基本知识 超文本标记语言HTML HTML文件使用一些约定的标记对WWW上的各种信息进行标记，这些被标记的信息以网页文件形式发布在Web服务器上，在用户请求的情况下，下载到用户的机器上，用户的浏览器会自动解释这些标记的含义，按照一定的格式在屏幕上显示出来，而HTML标记本身并不在浏览器中显示。 1 网站设计的基本知识 网站（Web Site） 是一组具有共享属性（如相关主题、类似的设计或共同目的）的链接文档。网站由众多的网页组成的，它们存储在某一个Web服务器上 1 网站设计的基本知识 首页 网站的默认页面，也称为主页。 Web服务器都有自己默认的主页名称，输入地址时仅指定WWW服务器域名或IP地址时打开的页面就是首页。 主页是一个网站最重要的网页，通常包含最新的信息及指向各分栏目的超链接。 常见的首页名称有index.htm（index.html） 或default.htm（default.html）。 2 网页基本构成元素 网页基本构成元素 文本：最基本的构成元素，表现信息内容的主体。占用空间小，信息量大 超链接：相关网页及其他网络资源之间联系的纽带。 图片、动画：静态和动态的图形文件。 声音和视频：音乐，在线广播，在线影视 信息提交表单：提供网上交互功能的基本元素，用来收集浏览者提供的信息并提交给Web服务器进行处理。 3. 网站分类与设计风格 新闻门户类 3. 网站分类与设计风格 工商企业类 3. 网站分类与设计风格 文化教育类 3. 网站分类与设计风格 运动休闲类 3. 网站分类与设计风格 游戏娱乐类 3. 网站分类与设计风格 生活时尚类 3. 网站分类与设计风格 兴趣爱好类 3. 网站分类与设计风格 所谓“T”结构:就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母“T”,所以我们称之为“T”形布局。这是网页设计中用的最广泛的一种布局方式。 优点是页面结构清晰，主次分明。是初学者最容易上手的布局方法。 缺点是规矩呆板，如果细节色彩上不注意，很容易让人看之无味。 2 Dreamweaver 8基础知识 Dreamweaver 8的编辑环境 Dreamweaver 8的编辑环境 1. Dreamweaver 8 工作区布局 2. Dreamweaver 8 窗口简介 (1) 标题栏 (2) 菜单栏 ① 文件菜单 ② 编辑菜单 ③ 查看菜单 ④ 插入菜单 ⑤ 修改菜单 ⑥ 文本菜单 ⑦ 命令菜单 ⑧ 站点菜单 ⑨ 窗口菜单 ⑩ 帮助菜单 (3) 插入栏 (4) 文档工具栏 (5) 文档窗口 (6) 状态栏 (7) 属性面板 (8) 面板组 3 在网页中添加对象 1 对站点及文档的操作 2 在网页中编辑文本 3 在网页中使用图像 4 在网页中使用表格 1 对站点及文档的操作 一、新建站点 “站点”→“管理站点” →“新建” →“站点” →按提示操作 二、使用“站点面板”管理站点 “文件面板” →“文件”选项卡→ “本地视图” 1 对站点及文档的操作 1）新建网页 “文件”“新建”==“创建” 注意：首页的名称一般为index.htm、index.html、default.htm、default.html 2) 设置页面属性 “修改”→“页面属性” 3）保存网页文件 “文件”→“保存” 4）另存网页文件 “文件”→“另存为” 5）关闭当前打开的网页文件 “文件”→“关闭” 2 在网页中编辑文本 1、输入文本 直接输入 注意事项 输入