网页制作需要那些步骤

作者&投稿:双义 (若有异议请与网页底部的电邮联系)
~

网站设计,包含的内容非常多。大体分两个方面:

一方面是纯网站本身的设计比如文字排版,图片制作,平面设计,三维立体设计,静态无声图文,动态有声影像等;

另一方面是网站的延伸设计,包括网站的主题定位和浏览群的定位,智能交互,制作策划,形象包装,宣传营销等等。

这两方面相辅相成(感觉有点象写辨证论文:),加之网络技术的飞速发展,要提出一个绝对正确和权威的设计思路是不可能的,要想在一篇文章中概括出来也很难,所以,根据建设一个网站的思路,将自己几年来网站设计制作的心得整理成一个系列“讲座”,告诉给大家(注意:我并不会非常具体地讲某一个技术或制作技巧,重点在于思路)希望能给您一些帮助。下面是大致的提纲:

1.定位你的网站主题和名称

2.定位你的网站CI形象

3.确定你的栏目和版块

4.网站的整体风格创意设计

5.网站的层次结构和链接结构

6.首页的设计

7.版面布局的窍门

8.色彩的搭配

9.效果与速度

10.替浏览者考虑

11.细微之处见功力

12.建设完成度与推出时间

13.交互性与亲和度

14.考虑不同的浏览器和分辨率

15.字体的设置和表格的嵌套

16.新技术的运用取舍

17.设计好你的banner和位置

18.语句文字——融入感情

19.对网站设计初学者的建议

以上是本“系列”文章的提纲,会根据实际撰写情况作些变动。我们开始之前,首先明确几个前提:

一.网站设计与网站制作。我们说网站“设计”而不是网站“制作”,它们的区别在于设计是一个思考的过程,而制作只是将思考的结果表现出来。一个成功的网站首先需要一个优秀的设计,然后辅之优秀的制作。设计是网站的核心和灵魂,一个相同的设计可以有多种制作表现的方式。

二.我们说的“网站”是指有确定主题和明确目的的实用性站点,不包括纯表现类或者纯文字类网站。

三.在文章中,可能举例说明或点评到某些具体站点。

定位你的网站主题和名称

设计一个站点,首先遇到的问题就是定位网站主题。

所谓主题也就是你的网站的题材。网络上的网站题材千奇百怪,琳琅满目。只要你想的到,就可以把它制作出来。下面是美国《个人电脑》杂志(PCMagazine)评出的99年度排名前100位的全美知名网站的十类题材,对我们有一些参考价值。

第1类:网上求职

第2类:网上聊天/即时信息/ICQ

第3类:网上社区/讨论/邮件列表

第4类:计算机技术

第5类:网页/网站开发

第6类:娱乐网站

第7类:旅行

第8类:参考/资讯

第9类:家庭/教育

第10类:生活/时尚

每个大类都可以继续细分,比如娱乐类再分为体育/电影/音乐大类,音乐又可以按格式分为MP3,VQF,Ra,按表现形式分古典,现代,摇滚等。以上都只是最常见的题材,还有许多专业的,另类的,独特的题材可以选择,比如中医,热带鱼,天气预报等等,同时,各个题材相联系和交叉结合可以产生新得题材,例如旅游论坛(旅游+讨论),经典入球播放(足球+影视)按这样分下去,题材可以有成千上万个,你不会再为题材重复,难以选择而烦恼了吧:)

对于题材的选择,我的建议是:

1.主题要小而精。定位要小,内容要精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。网络的最大特点就是新和快,目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示,网络上的“主题站”比“万全站”更受人们喜爱,就好比专卖店和百货商店,如果我需要买某方面的东西,肯定会选择专买店。再举个例子,我的一位网友KK希望制作文学方面的题材,但是文学也包括许多许多内容,有小说,诗歌,散文;有科幻,武侠,推理;仔细了解了他的擅长和想要提供的主要内容,最后将题材定位在网络文学上,删除了原有的一些无关的文学作品,集中扩大和整理网络文学作品。网站推出后,很快受到大家的喜爱。

2.题材最好是你自己擅长或者喜爱的内容。比如:您对擅长编程,就可以建立一个编程爱好者网站;对足球感兴趣,可以报道最新的战况,球星动态等。这样在制作时,才不会觉得无聊或者力不从心。兴趣是制作网站的动力,没有热情,很难设计制作出杰出的作品。

3.题材不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;比如软件下载,免费信息。“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。除非你下决心和有实力竞争并超过它,记住,在互联网上只有第一,人们往往只记得最好的网站,第二第三名的印象则会浅得多。

