2011dreamweaver cs3讲义

《2011dreamweaver cs3讲义》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、-DreamweaverCS3讲义一表格排版一Div+CSS有道网址:http://dict.youdao.com/第一讲基本操作DreamweaverCS3是一款功能强大的所见即所得的网页编辑器;站点：相当于是一个主目录，也就是一个大的文件夹，所有图片、flash、页面都放在这个文件夹里。每一个网站都有一个站点；1、定义本地新站点：（先在盘里新建一个空的文件夹）站点----新建站点-------将站点存放在刚刚新建的文件夹；2、创建文件（页面）：选中站点单击右键----新建文件----命名(一般首页文件名为（index.htm/default.ht

2、m静态）双击文件就可以进入页面;3、创建文件夹:选中站点单击右键----新建文件夹(文件名的开头不能使用数字运算符等符号,文件名也最好不要使用中文.如图像文件夹（imagepic)，然后将图片拷贝到文件夹中；4、常用快捷键通过窗口打开各种面板F8：打开/关闭站点面板F4：显示和隐藏面板F12在浏览器中预览网页（先按ctrl+S保存，再预览）CTRL+F3属性面板5、建立链接--选择内容-----在属性面板的链接框中输入相应网址或单击浏览------选择本地网页文件①链接到某个网站：输入文字，选中文字，在链接处输入绝对网址如：②链接到本地网页文件：

3、选中文字，选择链接旁的指向文件按钮，将其拖到要链接的文件（页面）③做空链接，选中文本，在链接框中输入#；6、项目符号与编号项目符号/编号的更改：将光标定位在文字的任意处-----单击属性面板上的项目列表7、插入空格在全角状态下按空格键8、软回车(行距较小)SHIFT+回车键9、复制网页中的文本复制需要的文本到DW里Ctrl+V粘贴或编辑菜单----选择性粘贴(通常选择第2、3种)10、设置首选参数--编辑----首选参数---常规、AP元素等11、插入图像：插入记录----图像(选中图像单击右键可设置对齐)图像也可设置链接；插入图像代码:img:图像

4、src:图像的文件路径注意：如果插入的图片不是在站点的根目录下，那要复制到站点的根目录下！六、锚点链接1、锚点链接(主要用于定位)命名锚点：指定位置-------单击插入面板上的命名锚记（取英文名字）选择内容------单击属性面板链接后的指向文件，拖到锚记标记上（如：#p2）不同页面也可以定义锚点链接；先链接到相对的页面在链接后面的内容后加上#再加锚记名（如index2.html#P2）2、链接代码选中文本，单击链接旁的“浏览文件”按钮选择要链接的文本文件；再选择“代码”视图可查看文本链接代码；文本链接代码：href:用于设置链接的文

5、档路径因此链接的代码为：图像链接代码为：在代码里可定义图像的大小；--href ： 超文本引用；超链接下载链接：将要下载的文件进行压缩，拷贝到站点文件夹中，然后选中文本，单击属性面板链接后的指向文件，拖到压缩文件上(链接的文件要为压缩文件,文件的扩展名是“。Zip、。Rar”)七、页面属性修改菜单------页面属性-----标题编码----标题、编码：用或使用这2种编码不容易乱码;设定标题、背景图像、链接颜色等设定左边界、顶部边界编码：用或使用这2种编码不容易乱码;（unicode：统一码(Unicode)是一种在电脑上使用的字元编码。它为每种语

6、言中的每个字元设定了统一并且唯一的二进位编码，以满足跨语言、跨平台进行文本转换、...采用双字节对字符进行编码；统一的字符编码标准）--第二讲：HTML语言格式与插入对象DW里面的模式：代码模式、设计模式、拆分模式在DW的“视图”模式只能作为设计的参考来使用，绝对不能作为最终显示效果的依据，只有浏览器中的效果才是大家所看到的；一、HTML语言HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。：超文本标记语言：上端；最前的部分