跟我学做网页〔装修篇〕.docVIP

跟我学做网页（装修篇） 发布时间：2005-11-08 跟我学做网页（装修篇）上篇说完，你一定回去试了吧，是不是很简单？没错，做普通网页就那么简单，可你又要说了，这种网页怎么也做不出“馨香小憩”那样的页面呀，别急，今天咱们就谈谈这个问题。如果你对于制作一般网页己经能够掌握的话，应该会自己定义排版的样式了，这个经验是教不来的，只有靠你自己多试，多体味才能有收获。让我们来看看馨香小憩的首页都使用了什么技术，用了HTML的框架使首页分为三个页面，表单的选用使首页可以做到留言。用了CSS技术使表格定位及固定了文字的样式，用了JAVA语言所写的一些源程式实现动态按钮及日期显示还有FLASH做的标题动画及广告条。那这些技术是不是非常难呢？NONONO！一点也不难，看完本文你就应该能做到在几天内使你的主页实现其全部效果！是不是不信？别急，看完了你就知道怎么回事了。一、框架关于框架我不想从什么HTML语言的角度上说，太难而且也太烦，告诉你一个好方法——在FRONTPAGE的菜单条“文件”里选“新建……”（如果菜单里没有，在文件菜单最下面找一找有个向下箭头，点一下就能看到了！）会有个新建向导，从中选择你想要生成的“框架网页”，样式有许多种，就拿馨香小憩来说，是选了带横幅和导航栏的那一类，所谓横幅就是上面的那一块，导航栏就是左边那一条。剩下的则是主页面。那各个页面是什么关系呢？详细的说是这样的。横幅横幅通常是放置网站的标题（或标志）图的，一般应该有个广告条或宣传的动画，还有若干项目链接，注意是“项目”，和栏目不一样，项目要求生成的网页为新建网面，就是辟出的一个大类，如什么写信给我呀，留言本呀，我的介绍呀，服务指南之类，不信你看看那些大网站都是这么做的，不过你要说你想另类，那也管不了你。呵呵，最好是别让访问者不知所措。导航栏左边的一个网页称作导航栏，作用自然是通过这个页面点击使之进入相应的页面，在导航栏里设定超级链接时可以选超级链接对话框右下角的网页类型 ，通过它你可以指定链接事的页面在什么地方显示。默认自然是主页面了。主页面一般称为Main页，当然是放你的每个栏目的页面用的，你可以随心所欲的在上面创作，文字，图形、声音、动画都行。页面通过导航栏使之切换。页面管理方面框架是个不错的主意。不框架也有它的不足，就是访问者可读面积变小了，一个页面本来就不大，再东一裁西一切就没多少地方了，也算是鱼和熊掌不能兼得吧。相比而言，用了框架可以使本来每页必设的链接做在导航栏里，使访问者打开新的页面时访问速度快了，而且通过框架也更容易设置一些较大的图片，因为当该框架图片打不开时，别的框架正在显示页面，访问者不会眼前看起来半天一片白，那就会有点耐心等你的页面打开了。所以框架还是利大于弊的。二、定义字体和链接样式定义字体和链接样式并不是那么一两句话就能说清的，不过我有个好办法可以使你很快实现，你将下面两段横线中的这段话插入到你的网页的HTML里 head 与 /head之间——最好是紧跟着 head后一行插入。——————————————————————————styleBODY {FONT-FAMILY: 宋体; FONT-SIZE:9pt}table {FONT-FAMILY: 宋体; FONT-SIZE: 9pt}A:link {COLOR: #ff0000; TEXT-DECORATION:none}A:visited {COLOR: #ff0000; TEXT-DECORATION: none}A:hover {COLOR: #00ff00; TEXT-DECORATION: none}/style——————————————————————————这一段话是页面定义的关键，其中第一行的 “9pt”是指你的页面的默认字体大小。当然你可以把它改为你喜欢的大小，如 10pt,15pt都行，试试吧。第四行的 “color: #ff0000;“是指链接文字的颜色， “#ff0000”是红色，其它颜色码你自己查一查，不懂的话可以自己胡填几个试试，反正 ff0000这几位数字 每一位 都可以填入 0-9 和 A-F 这些数，比方说： #153fa3、#aaddee、 #ed44a3 你试试吧。（我不想教你学十六进制，太烦，咱们是学做主页，可不是学编程） 然后同一行的那个 “none 代表不加划线，你要加下划线就把它改成 “underline”就成了。多试试组合这几句语句的组合，你会发现你可以轻松的改变页面的默认文字，默认链接的样式！三、加入特殊的滚动字幕在其它网站经常你会发现那样滚动的字幕，这可是非常吸引人的，所以不少朋友肯定也希望 自己的主页也能有这样一个小效果，当然作为软件业老