OK,如果你已经有一个绝妙的主意了,那我们开始为网站起名字。您可能认为起名字与网站设计无关。其实网站名称也是网站设计的一部分,而且是很关键的一个要素。你来看,“电脑学习室”和“电脑之家”显然是后者简练;“迷笛乐园”和“MIDI乐园”显然是后者明晰;“儿童天地”和“中国幼儿园”显然是后者大气。我们都知道PIIICUP的中文名称“奔腾”,如果改为“奔跑”,可能就没有今天这么“火”了:)。和现实生活中一样,网站名称是否正气,响亮,易记,对网站的形象和宣传推广也有很大影响。一般的建议是:

1.名称要正。这个“正”是自己的说法,其实就是要合法,和理,和情。不能用反动的,色情的,迷信的,危害社会安全的名词语句。

2.名称要易记。根据中文网站浏览者的特点,除非特定需要,网站名称最好用中文名称,不要使用英文或者中英文混合型名称。例如:beyondstudio和超越工作室,后者更亲切好记。另外,网站名称的字数应该控制在六个字(最好四个字)以内,比如“XX阁”“XX设计室”,四个字的可以用成语,如“一网打进”。字数少还有个好处,一般友情链接的小logo尺寸是88X31,而六个字的宽度是78左右,适合于其他站点的链接排版。

3.名称要有特色。名称平实就可以接受,如果能体现一定的内涵,给浏览者更多的视觉冲击和空间想象力,则为上品。这里举几个人个认为很好的名称:音乐前卫,网页陶吧,天籁绝音。在体现出网站主题的同时,能点出特色之处。

总之,定位题材和名称是设计一个网站的第一步,也是很重要的一部分。如果能找到一个满意的名称,花一天时间翻字典也是值得的。

★★★★★★尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool3d、GifAnimator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。

★★★★制作网页主要有以下一些工具

Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能不咋地,我不太喜欢。

Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具,javascript、java编辑器等。

网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。

大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。

总之,掌握好网页制作,能独立完成一个网站的制作工作,那就不要考虑吃饭问题。随便混就好了!

★★★★祝你成功。

★你可以结合Dreamwaver和Photoshop来制作网页。

Dreamwaver可以到这里下30天试用版,不过要先登记一个免费帐号,product=dreamweaver

★在网上有这方面的教程

(中国建站专家)

主页和个人空间

(中华网)

建议使用网页制作三剑客Dreamweawer+Firework+Flash或使用Frontpage

★★★★★★老实说这是别人告诉我的....★★★★★★设计模板

切割模板

制作html文件




H5页面制作有哪几个步骤?
制作H5的流程要分为:H5项目制作流程:策划、创意文案、平面视觉、动画交互、前后端的开发、推广等方面 很多答主写的比较笼统,或者比较深奥,不少读者看不懂但觉得好专业,看就就完了,对大部分知友来说毫无意义的回答……咳咳,话说回来,虽然很早的H5项目制作,或者现在有些大厂还是靠团队分工,策划,...

word制作目录页详细步骤
标题三等3首先我们选中一级标题文字,然后点击上方的标题一,可以看到。word中制作目录的 方法 一 步骤一右键单击,新建一个word文档,修改名称为论文,并双击打开word中制作目录的方法图1 步骤二页面显示比例有点大,按住ctrl键,滚动鼠标滑轮调整界面大小,调节至正常大小即可w;在word中点击引用编辑...

简答题: 制作网页的步骤
5、测试网页兼容性你可以不必严格按照W3C标准来制作页面,但是你必须保证让所有现有的浏览器能比较好的展示你的作品。6、发布站点测试完毕,符合你的要求,当然就可以开始发布你的网站了,发布的服务器可以是远程,也可以是本地,各个语言有各自的相应的服务器,比如ASP,就应该对应的是ASP服务器,上传可...

海报详情页怎么设计?详情页海报主图怎么做
排入产品的信息和尺码,继续往下排一些模特照片。4 选中切片工具 图文都排好后,在左侧选中切片工具,在详情页框选要切图的地方,高度不超过1100PX。5 点击存储 切片画好后,点击文件-导出-存储为Web所用格式,设置好JPEG格式,点击存储即可。END 总结:以上就是关于商品详情页怎么制作的具体操作步骤,...

宣传册页设计流程
如果是设计产品画册必须准确传达产品的功能、特性、用途、服务等,同时给受众带来卓越的视觉感受,进而获得在选购和使用之后的价值提升。有效的宣传画册页设计步骤 顺利完成画册设计项目是设计师和客户的共同追求,这需要设计师和客户之间的有效沟通和相互配合。一般需要做好以下几点:一、前期准备 一是收集信息...

淘宝详情页是怎么做的。
注意:但是成人类目的手机端的淘宝详情页需要经过审核才能显示的呢。最近好像很多卖家朋友新开淘宝店铺以后都不知道如何制作淘宝详情页,作为一名混迹淘宝美工江湖9年的资深设计师,雷霆策就跟大家讲解一下宝贝详情页设计的操作步骤。在制作之前需要先策划好页面需要的内容,确定详情页一共需要几个模块,然后准备好产品的照片和...

