网页设计需要学

从今年起，土建跟安装合并为建筑工程，我建议你买本教材好好看看，主要看施工管理跟质量管理和安全管理，因为实务的案例所占分最大，今年土建案例一就是前锋线法（施工管理的内容），案例二关于消防的（安全管理内容），案例三我记不清了，不过肯定是质量管理内容，案例四工程量清单计算（主要考以下几点，1工程量清单计算，2价格指数计算，3赢得值法计算，4差额计算法这四个用的最多），选择题不用说了，abcd都会的

FrontPage使用简单，会用Word 就能做网页，相对Dreamweaver等软件更容易上手。但是微软在2006年年底前停止提供FrontPage软件。现在初学网页制作Dreamweaver是比较流行，也是比较好用的一款网页制作软件。Dreamweaver是所见即所得网页编辑器，操作容易，操作改变网页位置或档案名称，Dreamweaver会自动更新所有链接。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

一、菜鸟级网页制作软件 如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！ ①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代码和各种动态脚本，方能制作出网页来。 参考资料： 网站、网页制作（团）

搜索为课网校可以免费听课。第一部份 结构素描、光影素描、速写、设计素描、户外写生色彩原理、色彩配色、设计色彩、色调小稿训练、色彩长期作业第二部份 Photoshop CS2：Photoshop操作基础、图象优化处理、经典实例分析与制作Illustrator CS2：广告招牌制作、灯箱广告、服装广告设计、企业徽标设计、名片设计 IndesignCS2：专业的排版工具、印刷相关知识、书报高级排版技巧Acrobat7.0：专业的电子文档工具、可以实现任何文档之间的互转,PDF文档的生成与转换Coreldraw13:包装盒的设计、宣传单、海报及名片的制作、产品及商业广告设计、名片设计 第三部份 Photoshop高级：讲解海报设计、包装盒设计、CI设计、产品广告设计、后期处理等方面的应用Illustrator高级：广告插画制作、矢量描图、角色贴图制作、广告创意稿、印前制作技巧等第四部份 Dreamweaver8.0：网页布局、制作；Html&Css简介；网站管理与维护、上传与下载；案例分析Flash8.0：美工设计、网页配色；CI、LOGO、Banner的制作；常见网页动画制作、网页布局Fireworks8.0：经典网页动画、广告、片头、贺卡设计与分析；MTV制作、交互式网站简介 第五部份 平面构成、立体构成、色彩构成、色彩设计学、字体设计、版式设计、图形创意、招贴设计 第六部份 广告设计（CI策划）、VI设计、印刷设计、包装设计、书籍装帧设计、视觉导向设计、电视广告脚本设计,软件综合要搞平面设计,photoshop、Coreldraw、Illustraor这三个软件都是应该熟练掌握的.这3个软件可以自学,下教程,自己做实例来熟练掌握.基础的平面设计就是Photoshop、Coreldraw,要考设计师就要学Photoshop、Illustrator、Indesign Acrobat四个软件.广告公司常用的Photoshop、Illustrator、PageMaker、Freehand、CorelDraw等设计软件.1. 标志设计(logo设计,商标设计)2. CIS设计、VI设计（企业形象 识别系统设计）3. 广告设计、广告创意设计4. 海报设计、 DM 设计（宣传单设计）5. 样本设计、宣传手册设计、画册设计6. 楼书设计、年报设计7. 包装设计8. 书籍插画绘制、贺卡设计、请柬设计9. 报纸、杂志排版设计10. 各类印刷品设计等等.常用平面设计软件平面设计软件一直是应用的热门领域,我们可以将其划分为图像绘制和图像处理两个部分,例如建模和绘图软件、渲染软件、图像处理软件、印前组版软件等.下面简单介绍这方面一些常用软件的情况：1、AutoCADAutoCAD是一款著名的图形设计软件,最早于1982年在Comdex大会上亮相,由于其卓越的性能,被誉为万能计算机辅助设计软件,被广泛应用于建筑、电子、机械、广告、装饰、、服装等诸多平面及立体设计领域,目前已成为工程制图领域事实上的绘图标准和占有率最高的CAD软件,在国内市场也处处可见其身影.目前,AutoCAD可以在多个平台上使用,例如DOS平台的12.0版本、Windows平台的14/2000/2002/2004/2005版本,还有供工作站运行的UNIX版本.AutoCAD具有极强的开放性和可扩展性,软件提供了强大的二次开发手段,例如Visual lisp、C++、ARX、Microsoft Visual Basic for Application(VBA)等,这使得AutoCAD用户可极大的扩展软件的功能,并可极大应用其它第三方开发出新的功能.2、3D Studio Max制作三维动画是一个涉及范围很广的话题,从某种角度来说,三维动画的创作有点类似于雕刻、摄影、布景设计及舞台灯光的使用,作为专业级的作品至少要经过三步：造型、动画、和绘图.在DOS操作系统占据天下的时代,三维动画设计离普通用户还很遥远,3D Studio是为数不多能够稳定运行在DOS下的一款3D软件,Windows取代DOS成为桌面PC的主流操作系统后,Autodesk公司不失时机推出了3D Studio Max（一般简称为“3DS Max”）,随着计算机硬件的迅速发展,在个人PC上制作三维动画已经不再只是梦想.3D Studio Max是目前PC平台上使用最广泛的三维建模、动画、渲染软件,被广泛应用于广告宣传、游戏设计、影视后期制作等动画领域,最新版本集成了很多过去只是在电影、游戏和3D设计中应用的专业工具或插件.3、CorelDrawCorelDraw是Corel公司推出的集矢量图形设计、印刷排版、文字编辑处理和图形高品质输出于一体的平面设计软件,深受广大平面设计人员的喜爱,目前主要在广告制作、图书出版等方面得到广泛的应用,功能与其类似的软件有Illustrator、Freehand.最新版本的CorelDRAW Graphics Suite可以为用户提供功能强大的工具,通过减少工作中的某些点击、步骤的数量来节省时间,其中还集成了3个图形程序、多个用途广泛的工具及公用程序,新的套件包括为插图、页面布局和矢量制图而设的CorelDRAW 12,为专业数字成像成而设的Corel PHOTO-PAINT 12以及为创建运动图形而设的Corel R.A.V.E.3. 4、Adobe Photoshop这款美国Adobe公司的软件一直是图像处理领域的巨无霸在出版印刷、广告设计、美术创意、图像编辑等领域得到了极为广泛的应用,最新版本突破了以往Photoshop系列产品更注重平面设计的局限性,对数码暗房的支持功能有了极大的加强和突破,例如修复画笔可以极为轻松地消除图片中的尘埃、划痕、斑点、褶皱,而且可以同时保留图像中的阴影、光照、纹理等效果,创新功能可以让用户更快地进行设计、提高图像质量,并且以专业的高效率管理文件.不过,为了防止盗版,Photoshop CS加入了倍受争议的类似于Windows XP的激活技术,用户必须联网激活后才可以正常使用,否则的话只能使用两天时间. 5、FreehandFreehand是一款全方便的、可适合不同应用层次用户需要的矢量绘图软件,与Macromedia公司的Flash、FireworksPagemaker并列为“网页制作三剑客”,可以在一个流程化的图形创作环境中,提供从设计理念完美地过渡到实现设计、制作、发布所需要的一切工具,而且这些操作都在同一个操作平台中完成,其最大的优点是可以充分发挥人的想象空间,始终以创意为先来指导整个绘图,目前在印刷排版、多媒体、网页制作等领域得到广泛的应用.6、Adobe Illustrator CS Adobe Illustrator v11 是一套被设计用来作输出及网页制作双方面用途、功能强大且完善的绘图软件包,这个专业的绘图程序整合了功能强大的向量绘图工具、完整的PostScript输出,并和Photoshop或其它Adobe家族的软件紧密地结合.该软件以突破性、富于创意的选项和功能强大的工具为您有效率地在网上、印刷品或在任何地方发布艺术作品,界定了向量图形的未来. 第10版增加了诸如Arc、矩型网格线(Rectangular Grid)以及坐标网格线(Polar Grid)工具等新的绘图及自动化优点；增加编辑的灵活度以及标志(编辑主要的对象或图像复制).你可以运用笔刷及其它如合并、数据驱动坐标等在工具列上的创造工具,帮助你建立联结到数据库的样版. 新的Illustrator还提供的网络生产功能,包括裁切图像并支持可变动向量绘图档(SVG)增强. 7、 maya Maya是美国Autodesk公司出品的世界顶级的三维动画软件,应用对象是专业的影视广告,角色动画,电影特技等.Maya功能完善,工作灵活,易学易用,制作效率极高,渲染真实感极强,是电影级别的高端制作软件.其售价高昂,声名显赫,是制作者梦寐以求的制作工具,掌握了Maya,会极大的提高制作效率和品质,调节出仿真的角色动画,渲染出电影一般的真实效果,向世界顶级动画师迈进.Maya 集成了Alias/Wavefront 最先进的动画及数字效果技术.她不仅包括一般三维和视觉效果制作的功能,而且还与最先进的建模、数字化布料模拟、毛发渲染、运动匹配技术相结合.Maya 可在Windows NI 与 SGI IRIX 操作系统上运行.在目前市场上用来进行数字和三维制作的工具中,Maya 是首选解决方案. 8、非线性编辑软件 Adobe Premiere 一款常用的视频编辑软件,由Adobe公司推出.现在常用的有6.5、Pro1.5、2.0等版本.是一款编辑画面质量比较好的软件,有较好的兼容性,且可以与adobe公司推出的其他软件相互协作.目前这款软件广泛应用于广告制作和电视节目制作中. 其最新版本为Adobe Premiere Pro CS4.. 9、pagemakerPageMaker是由创立桌面出版概念的公司之一Aldus于1985年推出,后来在升级至5.0版本时,被Adobe公司在1994年收购.PageMaker提供了一套完整的工具,用来产生专业、高品质的出版刊物.它的稳定性、高品质及多变化的功能特别受到使用者的赞赏.另外,在6.5版中添加的一些新功能,让我们能够以多样化、高生产力的方式,通过印刷或是Internet来出版作品.还有,在6.5版中为与Adobe Photoshop 5.0配合使用提供了相当多的新功能,PageMaker在界面上及使用上就如同Adobe Photoshop,Adobe Illustrator及其他Adobe的产品一样,让我们可以更容易地运用Adobe的产品.最重要的一点,在PageMaker的出版物中,置入图的方式可谓是最好的了.通过链接的方式置入图,可以确保印刷时的清晰度,这一点在彩色印刷时尤其重要.最后说一句 平面设计最重要的是创意 软件只是实现你想法的工具

