Dreamweaver1⽹页制作
1.站点
1.1 创建站点
点击菜单栏中站点进⾏站点创建，输⼊站点名称，路径
1.2 设置图像⽂件夹
1.3 站点管理
站点的编辑、复制、删除
2.页⾯属性栏
2.1 外观
1.设置页⾯整体的字体、⼤⼩、颜⾊
2.背景颜⾊，背景图像，图像是否重复，怎么重复
3.页⾯边距
2.2 链接
1.链接的字体、⼤⼩、颜⾊
2.链接颜⾊：
链接颜⾊：本⾝颜⾊
变换图像链接：⿏标经过链接时的颜⾊
已访问链接：已访问之后的颜⾊
活动链接：⿏标点击时的颜⾊
2.3标题
1.能分为六层标题
2.设置标题字体、颜⾊
2.4 标题/编码
1.⽹页名称
2.5 跟踪图像
跟踪图像”是Dreamweaver⼀个⾮常有效的功能，它允许⽤户在⽹页中将原来的平⾯设计稿作为辅助的背景。
这么⼀来，⽤户就可以⾮常⽅便地定位⽂字、图像、表格、层等⽹页元素在该页⾯中的位置了。跟踪图像的具体使⽤是这样的：⾸先使⽤各种绘图软件作出⼀个想象中的⽹页排版格局图，然后将此图保存为⽹络图像格式（包括gif、jpg、jpeg和png）。
⽤Dreamweaver打开你所编辑的⽹页，在菜单中选择“修改>页⾯属性”，然后在弹出的对话框中的“跟踪图像”项中输⼊刚才创建的⽹页排版格局图所在位置。
再在图像透明度中设定跟踪图像的透明度，OK。这样你就可以在当前⽹页中⽅便地定位各个⽹页元素的位置了。
使⽤了跟踪图像的⽹页在⽤Dreamweaver编辑时不会再显⽰背景图案，但当使⽤浏览器浏览时正好相反，跟踪图像不见了，所见的就是经过编辑的⽹页（当然能够显⽰背景图案）。
3.制作⽹页基本操作
3.1 ⽂本
3.11 添加⽂本
直接编辑、复制粘贴、其他⽂件导⼊
3.12 添加空格
1.默认只能添加⼀个空格
2.通过插⼊菜单 —— HTML —— 特殊字符 —— 插⼊空格
3.Ctrl+shift+空格
3.13 添加⽇期
插⼊菜单进⾏操作
3.14 插⼊⽔平线
.
通过插⼊菜单 —— HTML —— ⽔平线
3.15 添加特殊字符
.通过插⼊菜单 —— HTML —— 特殊字符
3.16设置⽂本格式
字体、⼤⼩、颜⾊
3.17 分段与换⾏
分段：enter
换⾏：shift+enter
3.18 设置段落格式
1.对齐⽅式：
2.列表变编号
3.缩进
3.2 图像
3.21 常⽤图⽚格式
1.GIF：特点：图⽚数据量⼩、可带动画信息、可透明背景显⽰，最⾼只⽀持265种颜⾊
⽤途：⽹站logo、⼴告条、⽹页背景图像
2.JPEG：特点：可⾼效的压缩图⽚的数据量、图⽚变⼩却不会丢失颜⾊画质
⽤途：显⽰照⽚等颜⾊丰富的图像
3. PNG：特点：融合了GIF能做透明背景的特点，⼜具有JPEG处理精美图像的特点 ⽤途：绘制⽹页效果图
3.22 插⼊图像
3.23 设置图像基本属性
图像名称、宽、⾼、源⽂件、替代、边框
3.24 图⽂混排
1.边距
2.对齐
3.25 编辑图像
1.裁剪
2.锐化
3.对⽐度、亮度
4.重新采样
5.优化（为图⽚瘦⾝）
3.26 ⿏标经过更换图⽚特效
插⼊菜单栏完成
4.超链接
4.1 内部链接——同个⽹站中的其他⽹页
4.2 外部链接——不同站点或本站点以外的⽹页
1.链接中输⼊链接地址
2.⽬标中选择打开位置
_blank ：每点击⼀次链接创建⼀个新的窗⼝
_self ：会在当前窗⼝、框架页⾯中打开
_new ：会在同⼀个刚创建好的窗⼝中打开
_parent ：如果是嵌套框架，会在⽗框架中打开
_top ：会在完整的浏览器窗⼝中打开
4.3 链接样式
参考2.2
4.4 锚点链接——到⽹页中某⼀特定位置
1.选中要命名的锚点
点击锚点，对该锚点命名
2.选择链接点，
当前页⾯：在链接中输⼊ #锚点名
其他⽹页：⽹页地址#锚点名
4.5 E-mail电⼦邮件链接
选中需要连接部分，点击电⼦邮件链接，输⼊链接地址
4.6 下载链接
1.当⽂件是exe⽂件、zip、rar类型问件时浏览器⽆法直接打开，便会提⽰下载4.7 空链接
1.在链接中输⼊#
2.⼀般导航栏中⾸页位置就是⼀个空链接
4.8 图像热区链接
在图像中绘制⼀块区域，创建链接
4.9 图像导航条
图像超链接
4.10 跳转菜单
选中表单中的跳转菜单，进⾏编辑
4.11 脚本链接——通过触发脚本命令
在链接中输⼊脚本代码
1. 添加到收藏夹：al.addFavorite('⽹址','名称')
2. 表⽰关闭窗⼝：javascript:window.close()
3. 表⽰弹出⼀个提⽰对话框：javascript:alert('hello!')
4. 设置为默认主页：（需通过空链接#，触发onClick事件）
在链接中输⼊#
选中链接点，在代码中#后输⼊
onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('⽹址')"
4.12 超链接的管理
1.连接路径：
绝对路径：链接中使⽤完整URL地址
相对于⽂档的路径：../ 表⽰上⼀层⽂件夹
相对于站点根⽬录的路径：/ 表⽰根⽬录
2. ⾃动更新链接：⽂件位置变动，⾃动更新⽹页中链接路径
3. 检查连接
5.表格
5.1插⼊表格，进⾏设置
5.2 选定表格、单元格进⾏设置
5.3 表格嵌套
在单元格中插⼊表格
5.4 应⽤表格布局页⾯
5.41 类型：
1.国⼦型
怎么创建自己的博客2.拐⾓型
3.标题正⽂型
4.左右框架型
5.上下框架型
6.综合框架型
7.封⾯型
8.flash型
9.变化型
5.42 页眉
通常放置logo，⼴告条
5.43 页脚
放置版权信息、、⽹站介绍、备案信息等
5.44 导航栏
双倍单元格，空⼀格放⼀个信息，设置⾼度，内容位置
5.45 信息栏
6.框架
6.1 框架
⼀个框架就是⼀个区域，可以单独打开⼀个HTML⽂档，多个框架就组成了框架集6.2 创建框架
选择框架结构，创建框架
6.3保存框架
有多少个框架就要保存多少次，再加最外层
6.4 作⽤
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论