版面设计制作-页面版式设计的基本步骤有哪些
通常海报的版面分割分为横向分割、纵向分割、纵横交叉分割、变异性分割等方式。当人在观看某一个视觉点时,视线很快会集中到这个点上,并保持不动。海报的排版要科学利用海报构成要素强调与吸引、反差与空白、均衡与变化、运动与节奏的原则设计。而海报的内容主要包括:标题、正文、插图、边框等。它的制作步...

怎么制作网页有哪些基本流程步骤
自助式的建站有点像自助餐,东西都是给你的,你可以自己动手做。那其实平台方已经为我们开发了一个网站生成系统。登陆后自由设置网站内容,包括模板,样式,页面布局,网站栏目,功能等。这种产品一般都很便宜,因为开发者的运营成本不高,所以适合一些不想多投入的网站需求。怎么制作网页 ...

三折页宣传册设计步骤是什么?
能更好引导读者去浏览内容。3、字体的选择 设计三折页宣传册时,不只是放图片,还要搭配个性化、艺术性字体来描述和衬托,让字体和整体格调统一,一些重要页面描述时,为了能更好衬托重要性,字体用高级的设计,和常规尺寸的文字形成很大差异化。要记住,合理的布局,才能让用户更容易记住。

怎么制作详情页
然后,将代码复制到详情页的代码 中。 问题四:淘宝详情页该怎么制作 我可以给你制作 问题五:淘宝详情页是怎么做的。 步骤: 1、只要商家的店铺在淘宝、天猫、QQ网购、拍拍、阿里巴巴等这几个平台中,都是可以批量抓取商品来制作数据包或者直接上传至其他店铺的。 使用到店铺复制功能 2、如图,按提示操作,先...

聂拉木县13322721256: 网页制作的基本步骤是什么? -
经衫缩宫: 网页制作的基本步骤是:要注册好域名、服务器空间的创建、掌握建站软件、开展网站升级改造和网络营销推广等等.1、要注册好域名. 浏览网站是不能用网站域名的,并不是越多越好,只是尽量做到简洁,关于建站方便记忆,这需要我们...

聂拉木县13322721256: 网页制作有哪些步骤 -
经衫缩宫: 网页制作基础步骤 主要内容介绍: 一、构成网页的基本要素 二、制作及美化的基本工具 三、网页制作的基本步骤 四、界面设计及交互研究探讨 五、实例制作演示 一.构成网页的基本要素 1.文字(标题、字号、字型...) 2 图形(网页上经常使...

聂拉木县13322721256: 做网页的步骤有哪些?
经衫缩宫: 要想学做网页,首先得了解制作网页的工具. 下面给你看看制作网页的步骤. 一、确定网站主题 二、搜集材料 三、规划网站 四、选择合适的制作工具 五、制作网页 六、...

聂拉木县13322721256: 我想制作一个网页,请问需要哪几个步骤? -
经衫缩宫: 制作一个网页需要九个步骤.1、准备内容 在域名注册查询网址之前就应该先搜集至少「一百页」的内容,这些e69da5e6ba90e799bee5baa6e997aee7ad9431333431366236内容必须是有价值的、不违反著作权的内容.2、网址 想个比较有意...

聂拉木县13322721256: 制作网页的步骤 -
经衫缩宫: 主域数字网络 教你网站制作 网站设计八步骤 由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样.一般初学者经过短暂的学习就可以学会制作网页...

聂拉木县13322721256: 制作网页有哪些步骤!
经衫缩宫: 制作网页的步骤必须从基础最基本的HTML 即使你的天赋很好至少也要适应一两个月. 2、学习布局DIV+CSS样式还有一种就是TABLE+CSS样式布局了.学习了这前面两个网页你就会创建静态网页,所谓的静态网页就是不能随时更新内容的....

聂拉木县13322721256: 制作网页的具体步骤是什么? -
经衫缩宫: 网站设计八步骤 由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样.一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常...

聂拉木县13322721256: 网页制作的基本步骤 -
经衫缩宫: 准备网站资料--确定首页--切图--套程序--测试--传资料--OK

聂拉木县13322721256: 网站制作流程是什么? -
经衫缩宫: 一、确定网站主题网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题.必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象.网站的主题无定则,只要是你感兴...

聂拉木县13322721256: 制作网页的有哪些步骤?
经衫缩宫: 1、 网页设计 需求和定位都确定好了就要开始进行网页的设计工作,设计的时候就要考虑好网站的风格和表现形式,这些都需要根据之前对需求的了解和网站定位的考虑.一般ui设计公司都会有专门的ui设计团队,针对网页设计进行方案制作.最终由甲方来进行确认. 2、 网站前端开发 网页的整体设计完成之后就要进行前端开发的实现,让方案通过编程制作成可在网页上展现的网页页面.这个部分就需要考虑好代码的工整和设计的高还原度.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网