要学网页设计， 就需要掌握 HTML+CSS+JavaScript/Jquery，目前做网页设计就是用这三大神器语言进行开发的。此外就是数据库方面的一些知识：要想学PHP，ASP，JSP，.net 先学数据库，原因是以上后台语言都有和数据库交互的代码，所以要先学，为了方便。下面分别进行说明：首先是基础HTML，他是网页的框架，不可缺的。css:层叠样式表，要想美化网页就是它的强项，例如：给页面增加一些色彩，设置字体的特殊颜色，背景色，字体的排列方式等等；js:很多动态效果都用他来做，有时候数据判定也用他做。ajax技术是很重要也很热门的一门技术，再配合javascript/jquery的作用，可以给页面增加一些行为，比如你的鼠标放在某个字体的上面的时候，字体的颜色就变了，点击一个元素就消失了， 这些都是改变页面的行为。温馨提示：不管学什么语言先打好基础，然后再学不然会很吃力的， 如果想往网页UI发展，就只需要熟习PHP，ASP，这些后台语言，而重点学前面的哪些语言，如果想要往高层发展，哪么Flash,photoshop.，AC都要学，还要有美术功底。

推荐一本最基础的书籍《网页制作三剑客》，包括Dreamweaver、flash、fireworks三部分。Dreamweaver----教你如何制作网页（静态），flash----教你如何制作动画使网页更丰富，fireworks----教你如何制作赏心悦目的图片。当然这是最最基础的知识了。学会了这些之后你就能制作简单的网页了，如果想要网页动态和功能多样就要钻研代码了。网上有许多可以下载网页源代码的地方，还会告诉你如何使用，很方便。如果想学好，光看书也不行，一定要多练，多钻研才行。记得采纳啊

简单图片设计：fireworks或ps之后从前端（用户界面）到后端（后台）前端：html(xhtml或html5)-->css2-->css3()-->javascript-->jquery(可选)-->jquery ui(可选)还可以看看一些开源前端框架，javascript库什么的后端：ASP或PHP或ASP.NET或JSP什么的个人认为ASP和PHP比较容易我是搞前端的对后端不是十分了解，只懂点PHP（剩下的全忘了）PHP可以从php面向过程-->php面向对象也可以找项目实战的教程，跟着做 不会的查文档 这是一个比较好的入门方式（如果只是兴趣）

html 和 javascript、css 语言PHOTOSHOP和网页制作软件Dreamweaver、还有Flash 、Firewokks、FrontPage等。动态网页要涉及的多媒体知识，涉及到的多媒体软件会。

《网页设计与网站建设实战大全》《实战 Dreamweaver网页制作教程》《JavaScript  语言精粹》