如何制作将本站设为首页
更新时间：2016年9月20日 19:02 点击：1750
你可能已经注意到，现在许多网站的首页上都有这么一个链接“按这里将本站设为首页”(这里的首页指的是浏览器的起始页)。
不但大的ISP,ICP这么做，一些个人主页也推出这一“服务”以招揽网友。
具体是如何实现这个功能的呢？我来帮你剖析一下：
点击那个超链接会显示下载一个名为lspace.reg的文件，下载后双击它，便会修改你的注册表，然后当你再打开浏览器的时候，起始页就发生了变化。(一听到修改注册表，许多网友就比较"怵"，会不会把windows给弄坏了。)
别怕，我们来打开lspace.reg看看(用最普通的notepad记事本就可以打开)，发现内容如下：
REGEDIT4
[HKEY_CURRENT_USERSoftwareMicrosoftInternet ExplorerMain]
"Start Page" = "http:///"
[HKEY_CURRENT_USERSoftwareNetscapeNetscape NavigatorMain]"Home Page" = "http:///"
原来就两条，第一条设置IE的star page；第二条设置NC的home page(没什么花头噢：)。后面跟的URL就是你主页的网址！
不但大的ISP,ICP这么做，一些个人主页也推出这一“服务”以招揽网友。
具体是如何实现这个功能的呢？我来帮你剖析一下：
点击那个超链接会显示下载一个名为lspace.reg的文件，下载后双击它，便会修改你的注册表，然后当你再打开浏览器的时候，起始页就发生了变化。(一听到修改注册表，许多网友就比较"怵"，会不会把windows给弄坏了。)
别怕，我们来打开lspace.reg看看(用最普通的notepad记事本就可以打开)，发现内容如下：
REGEDIT4
[HKEY_CURRENT_USERSoftwareMicrosoftInternet ExplorerMain]
"Start Page" = "http:///"
[HKEY_CURRENT_USERSoftwareNetscapeNetscape NavigatorMain]"Home Page" = "http:///"
原来就两条，第一条设置IE的star page；第二条设置NC的home page(没什么花头噢：)。后面跟的URL就是你主页的网址！
<
BMP位图格式
最典型的应用BMP格式的程序就是Windows的画笔。文件几乎不压缩，占用磁盘空间较大，它的颜色存储格式有1位、4位、8位及24位，该格式是当今应用比较广泛的一种格式。但缺点是该格式文件比较大，所以只能应用在单机上，不受网络欢迎。
GIF格式
该图形格式却在Internet上被广泛地应用，原因主要是256种颜色已经较能满足主页图形需要，而且文件较小，适合网络环境传输和使用。
JPEG格式
可以用不同的压缩比例对这种文件压缩，其压缩技术十分先进，对图像质量影响不大，因此可以用最少的磁盘空间得到较好的图像质量。由于它优异的性能，所以应用非常广泛，而在Internet上，它更是主流图形格式。
PCX格式
PCX格式是ZSOFT公司在开发图像处理软件Paintbrush时开发的一种格式，存储格式从1位到24位，它是经过压缩的格式，占用磁盘空间较少。由于该格式出现的时间较长，并且具有压缩及全彩色的能力，所以PCX格式现在仍是十分流行。
PSD格式（Photoshop格式）
Adobe公司开发的图像处理软件Photoshop中自建的标准文件格式就是PSD格式，在该软件所支持的各种格式中，PSD格式存取速度比其它格式快很多，功能也很强大。由于Photoshop软件越来越广泛地应用，所以这个格式也逐步流行起来。PSD格式是Photoshop的专用格式，里面可以存放图层、通道、遮罩等多种设计草稿。
TIFF格式
TIFF格式具有图形格式复杂、存储信息多的特点。3DS、3DS MAX中的大量贴图就是TIFF格式的。TIFF最大色深为32bit，可采用LZW无损压缩方案存储。
PNG格式
PNG（Portable Network Graphics）是一种新兴的网络图形格式，结合了GIF和JPEG的优点，具有存储形式丰富的特点。PNG最大色深为48bit，采用无损压缩方案存储。著名的Macromedia公司的Fireworks的默认格式就是PNG。
SVG格式(现在最火热的图像文件格式)
SVG是Scalable Vector Graphics的首字母缩写，含义是可缩放的矢量图形。它是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。该软件提供了制作复杂元素的工具，如渐变、嵌入字体、透明效果、动画和滤镜效果，并且可使用平常的字体命令插入到HTML编码中。SVG被开发的目的是为Web提供非栅格的图像标准。
SVG格式的优势
SVG是一种矢量图形格式，SVG提供了GIF和JPEG所不能提供功能优势：
1.放大 用户可以任意放大图形显示，但不会牺牲锐利度、清晰度、细节等。
2.文字状态依然保留 文字在SVG图像中保留可编辑和可搜寻的状态。没有字体的限制，用户将会看到和他们制作时完全相同的画面。
3.小文件 平均来讲，SVG文件比那些JPEG和GIF格式的文件要小很多，因而下载也很快。
4.显示独立性 SVG图像在屏幕上总是边缘清晰，并且可以使用你打印机的分辨率进行打印。不论是300 dpi，600 dpi还是更高，你都不会体验到难看的锯齿的点阵效果。
5.超级颜色控制 SVG提供一个16百万颜色的调板，支持ICC颜色描述
文件，RGB，渐变和蒙版。
6.交互性和智能化 因为SVG是基于XML的，它提供无可匹敌的动态交互性。SVG图像可对用户的动作通过高光显示、工具技巧、特殊效果、声音和动画进行反应和显示。
在我们全面考虑好网站的栏目，链接结构和整体风格之后，我们就可以正式动手制作首页了。有这么一句俗语："良好的开端是成功的一半"。在网站设计上也是如此，首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经对你的站点有一个整体的感觉。是不是能够促使浏览者继续点击进入，是否能够吸引浏览者留在站点上，全凭首页设计的"功力"了。所以，首页的设计和制作是绝对要重视和花心思的。阿捷的经验是：一般首页设计和制作占整个制作时间的40%。你宁可多花些时间在早期，以免出现全部做好以后再修改，那将是最浪费精力的事。
这里，先插一个“封面”的问题。封面是指没有具体内容，只放一个logo点击进入或者只有简单的图形菜单的首页。
是否需要为站点设计一个“封面”？阿捷的个人观点是：没必要！除非你是很艺术类的站点，或者可以确信内容独特，可以吸引浏览者进一步点击进入的站点，否则的话，封面式的首页并不会给你的站点带来什么好处。我们上网浏览需要的是快速，有价值的信息，如果等待xx分钟，只显示出一个粗劣的“ENTER”图标，那么相信没有人会再耐心等待进入下一页。
因为首页的重要性，我将着重用８篇文章来仔细讨论有关首页设计的方方面面，大致提纲如下：
○版面布局的窍门
○色彩的搭配
○字体的设置和表格的嵌套
○细微之处见功力
○考虑不同的浏览器和分辨率
○设计好你的banner和位置
○meta标签的重要性
○首页设计的小建议
今天，只是关于首页设计的一个引子。让我们来大致了解一下首页设计的步骤。首页，从根本上说就是全站内容的目录，是一个索引。但只是罗列目录显然是不够的，如何设计好一个首页呢？一般的步骤是：
●确定首页的功能模块
●设计首页的版面
●处理技术上的细节
一).确定首页的功能模块。
首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块：
网站名称(logo), 广告条(banner), 主菜单(menu),
新闻(what"s new), 搜索(search), 友情链接(links),
邮件列表(maillist),计数器(count), 版权(copyright).
选择哪些模块，实现哪些功能，是否需要添加其他模块都是首页设计首先需要确定的。
二).设计首页的版面
在功能模块确定后，开始设计首页的版面。就象搭积木，每个模块是一个单位积木，如何拼搭出一座漂亮的房子，就看你的创意和想象力了。
设计版面的最好方法是：找一张白纸，一支笔，先将你理想中的草图勾勒出来，然后再用网页制作软件实现。
三).处理技术上的细节
我经常收到的来信问题就是：我制作的主页如何能在不同分辨率下保持不变形，如何能在IE和NC下看起来都不至于太丑陋，如何设置字体和链接颜色....等等,我将在下面几篇文章里为大家详细介绍。
首页设计是整个网站设计的难点和关键，我希望能够通过和大家的交流，总结出一套较为合理易学的设计方法，从而举一反三，使我们能够更加轻松的完成整个站点的设计制作。
最典型的应用BMP格式的程序就是Windows的画笔。文件几乎不压缩，占用磁盘空间较大，它的颜色存储格式有1位、4位、8位及24位，该格式是当今应用比较广泛的一种格式。但缺点是该格式文件比较大，所以只能应用在单机上，不受网络欢迎。
GIF格式
该图形格式却在Internet上被广泛地应用，原因主要是256种颜色已经较能满足主页图形需要，而且文件较小，适合网络环境传输和使用。
JPEG格式
可以用不同的压缩比例对这种文件压缩，其压缩技术十分先进，对图像质量影响不大，因此可以用最少的磁盘空间得到较好的图像质量。由于它优异的性能，所以应用非常广泛，而在Internet上，它更是主流图形格式。
PCX格式
PCX格式是ZSOFT公司在开发图像处理软件Paintbrush时开发的一种格式，存储格式从1位到24位，它是经过压缩的格式，占用磁盘空间较少。由于该格式出现的时间较长，并且具有压缩及全彩色的能力，所以PCX格式现在仍是十分流行。
PSD格式（Photoshop格式）
Adobe公司开发的图像处理软件Photoshop中自建的标准文件格式就是PSD格式，在该软件所支持的各种格式中，PSD格式存取速度比其它格式快很多，功能也很强大。由于Photoshop软件越来越广泛地应用，所以这个格式也逐步流行起来。PSD格式是Photoshop的专用格式，里面可以存放图层、通道、遮罩等多种设计草稿。
TIFF格式
TIFF格式具有图形格式复杂、存储信息多的特点。3DS、3DS MAX中的大量贴图就是TIFF格式的。TIFF最大色深为32bit，可采用LZW无损压缩方案存储。
PNG格式
PNG（Portable Network Graphics）是一种新兴的网络图形格式，结合了GIF和JPEG的优点，具有存储形式丰富的特点。PNG最大色深为48bit，采用无损压缩方案存储。著名的Macromedia公司的Fireworks的默认格式就是PNG。
SVG格式(现在最火热的图像文件格式)
SVG是Scalable Vector Graphics的首字母缩写，含义是可缩放的矢量图形。它是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。该软件提供了制作复杂元素的工具，如渐变、嵌入字体、透明效果、动画和滤镜效果，并且可使用平常的字体命令插入到HTML编码中。SVG被开发的目的是为Web提供非栅格的图像标准。
SVG格式的优势
SVG是一种矢量图形格式，SVG提供了GIF和JPEG所不能提供功能优势：
1.放大 用户可以任意放大图形显示，但不会牺牲锐利度、清晰度、细节等。
2.文字状态依然保留 文字在SVG图像中保留可编辑和可搜寻的状态。没有字体的限制，用户将会看到和他们制作时完全相同的画面。
3.小文件 平均来讲，SVG文件比那些JPEG和GIF格式的文件要小很多，因而下载也很快。
4.显示独立性 SVG图像在屏幕上总是边缘清晰，并且可以使用你打印机的分辨率进行打印。不论是300 dpi，600 dpi还是更高，你都不会体验到难看的锯齿的点阵效果。
5.超级颜色控制 SVG提供一个16百万颜色的调板，支持ICC颜色描述
文件，RGB，渐变和蒙版。
6.交互性和智能化 因为SVG是基于XML的，它提供无可匹敌的动态交互性。SVG图像可对用户的动作通过高光显示、工具技巧、特殊效果、声音和动画进行反应和显示。
在我们全面考虑好网站的栏目，链接结构和整体风格之后，我们就可以正式动手制作首页了。有这么一句俗语："良好的开端是成功的一半"。在网站设计上也是如此，首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经对你的站点有一个整体的感觉。是不是能够促使浏览者继续点击进入，是否能够吸引浏览者留在站点上，全凭首页设计的"功力"了。所以，首页的设计和制作是绝对要重视和花心思的。阿捷的经验是：一般首页设计和制作占整个制作时间的40%。你宁可多花些时间在早期，以免出现全部做好以后再修改，那将是最浪费精力的事。
这里，先插一个“封面”的问题。封面是指没有具体内容，只放一个logo点击进入或者只有简单的图形菜单的首页。
是否需要为站点设计一个“封面”？阿捷的个人观点是：没必要！除非你是很艺术类的站点，或者可以确信内容独特，可以吸引浏览者进一步点击进入的站点，否则的话，封面式的首页并不会给你的站点带来什么好处。我们上网浏览需要的是快速，有价值的信息，如果等待xx分钟，只显示出一个粗劣的“ENTER”图标，那么相信没有人会再耐心等待进入下一页。
因为首页的重要性，我将着重用８篇文章来仔细讨论有关首页设计的方方面面，大致提纲如下：
○版面布局的窍门
○色彩的搭配
○字体的设置和表格的嵌套
○细微之处见功力
○考虑不同的浏览器和分辨率
○设计好你的banner和位置
○meta标签的重要性
○首页设计的小建议
今天，只是关于首页设计的一个引子。让我们来大致了解一下首页设计的步骤。首页，从根本上说就是全站内容的目录，是一个索引。但只是罗列目录显然是不够的，如何设计好一个首页呢？一般的步骤是：
●确定首页的功能模块
●设计首页的版面
●处理技术上的细节
一).确定首页的功能模块。
首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块：
网站名称(logo), 广告条(banner), 主菜单(menu),
新闻(what"s new), 搜索(search), 友情链接(links),
邮件列表(maillist),计数器(count), 版权(copyright).
选择哪些模块，实现哪些功能，是否需要添加其他模块都是首页设计首先需要确定的。
二).设计首页的版面
在功能模块确定后，开始设计首页的版面。就象搭积木，每个模块是一个单位积木，如何拼搭出一座漂亮的房子，就看你的创意和想象力了。
设计版面的最好方法是：找一张白纸，一支笔，先将你理想中的草图勾勒出来，然后再用网页制作软件实现。
三).处理技术上的细节
我经常收到的来信问题就是：我制作的主页如何能在不同分辨率下保持不变形，如何能在IE和NC下看起来都不至于太丑陋，如何设置字体和链接颜色....等等,我将在下面几篇文章里为大家详细介绍。
首页设计是整个网站设计的难点和关键，我希望能够通过和大家的交流，总结出一套较为合理易学的设计方法，从而举一反三，使我们能够更加轻松的完成整个站点的设计制作。
若想在整页中去掉超链结的下划线，
在<head>与</head>之间加上
<style>
<!--
a{text-decoration:none}
-->
</style>
若只对特定链接使用，则链接语法为
<ahref="你的链接"style=text-decoration:none></a>
如何使鼠标放到有超级链接的字体时出现字体颜色变化？
在<head>与</head>之间加上
<style>
<!--
a:link{color:$}
a:visited{color:$}
a:active{color:$}
a:hover{color:$}
-->
</style>
其中link是超链接的颜色,visited是访问过的链接颜色,hover是鼠标移上去的颜色。把$
换成你需要的颜色，例如black或#000000。还可与下划线一起使用，如
a:hover{color:$;text-decoration:none}
<
看到上面的导航条了吗？你可以点击一下看看它的效果，请注意，这可是用表格做出来的，你相信吗？其实代码很简单，现在让我们来看看该怎么做。
1.首先创建一个1x6的表格，参数为：border=0 cellspacing=3 cellpadding=0；
2.在这个表格的每个单元格内分别插入一个表格，宽度和高度设为100%；
3.建立一个css样式.up和.down；代码如下：
|
<style>
.up{ border:4 outset royalblue;color:yellow;background:blue;cursor:hand } .down{ border:4 inset royalblue;color:#33ff33;background:blue;cursor:hand } </style> 上一篇: 做个什么样的网站赚钱 下一篇: Linux出现多种漏洞，安全系统不安全
相关文章
|