网页设计

来源:百度文库 编辑:神马文学网 时间:2024/04/25 14:53:17
如何免费
建立网站
',1)">
',2)">
网站制作开发的步骤和方法
无论是开发软件还是创建网站,真正困扰我们的往往并非软件的使用问题,而是软件技术之外的一些东西,真正决定一个网站是否成功的要素是设计、定位、推广等非技术手段。
一、整理规划。
网站建设的开始就应该有一个整体的战略目标,即确定站点的目标。
首先要有一个总的目标,这个网站到底是要做什么。有的要显示自己的设计水平,这就要求页面美观;有的是为了求职而设计的求职网站,这就要求提供足
如何免费建立网站
1.先下载网页制作工具,Dreamweaver v8.0 简体注册版
下载地址:
http://www.14567.com/dw.html
2.开始学习,去网易学院学习网页制作的方法。
《网站设计系列多媒体教程》
http://tech.163.com/special/w/000915SQ/webmediatech.html
3.如果会做了,申请免费主页空间,如果自己有更好了,(注:主机是空间)没有请去这里找一个适合自己的申请,免费。
http://www.14567.com
4.把做好的主页上传到您的空间。需要FTP上传软件。
下载地址:
http://www.14567.com/ftp.html
5.用您自己的或者申请的免费域名(一般申请免费空间都赠送一个二级域名)访问您的主页。
再给你一个详细的好了
时下随着各种通讯技术的发展,互联网已在中国逐步进入普及阶段,许多人在充分享受浏览新闻,网上聊天,网络游戏,网上交易,收发电子邮件等网络的各种乐趣后,开始不满足于被动式的接受,希望能主动参与网络,因此大量的个人网站应运而生了。
计算机与网络专业技术人员能利用一技之长及在某一方面的专长轻松制作网页,但大量的网络菜鸟级人物如何制作个人主页,建立个人网站呢?我大概总结了以下几点,希望对一些对这方面缺乏基本了解的人提供一些帮助。如果你是个经常上网的网虫,并对如何建立网站有一定的兴趣,那么请你继续读下去,否则我推荐你使用某些网站推出的傻瓜式的个人网页或请专业的网页制作公司代劳,完全没必要自己动手。
1. 要建立个人网站,首先必须要了解一下目前网页制作的基本语言HTML,入门即可,大概花个一二小时就可。
2. 学会使用目前流行的网页制作软件,如Frontpage、Dreamweaver等一些功能强大,所见所得的软件,初步了解就可,不用全部掌握,一般是边用边学,不断提高使用水平。
3. 广泛的上网浏览各种网页,一开始最好能下载一些较简单的个人网页,因为他们所用到的技术较为简单,可用网页制作软件打开研究。然后推荐去浏览一些专业的网页设计网站,学习一些排版经验,同时可下载一些网页结构模版供自己套用。
4. 确定你的网站主题,我个人不主张开始就想建软件大全、书库等网上流行的为网站主题,因为第一你不够专业,网上已有太多的同类软件,别人不可能上你的网站下载。第二这类网站需要巨大的主页空间,不仅一开始你申请不到这么大的空间,而且你也不可能经常上载维护。网站主题最好是有你的个人特色,实在不能确定我建议自己做一个私人门户网站,将平时自己经常去的网站做一个较为综合的连结。
5. 网页最好不要用特别与众不同的颜色、字体,因为每个人使用的计算机各不相同,特别的颜色、字体别人不一定能看得到。
6. 网页要增加美观图片不可缺少,我建议如果你会用一些专业的作图软件最好自己制作,这会有自己的特色,放些私人照片也可以,但切记各种图片一定要作优化处理,减小它的存储尺寸。提醒一下每页不要放过多的图片,因为第一会使网页显得杂乱,第二会使你的网页显示速度过慢。制作图片的常用软件有Photoshop,Fireworks等。
7. 网页上可以用一些动画与特效增加你主页的美观与功能,动画可上网找,同样最好能自己制作,GIF格式的最常用,可用Ulead的Gig Animator软件制作,目前流行的是Flash动画,更多变化,尺寸更小,缺点是有些计算机上的浏览器缺省没有安装Flash浏览软件,有些计算机用户不能看到Flash。网上还有许多免费的Javascript等可供使用,与图片一样,我建议每页不要放太多的动画与特效。
8. 网页基本建成后,上网找免费的主页空间,以其主机的速度,提供的空间大小和有无基本的CGI功能及其提供的域名是否简单易记为考量依据,所谓CGI是指主机服务器上提供的程序,一般你可申请有免费计数器、留言板等。找到速度快,主页存放空间大,域名简单的网站存放你的网页。
9. 接下来是将网页上传至你申请的服务器上,具体上传的办法你在申请主页空间时就会了解,具体使用你制作网页的软件即可,我个人推荐使用CuteFTP Pro上传,这个软件功能强大,简单易用。
10. 好,现在你的网站已建立,你可通知你的朋友上去浏览,把个人网站印在你的名片上,还想推广你的网站?那你可去各大搜索网站登录你的新站,如雅虎、搜虎、新浪等知名网站。你还可与其它网站申请友情连结、去一些提供连结交换的网站申请广告交换,如太极链,酷站等。在做这一步时你需要做二个468X60和88X31尺寸的广告图片,动画最好,存储大小尽量控制在10k以下。
11. 如果你还想靠你的网站赚一些小钱,你可去一些商业网站申请广告连结,替他们做广告,一般以从你的网页点击到他们的网页次数算钱。
12. 最后我要提醒各位未来网主,你的网站千万不要放一些明显与国内政治相抵触的内容,这事关重大,不可儿戏,否则网站被关闭事小,坐牢也说不定哦。另外,网站内容与性有关可大大增加被浏览的数量,但黄色的内容不要放,虽说性质比不上反动内容,但也有问题。建议打打擦边球,提供一些性教育、性知识,情情爱爱的内容无伤大雅。
随着网络技术的不断发展,网络应用已经渗透到人类社会的各个角落。作为网络世界的支撑点的网站,更是人们关注的热点:政府利用网站宣传自己的施政纲领,日益成为与百姓交流的直通车;企业利用网站宣传自己的形象,挖掘无限商机;个人利用网站展示个性风采,创建彼此沟通的桥梁。越来越多的人希望拥有网站,开辟网络世界里的一片天地。如何设计一个出色的网站呢?关于这个问题,人们讨论的很多,可以讨论的内容也很多,加之网络技术的飞速发展,很难提出一个绝对权威和正确的设计思路,笔者不才,根据自己的设计体会,总结出以下基本设计思路:
一、定位网站的主题和名称
网站的主题也就是网站的题材,网站设计开始首先遇到的问题。网站题材千奇百怪,琳琅满目,只要想的到,就可以把它制作出来。下面是美国《个人电脑》杂志(PC Magazine)评出的99年度排名前100位的全美知名网站的十类题材:
第1类:网上求职
第2类:网上聊天/即时信息/ ICQ
第3类:网上社区/讨论/邮件列表
第4类:计算机技术
第5类:网页/网站开发
第6类:娱乐网站
第7类:旅行
第8类:参考/资讯
第9类:家庭/教育
第10类:生活/时尚
每个大类都可以继续细分,比如娱乐类再分为体育/电影/音乐等小类,音乐又可以按格式分为MP3,VQF,Ra等,按表现形式分古典,现代,摇滚等。同时,各个题材相联系和交叉结合可以产生新得题材,例如旅游论坛(旅游+讨论),经典入球播放(足球+影视)按这样分下去,题材可以有成千上万种。这么多题材,如何选择呢?遵循的原则如下:
1、主题要小而精
定位要小,内容要精。如果你想制作一个包罗万象的站点,把所有你认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有,却样样都很肤浅,因为你不可能有那么多的精力去维护它。网站的最大特点就是新和快,目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示,网络上的"主题站"比"万全站"更受人们喜爱,就好比专卖店和百货商店,如果我需要买某一方面的东西,肯定会选择专买店。
2、题材最好是你自己擅长或者喜爱的内容
比如:你擅长编程,就可以建立一个编程爱好者网站;对足球感兴趣,可以报道最新的战况,球星动态等。这样在制作时,才不会觉得无聊或者力不从心。兴趣是制作网站的动力,没有热情,很难设计制作出优秀的网站。
3、题材不要太滥或者目标太高。
"太滥"是指到处可见,人人都有的题材;比如软件下载,免费信息。"目标太高"是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。
如果题材已经确定以后,就可以围绕题材给网站起一个名字。网站名称,也是网站设计的一部分,而且是很关键的一个要素。你来看,"电脑学习室"和"电脑之家"显然是后者简练;"迷笛乐园"和"MIDI乐园"显然是后者明晰;"儿童天地"和"中国幼儿园"显然是后者大气。我们都知道PIII的中文名称"奔腾",如果改为"奔跑",可能就没有今天这么"火"了。和现实生活中一样,网站名称是否正气,响亮,易记,对网站的形象和宣传推广也有很大影响。我的建议是:
1、名称要正
其实就是要合法,和理,和情。不能用反动的,色情的,迷信的,危害社会安全的名词语句。
2、名称要易记
最好用中文名称,不要使用英文或者中英文混合型名称。另外,网站名称的字数应该控制在六个字(最好四个字)以内,四个字的也可以用成语。字数少还有个好处,适合于其他站点的链接排版。
3、名称要有特色
名称平实就可以接受,如果能体现一定的内涵,给浏览者更多的视觉冲击和空间想象力,则为上品。例如:音乐前卫,网页陶吧,e书时空等。在体现出网站主题的同时,能点出特色之处。
二、定位网站的CI形象
所谓CI(corporate identity),意思是通过视觉来统一企业的形象。一个杰出的网站,和实体公司一样,需要整体的形象包装和设计。准确的,有创意的CI设计,对网站的宣传推广有事半功倍的效果。具体的做法是:
1、设计网站的标志(logo)
就如同商标一样,标志是你站点特色和内涵的集中体现,看见标志就让大家联想起你的站点。标志的设计创意来自你网站的名称和内容:
(1)网站有代表性的人物、动物、花草等,可以用它们作为设计的蓝本,加以卡通化和艺术化,例如迪斯尼的米老鼠,搜狐的卡通狐狸等等。
(2)网站有专业性的,可以以本专业有代表的物品作为标志。比如中国银行的铜板标志,奔驰汽车的方向盘标志等等。
(3)最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体,字母的变形,字母的组合可以很容易制作好自己的标志。
2、设计网站的标准色彩
网站给人的第一印象来自视觉冲击,确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。举个实际的例子就明白了:IBM的深蓝色,肯得基的红色条型,windows视窗标志上的红蓝黄绿色块,都使我们觉得很贴切,很和谐。"标准色彩"是指能体现网站形象和延伸内涵的色彩。一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。标准色彩要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,只是作为点缀和衬托,绝不能喧宾夺主。适合于网页标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色,要注意色彩的合理搭配。
3、设计网站的标准字体
和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的"与众不同"和特有风格,我们可以根据需要选择一些特别字体。例如,为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等。
4、设计网站的宣传标语
也可以说是网站的精神,网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如:鹊巢的"味道好极了";麦斯威尔的"好东西和好朋友一起分享";Intel的"给你一颗奔腾的心"等等。
三、确定网站的栏目
建立一个网站好比写一篇文章,首先要拟好提纲,文章才能主题明确,层次清晰。如果网站结构不清晰,目录庞杂,内容东一块西一块。结果不但浏览者看得糊涂,自己扩充和维护网站也相当困难。网站的题材确定后,并且收集和组织了许多相关的资料内容,但如何组织内容才能吸引网友们来浏览网站呢?栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。一般的网站栏目安排要注意以下几方面:
1、要紧扣主题
将你的主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势,这样的网站显的专业,主题突出,容易给人留下深刻印象。
2、设立最近更新或网站指南栏目
设立"最近更新"的栏目,是为了照顾常来的访客,让你的主页更有人性化。如果主页内容庞大,层次较多,而又没有站内的搜索引擎,设置"本站指南"栏目,可以帮助初访者快速找到他们想要的内容。
3、设立可以双向交流的栏目
比如论坛,留言本,邮件列表等,可以让浏览者留下他们的信息。
4、设立下载或常见问题回答栏目
网络的特点是信息共享。如在你主页上设置一个资料下载栏目,便于访问者下载所需资料。另外,如果站点经常收到网友关于某方面的问题来信,最好设立一个常见问题回答的栏目,既方便了网友,也可以节约自己更多时间。
四、确定网站的目录结构
网站的目录是指你建立网站时创建的目录。例如:在用frontpage98建立网站时都默认建立了根目录和images(存放图片)子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的上传维护,内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议:
1、不要将所有文件都存放在根目录下,会造成文件管理混乱
你常常搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率。另外,上传速度慢。服务器一般都会为根目录建立一个文件索引。当您将所有文件都放在根目录下,那么即使你只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件。很明显,文件量越大,等待的时间也将越长。所以,尽可能减少根目录的文件存放数。
2、按栏目内容建立子目录
子目录的建立,首先按主菜单栏目建立。例如:企业站点可以按公司简介,产品介绍,价格,在线定单,反馈联系等建立相应目录。其他的次要栏目,类似what''s new,友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如:关于本站,关于站长,站点经历等可以合并放在一个统一目录下。所有程序一般都存放在特定目录。例如:CGI程序放在cgi-bin目录。所有需要下载的内容也最好放在一个目录下。
3、在每个主栏目目录下都建立独立的images目录
为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。
4、目录的层次不要太深
目录的层次建议不要超过3层,维护管理方便。
5、不要使用中文目录
6、不要使用过长的目录
五、确定网站的链接结构
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。建立网站的链接结构有两种基本方式:
1、树状链接结构
类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。这样的链接结构浏览时,一级级进入,一级级退出。优点是条理清晰,访问者明确知道自己在什么位置,不会"迷"路。缺点是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须绕经首页。
2、星状链接结构
类似网络服务器的链接,每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便,随时可以到达自己喜欢的页面。缺点是链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。
这两种基本结构都只是理想方式,在实际的网站设计中,总是将这两种结构混合起来使用,达到比较理想的效果。比较好的方案是:首页和一级页面之间用星状链接结构,一级和以下各级页面之间用树状链接结构。
六、设计网站的整体风格
风格(style)是抽象的,是指站点的整体形象给浏览者的综合感受。这个"整体形象"包括站点的CI(标志,色彩,字体,标语),版面布局,浏览方式,交互性,文字,语气,内容价值,存在意义,站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的,这些都是网站给人们留下的不同感受。
风格是独特的,是站点不同与其他网站的地方。或者色彩,或者技术,或者是交互方式,能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络的黑白色,网易壁纸站的特有框架,即使你只看到其中一页,也可以分辨出是哪个网站的。
风格是有人性的。通过网站的外表,内容,文字,交流可以概括出一个站点的个性,情绪。是温文儒雅,是执著热情,是活泼易变,是放任不羁。像诗词中的"豪放派"和"婉约派",你可以用人的性格来比喻站点。如何树立网站风格呢?我们可以分这样几个步骤:
1、确信风格是建立在有价值内容之上
一个网站有风格而没有内容,就好比绣花枕头一包草,好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性,这是最基本的。
2、你需要彻底搞清楚自己希望站点给人的印象是什么
可以从这几方面来理清思路:
a.如果只用一句话来描述你的站点,应该是:()
参考答案:有创意,专业,有(技术)实力,有美感,有冲击力
b.想到你的站点,可以联想到的色彩是:()
参考答案:热情的红色,幻想的天蓝色,聪明的金黄色
c.想到你的站点,可以联想到的画面是:()
参考答案:一份早报,一辆法拉利跑车,人群拥挤的广场,杂货店
d.如果网站是一个人,他拥有的个性是:()
参考答案:思想成熟的中年人,狂野奔放的牛仔,自信憨厚的创业者
e.作为站长,你希望给人的印象是:()
参考答案:敬业,认真投入,有深度,负责,纯真,直爽,淑女
f.用一种动物来比喻,你的网站最像:()
参考答案:猫(神秘高贵),鹰(目光锐利),兔子(聪明敏感),狮子(自信威信)
g.浏览者觉得你和其他网站的不同是:()
参考答案:可以信赖,信息最快,交流方便,
h.浏览者和你交流合作的感受是:()
参考答案:师生,同事,朋友,长幼。
你可以自己先填写一份答案,然后让其他网友填写。比较后的结果会告诉你:你网站现在的差距,弱点及需要改进的地方。
3、在明确自己的网站印象后,开始努力建立和加强这种印象
经过第二步印象的"量化"后,你需要进一步找出其中最有特色特点的东西,就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化,宣传。以下做法可作参考:
(1)将你的标志logo,尽可能的出现在每个页面上。或者页眉,或者页脚,或则背景。
(2)突出你的标准色彩。文字的链接色彩,图片的主色彩,背景色,边框等色彩尽量使用与标准色彩一致的色彩。
(3)突出你的标准字体。在关键的标题,菜单,图片里使用统一的标准字体。
(4)想一条朗朗上口宣传标语。把它做在你的banner里,或者放在醒目的位置,告诉大家你的网站的特色是...。
(5)使用统一的语气和人称。即使是多个人合作维护,也要让读者觉得是同一个人写的。
(6)使用统一的图片处理效果。比如,阴影效果的方向,厚度,模糊度都必须一样。
(7)创造一个你的站点特有的符号或图标。
(8)用自己设计的花边,线条,点。
(9)展示你网站的荣誉和成功作品。
(10)告诉网友关于你的真实的故事和想法。风格的形成不是一次定位的,你可以在实践中不断强化,调整,修饰
***************************************************
国内比较有名的网页图像设计制作网站
现在网页设计方面的站点越来越多,究竟哪个才是经典;根据网页设计中牵涉到的:网页制作,平面设计,动画制作,素材安排等,我特地找了些好的站点,发表在这里,如果大家有好的站点,也希望能跟在后面。
一、网页设计类
1。网站名称:有风的日子
网站地址:http://www.windstudio.net/
简介:
很不错的一个设计网站,我刚开始学习网页设计的时候就知道她了,她最有特色的内容就算是精品插件栏目了,里面包括有Photoshop 滤镜、Dreamweaver 插件、Flash 相关,都是很实用的好东东。同时网站的符号字体栏目也挺有自己的特色。
-------------------------------
2。网站名称:蓝色理想
网站地址:http://www.blueidea.com/
简介:
网页编辑方面的大哥大人物,网站关于网页制作方面的教程既全面又专业,而且各类教程的更新速度很快。她的经典论坛的人气也是相当的旺。同时该网站的一个很大的特点就是会时不时推出一些好书的介绍,这些都是不容易买到的。
-------------------------------
3。网站名称:七色鸟设计
网站地址:http://www.colorbird.com/
简介:
七色鸟设计是一个致力于传播设计文化,研究视觉设计艺术、提高大众审美意识的非盈利性的艺术指导网站,里面的设计资源相当丰富而且有特色
-------------------------------
4。网站名称:视觉中国
网站地址:http://www.chinavisual.com/
简介:
这个是我最爱的一个网站了,我第一次把网页制作和网页设计区分开来,就是通过看了这个网站上的很多文章得出来的,里面的很多知识以平面为主,以前她的服务器不怎么好,经常出现服务器负载过重的情况,但是现在已经好了。
-------------------------------
5。网站名称:5D多媒体
网站地址:http://www.5dmedia.com/
简介:
5D的含义是指其探讨五个方面的内容:声音、图象、动画、多媒体交互、Internet网开发。该网站是目前国内最大的多媒体技术站点,要想了解多媒体方面的信息还真的是要进去看看。
-------------------------------
6。网站名称:设计联盟
网站地址:http://www.szdesign.org/
简介:
我非常喜欢她的作品栏目,可以看到很多人的创作,欣赏别人的创作的同时,自己也可以得到很多的启示
-------------------------------
7。网站名称:点燃灵感
网站地址:http://www.fwcn.com/
简介:
这里是Firework的天堂,教程,插件,资源,应有尽有
二、图象处理类
-------------------------------
1。网站名称:中国PHOTOSHOP联盟
网站地址:http://www.photoshopcn.com/
简介:
网页设计中的平面处理软件,PS是绝对的老大,中国PHOTOSHOP联盟就是PS教学方面的老大
-------------------------------
2。网站名称:图象谷
网站地址:http://pstxg.com/
简介:
搞图象处理的好去处,她的资源下载栏目很出色
三、动画设计类
1。网站名称:闪客帝国
网站地址:http://www.flashempire.com/
简介:
我很早以前做的第一个个人网站就是仿照该网站做的,呵呵,我记得那个时候的帝国还不是现在这个样子。里面关于Flash的教程都很经典。而且论坛里面是高手如云。
-------------------------------
2。网站名称:闪吧
网站地址:http://www.flash8.net/
简介:
我第一次知道这个网站是通过电脑爱好者介绍的,具体哪期忘记了,我记得有整整一个版面来介绍这个网站的故事,所以就跑来了,一看就喜欢上了,觉得里面的资料真是太丰富了,和帝国难分高下。
-------------------------------
3。网站名称:数码动力国际
网站地址:http://www.showgood.com/
简介:
该网站已经不需要我们再说,她推出的Flash实在是太棒了!
-------------------------------
4。网站名称:闪盟在线
网站地址:http://www.flashsun.com/
简介:
网站的优秀以不需多说,我很喜欢她的竞技场栏目
四、网页素材类
-------------------------------
1。网站名称:桌面城市
网站地址:http://www.deskcity.com/
简介:
一流的图象资料宝库
-------------------------------
2。网站名称:素材精品屋
网站地址:http://www.sucaiw.com/
简介:
也是网页设计素材库,她和桌面城市主要在于一个偏全,一个偏精!
五:网页代码类
这个请见本站的“中国源代码资源下载站点推荐”
六:web技术类
1。网站名称:goEway.com
网站地址:http://www.goeway.com
简介:
“从不懂得上网,到网络高手”,这是goEway.com的口号。当然,口号就是口号,重要的是,从这个站合理的栏目设置、人性化的设计、丰富的内容、大量实用的文章来看,他们在切切实实地这样做着。
-------------------------------
2。网站名称:HTML.CN
网站地址:http://www.htmlcn.com
简介:
不用我多说,从站点和网址你就知道这是一个什么类型的网站了。不过,这里可不仅仅有HTML。还有网页制作软件。CSS,javascript以及ASP,PHP等等,可以说从网页制作到web编程都涉及到了。尽管它的内容还不能说十分丰富,但都很实用。
-------------------------------
3。网站名称:流媒体中国技术频道
网站地址:http://www.liumeiti.com/technology
简介:
流媒体指在Internet/Intranet中使用流式传输技术的连续时基媒体(如relsystem.MPEG等)。顾名思义,流媒体中国就是一个以“流媒体”为主题的网站,在它的技术频道中,有大量的相关文章。对于从事或有心从事这方面技术的网友来说,绝对是一个不可多得的好去处。另外,有什么疑问和心得,你还可以去“流氏论坛”去讨论
-------------------------------
4。网站名称:虚拟无忌
网站地址:http://www.86vr.com
简介:
虚拟现实(简称VR)技术虽然出现已经有几年,但一直没有普及起来。随着宽带的普及以及它自身特有的魅力,将来一定会有发展。虚拟现实的方方面面在这都可以找到。
七、加盟网站类
做网页的人都希望把自己的网站推销出去,推销的方法有很多,通过加盟品网网站就是个不错的方法,在那里你推销自己的网站,通过品网的评价后,发布出来,这样可以让更多的人知道你的网站。下面这些就是我找的几个在国内比较有名的品网网站,网站的评价我就没写了,因为性质都差不多。
1>网站名称:零刻联盟
网站地址:http://www.linkmeng.com
2>网站名称:贵族品网
网站地址:http://www.21pick.com/index.asp
3>网站名称:汕头网页设计师联盟
网站地址:http://www.0754design.com
4>网站名称:浪掏沙
网站地址:http://www.langtaosha.net/pick/index.asp
5>网站名称:中原品网
网站地址:http://www.zpick.com/pick
6>网站名称:文化空间
网站地址:http://www.xiaoxiang.net/web
7>网站名称:94cool
网站地址:http://94cool.org/meng/default.asp
8>网站名称:星期天网站联盟社区
网站地址:http://www.7sunday.com/
9>网站名称:蚁盟
网站地址:http://www.yimeng.org/
10>网站名称:中国网页设计师联盟
网站地址:http://www.dreamofdesign.com/chinese/
有用的设计类资源网站
全球设计大站
http://www.designiskinky.net/
http://www.100hot.com/
http://www.secondstory.com
http://www.designproject.com/
http://www.cwd.dk/
http://www.design-agency.com/
http://www.workbook.com/
http://www.secondstory.com/
http://www.coolhomepages.com/
http://www.thebestdesigns.com
http://www.webpageawards.com/winners2000/winners-a-d.html
http://www.flashplanet.com
一个不错的FLASH资源站点
http://www.blackstar.com
黑星图片社网站。图片收藏总数多达三百万张彩色和一百万张黑白的图片,全球
350位摄影家接受黑星图片社的指派工作。
http://www.highend3d.com
相当不错的三维站点,包括Maya、ALIAS、RENDERMAN、SOFTIMGE等大型3D
软件的教学、插件、优秀作品展示和图库,另外还拥有最新的3D影视、硬件信息资源。
http://www.imagebank.com
一个具有大量精美图片的网站。
几个非常不错的字体网站:
http://www.dafont.com/en/
http://www.4gee.com
美景商业图片库http://www.viewstock.com/
搜图客http://www.sophoto.net/
蓝精灵FLASH矢量图库
http://www.flashglow.com/flashfla/flashvl.htm
闪吧http://www.flash8.net/
网路图库网http://webphoto.seeder.net/
猫猫图片酷http://www.tucoo.com/
猫猫壁纸酷http://come.6to23.com/maomao520/
建站资源网http://www.jzzy.com/
素材精品屋http://www.sucaiw.com/
图标集中营http://www.51icon.net
梧桐树下闪舞地带2000矢量图库
http://wtsx.my169.com/flash/2000slt/index.htm
多门客栈--深圳设计师家园
http://www.doormen.cc/
http://www.feiniao.net/ai/index.htm
国外经典矢量标志下载
http://www.findlogo.com/
http://www.logotypes.ru/
http://www.logotypes.lv/
http://logo.tdd.lt/main.htm
http://www.arg.com.pl/bank-menu.htm
http://logo.nino.ru/
http://www.lineaire.com/logos/(苹果压缩格式的)
http://www.visual.gi/logoteca/logos.html(sit格式)
http://webchantier.free.fr/logotheque/index2.html
http://www.qservice.com.ua/index.html(注册才能下载)
http://www.dtpstudio.cz/logobanka/
http://www.dublshar.boom.ru/logos.htm
http://www.doppio.be/DOWNLOAD/LOGOS/index.html
http://www.imagemaker.com.ru/logos.shtml
http://priv.twoje-sudety.pl/~logoteka/1.htm
全球优秀设计资源类网站推荐
http://www.coolhomepages.com/
http://www.k10k.net/
http://www.australianinfront.com.au/
http://www.designiskinky.com/
http://www.cwd.dk/
http://www.threeoh.com/
http://www.halfproject.com/
http://www.aleborghe.it/
http://www.noiz22.com/
http://www.ectoplasma.it/
http://www.surfstation.lu/
http://www.cwdcn.com/
http://www.newstoday.com/
http://www.styleboost.com/
http://www.thebestdesigns.com/
http://www.urbancollective.com/
http://www.visuellerorgasmus.de/
http://www.digitalthread.com/
http://d3.sigaw.net/
http://www.linkdup.com/
http://www.netdiver.net/
http://www.shift.jp.org/
http://www.db-db.com/
http://www.ultrashock.com/
网站建设资源,以下资源收集于网上。
http://www.cnking.com/js/
http://anny.7758.com/suzai/index.htm
http://www.zzi.cc/sck/sck1.htm
http://sucai.silversand.net/
http://www.8u8.com/book/shou.htm
http://www.sucaiw.com/
http://www.smallrain.net/
http://www.1studio.net/
http://www.1000script.com/
http://www.yaguo.com/~cnjack/work/dhtml/myjs/index.htm
http://www.jzzy.com/
http://www.38js.com/
http://www.16361.com/other/webtx/texiao.htm
-------------------------------------------------------------------------------
这里有一些网页素材供大家选择,如果大家也有比较好的东东,也拿出来。
http://homepage.yesky.com
http://cn.hkiwc.com
http://www.goeway.com/WEB/INDEX.ASP
http://www.163school.com
http://ycwww.online.jx.cn/diannao/homepage/index.htm
http://211.101.248.14/51windows/asp/myjs.htm
http://www.51windows.com/
http://www.njcatv.net/javascript/index.htm
http://www.qlcy.eb.fm
http://code.helpor.net/
http://home.njau.edu.cn/
HVE(中国Photoshop联盟)收集的字体网站
http://www.coolarchive.com/ 著名的04字体 ★★★★
http://www.dsg4.com/04/index.shtml
1001 Fonts
http://www.1001fonts.com/ 英文字体下载
http://www.cnking.com/js/
免费的留言本
http://202.117.103.148/ppp/bishui/book/reg.asp
http://www.fantasywinter.com/free/guestbook/default.asp
http://www.nz-gateway.com/cgi-bin/gbook.cgi?action=register
http://badst.51.net/cgi-bin/gb3/register.cgi?
http://yuyu3007.2188.net:82/cgi-bin/guest/register.cgi?http://mstong.51.net/liuyan/index.php?action=reg
http://www.1studio.net/free/guestbook/index.asp
http://www.touch.sh/register.php
非常图酷http://www.tucoo.com
构图网:http://www.goto1.net
矢量LOGOhttp://www.findlogo.com/find1.htm
美图http://www.6to23.com/s8/
搜图网:http://www.sophoto.net/cgi-bin/imagefolio.cgi
伊美姬网http://www.imagegarden.net
桌面城市http://www.deskcity.com
中国图片库http://www.imaginechina.net/
夜叉图库http://ycpic.myetang.com
网页制作大宝库http://www.4gee.com
流星雨矢量图库http://meteor.loadskill.com
中华图库http://www.star99.com/photo
素材精品屋http://www.sucaiw.com
热线素材精品:http://sucai.zjonline.com
壁纸好莱坞http://jimmy.transfar.com
Wincustomizehttp://www.wincustomize.com/
axialishttp://www.axialis.com/
Eboy Homehttp://www.eboy.com
ICON Listhttp://www.arkbook.com/icon/
ICON中国http://www.iconcn.com/
图标集中营http://www.51icon.com
馨雅壁纸http://www.365pic.com/cn/index.php
海龙文化http://www.hellosea.com/civilization/index.asp
最好的图片搜索引擎http://www.google.com/imghp?hl=zh-CN
非鸟矢量图库http://www.feiniao.net/ai/index.htm
闪吧矢量图库http://www.flash8.net/index_vector.asp
流星雨矢量图库http://meteor.loadskill.com/
梧桐树下矢量图库http://wtsx.my169.com/flash/2000slt/index.htm
广之源矢量素材http://www.coolty.com/Subject.asp
平面设计与桌面出版--矢量素材区http://202.103.233.162/cd/downhtml/down-1.htm
素材网http://gimages.myetang.com/index.htm
猫猫图片酷http://www.tucoo.com/ai/index.htm
可以参考本站的国内比较有名的网页图像设计制作网站。
※※※国外经典矢量标志下载网站吐血推荐※※※
http://www.logo.vip.lublin.pl/logotypes/
www.findlogo.com
http://www.logotypes.ru/
http://www.logotypes.lv/
http://logo.tdd.lt/main.htm
http://www.arg.com.pl/bank-menu.htm
http://logo.nino.ru/
http://www.lineaire.com/logos/(苹果压缩格式的)
http://www.visual.gi/logoteca/logos.html(sit格式)
http://webchantier.free.fr/logotheque/index2.html
http://www.qservice.com.ua/index.html(注册才能下载)
http://www.dtpstudio.cz/logobanka/
http://www.dublshar.boom.ru/logos.htm
http://www.doppio.be/DOWNLOAD/LOGOS/index.html
http://www.imagemaker.com.ru/logos.shtml
http://priv.twoje-sudety.pl/~logoteka/1.htm
世界所有足球俱乐部矢量标志下载:www.hqfl.dk
http://www.arkbook.com/icon/
国外一个站点(wmf格式)http://www.clip-art.ru
corel公司(cdr格式)http://www.designer.com/freebies/clipart.htm
闪盟矢量图库(swf格式)http://www.flashsun.com/home/read.php?qid=vector
闪客兵团矢量图库http://flahs2000.myrice.com/index6.htm
闪客天地Flash矢量资源(fla格式)http://www.flashsky.com/vector.asp
闪客浪心http://yaoyudx.myetang.com/flash.htm
萤窗小语---矢量图库http://ycxy.myrice.com/siliang.htm
闪客堡部分矢量资源
http://www.flashcastle.com/download.php?sort=1
蓝精灵flash互动网矢量资源http://www.flashglow.com/flashfla/flashvl.htm
21点工作室矢量资源http://21dotstudio.myrice.com/resource/bitmap/bmp.html
flash爱好者http://www.flashfan.net/ziyuan/shiliang/index.htm
桌面城市http://www.deskcity.com/scatalog.asp?scatalog=54
海阔天空http://labiss.3322.net/html/material-2.htm
闪光玻璃http://suiglass.myrice.com/index/slt.htm
娱乐媒质传播网http://www.52flash.net/vectors/
**********************
图片搜索引擎:
http://images.google.com/
http://www.sucaiw.com/search.asp
http://cn2.gograph.com/?cfid=6711151&;cftoken=81480965
图像词典
图库:
http://www.sucaiw.com 素材精品屋
http://www.mypcera.com/photo/photo.htm 新时代图霸网
http://www.tuku.com.cn/ 许昌信息港---美丽图库
http://photo.ayinfo.ha.cn/ 殷都图霸
http://v9v.home.sohu.com/ 网页素材精品屋
http://www.21pic.com.cn/index.html 中国图片网
http://www.imaginechina.net/cn/ 中国图片库(收费的)
http://www.pyinfo.ha.cn/xtf/index1.htm 花儿图库
http://photo.cnmaya.com/ 美亚图库
http://www.xxinfo.ha.cn/tupian/ 新乡信息港
http://www.tucoo.com/ 猫猫图片酷
矢量图库:
http://gjj.51.net/cgi-bin/image/imageFolio.cgi?direct=wmf/cusi
http://meteor.loadskill.com/Default.asp
http://www.feiniao.net/ai/
http://cn.gograph.com/
http://gallery.yahoo.com/
http://multimedia.lycos.com/
http://www.ditto.com/这是一个多媒体的搜索引擎,目前主要提供网上图像的搜索,已收集了超过200万个图像,并且大多经过人工的筛选,因而搜索结果质量较高。
http://www.si.edu/
http://nbci.msnbc.com/nbci.asp
http://clipartconnection.com/
http://www.ipost.co.kr/
http://bluedic.com/
http://www.clipartdownload.com 大量**图片,但需先注册一个用户名
字体网站:
和势精品网**字体
http://www.herse.net/font/chinese.asp
HVE(中国Photoshop联盟)收集的字体网站
COOL ARCHIVE(中国Photoshop联盟) 强烈推荐网站上的字体,全是精品  ★★★☆
http://www.coolarchive.com/
Cool Archive Free Clip Art and Fonts - clipart, fonts, graphics, icons, animations, backgrounds, arrows, sounds
著名的04字体 ★★★★
http://www.dsg4.com/04/index.shtml
1001 Fonts
http://www.1001fonts.com/
英文字体下载
酷字千寻 ★★★★
http://coolfont.ayinfo.ha.cn/
中文,英文,3DMAX,更多字体
4YEO.com
http://www.4yeo.com/
free original graphics, fonts, animated gifs, page sets, backgrounds & clipart graphics
Free 51Fonts Net  ★★★☆
http://www.51fonts.com/
Free 51Fonts Netwww.51fonts.com] 英文字体
网页制作大宝库 ★★★
http://www.4gee.com/
动画,图标,按钮,背景,线条等素材,桌面,字库
cubadust
http://www.cubadust.com/
很酷的字体,桌面,素材原创站
http://home.yctc.edu.cn/sys
http://www.cncode.com/
http://www.fhzj.com/down/soft.asp?classid=2&Nclassid=21
http://www.yaguo.com/~zm123
http://www.njcatv.net/javascript/
悠悠网http://yoayo.51.net/jave/jymt.htm
网站建设在线http://www2.xiloo.com/mckj/texiao.htm
羊城在线http://www.ycrx.com/wytx/tx/
网页特效http://www.jojoo.net/ts/
http://www.haojw.com/
http://www.baron.com.cn/javascript/
源代码资源下载站点
1.中国站长网下载
http://www.chinaz.com/download/
为什么没有选择K6 理由很简单 做为比K6年轻的源码下载站点 靠自己的特色 越做越大
并且提供建站相关的一切东西更新速度也很快! 估计很快就可以超过K6了
2.KK66下载中心
http://down.kk66.com
瘦死的骆驼比马大,是全国最多的建站源码基地,但垃圾很多,现在K6的极端商业化已经使他逐渐的失去他自身的魅力
3.ASP300
http://www.asp300.com
选择他,其实主要是他在国内做的很早,又是比较早进行收费的代码下载站点,姑且不论他收费的对错,但网络告别免费是迟早的,这一点,他做的很先进,他提供的代码也是一些商业全站很不错的东西,虽然有人说他拿其他站点免费的当自己的,但是就现在各个下载站提供他们的代码都要加上一句"ASP300会员代码"就可以看出他们做的还不错,
4,信心网络工作室
http://www.xxsky.com/
做的也挺早,库存代码也多,现在不过好象有些迷失自己了,逐渐的被网友所遗忘
5谁与争锋的下载栏目
http://www.china-code.net/
东西比较多 商业的也多 现在免费了 不错 支持
6,ASP酷
http://www.aspcool.com
还是老代码下载基地,没有什么说的 排名主要靠他的资格在那里 ,代码更新慢,程序的相关资料还比较多
7,源码之家
http://www.mycodes.net
也是比较早的源码下载站点,好象今年是改版过的,提供的代码现在也很不错了,里面还有很多商业的东西哟,现在库存少! 更新速度还可以
8,中国源码中心
http://www.cncode.com
老牌的,名字挺大的,沉寂了很长一段时间后重新改版,提供的东西不怎么样,全是其他站有的,说明比较齐全,更新比较快
9,ASPDOWN
http://www.aspdown.com
靠提供商业的东西火了一段时间,然后开始不成熟的收费,使网站慢慢的往下走.现在好象又提出了什么免费的ASPDOWN又回来了,其实又是一种变相的收费,咳 ,ASPDOWN前途为卜!
10,华迅鲲翔
http://www.ftpshow.com
后起之秀,靠做论坛起家做然后做下载的,商业的东西很多,但是介绍少,现在库存很少,但是快赶上CNCODE了,代码全部是本地提供下载速度很快! 值得期待
够的信息让别人了解你的工作能力;有的是要为用户服务,这就要求网站有较强的互动性,而本站建设之初的主要目的就是为了本人更好的学习网络知识,只是兴趣而已,本站站名“网页教学网”让人一看就知道是有关介绍网页知识的站点。而申请域名也是相当重要的,webjx.com,大家都知道web译为网、网页、网络等,j是jiao的第一个字母,x是xue的第一个字母,其实本站是web jiao xue的字母的缩写!当然大家申请注册域名时可以申请自己名字的拼音等!在这里不作过多介绍。
确定好目标之后,还要决定网站的目标观众。其中包括以下几种情况:
1.目标观众的访问速度。很多在线教育网站采用不同的软件制作在线课件,但是视频无论如何在现在是不适合目前中国浏览者的网络带宽,不过提高我们的网络带宽也是一种发展的趋势。
2.目标观众的计算机配置和浏览器版本。计算机硬件技术飞速发展,现在使用的计算机的配置都是比较高的!
所以我们在设计网页时,其实已经不必要考虑计算机配置了。需要注意的是在设计中要在不同的浏览器中浏览自己的网页,看看有没有发生变化。
3.插件问题。对于有些软件,比如Flash的插件,现在大部分浏览器都安装有这种插件了,如果网页上播放视频,那么就要考虑浏览器是否需要安装相应的插件,在这时最好在网站中说明并提供插件和播放器的下载。现在好多电影站都做的比较好,它们都提供播放器和插件的下载!
二、新建站点
规划好站点之后,就可以用专门的网页开发软件创建站点了。
在创建站点之前,我们应该首先在我们的磁盘上创建一个文件夹,用于存放站点内的所有资源,当然如果你的站点资源比较丰富这是可以建立子文件夹存放站点内相应的资源。例如:站点文件夹为myweb,子文件夹images用于存放站点内用到的图片,upfiles用于存放上传的文件,admin用于存放站点后台程序等等。创建站点在Dreamweaver软件中操作比较简单,本站也已经提供了相应的视频教程,如果您不熟悉可以去查看下。
刚建立起的站点是空的文件夹,用户首先要设计站点结构。制作专业网站之前要有一个详细的计划,这样虽然会花费一些人力和物力,但总比出现了问题之后再修改要好得多。
在网站规划中一个很重要的问题就是确定站点结构。设计站点结构,就得确定站点子栏目;设计站点结构,就得确定图片、多媒体文件的存放位置;设计站点结构,就得导航条。专业网站中,必须要有导航条。
三、收集资源
确定好站点目标和结构之后,接下来要做的就是收集有关网站的资源,其中包括以下资源:
1.文字资料:文字是网站的主题。无论是什么类型的网站,都要离不开叙述性的文字。离开了文字即使图片再华丽,浏览者也不知所云。所以要制作一个成功的网站,必须要提供足够的文字资料。
2.图片资料:网站的一个重要要求就是图文并茂。如果单单有文字,浏览者看了不免觉得枯燥无味。文字的解说再加上一些相关的图片,让浏览者能够了解更多的信息,更能增加浏览者的印象。
3.动画资料:在网页上插入动画可以增添页面的动感效果。现在Flash动画在网页上应用的相当多,所以建议大家应该学会Flash制作动画的一些知识。
4.其它资料:例如网站上的应用软件,音乐网站上的音乐文件等等。
四、布局页面
设计站点结构和收集了足够的资源之后,就可以开始布局页面了。在Dreamweaver中,可以通过以下手段进行排版:
1.利用表格进行排版:表格主要有三个元素-表格、行和列及单元格,而且表格还可以嵌套,不过在这里建议大家不要把所有的网页都放在一个大表格中,并且嵌套最好不要超过3层,因为如果你那样做了,浏览器解析的时间会增加了,那么当浏览者访问时速度就慢了。
2.利用层排版:层很适合形式自由的排版,现在WEB标准建议排版时抛弃表格,不过如果初学者学习利用层排版时还要学习其它好多相关知识,其中最重要的是CSS和Javascript,使用CSS来辅助层可以对网页实现排版,可以解决表格给我们带来的烦恼。如果你对WEB标准感兴趣,那么你就该好好的学习CSS了!
3.利用布局视图进行排版:在Dreamweaver MX 2004中有专门的布局视图,我们初学网页设计时可以使用它进行排版。
4.利用框架进行排版:它是一种用浏览器窗口,显示多个网页的形式,前几天记得有人在论坛中求,网页格式的课件,网页格式的课件大部分是用框架做出来的。
五、编辑文档与超级连接
经过上面的几个步骤之后,一切准备工作都已经就绪,现在可以象装箱一样把收集到的资料及制作的组件放到页面布局中为它们指定的位置上了。
插入到网页布局之后,文字都是同一种字号,同一种风格,同一种颜色;图片有大有小。所以这时就要对各种元素进行编辑了,例如,改变文本字体、字号、颜色、大小等,对图片进行大小,表格的调整,按钮行为的调整等等!
连接是网页的灵魂。浏览者在浏览网页时,单击网页设置的超级连接可以跳转到相关页面,所以一个好的网页是离不开连接的。
六、发布站点
站点的发布
网站发布就是把网站上传到因特网上,以提供浏览者浏览。上传之前必须检查你的域名和主页空间的申请情况,以及网页和站点的连接情况等。建议大家最好安装IIS,本站内都提供了iis5.01、iis6.0、iis5.0的安装程序。
上传软件一般都使用用FTP,上传到服务器中申请的域名下(具体要看看你申请空间时,人家给你的开通信啊!),上传软件一般有CuteFTP、LeadFTP等
站点的维护
站点发布之后还要经常对站点进行维护。站点维护是指不断优化网站功能和更新网页内容。维护网站的目的是使网站的结构规划合理、内容与形式统一、主题鲜明,经常更新网页内容,让网站与时俱进。
转自: www.OftenGo.com
********************************************
一步一步教你创建自己的网站
经常有人问我
“我是一个新手,我能自己创建一个网站吗?”
“我在哪能找到创建网站所需的各种资源?”
......
若干次重复的回答之后,我决定设立这个网站来帮助那些正计划创建自己首个网站的人。我希望我能够用最简单的语言解释怎么做,如何寻找和选择服务以及其它和网站运作相关的信息。
如果你正打算将一个网站,那就开始跟着我一步一步的做吧。
Web
websitefreetips.com
0.你真的需要一个网站吗? - 请先试一下BLOG是否就是你想要的
1.给你的网站起名 -注册域名,如何选择一个好名字 -选择域名
2.给网站找个家 -网页主机
3.开始发布你的信息 -网页设计,使用网页模板快速完成网页设计
4.让你的读者很方便的和你联系 -电子邮件服务器
5.让你期望的读者都能找到你的网站 -在搜索引擎上登记
让你的读者更容易找到你 -提高你在搜索引擎上的等级
6.让所有人都知道你的存在 -推广你的网站
首先,可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样,是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次,要清楚学习它是用来做什么。
建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉office办公软件。当然,这些不是一定必须的
第一阶段:开始时最好是学些网页编辑软件,如:FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学,结合教程边学习边制作。
第二阶段:会用网页制作软件后,已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美,还是学习网页的核心技术吧!网页编辑语言(包括:html、css、javascript、asp、xml等)。你可以选择地学习。
第三阶段:结合你自己已掌握地知识来开发网站,可以开发出别人给你定义的目标网站。到了这个时候,你就成为真正的网站开发者了。
怎样制作网页,不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要,希望能够给想要学习制作网页的朋友一个参考。

