1 .界面识别2 .创建站点()用于复杂站点)3.管理站点操作)4.管理站点中的文件5 .设计dw文本页6 .设计dw图像和多媒体页面7 .超链接8
0 .首先答疑
用dreamweaver制作图像切换效果_百度经验
3359 jingyan.Baidu.com/article/7c6fb 4287 F8 b 3580652 c 906 d.html
dw中多图片编码_百度的经验
3359 jingyan.Baidu.com/article/d 621 e 8da 22 b 3712865913 f 11.html
1 .界面感知2 .创建站点:(用于复杂站点)站点是一系列文档的组合,这些文档通过各种链接在逻辑上相互关联。 这是管理网页文档的位置。
DWCS6是一个站点创建和管理工具,不仅可以创建单独的文档,还可以创建完整的站点。
创建网页:新建。
3 .管理网站操作:打开网站,
编辑站点、
删除站点、
复制站点、
导入站点
4 .管理站点中的文件1 .创建文件夹和文件
2 .复制移动文件
3 .站点地图:在树形图中显示站点内文件的连接关系。 在站点地图中添加、修改和删除文件之间的链接关系。
5.DW文本页面设计确定5.1页面的属性
5.1.1如何写入连续的多个空间? 导航栏-编辑-首选项,在这里可以自己执行许多操作.
5.1.2直接插入多个连续的空格
5.1.3设置是否显示不可见元素
视图中的某些元素仅用于指示元素的位置,在浏览器中不显示。 最常见的元素是换行符、脚本和表单。 在网页中添加换行符时,不能按enter///。 shift enter//与代码中的br/br相同
5.1.4其他设置:
在属性面板中,单击页面属性页边距或其他.
5.2在网页中插入各种元素
5.2.1 .插入html特殊字符
5.2.2 .审阅网格设置/缩放…
5.2.3 .创建/修改项目列表和编号列表
5.3插入页面的开头内容
位置:插入html文件头标签元/关键字…
5.3.1 .设置元:此对象位于Web服务器提供选项的标记符
5.3.2 .插入关键字:互联网搜索引擎提供的关键字通常为尽可能概括网页内容
5.3.3 .插入说明:设计师对网页内容详细说明
5.3.4 .插入刷新:网页自动刷新
5.3.5注意。 此频道的“链接”是当前页面与本站点中的另一网页的关系
5.3.6 .注意。 此通道上的所有操作并不都显示在web界面中,但它们将显示在代码中。 也就是说,“不可见元素的设置”。 例如,以下情况:
6.DW图片和多媒体网页设计6.1图片
6.1.1网页的三种常见图像格式:
GIF网络最常见,可以制作视频,通用性好。
JPEG颜色丰富,下载速度快
PNG是专门为互联网准备的图像格式,通用性差。
6.1.2 .在图片中添加文字说明
6.1.3插入图像占位符(替换) ) )。
6.1.4跟踪图像(未能听到…) ) ) ) )。
(上述视频发布门http://www.rjzxw.com/se-13645-112.html ) ) )。
6.2多媒体
插入多媒体并不多,因为它会牺牲速度、兼容性等。 通常在网页上插入2到3个。
1 .常见:
插入短划线闪存(swf )动画:提供使用flash对象的功能
插入FLV视频
插入shockwave影片
插入applet :可嵌入WED页面的轻量级APP应用程序编程语言
2 .音频:
用代码输入实现
bodybgsoundsrc=' music.wav ' loop='-1 '/bgsound音频背景src链接文件loop卷/body 7.超链接7.1 .创建
注:链接到的网址和当前网页必须位于同一文件夹中。 ((单击属性-链接后的文件夹按钮-选择网页
7.2 .下载文件超链接:要在网页上提供和下载资料,必须下载指向文件的链接。 如果超链接指向的是其他文件而不是web文件。
单击链接的文件夹按钮-选择文件ps:岂不是本地不能删??????
7.3 )电子邮件链接(请浏览者通过邮件发送网站内容
送出去(插入–电子邮件链接–输入显示的文本和目的地址(预览会发现,点击将自动打开个人邮箱软件)
7.4.脚本链接
执行js代码或者调用js函数,很实用。
能在不离开当前网页文档的情况下,为访问者提供信息,和其他。
输入函数
预览
7.5.空链接
用于访问向页面上的对象或者文本附加行为。
(属性–链接后输入“#”)
7.6管理超链接
7.6.1.自动更新链接: 编辑–首选参数–分类–常规
7.6.2.在站点范围内更改链接
7.6.3.检查站点中的链接错误
8.表格(重要)来排版
8.1.复杂表格必须通过代码来写
< table >表格的开始和结束
< tr >表格的行
< td >表格内的数据
< caption > 表格的标题
< th >表格列名
ps:他是咋实现先选中区域再创建表格的??????以下是解答吧
8.2.设置表格和各个元素的属性
8.3.导入、导出数据
插入–表格对象–导入数据
文件–导出–表格
命令–排序表格
9.1.APDiv的概念:是网页的容器元素,不仅可以放置图像,还可以放置文字、表单、插件等。
9.1.1创建嵌套APDiv(子与父的关系)
插入–布局对象–AP Div
9.1.2.隐藏所有APDiv标签
查看–可视化助理–隐藏所有
9.1.3.性质以及多个层同时操作
可在右侧工具栏AP元素中选中多个层。
修改–排列顺序–可修改高度、对齐等
9.1.4层靠齐到网格
查看–网格设置–靠齐到网格
9.1.5关于网格:显示–“线”有时会比较突出甚至阻挡画面,因此可选择“点”。
9.2设置APDiv的属性
在属性面板和AP元素面板中
9.2.1设置APDiv显示/隐藏属性
9.2.2.改变APDiv堆叠顺序(见上图Z)
在AP元素面板中的Z轴属性值更改,层的显示顺序与Z轴顺序一致,Z值越大,层位置越靠上前。也可以拖拽实现。
9.2.3.添加APDIV**滚动条**
解释:
溢出:AP元素面板中溢出用于控制当AP元素的内容超出AP元素的指定大小时如何在浏览器显示AP元素。的显示方法。
visible可见(部分内容):hidden隐藏(部分内容):sceoll**滚动条**:auto超出范围的滚动条
左、上是距离页面边界的距离!
宽、高是APDiv大小
Z轴是顺序
背景也是针对APDiv的!
default默认
inherit继承
visible、hidden是否可见
9.3应用层设计表格(APDiv和表格的转换:修改–转换)
9.4使用spry布局网页对象(插入–布局对象–spry菜单栏)
Spry框架支持一组标准html、CSS、JavaScript编写可重用构件,
设置构件样式:
9.4.1.使用Spry菜单栏:一组可导航的菜单按钮
9.4.2.使用Spry选项卡式面板:显示或隐藏存储在选项卡式面板中内容
9.4.3.使用Spry折叠式
9.4.4.使用Spry折叠面板(只针对一个导航项)
9.5利用APDiv制作网页下拉菜单
先新建一个APDiv,确定合适的位置,插入表格(宽度100% 间距…),填好文字
选中导航栏的一个小格子,窗口–行为–“+”来建立导航栏和下拉菜单的关系
(显示–over ;隐藏–out)
10.1介绍
10.2使用CSS样式
10.2.1.CSS样式控制面板(新建CSS规则(以上图)、编辑样式、删除CSS规则、附加样式表)
10.2.2样式的类型与创建
第3.4.点如图↓↓:第一种应用方法
或者第二种应用方法↓↓:
末:创建外部样式(新建CSS规则–规则定义选择“新建样式表文件而不是仅本”)那么如何引用外部样式呢?就在“附加样式表”
10.2.3.编辑CSS样式操作
详细介绍
http://www.rjzxw.com/se-13895-112.html
区块:网页间距、对齐方式、文字间距、缩进等。
方框:表格中的单元格的性质。
列表:设定项目符号和编号的外观。
定位:精确控制网页元素的位置,主要是层。(Position类型)
拓展:4.0及以上版本
过渡:动画
空链接的做法
10.3 CSS过滤器(分静态、动态)
10.3.1滤镜:对CSS的扩展
光晕Glow 模糊 Blur 遮罩mask (实现一种颜色框架效果)
10.3.2 CSS滤镜设计特殊文字
透明色chroma 阴影dropshadow 波浪wave X射线Xray
10.4应用CSS改变文本间行距
10.5应用CSS给文字添加边框
ps:无论哪个CSS新规则定义,都要先选定字体、字号等基本类型,
11.用模板和库(提高网页制作效率)11.1模板就是文档拓展名 dwt 并存放在根目录下的“templates”子文件夹中。
11.2:
创建一个模板
编辑模板
定义可编辑(插入–模板对象–可编辑区域
略
友情传送门:Dreamweaver CS6视频教程http://www.rjzxw.com/jc-112-1.html