导航:首页 > 万维百科 > 新手网页设计作品欣赏

新手网页设计作品欣赏

发布时间:2020-11-10 03:56:14

1、新手如何做好网页美工设计

导语:当你看到一个新颖很有画面感的网页时候,可能你更多考虑到的是其中的美妙或者产品,你是否有想过,这样一个网页的背后是如何来设计或者美化的吗?当你点击开一个链接,被其中一个产品或者一个海报所吸引,你又是否想过是什么样的因素这样牵引着你进一步去点入的呢?其实这些都离不开网页美工设计,也许你有网页美工设计的一些经验,那么你是否知道什么样的设计或者细节能够更加的吸引人呢?今天小编就带领大家一同来了解一些网页美工设计的问题。
网页美工设计,即网页美术工程师。很多人都听过这个职业,但是,你知道网页美工是做什么的 吗?网页美工的职责是图形设计、交互设计,以及用户测试/研究。网页美工设计负责的图形设计,即传统意义上的“美工”。不过不是单纯意义上美术工人的工作,既然搭上了“网页”的头衔,因此他们负责的是软件产品的产品“外形”设计。
交互设计主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。网页美工要负责这点,相信很多人都不知道,因为在大众的印象中,美工只要负责视觉效果就可以了,但仅仅是视觉设计,作为一名合格的网页美工,那是远远不够的。而第三个网页美工的职责:用户测试/研究,网页美工设计目标是测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量网页设计的合理性。另外,对于网页美工的.职能,不少人还存在着一个误区,那就是认为网页美工精通CSS/HTML/JAVASCRIPT等语言来做网页布局,其实这是不正确的,网页布局的工作应该是由前端开发工程师来完成的。
如何做好网页美工设计,对于新手而言,这还有些小小的难度,尤其是当网页美工设计由几个人接手的时候。不过,其实只要掌握好几点,网页美工设计其实也不是十分困难的一件事。在网页美工切图设计之前,我们先基于ps进行新建文件设置,在设置的时候需要注意以下几点:
1、一定要做好网页宽度的设置设计,一般网页宽度有760PX、900PX、1000PX等,最好不要超过1200PX的宽度,高度没有限制。大多数做网站的公司都有一个比较合理的标准。
2、作为网页背景、网页图标的要清晰,在网站设计的时候比较注重。所以在切图的时候不要切出来的效果与设计的效果相差太大。
3、有特效地方,有必要设计出特效样式,以便DIV CSS制作的时候切图使用。

2、新手如何网站设计、网页制作入门?

C语言必学,HTML必学,JS必学,VB必知,SQL必知,PHP必学,就是这么个顺序!

3、html新手题目求解答和该如何学习网页设计

网页设计,是设计,就是美工PS,html是制作,请尽量区分开
最基础的学习手册:w3school 在线教程
看题,应该只是涉及到 html+css,功能实现不难
html主要用到的标签:
表格table > tr > td(th)
表单form > input(text/password/radio/checkbox/submit)
css需要用到的样式:
颜色color
字体大小font-size
表格里内容对齐text-align(left居左/ center居中/ right居右)
表格边框:border

4、新手开始学习网页设计需要怎么开始?

我引用一下我之前给别人回答的问题把:
我的回答:
===================================================================
网页设计技能篇:CSS、HTML、JavaScript这三个都是硬性需求,你理解的越深,对你的帮助越大。

框架:jquery等,只是帮助你更好的完成工作,比如运动特效等,但是你不能太依赖,corejs才是王道。

php(后端语言):首先掌握必要的php知识是需要的,因为前后端必须要交互,至于想上岗的话只要不了解也没关系,因为都是在工作中学习的。

工具:dw,ps等都是你工作中的工具,提高你的工作效率。浏览器工具:帮助你调试网页其他知识:

http协议,正则等,都能给你加分。================================================================

上面是我之前给一个想成为前端的同学的回答。
这么说把,如果你想制作网页的话,那么了解html+css+js就够了。
但是你要做网站的话,就需要了解后端的语言,比如php呢。。

希望我的回答对你有用~~一起加油!