一、工具
1、空间
网页做好了肯定是要发表上网的,所以必须先申请一个空间;免费的空间不是很稳定,容量又小,也不好申请,建议先买一个个人空间,大概有个20M以上的就可以了。
2、软件
推荐使用Dreamweaver8.0中文版,这个软件最大的特点就是“所见即所得”,也即是制作过程中看到的,便是到时发布到网络上的。
二、教程
花点时间,找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成,不外是文字、表格、图、动画还有就是背景音乐等几个大的元素,搞清楚如何将这些元素摆放进去,你也就算懂得如何制作网页了。
三、制作
开始时建议去下载一个比较简单的网页,在制作软件中将它打开,然后仔细观察人家的网页的构成,模仿它去填充各种元素,实践中再配合着教城,进度会快很多,记得也牢一些。
其实做网页并不难,但要做出有特色的网页来,那就非一朝一夕之功了。
一点个人的粗浅体会,不妥之处敬请指正。

网站设计八步骤
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。
四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
五、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
六、上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
七、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者。
★要想学做网页,首先得了解制作网页的工具。
制作网页主要有以下一些工具
Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能不咋地,我不太喜欢。
Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。
另外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。
此外还有一些网络编程工具,javascript、java编辑器等。
网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。
大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。
***************************************
关于网页制作
怎样设计网页
在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了……
在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。
其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓“功夫在诗外”,网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计制作的水平上,在于我们自身的美感以及对页面的把握上。
首先,我们要弄清楚网页设计的任务。
一、设计的任务
设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。
网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。
第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。
第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。
明确了设计的任务之后,接下来要想的就是如何完成这个任务了。
二、设计的实现
设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。第二部分为网页的制作,这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外,软件也是必需的。不能简单地说一个软件的好坏,只要是设计者使用起来觉得方便而且能得心应手的,就可以称为好软件。当然,它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。 接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都是在制作过程中产生的。设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。在制作的过程中,我们会碰到许多问题,其中最敏感的莫过于页面的颜色了。
三、色彩的运用
色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。
我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。
但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。
四、造型的组合
在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。
通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让观者在感受美的过程中领会设计的主题,从而实现设计的任务。
造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,而且能将网页上的各种元素有机的组织起来,它甚至还可以引导观者的视线。
五、设计的原则
设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。
统一,是指设计作品的整体性,一致性。设计作品的整体效果是至关重要的,在设计中切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯,是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。
分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者一目了然。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突,使设计更加富有生气。对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。
和谐是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣。这是设计能否成功的关键。
六、网页的优化
在网页设计中,网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。
在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页。
图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低,这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块,分别进行优化。输出的格式可以为gif或jpeg,要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。
表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。我们知道:浏览器在读取网页html原代码时,是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按"停止"按钮却一下显示出页面就是这个原因。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时,会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。
网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800*600下制作网页,最佳浏览效果也是在800*600分辨率下,在其它情况下只要保证基本一致,不出现较大问题即可。
说了这么多,只是希望能对做“网页设计”的人有所帮助,希望他们在做网页的时候能够从整体着眼,无愧于“设计”这两个字。
★建设自己的网站较好的步骤☆
必须注意的是:建立自己的网站是一件浩大的工程,一般比较麻烦。所以应当按照一定的步骤一步步来。
我觉得建站可以按照以下步骤进行:
1、先在本地设一个文件夹,作为网站存储的地方。名字最好取“My Sites”。
2、在网站文件夹里面建立一些文件夹,包括“images”等(存储图片、文件等),并且按照网页内容,再建立几个文件夹。(也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些)
3、打开你的网页编辑程序(例如FP、Dreamwear等),新建网页,保存为“index”(主页),重复以上步骤,在网站文件夹里面建立“search”(查找)、“map”(站点地图)、“index02”(网站简介等)。
4、按照上面步骤,再在网站分类文件夹里面建立许多网页(接着还要把内容输入网页)
5、已经做到了这么多,我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”,把准备好的文档、图片、程式、文件和网页特效等放进去。(可以加入一些动态网页)
6、慢慢把这些文件一个不漏的放进网页里面(要掌握技巧)
7、把网站充实了,就差不多了。这时应该申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。
8、把网站上传至空间里面,删了准备文件,就OK了!
不过也可以这样使用FP建站:
1、在FP里面选择新建站点。
2、然后在【导航】里面设置网页名称以及标题。
3、准备好文档、图片、程式、文件和网页特效等,把它们都充实进网站里面。
4、申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。
5、把网站上传至空间里面,删了准备文件。完毕。
如果使用Dreamwear来建站,那就更加高级啦!Dreamwear的功能很强大,安装了它的朋友们可以研究研究。
在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为:www.example.com/eg/eg.htm,也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字母等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。
在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中,提出了采用静态网页对搜索引擎的影响,书中对于静态网页本身的介绍比较少,尤其对于静态网页的特点没有做专门的介绍。 网络营销教学网站(www.wm23.com)将静态网页的特点简要归纳如下:
(1)静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?”;
(2)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;
(3)静态网页的内容相对稳定,因此容易被搜索引擎检索;
(4)静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;
(5)静态网页的交互性交叉,在功能方面有较大的限制。
网页制作软件的选择
选择一个适合自己的网页编辑工具
了解了网页的类型及相关技术之后,下一步,就是要选择一个适合自己的网页编辑工具。
Frontpage
Frontpage 是 Microsoft 出品的,可能是最简单、最容易,却又功能强大的网页编辑工具。采用典型的 Word 界面设计,只要你懂得使用 Word,就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系,"所见即所得"的操作方式会让你很快上手,而且你无须学习 HTML 语法。
但 Frontpage 的也有其不足之处:首先是浏览器兼容性不好,做出来的网页,用 Netscape 往往不能正常显示;其次,生成的垃圾代码多,也会自动修改代码,导致在某些情况下极为不便;再次,对DHTML的支持不好。但不管怎么说,Frontpage 的确是最好的入门级网页编辑工具。
常见的版本为 Frontpage98 和 Frontpage2000。
Dreamweaver
Dreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同,Deamweaver 采用的是 Mac 机浮动面版的设计风格,对于初学者来说可能会感到不适应。但当你习惯了其操作方式后,就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。
Dreamweaver 对于 DHTML 的支持特别好,可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客,由于是同一公司的产品,因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp,Jsp。因此,说Dreamweaver 是高级网页制作的首选并不为过。
常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0
flash
flash也是 Macromedia 公司的产品,Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人,没有一个不想掌握它的。它不但易学、易用,而且可以做出有很多动画的网站,并且声色结合,是一种很有前途的网页制作技术。
firework
firework也是 Macromedia 公司的产品,是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密,只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ,那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然,Fireworks 可以引用所有的 Photoshop的滤镜,并且可以直接将 PSD 格式图片导入。它是用来画图用的,它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果,也只需用鼠标点一下,不必再靠什么KPT 之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式,提供安全色盘的使用和转换,要切割图形、做影像对应(Image Map)、背景透明,要图又小又漂亮,在Fireworks 中做起来都非常方便,修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件,切换来切换去的了。
Dreamweaver、Flash、Firework称为网页制作三剑客,将三个软件配合起来使用,会制作出非常精美的网页
gifanimator
Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具,它在一个软件包中提供了顶级的功能,用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式,包括视频文件,并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码,以便将动画嵌入到网页中,并且可以将动画打包成独立的 EXE 文件,以便通过电子邮件发布和在任何地方来查看。
制作主页
制作主页无非是添加文字、添加图片、添加链接,跟用word没什么区别,经过简单的学习后,你就会制作主页了!但是,要作出高水平的主页那要学的东西就太多了,不过总结起来就是html,图形制作,动画制作,页面特效制作和后台程序制作几个部分。
申请的主页空间,把你制作的主页传上去
我们制作的页面放在我们自己的计算机上,别人是不能看见的。为了让别人看见我们制作的页面,我们必须将他们放到一台和internet一直连接的计算机(服务器)上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP(文件传输协议)工具软件将我们制作的页面传上去。这样,就可以让大家来分享我的精彩页面了。
常见的FTP工具软件有cuteFTP、leapFTP等,其功能和使用方法都比较类似,具体使用方法可参见本站想应的文章。
可能你开始的主页只是非常简单, 但是这是你的第一步,也是良好的开端,然后再一步步学习:如何把网页制作漂亮一些?如何制作动画?对于新手,千万不要一下子就想:我看到某某某网页这么漂亮,它是怎样做出来的?我很想马上做出来,于是马上就去研究复杂的网页,这样你会发现网页制作很难,学两下就放弃了,这样永远学不会制作主页。想当初,我对于我的网页能产生链接也高兴了半天,于是产生了更大的兴趣。记住:一步一步来,不要一下子想成为高手,否则很难成为高手。