作为一项综合性较高的工程,网页设计入门容易,但是要真正做到大神级是有一定难度的。自学,作为时代青年的追求知识的非教育途径,是一种值得鼓励的方法。接下来小编告诉你网页设计怎么。
准备知识,包括学会使用各种前面提到的工具软件。
认真思考自己要做的网站内容及用途来确定制作网页的风格。但总体网页设计要遵循一些必要的隐性要求:
1.简洁性:能让浏览者一目了然,不使浏览者感到繁琐并且无法找到其所需内容。
2.突出主题:一个没有主题的网页同样会使人失去浏览的兴趣。
3.实用性:一个网页即使漂亮倘若对浏览者一无所用也无法吸人眼球。有一句话说:只有被需求才能生存。
搜集资料,比如网页中可能要用到的图片,文字及其它内容。善于使用搜索引擎如百度,谷歌,来查询自己所需的资料。
善于使用网络上已有的信息及内容,比如一些开源的代码等。(网络是一个大杂烩,各种信息鱼目混珠,各色人物鱼龙混杂,要学会辨别。)
关注自己所制作网页的内容与社会时代的相符性,及时更新网页版面。
将目光放长远,不断学习。如今互联网的发展极其神速,各种技术日新月异。只有不断的学习进步,才能跟得上时代的潮流,你的网站才能立于不败之地!
2如何自学网页设计
自学攻略
HTML——这种不是什么深奥的程序语言,它的简易程度是最低的,也是最基础的。而入手它,完全可以通过一个网站W3CSchool,把基础的代码还有知识结构记下。其实HTML就是对网页内容的分类。而我们只要知道如何分类。
[图片0]
CSS——层叠样式表的难度和HTML几乎可以持平,但是他能实现的效果就卓越的多了。DIV+CSS的布局是当今网页设计的主流。所以此处应该用心学习,建议是订购一两本相关的图书,在网上看的话,是无法深度专研的。初学者不推荐《CSS禅意花园》之类进阶著作(虽然网上有很多牛人在说必看必看的)。
Javascript——客户机端的脚本语言,也是当下相当热们的语言,他比C语言之类的面向对象的简单,是WEB程序设计中的主力之一,难度系数也自然而然提高了。学习这些之类的,单单看几本书是搞不定问题,要找一些自学的视频,网上的资源很多,但是我觉得专心于一个就行了,慢慢来。你终会收获。
服务器语言———这是运行在服务器的,种类也很多PHP、ASP、JSP,在网页设计的中难度系数是五颗星的。
小技巧
学会“偷”代码,此偷非彼偷。找到自己想要的效果,在预览中对比,修改并且消化成自己的东西。当然,动手尝试是所有高手进阶的必经途径。
3网页制作的基本流程
网页设计流程的第一步就是要弄清楚网页设计的任务
一、设计的任务:设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。 网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。 第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。 第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。 第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。 当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。 明确了设计的任务之后,接下来要想的就是如何完成这个任务了。
网页设计流程的第二步就是设计的实现
设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。第二部分为网页的制作,这一过程是在计算机上完成的。 设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外,软件也是必需的。不能简单地说一个软件的好坏,只要是设计者使用起来觉得方便而且能得心应手的,就可以称为好软件。当然,它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。 接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都是在制作过程中产生的。设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。在制作的过程中,我们会碰到许多问题,其中最敏感的莫过于页面的颜色了。
网页设计流程的第三步,即色彩的熟练运用
色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。 我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。 色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。 单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。 但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。
网页设计流程的第四步:造型的组合
在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。 通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。 通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让观者在感受美的过程中领会设计的主题,从而实现设计的任务。 造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,而且能将网页上的各种元素有机的组织起来,它甚至还可以引导观者的视线。
4怎么从简单的网页设计做起
1.整体布局
网站主页就好象是宣传栏或者店面——对访问者产生第一印象,都希望尽量给人留下好的印象,不是吗?
2.信息
无论商业站点还是个人主页,你必须给人们提供有一定价值的内容才能留住访问者,因为我们人类总是惟利是图,第一个问题总是:“对我有什么用处?”
3.网络速度
页面下载速度是网站留住访问者的关键因素,如果20—30秒还不能打开一个网页,一般人就会没有耐心。至少应该确保主页速度尽可能快,最好不要用大的图片。
应该时时提醒自己,网站首页就象一个广告牌。当开车经过一个广告牌时,没有时间阅读上面的详细说明,也不可能赞赏其复杂的图案,广告标志从眼前一闪而过,必须在一瞬间给人留下印象。
4.图形和版面设计
图形和版面设计关系到对主页的第一印象,图象应集中反映主页所期望传达的主要信息。
图片是影响网页下载速度的重要原因,根据经验,把每页全部内容控制在30K左右可以保证比较理想的下载时间。图象在6—8K之间为宜,每增加2K会延长1秒钟的下载时间。
5.文字设计
提高文字可读性的因素是你所选择的字体,通用的字体(Arial, Times New Roman, Garamond and Courier)最易阅读,特殊字体用于标题效果较好,但是不适合正文(试想浏览整页的 Gothic, script, Westminster, or Cloister会是怎样的感受)。因为阅读费力,你的眼睛很快就会疲劳,不得不转移到其他页面。
的颜色也很重要,不同的浏览器有不同的显示效果,有些在你的浏览器上很漂亮的颜色在其他浏览器上可能无法显示。
文字的颜色也很重要,不同的浏览器有不同的显示效果,有些在你的浏览器上很漂亮的颜色在其他浏览器上可能无法显示。
6.导航
由于人们习惯于从作到右、从上到下阅读,所以主要的导航条应放置在页面左边,对于较长页面来说,在最底部设置一个简单导航也很有必要(只要两项就够了:主页|页面顶部)。
确定一种你满意的模式之后,最好将这种模式应用到同一网站的每个页面,这样,浏览者就知道如何寻找信息。