第2章 初识Dreamweaver

网页设计与制作第一章 第二章 第三章 第四章 第五章 第六章 第七章 第八章 第九章 第十章 HTML语言基础 语言基础 初识Dreamweaver 初识 创建与应用表格 使用层和框架布局页面 CSS样式与模板的使用 样式与模板的使用 行为、 行为、库和资源管理 建立动态网站 Flash动画基础知识 动画基础知识 创建动画 使用Fireworks编辑网页图像 使用 编辑网页图像 2 4 3 3 3 3 3 3 3 31

初识Dreamweaver 第二章 初识一、Dreamweaver 简介 公司产品(Fireworks、Flash) ●Macromedia 公司产品(Fireworks、Flash) ●启动和退出 ★ 工作区、对象面板、属性面板 工作区、对象面板、 (窗口菜单) 窗口菜单) ★ 设计视图 ( 所见即所得 ) 、 代码视图 、 组合 设计视图(所见即所得) 代码视图、 视图 ★ 保存和退出 二、基础知识 1、基本概念 、 网页(Web页 ●网页(Web页):浏览器中所看到的画面

初识Dreamweaver 第二章 初识●Web站点：多个相关的Web页组合 Web站点：多个相关的Web页组合 站点 Web ●主页:一个Web站点的首页 主页:一个Web站点的首页 Web ●Web服务器:放置Web站点的计算机 Web服务器:放置Web站点的计算机 服务器 Web

初识Dreamweaver 第二章 初识2、web网站开发技术 web网站开发技术 网站开发技术多种多样， ●网站开发技术多种多样，根据交互性能分为静 态网站和动态网站。 态网站和动态网站。 动态网站是指其页面信息可以根据需求或用户 ●动态网站是指其页面信息可以根据需求或用户 的浏览状况， 的浏览状况，实现与用户的交流和页面信息自 动更新的网站。动态网站具有web web数据库的支 动更新的网站。动态网站具有web数据库的支 持和远程动态维护功能。 持和远程动态维护功能。 ●一般把不具备交互性的网站称为静态网站。 一般把不具备交互性的网站称为静态网站。 静态网站 建设动态网站编程语言也有多种， ASP、 ●建设动态网站编程语言也有多种，如ASP、JSP PHP等 和PHP等，根据客户的需求首先要确定制作网 站所需的技术， 站所需的技术，动态网站编程技术需要不同的 后台服务器软件支持。 后台服务器软件支持。

初识Dreamweaver 第二章 初识3、网站开发流程 ==目标需求分析 ==目标需求分析 == 本地站点规划 == 网页设计 == 上传发布 == 网站宣传与维护

初识Dreamweaver 第二章 初识三、本地站点构建 ① 站点规划 ● 站点结构 ★文件和文件名中不要用中文 ② 定义本地站点 站点/管理站点/ ● 站点/管理站点/新建 ③ 打开站点 站点/ ● 站点/管理站点

初识Dreamweaver 第二章 初识四、在网页中加入文本 1.编辑文本 编辑文本 ①插入文本 Enter键产生 键产生〈 〉 产生〈 〉 ●Enter

键产生〈P〉,Shift+Enter产生〈BR〉 产生 ●全角空格 对象面板/文本) ●特殊符号 (对象面板/文本) 复制+ ●复制+粘贴 文件/导入/word文档 文档) ●导入 (文件/导入/word文档) ②撤消和重做 ③查找和替换 编辑/查找和替换) (编辑/查找和替换)

初识Dreamweaver 第二章 初识2.设定文本格式 设定文本格式 ●通过属性面板 ①把正文文字变成标题 ②将网页中的文字居中 ③改变字体及颜色 3.设定文本样式 设定文本样式 文本/样式 样式/…… ●文本 样式 4.列表 列表 ①创建列表 ●通过属性面板创建无序列表和有序列表 ②修改列表属性 文本/列表/ ●文本/列表/属性

初识Dreamweaver 第二章 初识③创建嵌套列表 通过属性面板的文本凸出和文本缩进 文本凸出和文本缩进按钮 ●通过属性面板的文本凸出和文本缩进按钮 5.创建超链接和定位点 创建超链接和定位点 ①创建超链接 普通超链接(内部链接和外部链接) ●普通超链接(内部链接和外部链接) ●文件下载链接 email链接 ●email链接 ②创建定位点 在对象窗口选“常用”面板， ●在对象窗口选“常用”面板，再点相应按钮 ③定位点的链接 ●配合 # 号键 6.滚动文本 滚动文本 ●选中文本 插入/标签/HTML标签/marquee(P77) 插入/标签/HTML标签/marquee( 77) 标签/marquee

初识Dreamweaver 第二章 初识五、插入图像 1.插入图像 插入图像 2.修改图像属性 ①图像对齐 属性面板上的“对齐” ●属性面板上的“对齐”列表框和对齐按钮 ②调整图像大小 ●通过属性面板上的宽和高域 ●直接拖放图像 配合SHIFT可成比例缩放 ●配合 可成比例缩放 ③给图像加上说明 通过属性面板上的替代 替代域 ●通过属性面板上的替代域

初识Dreamweaver 第二章 初识④使用图像空白 通过属性面板上的垂直边距 水平边距域 垂直边距和 ●通过属性面板上的垂直边距和水平边距域 ⑤给图像加上链接 通过属性面板上的链接 链接域 ●通过属性面板上的链接域 ⑥给网页加入背景图像 修改/页面属性 ●修改/页面属性 3.插入占位图像 插入占位图像 六、创建客户端映射图 1.插入图像 插入图像 2.绘制图像热点 绘制图像热点 3.编辑热点 编辑热点 4.给热点指定 给热点指定URL 给热点指定

本文来源：https://www.bwwdw.com/article/312q.html