首页 > 编程知识 正文

(Adobe dreamweaver CS6小白入门教程)

时间:2023-05-04 17:42:31 阅读:122424 作者:3143

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利用APDIV和spry灵活布局

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.用CSS修饰美化网页

10.1介绍

<style>then,代码,还是代码.....</style>

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:
创建一个模板

编辑模板

定义可编辑(插入–模板对象–可编辑区域

12.用表单创建交互式网页 13.使用行为和js代码 14.网站页面布局设计与色彩搭配的讲解


友情传送门:Dreamweaver CS6视频教程http://www.rjzxw.com/jc-112-1.html

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。