网页设计说与制作第2章 初识dreamweaver.pptVIP

第二章 初识Dreamweaver 一、Dreamweaver 简介 ●Macromedia 公司产品（Fireworks、Flash） ●启动和退出 ★ 工作区、对象面板、属性面板 （窗口菜单） ★ 设计视图（所见即所得）、代码视图、组合视图 ★ 保存和退出 二、基础知识 1、基本概念 ●网页(Web页)：浏览器中所看到的画面 第二章 初识Dreamweaver ●Web站点：多个相关的Web页组合 ●主页:一个Web站点的首页 ●Web服务器:放置Web站点的计算机 第二章 初识Dreamweaver 2、web网站开发技术 ●网站开发技术多种多样，根据交互性能分为静态网站和动态网站。 ●一般把不具备交互性的网站称为静态网站。 ●动态网站是指其页面信息可以根据需求或用户的浏览状况，实现与用户的交流和页面信息自动更新的网站。动态网站具有web数据库的支持和远程动态维护功能。 ●建设动态网站编程语言也有多种，如ASP、JSP和PHP等，根据客户的需求首先要确定制作网站所需的技术，动态网站编程技术需要不同的后台服务器软件支持。 第二章 初识Dreamweaver 3、网站开发流程 ==?目标需求分析 ==?本地站点规划 ==?网页设计 ==?上传发布 ==?网站宣传与维护 第二章 初识Dreamweaver 三、本地站点构建 ① 站点规划 ● 站点结构 ★文件和文件名中不要用中文 ② 定义本地站点 ● 站点/管理站点/新建 ③ 打开站点 ● 站点/管理站点 第二章 初识Dreamweaver 四、在网页中加入文本 1.编辑文本 ①插入文本 ●Enter键产生〈P〉，Shift+Enter产生〈BR〉 ●全角空格 ●特殊符号 （对象面板/文本) ●复制+粘贴 ●导入 （文件/导入/word文档） ②撤消和重做 ③查找和替换 （编辑/查找和替换） 第二章 初识Dreamweaver 2.设定文本格式 ●通过属性面板 ①把正文文字变成标题 ②将网页中的文字居中 ③改变字体及颜色 3.设定文本样式 ●文本/样式/…… 4.列表 ①创建列表 ●通过属性面板创建无序列表和有序列表 ②修改列表属性 ●文本/列表/属性 第二章 初识Dreamweaver ③创建嵌套列表 ●通过属性面板的文本凸出和文本缩进按钮 5.创建超链接和定位点 ①创建超链接 ●普通超链接（内部链接和外部链接） ●文件下载链接 ●email链接 ②创建定位点 ●在对象窗口选“常用”面板，再点相应按钮 ③定位点的链接 ●配合 # 号键 6.滚动文本 ●选中文本?插入/标签/HTML标签/marquee（P77） 第二章 初识Dreamweaver 五、插入图像 1.插入图像 2.修改图像属性 ①图像对齐 ●属性面板上的“对齐”列表框和对齐按钮 ②调整图像大小 ●通过属性面板上的宽和高域 ●直接拖放图像 ●配合SHIFT可成比例缩放 ③给图像加上说明 ●通过属性面板上的替代域 第二章 初识Dreamweaver ④使用图像空白 ●通过属性面板上的垂直边距和水平边距域 ⑤给图像加上链接 ●通过属性面板上的链接域 ⑥给网页加入背景图像 ●修改/页面属性 3.插入占位图像 六、创建客户端映射图 1.插入图像 2.绘制图像热点 3.编辑热点 4.给热点指定URL 网页设计与制作 第一章 HTML语言基础 2 第二章 初识Dreamweaver 4 第三章 创建与应用表格 3 第四章 使用层和框架布局页面 3 第五章 CSS样式与模板的使用 3 第六章 行为、库和资源管理 3 第七章 建立动态网站 3 第八章 Flash动画基础知识 3 第九章 创建动画 3 第十章 使用Fireworks编辑网页图像 3 *