我们主要为您解决这两个问题:

1、钱花了,做出来的效果不理想怎么办?答:我们承诺:先看效果后付款。
2、网站做好后,出了问题找不到技术怎么办?答:10+年经验,服务从未间断。

网站设计超级技巧

类别: 网站优化推广     编辑:广州网站建设    阅读:138
    一、让文字改变颜色 

  在有些网页我们可以看到一些文字,当鼠标移上去是一种颜色,移开就是另外一种颜色,这是怎么样实现的呢? 

  原来我们只需要在Head内预先定义两个类,分别定义了两种颜色,这在后面的HTML源文件中会用到这个颜色的定义: 

  <style> 
   .normal {color:red;} 
   .start {color:blue;} 
  </style> 

  然后我们在要改变的字前后加上下面的代码: 

  <SPAN onmouseover = "this.className = normal"  
   onmouseout = "this.className=start" class=start> here </SPAN> 

  这里的“class=start”是将这行字的默认值设为 start {color:blue;},要是不加上这句 的话,你这行字的颜色就会变成HTML预先设定的数值。 

  当我们把鼠标移动到“here”上的时候,颜色为“normal”定义的颜色,而当鼠标移开的时候“here”的颜色为“start”定义的颜色(这种效果只有在IE浏览器中才可以看到)。 

  二、给置网页加上背景图像 

  网页的背景色和背景图选择得好,会给页面增色不少。如果选取单一的背景色,难免显得单调,如果选择整个图片做背景,由于图片本身的文件大,造成网页的加载时间长,一般用户很难有耐性等待下去。那么带背景的网页是如何制作出来的? 

  很简单,一般是采用一幅很小的图片,然后铺展开,形成很漂亮的背景。对背景图的要求当然是越漂亮越好,文件越小越好。当你有了一幅可以自然拼接的图像后,在Dreamweaver中,我们可以设置background图片。 

  打开源文件我们可以看到〈BODY〉标签中多了一串代码。代码的表达式如下: 

<BODY BACKGROUND="images/background.gif" BGCOLOR="#FFFFFF" > 

  这里的images/background.gif就是BACKGROUND的值,其图像文件名为一个URL。 当然我们可以在源代码中直接加入上面的代码。 

  三、去掉超链接的下划线 

  在访问一些页面的时候,我们会发现,当鼠标移动到具有超级连接的文字上的时候,有的会产生相应的下划线。然而有些网页却没有。主页超链接的下划线是如何去掉的呢? 

  我们在<HEAD>...</HEAD>之间插入下面的代码。 

  <style>B {font-weight: 700; } 
   P {padding: 5px 0px; 
     margin: 0px; 
     font-family: 宋体,黑体,宋体; 
    } 
   A {text-decoration: none} 
   TD { font-family: 宋体,黑体,宋体; } 
  </style> 
  <script language="javascript"> 
   var contents = true; 
  </script> 

  更简单的方法是: 

   <style> 
  <!-- 
     a {text-decoration:none} 
     a:hover {color: red;text-decoration:none} 
    --!> 
   </style> 

  四、段落缩进的方法 

  在利用Dreamweaver制作有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进(不支持半角空格);如果需要缩进往往需要人为的加入两个中文全角空格,才能够显示出位置缩进效果。 

  除了上面所说的外,还有下面几种方法,可以值得一试,现介绍如下。 

  1.预格式(PRE) 

  用预格式编写的源文件,在显示时照源文件中的排版字样显示,空行和空格都能很清楚地区别开来。如源文件为:    

  <pre> 
  --预格式显示…… 
  </pre> 

  网页就会按照你预先设置好的显示方式显示,即在“预格式显示”的前面就会空两个汉字的位置。 

  2.插入点图或图形 

  点图是指图片中只有一个或几个像素点,用肉眼看不出来。当我们在段落开头插入这样一个点图,并用HSPACE和VSPACE属性来调整点图的左右和上下的空格,以达到段落缩进。 

  同样可以插入图形,只不过该图形的颜色需要用网页背景色,这种方式用IMG的WIDTH和HEIGHT属性调整图形大小,以达到缩进。 
   
  插入图形的方法,需要我们掌握好HSPACE和VSPACE大小的尺度,使之刚好留出两个汉字的位置,这样才比较美观。 

  3.插入没有边框和内容的表格 

  这种方式与上述的插入图形方式类似,该表格没有边框和内容,是空表格。用TABLE的WIDTH和HEIGHT属性调整表格大小适合缩进的需要。 

  利用表格来定位一般来说比较可靠,我常常就采用这种方式来对比较复杂的页面进行定位。不过这种方法有一个问题,就是可能是页面的源文件变大。因此也不见得是格式控制的首选。 

  4.插入特殊的空格字符“ ” 

  “ ”代表非显示空格字符。插入若干个“ ”字符,中间用分号(;)或者空格隔开,也可以实现中文段落缩进。不过在Netscape中只能写小写字母,而在IE中大小写都可以。 

  这四种方法主要是针对利用HTML的语言编写网页而言。在一些网页制作工具,如网景浏览器中有专门加入空格的工具条,也可以完成段落缩进。 

  五、为超级链接设定目标窗口 

  目标窗口是页面链接所指内容显示的窗口,也就是当你单击了页面某一个链接后,该链接所指的内容在那个窗口显示。大多数情况下,我们无需关心它,因为一般都是在同一窗口显示。但是有时我们需要弹出一个新的窗口,而不是替代原来的窗口,怎么办呢?很简单,这里我们只要更改超级链接源代码的target属性就可以了。 

  TARGET是链接标签的属性,它的作用就是指定目标窗口,TARGET有以下几个值: 

  _self-将链接指向的内容装载到当前页的窗口或框架中; 
  _top-完全取代当前页面的所有框架; 
  _blank-为链接指向的内容打开一个新的窗口 
  _parent-把链接指向的内容装入当前页〈FRAMESET〉父窗口中 

  如要使单击超级链接产生一个新的窗口,可将相应超级链接改为如下形式: 
  <a href="../../www.dushuwu.net" target="_blank">yourname</a>

相关资讯

常见问题

广州做网站——先看效果后付款

如果你是员工——在付款之前先让老板看到效果,老板满意,工作无压力。

如果你是老板——无需担心付了定金效果不理想,只能勉强接受的尴尬了。

如有疑问,欢迎垂询手机/微信13600490025、QQ403571900

10+

年网站建设经验

1000+

位客户的选择

880

企业官网标准版

980

外贸网站标准版

@2006-2019 All Rights Reserved. 广州做网站(166800.com) 电话/微信:136-0049-0025 邮箱/QQ:403571900@qq.com
推荐服务项目: 企业网站标准版880元    企业网站高级版1280元    外贸网站标准版980元    外贸网站高级版1580元    定制网站1880元起    手机网站580元起    微信公众号开发580元起

136-0049-0025