5、作为一个网页设计新手该如何下手?

您好,【三佳网页设计】为您解答
如果您是网页设计新手,建议您可以去购买一些书籍看下自学,比如:精通css+div。多了解网页设计方面的知识。也可以在网上找些视频看看。
或者您也可以去报个培训班来系统学习下。这样提升比较快,上手也比较快。
学习其实是一个过程,慢慢来。只要坚持下去,就一定会成功的。
希望可以帮到您!

6、求几个适合刚从事工作的新手看的网页设计教程网站或者交流网站

其实网页设计最重要的是练习设计感,而练习之前首要的任务就是多看一些优秀的作品来引导你的设计思路,站酷中其实也并非全部都是好作品,这只是一个设计师的交流网站,好的坏的作品都会有人上传,所以你就尽量多看一些好的作品呗,开始就先以模仿为主,而模仿的过程中重点是多做,只有你多多制作才能达到练习的目的;
而学习网页设计代码方面(div+css),从我个人角度来说,新手从基础开始学习并没有什么不好,反而基础会更扎实,但是学习周期会比较长,我个人比较推荐新手了解了一些基本知识之后就直接去看优秀的网页代码,而不是自己学一点做一点,我以前自己学习的时候就是直接找一些好的网页模板进行修改成我设计的界面,前提是我设计的界面布局要跟模板差不多,这样我就通过各个部分的修改来了解之前各个布局及样式的意思和作用,有一些不懂的地方就去百度找答案,当把一个模板完全改成自己的界面的时候,网页设计估计也能初步掌握了,然后自己再半参考性的自己独立写代码,这样学习的速度是比较快的;
很多人都说学习东西兴趣比较重要,但是要有兴趣的前提是你必须要搞明白那是什么东西,很多人搞不懂才会觉得没兴趣,脑子里没有一个认知思维当然学不会,小时候我们上学也就是这样一个道理;
我给你推荐一个自学网站和设计网站,希望能帮到你
http://www.divcss5.com/
http://www.uimaker.com/
http://www.lanrentuku.com/

最后给你一个建议,你学习设计的风格建议你往欧美风格走,像网上的一些韩国模板虽然可以参考,但是我个人觉得大部分的韩国模板都不太实用,姑且看看就好,如果你觉得有地方可以借鉴也行,当然,我这里只是建议,别被我的话束缚了思维

7、有哪些适合网页设计新手看的书

你要现在转肯定是从网页前台开始学习,你主要要会PS、DW(其中主要的就HTML+CSS必须会然后是 JS这个你其实可以借用别人封装好的然后调用,但是自己会的话会更好这个你自己具体工作中就会体会到的)、AI会了最好,能让你做的东西增色不少。建议你不要看什么这个设计那个设计的书,国内的大多千篇一律都是教你怎么用软件,这个东西是个人都能自学会。主要的是设计网页的理念,推荐你去看看1本设计书,也非常便宜40以内的,名字叫“网页设计创意书(卷2)(Web页面的视觉盛宴 设计师的灵感源泉)”。这个就是告诉你设计师的思维是个什么样的,比国内那些什么破设计书强太多了,这个是我看了很多书以后才找到的,说实话你看了以后就知道为什么人家国外的网站风格能够引领着国内的网站风格了(我不是崇洋媚外的,但要尊重事实)。还有你主要是要看你将来要从事哪方面的网页设计,这个风格上是不一样。如果是要找工作最好定位的细一点这样能够最有效率的有的放矢。本人也对这个很有兴趣才去学习网页设计的,现在才工作不久,虽然设计东西还比不上很多前辈们,但是能有这样的环境其实就足够往深入发展的了,不断努力就好。还有现在招聘都是要带自己的作品的,学完后自己要设计几个作品就最好了。

8、我是新手,请给我推荐一些网页代码设计入门的书籍

高一啊,不错不错。其实你随便拿一本书,只要认真看就能做东西。我就是这样过来的

9、网页设计新手如何开始

