Adobe DreamweaverCS6课程笔记
第一节、Dreamweaver CS6软件介绍和安装
一、DreamweaverCS6是由美国Adobe企业最新开发一款网页设计、网站管理为一体专业软件。
二、为了保让能够正常安装，在安装时，请断开网络。
第二节、DWCS6软件界面介绍
一、软件界面组成
1、菜单栏
2、工作区
3、属性栏
4、浮动面板（文件、资源、CSS样式、行为等）
二、界面切换：为满足不一样人群需求。
三、界面恢复：窗口——工作区——重置设计器
四、插入面板调用。
第三节、网页相关知识
一、DreamweaverCS6是由美国Adobe企业最新开发一款网页设计、网站管理为一体专业软件。
二、什么是网页（网页概念）：在互联网上基于http协议传输信息页面。
三、什么是网站 ：反应同一专题多个网页集合。
四、网页内容组成(网页元素)
1、文字
2、图片（jpg，gif，png）
3、动画（swf，gif）
4、多媒体
5、超链接
6、表单
7、网页特效
8、其它元素
第四节、网页制作方法和站点建立
一、网页制作方法
1、代码法：html
2、软件制作：Dreamweaver 、frontpage（所见即所得）。
二、制作网站前准备工作：建立站点。
三、站点：用来存放网站中全部元素文件夹，为了制作方便需要将这个文件夹和制作软件相链接。
四、站点建立(链接)
1、站点——建立
2、文件面板
3、应用程序栏（窗口——应用程序栏）
五、站点分类（根据网站位置）
1、当地站点
2、远程站点
第五节、计划当地站点目录结构
一、计划当地站点目录结构
1、images（图片）
2、swf（动画）
3、css（CSS样式）
4、script（存放网页特效）JS
5、other（其它）
二、网站主页名称
1、
2、
3、
4、
注：主页必需放在网站根目录下面，同时名称也有特殊要求。
第六、七节、网页汉字字输入1-2
一、网页四个视图
1、设计视图
2、代码视图
3、拆分视图
4、实时视图
二、网页中文字
1、文字直接输入就能够了。
2、回车表示换段。
3、shift+回车：表示换行。
4、输入空格时要在全角输入法状态下输入。
5、特殊字符插入：“插入——html——特殊字符”
6、文字也能够从网站中复制，不过在复制时需要将网页汉字字格式去掉。
（注：怎样去除复制来文字格式，只需要将文字粘贴到记事本中，然后从记事本中再复制文字就能够了。）
三、预览网页：文件——在浏览器中预览——IExplore（快捷键：F12）
第八、九节、页面属性1-2
一、页面属性
1、修改——页面属性
2、或经过属性栏
二、属性
1、左边距、右边距、上边距、下边距。
2、文字字体、大小、颜色。
（注：A、字体：选择常见字体。如：宋体
B、大小：正文文字通常设置为12-16px。）
3、页面背景。
4、背景图片。（默认情况自动填充、平铺）
（注：A、图片要放在站点内。（相关网站中全部元素全部必需放在站点内）。
B、图片名称不能为汉字。）
（注：假如同时设置背景颜色和背景图片，以背景图片为准。）
Html网页基础代码格式
一、网页基础代码
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
（注：1、head：开头部分
2、title：标题
3、body：正文部分 ）
二、常见代码
1、<p></p>：换段
2、<br>：换行
注：多数html代码全部有对称性特点。
第十一节、图片插入
图片
1、图片格式
（1）JPG：图片质量较高，通常见于较大图片。如：人物、风景。（不支持透明）
（2）gif：用于制用按钮、动画、导航条等，图片较小，只有256种颜色。（支持透明）
（3）png：兼有两种格式特点。（支持透明） 注：图片大小通常尽可能控制在200K以下。
2、链接
（1）_blank：在新网页打工。
（2）_self：在本身网页打开。
第十二节、图片热点
一、热点
1、矩形热点
2、圆形热点
3、多边形热点
注：编辑——首选参数——辅助功效——图像
二、替换
1
DW使用教程样稿 来自淘豆网m.daumloan.com转载请标明出处.
