Dreamweaver架设网站终极教程(5)

4、 用同样方法设定a:visited，设定其为无下划线，颜色为#FFFF00（黄色）。
5、 接下来设定a:hover，设定其为有划线，颜色为#FF6600（橙色）。
6、 a:active不用设置，它会自动依照a:hover而定。
7、 在网页上输入一句话，在属性面板中设定它的链接为“#”。即可。
****注意：必须按照这样a:link、 a:visited 、a:hover 、a:active的顺序来设置，否则不会出现预期的效果。

如果我们需要一个页面上有两个或更多的链接效果，可以用以下方法：
1、 点击新建样式按钮，样式类型选“使用CSS选择器”，在“选择器”一栏里，直接输入a.link2:link，接着设置a.link2:link为红色无下划线。
2、 继续定义下面两个样式。名称都直接输入，分别设定它们为a.link2:visited，紫色无下划线。 a.link2:hover，蓝色有下划线。
3、 此时在“CSS样式”选项下多了一个名称为link2的自定义样式。
4、 在页面中输入一段话，为它添加一个#链接，选中这个链接，然后点击样式表窗口中的样式link2，将此样式应用在该链接上。
5、 同样方法可以制作同一页面上的不同链接格式。
****为保持一种风格，同一页面上不宜建立过多的链接样式。

二十五、外部样式表

***在不同的页面中应用相同的样式表。
1、 新建样式表，取名，然后类型选“创建自定义样式”，定义在选“新建样式表文件”。
2、 确定后，打开保存外部样式表的窗口。然后把它保存到本地站点中即可。
3、 此时，可以看到样式表窗口中新增了一个样式表文件，文件的后缀名为css
4、 如果当前页面中的一个内部样式表要导出为外部样式表文件，以便供其他页面使用，可以点击样式表窗口右上角的灰色的图标，选“导出样式表”，此时可以为样式取名和保存为一个外部文件。
5、 当其他页面需要使用外部样式表时，可以点样式表窗口中的第一个按钮“附加样式表”，打开窗口，然后选择外部样式表文件，在添加为里选“链接”，确定即可。

二十六、其他CSS

****CSS里的背景，是设置文字背景、表格背景图等。
****CSS里的区块，是指设置文本的文字间距、对齐方式、下标、上标、排列方式等。
****CSS里的盒子，是指设置图片和文本内容之间的空白距离，以及图文混排的方法。
****CSS里的边框，是指设置表格文本区、按钮等的美化。
****CSS里的列表，是指设置列表项样式。即那种提纲式的一段话。
****CSS里的定位，是指设置页面中图片的相对和绝对定位。
****CSS里的扩展，其中的光标，可以设置光标的样式，可以设置为hand（手型）、crosshair（十字型）、text（“I”型）、wait（等待型）、default（默认型）、help（帮助型），还有各种方向的箭头型。
****CSS里的扩展，其中的过滤器，可以用来做CSS滤镜特效，即用来加工图片的透明、发光等。但效果不太明显，还是用专门加工图片的软件来完成比较好。

二十七、创建网上相册

1、 首先要安装好FireworksMX软件。
2、 加工好所需要放在网上的照片，把它们加工成一样大小，放在一个文件夹里。
3、 点击菜单中的命令/创建网站相册，打开设置窗口。
4、 输入相册标题，副标信息，其他信息（以后也可再修改）。“源图像文件夹”，选择刚才保存照片的文件夹。
5、 “目标文件夹”，单击“浏览”按钮选择当前站点目录。（即将照片全部保存到站点里来）
6、 “缩略图大小”一项，可以根据需要选择，“显示文件名称”一项，选中会在生成的相册中显示每个图片的文件名。
7、 “列”一格是每一行显示的图片数，默认为5，可以自己改动。
8、 下面两个“格式”一般都选“品质较高”。
9、 选中“为每张图片建立导览页面”一项。确定即可。

二十八、定制网页过渡功能

*****网页过渡是指当浏览者进入或离开网页时，页面呈现的不同的刷新效果，比如卷动、百叶窗等。网页看起来会更具有动感，不过也要注意适可而止，否则太花哨的变化也容易引起浏览者的反感。步骤：
1、 打开一个页面，单击菜单中的插入/文件头标签/Meta，会弹出Meta对话框。　
2、 在对话框中的属性选项的下拉列表中选HTTP-equivalent选项，在值一格中键入Page-Enter，表示进入网页时有网页过渡效果。
3、在内容一格中键入 Revealtrans(Duration=4,Transition=2),Duration=4 表示网页过渡效果的延续时间为4秒，Transition表示过渡效果方式，值为2时表示圆形收缩。
4、输入完后单击确定，存盘。这样当我们点击一个超链接进入这个页面时就可以看到效果了。
5、另外还有二十多种效供你选择，只要将Transition的值改为相应的效果的代号即可，具体效果和设置如下表所示

效果 Transition 效果 Transition
盒状收缩 0 溶解 12
盒状展开 1 左右向中部收缩 13
圆形收缩 2 中部向左右展开 14
圆形展开 3 上下向中部收缩 15
向上擦除 4 中部向上下展开 16
向下擦除 5 阶梯状向左下展开 17
向左擦除 6 阶梯状向左上展开 18
向右擦除 7 阶梯状向右下展开 19
垂直百叶窗 8 阶梯状向右上展开 20
水平百叶窗 9 随机水平线 21
横向棋盘式 10 随机垂直线 22
纵向棋盘式 11 随机 23

二十九、库的应用

****网站中有些内容需要反复使用，比如自己制作的一个网站图标等，此时将这个组件存为在库里，可以随时调用。
1、 打开一个页面，选择需要保存的组件，比如一个图标。
2、 点击菜单窗口/资源，打开资源窗口。然后在其中选最下面一本书样的按钮，打开库面板。
3、 点击下面的新建按钮，就将刚才选中的图标保存到库里了，此时还可以给它取名。
4、 在一个新页面上要应用库里的内容时，打开库面板，选中需要用的图标，然后点击下面的“插入”即可。

三十、用模板迅速完成站点（首页或内部某一页）

1、 首先规划好自己想要制作的网站，要把它的各项链接的内容都设计好。如我的网站：
首页上的链接有：网页版、动画版、请留言、关于我、联系我、许愿瓶
网页版上的链接有：站长简介¦ ¦教研论文¦ ¦课堂寻真¦ ¦原创课件¦ ¦心海撷贝¦ ¦留影人生¦ ¦给我来信¦ ¦雁过留声¦

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有