首先,可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样,是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次,要清楚学习它是用来做什么。 建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉office办公软件。当然,这些不是一定必须的。下面介绍一下网页制作学习过程。 第一阶段:首先你不要一开始就做网页,要知道和了解网页的一些网页基本知识和原理,这一点很重要,那样你会避免在制作网页的过程中的很多误区。比如什么是超链接,绝对链链接与相对链接的区别;什么是动态网页,什么是静态网页;还有IP与域名的关系等等。原理了解之后,就开始学些网页编辑软件,如:FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿书本教程来学学,结合教程边学习边制作。在学习编辑软件的过程中,你就要逐步接触html语言,然后是css,最后子解一下javascript,在这一学习过程你最好静下心来学,不要到网上或论坛上问这问那,那只是浪费时间,因为你还不懂。。会用网页制作软件后,已会制作一个较完整的网站了。但是要知道你目前学习的还仅仅是静态的网页,当你能够做出一个静态网站,并会将其发布到网上与网友们分享的时候,你的第一个过程就算完成了第二阶段:好了,静态的网页制作差不多的时候,你可以去网上与网友交流交流了,那时你会发现自己的水平还很有限。现在你需要由静态向动态过渡了,主流的动态网页编程语言有三种asp或asp.net、php、jsp.每种都有各自的特点,看你喜欢那种,要三种都精通那是比较不实际的吧,也是没有必要的。这一个过程也是个很关键的过程,你要系统得学习一种语言,还要学会动态网页动行环境的搭建,还有数据库方面知识。记住要根据你自己的实践情况慎重地选择一种,不要学了一种又学那一种,结果一样也没有学会。我有切身体会,但是每一样稍作了解是必要的,要不你怎么先择啊,是吧?第三阶段:结合你自己已掌握地知识来开发网站,可以开发出别人给你定义的目标网站。到了这个时候,你就成为真正的网站开发者了。这时你可以加入一个团队了,接下来的知识的学习是靠实践和交流了,你可以上论坛去,有些知识书本上是学不到的。这一个阶段你可能是漫长的,你只能不断得充实自己。 怎样制作网页,不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要,希望能够给想要学习制作网页的朋友一个参考。

满意请采纳

10、HOW FROM 一个网页新手 TO 一个网站设计师?

★建设自己的网站较好的步骤☆ 必须注意的是:建立自己的网站是一件浩大的工程,一般比较麻烦。所以应当按照一定的步骤一步步来。 我觉得建站可以按照以下步骤进行: 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)静态网页的交互性交叉,在功能方面有较大的限制。 网页制作软件的选择 u 选择一个适合自己的网页编辑工具 了解了网页的类型及相关技术之后,下一步,就是要选择一个适合自己的网页编辑工具。 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 文件,以便通过电子邮件发布和在任何地方来查看。 u 制作主页 制作主页无非是添加文字、添加图片、添加链接,跟用word没什么区别,经过简单的学习后,你就会制作主页了!但是,要作出高水平的主页那要学的东西就太多了,不过总结起来就是html,图形制作,动画制作,页面特效制作和后台程序制作几个部分。 u 申请的主页空间,把你制作的主页传上去 我们制作的页面放在我们自己的计算机上,别人是不能看见的。为了让别人看见我们制作的页面,我们必须将他们放到一台和internet一直连接的计算机(服务器)上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP(文件传输协议)工具软件将我们制作的页面传上去。这样,就可以让大家来分享我的精彩页面了。 常见的FTP工具软件有cuteFTP、leapFTP等,其功能和使用方法都比较类似,具体使用方法可参见本站想应的文章。 可能你开始的主页只是非常简单, 但是这是你的第一步,也是良好的开端,然后再一步步学习:如何把网页制作漂亮一些?如何制作动画?对于新手,千万不要一下子就想:我看到某某某网页这么漂亮,它是怎样做出来的?我很想马上做出来,于是马上就去研究复杂的网页,这样你会发现网页制作很难,学两下就放弃了,这样永远学不会制作主页。想当初,我对于我的网页能产生链接也高兴了半天,于是产生了更大的兴趣。记住:一步一步来,不要一下子想成为高手,否则很难成为高手。

与新手网页设计作品欣赏相关的知识