网站导航服务与支持
售前咨询售后服务 |
|
 |
|
|
作者：胡枫 日期：2007-7-20 14:53:15 点击次数 39
|
 阅读全文>> |
|
|
|
|
|
作者：胡枫 日期：2007-6-29 18:54:12 点击次数 51
|
| 第十步：解决IE浏览器的显示BUG 要继续此教程需要IE的以前的版本进行测试，绝大部分用户使用的是IE6.0，因此您几乎不需要看下去了。IE中主要出问题的是IE5和IE5.5,如其不能识别css中margin值为auto，要实现层的中间对齐，需加入：body {font-family: Arial |
| 阅读全文>> |
|
|
|
|
|
作者：胡枫 日期：2007-6-29 18:53:01 点击次数 60
|
| 第九步：导航条的制作 导航条之所以放在第九步讲，是因为导航条制作是本教程中最难的部分，自然也是技术含量最高的地方.导航条的制作可易可难，但这里介绍的相对较难，您能坚持到这一步已经很不易，如果你只是有个导航条就满足的话，请参看第八步的副导航条的制作。 先去掉导航条的红色背景，还有就是移除html文件中main-nav |
| 阅读全文>> |
|
|
|
|
|
作者：胡枫 日期：2007-6-29 18:52:12 点击次数 45
|
| 第八步：页脚信息的表现设置 首先需要控制页脚的文本显示：#footer {clear: both;height: 66px;font-family: Tahoma, Arial, Helvetica, Sans-serif;font-size:&n |
| 阅读全文>> |
|
|
|
|
|
作者：胡枫 日期：2007-6-29 18:48:49 点击次数 41
|
| 第七步：网站头部图标与logo部分的设计 为实现设计时的网页头部效果，我们需要以下两幅图：（点击另存，并相应修改文件名） /images/headers/about.jpg /images/general/logo_enlighten.gif 首先我们给#header层添加背景图案：以下是引用片段：#heade |
| 阅读全文>> |
|
|
|
|
|
作者：胡枫 日期：2007-6-29 18:24:59 点击次数 62
|
| 第六步：页面内的基本文本的样式(css)设置 你是不是厌倦了那些大红大绿的背景，现在是去掉它们的时候了，只保留导航条的红色背景。真是难为您居然能坚持学习本教程到此，很好，再过几步，你就能很好了解css控制整个网页版面(Layout)的能力。 先设置全局的文本样式：以下是引用片段：body { font-f |
| 阅读全文>> |
|
|
|
|
|
作者：胡枫 日期：2007-6-29 18:15:55 点击次数 70
|
| 第五步：网页主要框架之外的附加结构的布局与表现 除网页主要框架之外的附加结构的表现(Layout),包括以下内容： 1.主导航条； 2.标题(heading),包括网站名和内容标题； 3.内容； 4.页脚信息,包括版权,认证,副导航条(可选)。 加入这些结构时，为了不破坏原有框架，我们需要在css文件bod |
| 阅读全文>> |
|
|
|
|
|
作者：胡枫 日期：2007-6-29 18:13:29 点击次数 49
|
| 第四步：网页布局与div浮动等1.浮动：首先让边框浮动到主要内容的右边。用css控制浮动。.52css.com]以下是引用片段：#sidebar-a { float: right; width: 280px; background: darkgreen; } 表现如下：2.往主 |
| 阅读全文>> |
|
|
|
|
|
作者：胡枫 日期：2007-6-29 18:09:10 点击次数 36
|
| 第三步：将网站分为五个div，网页基本布局的基础：1.将“第一步”提到的五个部分都放入盒子中，在html文件中写入：52css.com]以下是引用片段：<div id=page-container> <div id=main-nav>Main Nav</div |
| 阅读全文>> |
|
|
|
|
|
作者：胡枫 日期：2007-6-29 17:48:51 点击次数 83
|
| 第二步：创建html模板及文件目录等1.创建html模板。 代码如下：以下是引用片段：<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/x |
| 阅读全文>> |
|
|
|
|
|
作者：胡枫 日期：2007-6-29 17:46:16 点击次数 131
|
| 第一步：规划网站，本教程将以图示为例构建网站 首先需要规划网站，本教程将以下图为例构建网站。 其基本布局见下图：主要由五个部分构成： ww.52css.com]以下是引用片段：1.Main Navigation 导航条，具有按钮特效。 Width: 76 |
| 阅读全文>> |
|
|
|
|
|
作者：胡枫 日期：2007-6-29 17:33:54 点击次数 448
|
| 以下是代码片段：<html><head><style type=text/css><!--body { margin: 0; padding: 0; font-size:12px;}#layout{ background-color: #FFFFFF; border: 0; |
| 阅读全文>> |
