该教程转自 番茄's Blog 仅够学习之用
三、页面顶部制作(2)----使用列表<li>制作菜单
开始此节的学习前，请确认你已经参照之前的几节内容写入了DIV、CSS到index.htm和css.css文件中。
这一节我将告诉大家如何用列表<li>来制作菜单。
程序代码
三、页面顶部制作(2)----使用列表<li>制作菜单
开始此节的学习前，请确认你已经参照之前的几节内容写入了DIV、CSS到index.htm和css.css文件中。
这一节我将告诉大家如何用列表<li>来制作菜单。
程序代码
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li class="menuDiv"></li>
<li><a href="#">博客</a></li>
<li class="menuDiv"></li>
<li><a href="#">设计</a></li>
<li class="menuDiv"></li>
<li><a href="#">相册</a></li>
<li class="menuDiv"></li>
<li><a href="#">论坛</a></li>
<li class="menuDiv"></li>
<li><a href="#">关于</a></li>
</ul>
</div>
<ul>
<li><a href="#">首页</a></li>
<li class="menuDiv"></li>
<li><a href="#">博客</a></li>
<li class="menuDiv"></li>
<li><a href="#">设计</a></li>
<li class="menuDiv"></li>
<li><a href="#">相册</a></li>
<li class="menuDiv"></li>
<li><a href="#">论坛</a></li>
<li class="menuDiv"></li>
<li><a href="#">关于</a></li>
</ul>
</div>
Time 2007-4-16 | Posted in 网页技术 | 0 Comments | 1745 Hits
该教程转自 番茄's Blog 仅够学习之用
三、页面顶部制作(1)
当我们写好了页面大致的DIV结构后，我们就可以开始细致地对每一个部分进行制作了。
在上一章中我们写入了一些样式，那些样式是为了预览结构而写入的，我们把css.css中的样式全部清除掉，重新写入以下样式代码：
程序代码
三、页面顶部制作(1)
当我们写好了页面大致的DIV结构后，我们就可以开始细致地对每一个部分进行制作了。
在上一章中我们写入了一些样式，那些样式是为了预览结构而写入的，我们把css.css中的样式全部清除掉，重新写入以下样式代码：
程序代码
/*基本信息*/
body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}
a:link,a:visited {font-size:12px;text-decoration:none;}
a:hover{}
/*页面层容器*/
#container {width:800px;margin:10px auto}
body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}
a:link,a:visited {font-size:12px;text-decoration:none;}
a:hover{}
/*页面层容器*/
#container {width:800px;margin:10px auto}
Time 2007-4-16 | Posted in 网页技术 | 0 Comments | 1419 Hits
该教程转自 番茄's Blog 仅够学习之用
二、写入整体层结构与CSS
接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容：
程序代码
二、写入整体层结构与CSS
接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容：
程序代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
</body>
</html>
Time 2007-4-16 | Posted in 网页技术 | 0 Comments | 1430 Hits
该教程转自 番茄's Blog 仅够学习之用
一、页面布局与规划
好久没有认真写点东西了，想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题，其实归根结底还是由于没有入门造成的。那么接下来的这篇文章就带领大家入门吧...
在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。
一、页面布局与规划
好久没有认真写点东西了，想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题，其实归根结底还是由于没有入门造成的。那么接下来的这篇文章就带领大家入门吧...
在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。
Time 2007-4-16 | Posted in 网页技术 | 0 Comments | 1442 Hits
上个星期日，系里面组织同学们去广汉市边的一个农家乐游玩。还记得上一次去的农家乐，无聊透顶，根本没什么可玩的。不过这一次，我闲着没事，就跟去了。主要还是奔着那顿饭去的。用的可是我们缴的班费，不去狠吃一顿岂不亏大了！
这次去的是一个叫“柚子园”的地方，规模比上一次的那个大一些。我是最后一批到达的，远远地看见那个坝子里坐满了我的同学们。四个人一桌，哗哗啦啦地搓麻将，无论男女，不喜欢打麻将的就打纸牌，双Q或者斗地主。那场面好壮观！一百多个同学，围了二三十桌。全部都在抓牌，平时看不出来，个个身怀绝技，技术老练，
这次去的是一个叫“柚子园”的地方，规模比上一次的那个大一些。我是最后一批到达的，远远地看见那个坝子里坐满了我的同学们。四个人一桌，哗哗啦啦地搓麻将，无论男女，不喜欢打麻将的就打纸牌，双Q或者斗地主。那场面好壮观！一百多个同学，围了二三十桌。全部都在抓牌，平时看不出来，个个身怀绝技，技术老练，
Time 2007-4-15 | Posted in 纪录感想 | 1 Comments | 2290 Hits
今天在网上遇到初中的同学,他还是我初中的同桌.
照例的几句寒暄,然后我就跟他聊了将近50页记录.也不知是谁先谈到了工作的问题.有一次在网上他还请教我如何上传图片到招聘网站上去.我一直认为他在外面是一个普通的打工仔,工作劳累而且工资不是很高,仅够养活自己.
今天我才晓得他的职业不一般.
他对我说他在外面做鸭子.虽然我知道鸭子在外面是什么意思,但我第一想法却不是那个意思.怎么可能呢?!他应该是在开玩笑吧?或许是在一个餐馆里面负责煮鸭子的活儿?我是真的不相信!
照例的几句寒暄,然后我就跟他聊了将近50页记录.也不知是谁先谈到了工作的问题.有一次在网上他还请教我如何上传图片到招聘网站上去.我一直认为他在外面是一个普通的打工仔,工作劳累而且工资不是很高,仅够养活自己.
今天我才晓得他的职业不一般.
他对我说他在外面做鸭子.虽然我知道鸭子在外面是什么意思,但我第一想法却不是那个意思.怎么可能呢?!他应该是在开玩笑吧?或许是在一个餐馆里面负责煮鸭子的活儿?我是真的不相信!
Time 2007-4-12 | Posted in 琐琐碎碎 | 4 Comments | 2238 Hits
每次进成都，我总想起高中学国的一篇课文《陈奂生进城》。心中几分兴奋，几分茫然。进了成都，我就找不到东南西北了。太阳东升西落，本来是个识别东西方向的古老而又传统的方法，可在成都行不通，因为太阳是稀客。天空中永远是那一层灰蒙蒙的东西，现在文明的产物。由此可见现代文明的如何地强悍！可谓“一手遮天”。
这次，我照例又在不该下车的地方下车了。这并不是我弱智。在公交车上，有一位男同志已经坐过了两站，下车后急忙回奔；一位女同志半道上车，本来要回家的，却又坐回上班的地方，完全反向了。两位上过的桥比我走过的路还多的前辈尚且如此，何况我一个尚未涉世的楞头青？成都的交通混乱要害死人的，站牌上面标的东西我总是看不懂。我想：成都交通局和我都应该好好反省一下。 同学在公交站等我，我却半道下车了。正打算在摸索中前进，无意中却发现了西南交大。这正是我此行的目的地，真是老天爷的垂青，我又少走好多的冤路啊！那是西南交大的南门。
这次，我照例又在不该下车的地方下车了。这并不是我弱智。在公交车上，有一位男同志已经坐过了两站，下车后急忙回奔；一位女同志半道上车，本来要回家的，却又坐回上班的地方，完全反向了。两位上过的桥比我走过的路还多的前辈尚且如此，何况我一个尚未涉世的楞头青？成都的交通混乱要害死人的，站牌上面标的东西我总是看不懂。我想：成都交通局和我都应该好好反省一下。 同学在公交站等我，我却半道下车了。正打算在摸索中前进，无意中却发现了西南交大。这正是我此行的目的地，真是老天爷的垂青，我又少走好多的冤路啊！那是西南交大的南门。
Time 2007-4-10 | Posted in 纪录感想 | 4 Comments | 2785 Hits
