建站教程Dreamweaver架设高级篇之二

发布时间:2009-07-18 发布者:新锐传媒 查阅 [4008] 评论 [0]

      上篇在“建站教程Dreamweaver架设高级篇之一”中我们说到关于网站建设的跳转菜单、运用插件、滚动字幕、创建CSS样式表。今天我们来深入的讲一下网站建设中有关于CSS样式的一些设置。 
  第五是创建动态链接样式表  
  1、点击“新建CSS样式”对话框,在“定义在”一栏选择“仅对该文档”,在“类型”一栏里选择“使用CSS选择器”。  
  2、当样式表类型选择“使用CSS选择器”时,下拉菜单的名字变成了“选择器”,表示输入内容为CSS选择符,单击下拉按钮,可以看到动 
态链接的4种状态。  
  a:link——超级链接的正常状态; a:visited——访问过的超级链接状态。  
  a:hover——光标移至超级链接上时的状态; a:active——选中超级链接的状态。  
  3、 接下来对这几种状态分别设定,首先从下拉菜单中选择a:link,点击“确定”按钮后弹出样式表设置窗口,设定该样式无下划线,颜 
色为#FF6600(橙色)。  
  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滤镜特效,即用来加工图片的透明、发光等。但效果不太明显,还是用专门加工图片的 
软件来完成比较好。  
  第八是创建网上相册  
  首先要安装好FireworksMX软件。  
  然后加工好所需要放在网上的照片,把它们加工成一样大小,放在一个文件夹里。  
  其三点击菜单中的命令/创建网站相册,打开设置窗口。  
  其四输入相册标题,副标信息,其他信息(以后也可再修改)。“源图像文件夹”,选择刚才保存照片的文件夹。  
  其五“目标文件夹”,单击“浏览”按钮选择当前站点目录。(即将照片全部保存到站点里来)  
  其六“缩略图大小”一项,可以根据需要选择,“显示文件名称”一项,选中会在生成的相册中显示每个图片的文件名。  
  其七“列”一格是每一行显示的图片数,默认为5,可以自己改动。  
  其八下面两个“格式”一般都选“品质较高”。  
  最后选中“为每张图片建立导览页面”一项。确定即可。

      感谢您看完此篇文章如果这些能给您带来思考我将万分荣幸。新锐网络公司还给您提供网站建设网站优化网站设计等服务,如有需要请联系我们:0532-85631198 QQ:565388088

      免责声明 | 新锐观点 | 网站运营 | 网站推广 | 联系我们 | 网站地图