设计网页的网站

http://www.uisdc.com/http://www.68design.net/http://www.w3cn.org/index.htmlhttp://zh.learnlayout.com/http://www.zcool.com.cn/这些是个人收藏的一些关于网页设计学习的网站，初学者建议先学一下网站重构和软件的应用，加一些设计的QQ群，纯手打，望采纳。

网页设计标准尺寸： 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间。就不会出现水平滚动条和垂直滚动条。 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、在PS里做的图到了网上就不一样了，颜色等等方面，因为WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象。 页面标准按800*600分辨率制作，实际尺寸为778*434px 页面长度原则上不超过3屏，宽度不超过1屏 每个标准页面为A4幅面大小，即8。5X11英寸 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px 另外120*90，120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K 标准网页广告尺寸规格： 一、120*120，这种广告规格适用于产品或新闻照片展示。 二、120*60，这种广告规格主要用于做LOGO使用。 三、120*90，主要应用于产品演示或大型LOGO。 四、125*125，这种规格适于表现照片效果的图像广告。 五、234*60，这种规格适用于框架或左右形式主页的广告链接。 六、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。 七、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。 八、88*31，主要用于网页链接，或网站小型LOGO。 广告形式 像素大小 最大尺寸 备注 BUTTON 120*60（必须用gif） 7K 15*50（必须用gif） 7K 通栏760*100 25K 静态图片或减少运动效果 430*50 15K 超级通栏 760*100 to 760*20 共40K 静态图片或减少运动效果 巨幅广告 336*280 35K 585*120 竖边广告 130*300 25K 全屏广告 800*600 40K 必须为静态图片，FLASH格式 图文混合 各频道不同 15K 弹出窗口 400*300（尽量用gif） 40K BANNER 468*60（尽量用gif） 18K 悬停按钮 80*80（必须用gif） 7K 流媒体 300*200（可做不规则形状） 30K 播放时间小于5秒60帧（1秒/12帧） 网页中的广告尺寸： 1、首页右上，尺寸120*60 2、首页顶部通栏，尺寸468*60 3、首页顶部通栏，尺寸760*60 4、首页中部通栏，尺寸580*60 5、内页顶部通栏，尺寸468*60 6、内页顶部通栏，尺寸760*60 7、内页左上，尺寸150*60或300*300 8、下载地址页面，尺寸560*60或468*60 9、内页底部通栏，尺寸760*60 10、左漂浮，尺寸80*80或100*100 11、右漂浮，尺寸80*80或100*100以上几种说法可能有点小的出入，大家可以探讨一下。

网页设计，不知道你是单纯的设计还是设计加制作。现在来说，设计软件越来越多，可以选择的余地比较大。以前流行的说法是网页三剑客：Dreamweaver、firework、flash。现在来说，个人还是喜欢：设计类：Photoshop（数字）、illustrator（矢量）、flash（动画）。网页编程类：Dreamweaver（html+div+css）myeclipse eclipse notepad++ editplus等等很多优秀软件。

全球顶尖的网页设计，案例分享网站:Awwwards - Website Awards 说明：该网站是一个展示网页设计作品的站点，提供网页设计师们的网页设计作品欣赏，并且创办了最佳网页设计奖项，为那些最优秀的网页设计师评选并获得奖励。&oq=说明：该网站是一个展示网页设计作品的站点，提供网页设计师们的网页设计作品欣赏，并且创办了最佳网页设计奖项，为那些最优秀的网页设计师评选并获得奖励。2.网页设计作品案例分享，设计师的灵感库：网页链接说明：该网站收集了500个来自Behance最优秀的web设计。

1 课题开发背：课题开发背景就是网站在市场中的需求， 2 课题目的：课题目的开发此网站的意义 3 课题意义：同上 二课题介绍及相关技术分析：1总体设计思想：网站的整体框架2网站开发工具分析：开发网站使用的技术,具体实现网站的功能步骤和难度分析.

