Dreamweaver笔记.docx
《Dreamweaver笔记.docx》由会员分享，可在线阅读，更多相关《Dreamweaver笔记.docx（13页珍藏版）》请在冰豆网上搜索。
Dreamweaver笔记
定义站点页面属性
1.三大原则
新建一个网页之前需要建立一个网站，可以了解它存储在本地的哪个地方。
●文件名和各种对象名的ID用英文、拼音（避免用中文）
●尽量存盘（无法显示或无法运行时可能是没有存盘造成的）
2.定义一个网站
●站点——新建站点
●文件——管理站点
●桌面下拉列表——管理站点
3.网站首页命名
●Index.html
●Default.html
4．更改地图中的文件标题
●查看——站点地图选——显示网络标题（默认是无标题）
5.以其它网页作为根显示下一级情况
●单击右键——作为根查看
6.页面属性（基于CSS）
●外观：
添加字体（黑体、宋体、楷体、仿宋），90%的网站使用大小为9pt的宋体字。
●链接：
设置字体（同页面字体）
链接颜色
已访问链接颜色（查看过的信息）
活动链接（在鼠标放上或一直按住的颜色）
下划线样式
●标题（文本正文标题）：
标题字体（默认同页面字体）
●标题/代码（网页标题）：
标题（我的首页）
文档类型（推荐XHTML1.0Trans）
编码（网页使用的是哪些字符集）
●跟踪图像：
跟踪图像
透明度
7、HTML基础
HTML文件的主要结构：
HTML文件开始
文件头部内容一般不会在网页中直接显示出来，用来定义一些描述性信息，如标题、描述等。
以及其它对网页整体起作用的信息。
另外，CSS和JavaScript也通常在这里定义。
该文件的头部开始
……该文件的头部内容——》
该文件的头部结束
主体部分放置大多数Html标记，包括控制表格、图片、链接、框架等信息的标记，通常都会显示在网页之中。
该文件的主体开始
……该文件的主体内容——
该文件的主体结束
HTML文件结束
文本与列表控制
1.多种空格的输入
●工具——文本——最后一项（不换行空格）
●将代码中的 进行拷贝
●按ctrl+shift+空格
●切换到全角模式
●单击编辑——首选参数——常规——允许多个连续的空格
2.换行
●Shift+回车（强制换行）
●回车（两行距离很远）
3.文本工具
●AA文字设置
●B=S（加粗）I=em（倾斜）
●[“”]（块引用）字符缩进
●PRE在代码中修改样式回到设计页面查看
●h1h2h3标题
●ul（无序列表）ol（有序列表）
●dl（定义列表）dt（定义术语）dd（定义说明）
4.导入word和excel文档
●文件——导入——word/excel文档（可选择格式）
5.保存/打开/优化HTML
●文件——另存为——Web页
●由于word生成的HTML代码不清洁，要用命令——清理word生成的HTML（减少不必要的代码）
6.列表的使用（可以嵌套）
●无序列表（可以通过单击代码ul选择编辑标签或标签检查器设置不同的列表表示）
●有序列表（编号列表）
●定义列表（dt——第一章）（dd——软件的使用方法）
7.插入排版水平线
●工具——HTML——横线
●在标签
中设置颜色（设计时看不到效果，预览时可以看到）、size（高度）、width（宽度）、Title（标题，预览时将鼠标放到横线上即可显示）
●在HTML代码中设置——
后按空格会出现标签选择器
链接的使用
1.链接状态的基本设置（修改——页面属性）
2.链接的基本组成结构（以http:
//开头+服务器地址/IP地址+端口号[一般默认，不填写]+目录+文件名）
3.链接的多种创建方法
●内部链接（本地文件，一般用相对地址，可以在标签检查器中进行修改）
{可以在链接框中键入链接地址}
{利用小地球拖拽到连接地址}
{选中链接文字，按shift拖拽到链接地址}
{工具——常用——超链接——文本（链接文本）——链接——目标（新打开的文件在哪个窗口打开，_blank（以一个新的窗口打开），_self（默认的，以当前页面打开）——标题（鼠标移动到链接文本上显示的解释信息）}
{HTML代码中创建/插入标签}
{快速创建用ctrl+t——环绕标签}
●外部链接（远程服务器，一般用绝对地址）
4.创建Email链接和锚链接
●Email链接
{工具——常用——Email链接}
{可以在链接框中键入链接地址，写入mailto：
地址、？
（subject=主题），&cc（抄送）=邮件地址，&bcc（密件抄送）}
●锚链接
命名锚记一般用字母，不用中文。
{工具——常用——
（一般在要链接位置的上2行左右），插入后为
}
{如果要在其它页面调用另一个页面的锚链接时，在链接框中要先选择要调用的文件——#锚链接名称}
6.网页色彩搭配
HTML基础：
图像处理
1.用菜单插入及设置图片
●常用——图像
——选择图片（可查看到大小、尺寸、格式、占用硬盘大小）
●替换文本（图片显示不出来或鼠标移至该图片上时显示的文字）
●代码——
●图片链接
●图片添加提示文本
●添加边框
●标签检查器（align、alt、border、href、src等属性）
2.编辑图形热区
●属性面板设置图片（
回复原来大小、
文字与图片的距离、地图也叫热点、热区，可以添加链接，但不可拷贝）
3.调整与优化图像
●属性面板编辑
：
通过打开firewoks编辑图片
：
通过打开firewoks编辑图片
：
永久性改变图像（裁剪完双击）
：
重新取样（如果对图片放大和缩小图片会不清楚，点击
此按钮会使图像重新计算像素，去掉马赛克）
：
亮度和对比度（亮度对曝光不足的图片、对比度是图片
暗部和亮部的对比，会使主题更鲜明、突出）
：
锐化图像（使图片更加清晰、棱角分明，但要适度）
4.图像占位符
●常用——图像占位符（在某个地方暂时不知道要添加哪个图片，用它先占一个位置）
●代码——![]()
5.鼠标经过图像
●常用——鼠标经过图像
6.添加导航条
●常用——导航条
添加多媒体内容
1.添加多媒体文件
●常用——
（flv源文件，不可插入；swf为播放文件，可插入）
●去掉IE浏览器弹出的黄色提示栏，在代码中的
下输入代码
—savedfromurl=（0013）about:
internet-->
●常用——
（不用安装flash程序就可运行，选择样式、目标、链接等）
●常用——
（无论客户端是否有这种字体都可以显示，
转滚颜色是鼠标移到文本时文本显示的颜色）
●常用——
（把通用文本，如word转换成flash、pdf
格式，可以支持中文搜索、翻页等）
●常用——
类型（累进式：
把视频下载到本地计算
机不用去不下载，下多少看多少）
URL、播放器外观、宽度、高度、播放方式
●常用——
（java小程序）
●常用——
（插入各种视频、音频文件。
标签检查器：
Autostart自动播放、loop循环播放）
2.插入flash元素
●工具——flash元素
imageUrls：
要查看的图片
Bgcolor：
背景颜色captionColor：
图片标题颜色
FrameColor：
图片边框颜色frameShow:
是否显示边框
Thickness：
边框粗细imageCaptions：
幻灯片标题
Imagelinks:
图像单击后的链接showControls：
是否显示控制器
SidenAtuoPlay：
是否自动播放transitions：
图片之间过度效果
3.插入注释
●常用——
注释（在设计中看不到，代码中可看到）
4.插入时间
●常用——
时间（存储时自动更新是下次打开是不用手动改）
5.辅助工具插入代码
●工具——HTML——代码——
（caption标题）
7.格式化表格
●命令——格式化表格（可以基于某一样式来自行改变）
行颜色（第一种、第二种、交错）
第一行（对齐、文字样式、背景色、文本颜色）
最左列（对齐、文字样式）
表格（边框）
8.排序表格
●命令——排序表格（排序按哪列，顺序升降序；再按哪列）
表格基础知识
1.在页面中插入表格
●工具——常用/布局
（表格宽度分为像素和百分比两种类型
一般粗细设为0，显示虚线。
网页显示时看不出表格。
单元格边距是单元格边缘与内容的距离，默认为1；单元格间距是单元格之间的距离，默认为2。
两者一般置空。
页眉是指作为页眉的字体加粗。
表格标题。
）
2.导入和导出表格数据
●文件——导入表格式数据（不能导入.xls文件）
●工具——布局——表格数据
（不能导入.xls文件）
●文件——导入——excel文档
●文件——打开——导出——表格（excel为csv形式）
3.插入行和列
●属性面板——修改行列值（添加、删除）
●在表格上单击右键，弹出的菜单中选择
4.嵌套表格
●工具——布局——
5.表格属性设置
●
清除列宽
清除行高
●
表格宽度转换成像素
表格高度转换成像素
●
表格宽度转换成百分比
表格宽度转换成百分比
●填充、对齐、边框、间距
8.表格行、列和单元格属性设置
●属性面板——
合并单元格，使用跨度
拆分单元格为行和列
●水平、垂直对齐、宽高、标题、背景（颜色）、边框
●不换行（文字超过表格范围不折行，直接扩展表格宽度）
表格进阶
1.代码模式插入表格、（增加）行、单元格（输入内容）
●在代码中输入
2.为表格加边框
增加表格宽度
添加背景色
添加背景图片设置单元格边距设置行颜色
设置对齐方式
设置标题行
xxx |
合并单元格单元格内容
3.标签检查器
升级会员 