初识dreamweaver

《初识dreamweaver》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第2章初识Dreamweaver开始了解Dreamweaver的环境及基本操作为后续内容打基础内容Dreamweaver8的安装Dreamweaver8的工作窗口创建网站网页基本编辑操作2.1Dreamweaver8的安装Dreamweaver版本按时间和版本的高低分别是dreamweavermxdreamweaver8dreamweavercs系列现在最高版本是dreamweavercs4从低到高，功能是越来越多，用起来也越来越方便。最早的版本是macromedia公司出品的，后来公司被adobe收购了（2

2、005年04月18日Adobe换股收购Macromedia总金额34亿美元）。请参阅百度百科AdobeCreativeSuite词条2.2Dreamweaver8的工作窗口（1/4）面板组标签选择器【属性】检查器【文档】窗口【文档】工具栏【插入】工具栏2.2Dreamweaver8的工作窗口（2/4）【文档】窗口显示当前文档【文档】工具栏上的【代码】、【设计】和【拆分】按钮决定了显示方式【文档】工具栏【代码】按钮：主要用来书写网页脚本语言、网页标记、程序代码【设计】按钮：主要用来制作静态网页，通过图形化操作完成【

3、拆分】按钮：把窗口拆分成“设计”与“代码”两部分2.2Dreamweaver8的工作窗口（3/4）【属性】检查器用户可以检查和编辑当前选定页面元素的属性【插入】工具栏包含8个类别用户在制作网页时，大部分的操作都可以通过该工具栏来实现2.2Dreamweaver8的工作窗口（4/4）【面板】组包含多个面板，每个面板包含不同的选项，功能强大标签选择器用来选择网页标记2.3创建网站在制作网页之前，首先要创建和设置本地站点在Dreamweaver中，“站点”一词既表示Web站点，又表示属于Web站点的文档的本地存储位置。

4、建立站点后Dreamweaver站点可组织与Web站点相关的所有文档，跟踪和维护链接，管理文件，共享文件以及将站点文件传输到Web服务器。2.3创建网站站点本地站点把网站建立在自己计算机的硬盘里，把网站里的内容全部放在一个文件里，这个文件夹可以理解为本地站点远程站点通过将文件上传到远程文件夹来发布本地站点。远程文件夹是存储文件的位置，Dreamweaver将此文件夹称为远程站点概念开发站点时一般在本地站点进行2.3创建网站创建本地站点步骤在开始构建Web站点之前，您需要建立站点文档的本地存储位置在【资源管理器】或

5、【我的电脑】中创建本地站点文件夹如e:learn，在其下再创建一个images文件夹用于存图片用于存放站点的网页、图片等文件第1步2.3创建网站创建本地站点步骤在Dreamweaver中创建并设置本地站点菜单：站点/新建站点在出现的对话框（如后图所示）中指定站点名称与本地根文件夹其他选项采用默认值即可第2步2.3创建网站输入站点名称指定站点文件夹，如e:learn指定站点存放图像的文件夹（不是必需的），如e:learnimages2.3创建网站确定后“管理站点”对话框中列出了刚才新建的站点“文件”面板显示

6、该站点的根及下面的文件大功告成课堂练习1在本地硬盘新建一个文件夹，在该文件夹中再创建一个images子文件夹在Dreamweaver中建立一个本地站点输入网站名称指定本地根文件夹（网站的根）为刚才新建的那个文件夹指定默认图像文件夹为网站根文夹下的images文件夹其它设置默认然后从教学网站“第1周课堂练习”中下载source.rar解压后，将dw_text.txt和dw_2.txt文件复制到新建的文件夹下，将dreamweaver.jpg图片文件复制到images子文件夹下2.4新建网页方法一选择菜单：文件/新建

7、打开如图所示的对话框选择“基本页”中的“HTML”选项，单击创建2.4新建网页方法二在“文件”面板的空白处，单击鼠标右键在弹出菜单中选择“新建文件”，在“文件”面板的当前文件夹中新建一个名为untitled.html的网页文件重命名该网页在空白处单击右键，在弹出菜单中选择“新建文件”2.4新建网页编辑后续课程会详细讲述保存快捷键Ctrl+S预览按F12在浏览器中预览当前网页2.5网页基本编辑操作网页标题设置其他页面属性网页文字编辑图像操作超链接表格查看代码1网页标题输入网页标题网页标题会显示在浏览器的标题栏2.5

8、网页基本编辑操作2设置其他页面属性菜单：修改/页面属性在网页中单击鼠标右键，在弹出菜单中选择“页面属性”文本颜色背景图象背景颜色边距或2.5网页基本编辑操作3网页文字编辑设置字体、大小、颜色、对齐插入空格在代码中写入 或全角空格段落行回车：Shift+Enter
段落回车：Enter

项目列表2.5网页基本编辑操作3网页文字编辑插入水平线菜单：插入/H