一、菜鸟级网页制作软件 如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！ ①Microsoft FrontPage 如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。 ②Netscape编辑器 Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage 2000还有些像?但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。 Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。 ③Adobe Pagemill Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill的确是你的首选。 Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。 ④Claris Home Page 如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。 二、中级网页制作软件 如果你对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么你可以选择下面的几种软件来设计你的网页，他们一定会为你的网页添色不少。 ①DreamWeaver 自制动态HTML动画的网页 DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。 ②Fireworks 第一款彻底为Web制作者们设计的软件 Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！ ③Flash 让你的网页动起来 Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。#{6FLASH6}#可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！我相信这句话没错！ ④HotDog Professional 制作要加入多种复杂技术的网页 HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。 HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。 ⑤HomeSite 制作可完全控制页面进程的网页 Allaire的HomeSite是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。 HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite是你最佳选择。不过对于生手过于复杂。 ⑥HotMetal Pro 制作具有强大数据嵌入能力的网页 HotMetal既提供“所见即所得”图形制作方式，又提供代码编辑方式，是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML，才能得心应手地使用这个软件。HotMetal具有强大的数据嵌入能力，利用它的数据插入向导，可以把外部的Access、Word、Excel以及其他ODBC数据提出来，放入页面中。而且HotMetal能够把它们自动转换为HTML格式，是不是很棒?此外它还能转换很多老格式的文档(如WordStar等)，并能在转换过程中把这些文档里的图片自动转换为GIF格式。 HotMetal为用户提供了“太多”的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况。 三、高级网页制作软件 ①Microsoft Visual Studio 该系列的版本有：2003、2005、2008和未来的版本； 适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。 ②Jbuilder 不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户。 ③记事本 别以为记事本功能非常少，软件很简单；但是，如何想使用它来制作网页，也仅适合高级用户；因为在其内容，没有任何可视化的操作可直接制作网页，而只能编写各种HTML代码、CSS代码、JS代码和各种动态脚本，方能制作出网页来。

形式网页设计站点三类 第类资讯类站点像新浪、网易、搜狐等门户网站类站点访问者提供量信息且访问量较需注意页面割、结构合理、页面优化界面亲力等问题 第二类资讯形象相结合网站像些较公司、内高校等类网站平面设计要求较高既要保证资讯类网站述要求同要突企业、单位形象 第三类则形象类网站比些型公司或单位类网站般较则几页需要实现功能较简单网页设计主要任务突企业形象类网站设计者美工水平要求较高整体看具体情况要具体析同站点要区别待别忘重要点客户要求属于平面设计任务 我进行网页设计创作程首先要弄清楚网页设计类网页设计形式进行艺术化处理让网站看起更加美观更加容易浏览阅读我认才功网页设计作品起宣传目

网页设计是一个综合性的，工作，他不但但要求你用美术，美术只是其它一门最重要的，还有社会文化的了解，对各方面艺术的精通，精懂，你才会，有更出色的作品，更好的创意，有时候灵感，就是原自每个人的生活，和我们十分相近，只要用心观察，用心学习，就会有进步的首先，基础的工具软件，PS FLASH DW AI 3DMAX这些都要求会使用，并用其做出效果然后，你要用HTML CSS JAVASCIRPT 有所了解并学习，基础客户端语言编程，在则，你最好，了解后，能进一些好的北京地方的，科班进行学习深造，了解构图方法和一些设计理念以备在自己的工作中加以应用，最后，就是，学完后，不一定说明你就是最好的优秀的，各各方面，要看你自己的能力，是否，会来到这个行业中，去学习去进步跟你的团队一起完成一个提案，等，都 是问题，最好学好以后去一些公司实习，或一边实习一边学习，建意你从平面设计开始学起，从平面设计转入交互设计，会有一守的过滤，这样对你日后 ，发展有一定的帮助，你来我团队吧，我是做设计的，这东西，免费没有指点你的，你要慢慢学，你好，你好，网页设计一门综合 性比交广的学课，当然，我也是这个行业中的一员，就像我来说目前在转型，热门行业做的人太多了，比电脑公司技术员还多，所以说，如果你真想入这行业可以进我团交流，大家一起学习，当然，做设计，首先得会用PS吧，最基本你要得会处理图片吧，平面设计你得懂吧，没有平面的基础想做出好的网页基本很难得，出非你是做普通的，在则，网页这个交互性的东西，还要要求用户懂动画，在高点得会JS JQ程序什么的，去实现他的动作。所以说，最重要的就是你要会设计，会设计前提是你得会用PS 然后就是FLASH 或AI 这三个软件，其它的还可以商量 ，如果这三个不会，那就得学软件先，学好软件才能说入这个门的条件后面还有HTML CSS DIV PHP JS JQ 很多东西得学，最重要的就是会跟客户沟通，沟通是设计的一把钥匙，有了它，你会事办公倍的，祝你好运，希望你可以加入我们团队，共同学习谢谢，说的太多了，不知道对你有用没用，希望做为参考，仅能参考 ，不做评论，不会可以学，但要多动手 多做，基础差可以补，语言后其可以在学，前其先把图做好，CSS做好，这都不是太难的课目难得是JS跟后其的动画 效果上。要对自己有信心，加油，

两者概念上是一样的；网站建设比起网站设计有局限性，更倾向于程序或模板的建站，而网站设计这么理解，它的定义更广一些。网站建设是指使用标识语言(markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面(GUI)的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。简单的信息如文字，图片(GIF，JPEG，PNG)和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。网站设计要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来;而网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用html(标准通用标记语言下的一个应用)将其制作成网页格式。