Dreamweaver CS5 课堂笔记(第1-12章)--我要自学网.docVIP

PAGE PAGE 9 Dreamweaver 一、网页制作基础 站点的创建（默认图像文件夹） ①新建站点→选择相应文件夹作为站点→在该文件夹下新建“images”文件夹作为默认图像文件夹，以存储图像。 ②管理站点 ③在站点不改变的情况下，无论新建多少网页。都会默认保存在该站点之下。 连续输入空格 编辑→首选参数→常规→允许多个连续空格 （插入→HTML→特殊字符→不换行空格 快捷键：ctrl+shift+space） 添加水平线 插入→HTML→水平线 ▲ 改变水平线颜色只能通过修改代码实现。 CSS“层叠样式表”是一组格式设置规则。用于控制Web页面的外观。 ▲ 在网页设计中，最好选择常见字体进行编辑，否则在没有安装该字体的计算机上是无法正常显示的。必须用的话，建议用photoshop设计成图片使用。 分段与换行 ①分段 （Enter）创建新段落 （段落即行与行之前空有一行） ②分行 （Shift+Enter）创建新行 （我们传统意义上的换行） 在应用段落格式时，整一个段落都会被应用该格式，即在使用”shift+enter“换行的也会被应用为统一格式。 网页中添加图片首选图片格式： ① .gif:图片数据量小，可以带有动画信息，可实现背景透明，但支持的颜色较少，最高支持256种颜色的显示，颜色丰富的图片不适合转为gif图片。大量用于网站Logo，广告条Banner及网页背景图片，但由于受到颜色显示的影响，不适合用于照片级的网页图像。 ② .jpeg 可以高效地压缩图像的数据量，使图片文件变小的同时基本不丢失颜色画质，通常用于显示照片等颜色丰富的精美图像。 ③ .png 可实现背景透明，且支持颜色丰富。结合以上两种优点。常用于制作网页效果图。 图片居中对齐，应在图片前边位置光标闪动时点击”居中对齐“，而不应该选择图片居中。 重新取样 在调整过图片大小后，可点击 重新取样 改变图片大小。大多数情况只在图片被缩小后进行，可以改变图片文件大小。 选择图片编辑工具 编辑→首选参数→文件类型/编辑器→设置某种格式图片用哪种工具进行编辑→ok 鼠标经过更改图片特效 ①准备两张尺寸相同、效果不同的图片 ②插入→图像对象→鼠标经过图像→设置“原始图像”“鼠标经过图像”来源→还可以输入URL，即点击该图像时链接到的地址→ok。 12、图片和文字对齐方式设置时，针对文字，可点击图片选择对齐方式，以看文字效果。 二、建立网页链接 1、添加超链接 选择文字（或图片）→属性面板→链接地址（三种方式） ①文件夹 ②小表盘 ③填写完整的网页地址 ▲ 目标： -blank 点击一下链接创建一个新的窗口 -self 会在当前网页所在的窗口或框架中打开（默认方式） -new 会在同一个刚创建的窗口中打开（无论点多少次，都只打开这一个链接） -partent 如果是嵌套的框架，则在父框架中打开 -top 会在完整的浏览器窗口打开 2、内部链接、外部链接 内部链接：链接的目标点是同个网站总的其他网页（文档） 外部链接：链接的目标点是不同站点或本站点意外的网页（文档） ▲ 链接中使用完整地URL地址：如http：//（其中http://为网络协议 后边为域名） 3、设置链接样式 ①链接颜色→更改颜色 ②已访问链接颜色→（如若清除历史记录，之后访问该网页时，颜色又变回之前未访问前的颜色） ③变换图像链接→当鼠标放在链接上时会显示的颜色 ④活动链接→当鼠标点击链接时会显示的颜色 ⑤链接有无下划线 4、锚点链接 ①能链接到网页某一特定位置的链接，可以是当前网页中某一位置，亦或是其他网页中的某一特定位置上。 ②这种链接的目标端点是网页中的命名锚点 ③创建锚点链接 a 创建“命名锚点”，并设置名称→在目标点位置附近插入“命名锚点”，并命名（英文/数字），此时这里就会显示锚点的图标。 b 导航处→选中文字（图片）→属性面板→链接栏中直接输入“#锚点名” ▲ 如果目标锚点标记在当前页面中即输入“#锚点名” 如果不是，则要输入目标网页的地址和名称，然后再输入“#锚点名” （如：#锚点名） 5、邮件、下载及空连接 （1）电子邮件链接 ①选中文字或图片 ②插入→常用→电子邮件→输入邮箱地址 （2）创建下载链接 当被链接的文件是.exe 文件 .zip文件、或是.rar文件时，浏览器无法直接打开，便会提示文件会被下载。 （方法：同其他链接的创建方式相同） （3）空链接