一、如何才能设计制作漂亮网站
1、由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
2、网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
3、明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
4、一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具
5、尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。
6、材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
7、网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
8、网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
9、网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者.
二、寻找漂亮网页效果的代码
<body oncontextmenu="return false">或<body style="overflow-y:hidden">
IE:<bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true></embed>
*.mid你的背景音乐的midi格式文件
onclick="javascript:window.open('文件路径/文件名','newwindow',
'toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
width=400,height=300');">文字或图片</a>
<SCRIPT LANGUAGE="javascript"> js脚本开始；
'文件路径/文件名''弹出窗口的文件名；
'newwindow'弹出窗口的名字（不是文件名），非必须，可用空''代替；
top=0窗口距离屏幕上方的象素值；
left=0窗口距离屏幕左侧的象素值；
toolbar=no是否显示工具栏，yes为显示；
menubar，scrollbars表示菜单栏和滚动栏。
resizable=no是否允许改变窗口大小，yes为允许；
location=no是否显示地址栏，yes为允许；
status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
<script LANGUAGE="JAVASCRIPT">
while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center}
6。让浏览器在保存页面时保存失败
<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>
document.write('<img src="img/'+parseInt(Math.random()*(5))
+'.gif"height="40" width="50">')
图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif
<script language="JavaScript">
function closeit(){ setTimeout("self.close()",10000)//毫秒}
然后再在<body>标内加入如：<body onload="closeit()">
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
<body onload="window.setTimeout('closes.Click()',10000)">
这个窗口会在10秒过后自动关闭,而且不会出现提示.
<META HTTP-EQUIV="Refresh" content="20">
其中20为20秒后自动刷新，你可以更改为任意值。
<META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址">
12。保持layer在最前面，而不被Iframe、Object所覆盖
在Layer中再插Iframe或 Object设z-Index值
<div z-Index:2><object xxx></object>＃前面
<div z-Index:1><object xxx></object>＃后面
<div id="Layer2" style="position:absolute; top:40;width:400px;
height:95px;z-index:2"> height=100% width=100%>
<iframe width=0 height=0></iframe>
<div id="Layer1" style="position:absolute; top:50;width:200px;
<iframe height=100% width=100%></iframe>
<a href='javascript:history.back(1)'>『返回上一页』</a>
<a href='javascript:self.close()'>『关闭窗口』</a>
<IFRAME ID="iFrame1" SRC="iframe.htm"
STYLE="background-color: green"></IFRAME>
三、网页设计原理:如何设计漂亮的网页
迈阿密大学的艺术科学学院网页通过细节的精心处理给人一种赏心悦目的视觉效果。最好的设计往往就是最简单的设计：一个中心思想，一幅图片，少量的文字，开放的空间。这种风格的设计清晰、漂亮，让人印象深刻。但真实的生活并不经常是如此的简单，更多的是杂事缠身。在设计一个项目时，往往需要将很多不同的信息同时放上去，一个都不能少，就象现在很多的网站一样，信息密集，显得非常拥挤复杂。在本文中，我们将介绍迈阿密大学的艺术科学学院网站的版面，它之所以吸引我们的注意，是因为该网站虽然有很多信息，但却给我们留下美好的印象。该网站通过两个途径实现这种效果：一，它尽可能地减少各种元素，只保留最重要的部分（其实仍然是“简单的设计”思想在起作用），二，就是在处理各种细节时都经过精心处理。这种设计手法在技术上其实一点不难，让我们进去看看：主页虽然多达二十多个链接，但整体却显得温和，协调一致。结构：网站的页面尺寸并没有走极端，不会太长，大多数页面上的内容不需要拖动就可以轻易浏览，是一种方便人们阅读的屏幕尺寸。每个页面由三个区域构成，每一个区域负责不同的信息，最上方及最下方的区域内容是固定的，改变的只是中间区域的内容。不同的颜色定义了不同的区域：白色区域是中心舞台，这个区域通过上方颜色较深的页眉与下方较浅的页脚而得到确定。固定内容的区域包含了各种最基本的元素：标志，链接，搜索等诸如此类的内容。中间白色区域的内容则是变化的，主要展示不同的事件信息、新闻简讯等内容。从下方示意图可以看出，这个页面结构相当紧凑，可以有效组织各种内容，比起那种需要拖动滚动条的页面更容易阅读。紧凑，是其中的关键。页眉：此外由两个色带构成：绿色及棕色。这两种颜色构成了一个简单坚实的页眉并统领着这个网站。标志及链接文字则反转成白色字体。为了柔和视觉效果，左方还使用了象是阳光照射所呈现的一个非常微弱的渐变面。页眉右方远处有四个固定的链接，文字的颜色显得相当低调，但由于处于页眉的区域内，没有人会忽视它的存在。主链接：第一级链接处于页眉的标色色带区域内。链接的字体、颜色及阴影与上方的标志呼应，使两者之间产生视觉上的联系。绿色及棕色当然是两种不同的颜色，但如果你将这两种颜色变成灰度显示，你可以发现他们的相同之处，其灰度色值是基本一样的，这个隐藏的共同点使两者在视觉上既有区别，又有联系。下图中，字母的间距比较宽松，与普通的字母间距相比，呈现一种轻松气息，也传达了一种从容及尊严。在屏幕显示时，字母间距较大也更容易阅读。次级链接：当浏览者深入这个网站时，字体字母及颜色在细节上的变化都在暗示读者这是另外的一些信息。但字体及尺寸仍然与主链接相同。中心舞台：在页眉与页脚之间的白色区域是我们的中心区域，也是这个网站的视觉焦点所在。在每一个页面中的文章，都显得相当简短，而且象印刷的书本那样的文字排版，行距非常大，采用衬线字体，整个页面显得清爽而不窒息。其书本气息让人能够舒适阅读。页脚：有效设计的页脚是可以发挥很大的作用的。不要将页脚想象成一条多出来的“尾巴”，而应该将它看作是一个支撑点，支撑着上述所有内容的一个区域。页脚区域中放置的也是一些固定不变的内容，如链接、联系信息及标志等。在设计中，层次感是非常重要的。上图左，如果将页眉与页脚设计成相同的份量，给人的感觉就象奥利奥夹心曲奇饼，它分散了读者的注意力，弱化了版面的力量感。相反，三个区域呈现层次感使到每个区域都能够正确承担起自己的任务。在脑海中一定要记住的是，读者的眼睛永远会集中在中心区域内，所以这里要放置最重要的信息。周围所放置是支持性的内容。字体：这个网页中，正文的字体全部采用Georgia字体，可以说是一种在屏幕上显示的最佳衬线字体，当样，Georgia作为印刷字体同样表现良好。中国设计者在使用英文字体时更多会采用默认的Times字体。让我们看看Georgia字体与Times字体的区别，从这种区别中，也可以知道为什么在屏幕上显示时，Georgia字体会赢了这一回合。点击上图看大图字母的间距与字母形状一样重要， Georgia字体用于正文时，整体显得平滑、重复及具有节奏感。试比较以下两者的观看感觉。
如果你还想了解更多这方面的信息，记得收藏关注本站。
