我爱自学网dreamweavercs6课程笔记

《我爱自学网dreamweavercs6课程笔记》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、AdobeDreamweaverCS6课程笔记第一节、DreamweaverCS6软件简介和安装1、DreamweaverCS6是由美国Adobe公司最新开发的一款网页设计、网站管理为一体的专业软件。2、为了保让能够正常安装，在安装时，请断开网络。第二节、DWCS6软件界面的简介一、软件界面组成1、菜单栏2、工作区3、属性栏4、浮动面板（文件、资源、CSS样式、行为等）二、界面的切换：为满足不同人群的需求。三、界面的恢复：窗口——工作区——重置设计器四、插入面板的调用。第三节、网页相关知识1、DreamweaverCS6是由美国Adobe公司最新开发的一款网页设计

2、、网站管理为一体的专业软件。2、什么是网页（网页的概念）在互联网上基于http协议传播信息的页面。3、什么是网站反应同一主题的多个网页的集合。4、网页内容的组成(网页元素)（1）文字（2）图片（jpg，gif，png）（3）动画（swf，gif）（4）多媒体（5）超链接（6）表单（7）网页特效（8）其它元素第四节、网页制作方法与站点建立1、网页的制作方法（1）代码法：html（2）软件制作：Dreamweaver、frontpage（所见即所得）。2、制作网站前准备工作：建立站点。3、站点：用来存放网站中所有元素的文件夹，为了制作方便需要将这个文件夹和制作软件相链

3、接。4、站点的建立(链接)（1）站点——建立（2）文件面板（3）应用程序栏（窗口——应用程序栏）5、站点的分类（按照网站的位置）（1）本地站点（2）远程站点第五节、规划本地站点目录结构1、规划本地站点目录结构（1）images（图片）（2）swf（动画）（3）css（CSS样式）（4）script（存放网页特效）JS（5）other（其它）2、网站主页名称（1）index.htm（2）index.html（3）default.htm（4）default.html注：主页必须放在网站的根目录下面，同时名称也有特殊的要求。第六、七节、网页中文字的输入1-21、网页的四

4、个视图（1）设计视图（2）代码视图（3）拆分视图（4）实时视图2、网页中的文字（1）文字直接输入就可以了。（2）回车表示换段。（3）shift+回车：表示换行。（4）输入空格时要在全角输入法状态下输入。（5）特殊字符的插入：“插入——html——特殊字符”（6）文字也可以从网站中复制，但是在复制时需要将网页中文字的格式去掉。（注：如何去除复制来的文字格式，只需要将文字粘贴到记事本中，然后从记事本中再复制文字就可以了。）3、预览网页：文件——在浏览器中预览——IExplore（快捷键：F12）第八、九节、页面属性1-21、页面属性（1）修改——页面属性（2）或通过属

5、性栏2、属性（1）左边距、右边距、上边距、下边距。（2）文字字体、大小、颜色。注：A、字体：选择常用字体。如：宋体B、大小：正文文字一般设置为12-16px。（3）页面背景。（4）背景图片。（默认情况自动填充、平铺）注：A、图片要放在站点内。（有关网站中的所有元素都必须放在站点内）。B、图片名称不能为中文。注：如果同时设置背景颜色和背景图片，以背景图片为准。第十节、Html网页基本代码格式1、网页基本代码注：（1）head：开头部分（2）title：标题（3

6、）body：正文部分2、常用代码（1）

7、参数——辅助功能——图像2、替换（1）用于图片的注释。（2）当图片无法显示的时候用此内容代替。3、宽度和高度的设置4、相关html代码（1）Img：图片。（2）Src：位置。（3）热点：第十三节、图片的编辑一、裁剪、亮度对比度、锐化注：使用Dreamweaver编辑图像是个不好的习惯，如果要编辑图像，最好使用专门的图像编辑软件（如：Fireworks、photoshop），编辑好了以后，再重新插入进来。二、插入——图像对象——鼠标经过图像三、水平线的插入插入——html——水平线四、背景颜色的代码：bgcolor第十四节、超链接一、超链接

8、指的是通过