古诗的网页

网页设计师就业前景

网页设计师就业前景

　　网页设计师是指精通Photoshop，Coreldraw,Frontpage,Dreamweaver等多项网页设计工具的网页设计人员。网页设计师可以将*面设计中的审美观点套用到网站设计上面来（其区别是动态网页的制作是*面设计不能达到的，它是一种审美方式的延伸）。以下是有关网页设计师就业前景，欢迎阅读！

　　网页设计师就业前景（一）

　　网页设计师就业

　　*还有许多企业没有企业网站，虽然不是每个企业都会建设网站，那么有一部分的企业创建网站，也是一个非常大的需求，此外已经有网站的企业还需要对网站进行改版、完善。而*的专业网站设计师不是很多，所以说，网页设计就业前景的就业前景非常好。特别是参加网页设计培训后成为专业技能很强的网站设计人才，将成为市场上的香馍馍。实际上，网页设计培训能够让你学会网页设计和网页设计的一些设计技巧，但是要成为网页设计高手光靠这点是绝对不够的。网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。此外，网页设计人员还要学会网站运营(网站运营培训 网络营销培训 )，网络优化(SEO(搜索引擎优化)培训 )等相关知识。

　　网页设计师就业前景

　　网页设计就业前景还是不错的，除了学网页还可以学点前台和推广，综合人才企业现在很缺少，几乎每家都需要网页制作(网页设计培训 )运营师。网页设计师，可以在专门的为企业建站的网络公司工作，给公司客户的网站进行设计;网页设计师，也可以就职于有自己大型网站的公司，专职为公司网站进行设计;从分布上来讲，各行各样中的公司，都需要网页设计师，这其中更集中分布在以网站本身盈利的互联网(IT培训 计算机培训 电脑培训 )公司。因此网页设计师的就业范围是非常广泛。另外一个优秀的网页设计师，可以私下接活，积累人际关系和客户，为以后创业打下基础。网站设计行业的待遇情况也不错。网页设计师曾经是风光无限的职业，一个初出茅庐的大学生也可轻松拿到 5000月薪。可是，互联网业经历了一段低迷期后，如今，有设计经验的网页设计师的*均月薪只有 3000—5000 元，薪酬明显 “ 缩水 ” 。不过，市场对网页设计师的需求却是有增无减，各大网站、广告公司、设计公司都在大量招聘网页设计人员。

　　网页设计师就业前景（二）

　　在互联网越来越深入到生活中每一个角落的年代，网页的表现形式就如同以前书本上的文字，传达着的是网络语言，每一条线、每一个色块、每一种版式、每一种组合都传递给阅读者一种感觉。实际上网页的表现形式已是互联网至关重要的元素，这些工作都是由网页设计师来做的，是一种创造性、有成就感的工作，更是不可或缺的职业。做网页设计师，有创造的快乐，也有很多无奈。如果做的是公司内部网站的设计，或是维护自己公司的.网站，定期的改版，图片FLASH的增加等工作，那还好，自己内部嘛，通常沟通的清楚，自己的创意可以得到更多的尊重。如果是给客户做网站，即使是理解客户的所谓需求，作出来的东西常被客户指指点点，有任人宰割的感觉，但这没办法，出钱的都是爷，客户是上帝，客户永远是对的。不必要在心里品评客户的品味，大千世界，人各有所好。要紧的是耐心地与客户沟通，尽管有时客户也说不清到底想要的是什么，更有甚者，需求也老是在变，直至最后的境况通常是你怎么说我就怎么做了，唉，这也是作为网页设计师的无言的结局。

　　那么干这种活，能挣多少钱？

　　1200-2000元

　　如果你是刚毕业，或者刚转行想做网页设计，学了一些photoshop，dreamweaver, illustrator，自已做过了一些小东东，这种情况下你找工作，就不要太挑剔了，不要埋怨可怜的薪水，老板给你的积累经验的机会可比那点工资值钱多了，对你来说，你要的是在实际项目熟练各种工具，积累各种细微的经验，所以要脏活累活抢着干，学会与相关部门和客户的沟通和协作，不要理会别人关于公司的各种言论。一千多块钱，知足吧，保证饿不坏就成，现在你还没有讨价还价的资本。尽早可以独立地承担一块工作，每次都总结自已的经验，高度重视别人提出的意见，不断的改进不断的调整。这样积累一段时间，忽然间发现，自已设计的东西已经没人提什么了，改动的也越来越少了，感觉到这工作似乎也没什么了，你的工作有了价值体现，既然给公司也带来了价值，好了，看来你加薪的时候到了。如果公司这时候主动给你加了薪(太难找了这样的公司)，那么留下来吧，庆幸自已所在的是一个认可个人价值的公司。如果没人理你，活儿却一天比一天多，那你就要想了，在这儿你的价值能否得到相应的回报，在这里你的技能还有没有提高的空间，在这里你做的是不是充实且开心，如果你想留下来，那么主动去沟通一下，表述一下自己的加薪的愿望，如果找不到留下来的理由，那就重新找份工作吧（来我们易方优吧，易方优，改变才能优秀，广告一下），不要总是心太软，总要为自已想想未来，因为此时的你已今非昔比。如果一定要给你这可怜的一千多元月薪拿多长时间定一个期限的话，我想是半年到一年吧。

　　2500元—3500元

　　这是用收入衡量价值的年代，拿着这份钱，称自已为网页设计师也算名正言顺了。现在的你已经基本上可以独立承担工作了，那些工具你都基本熟练了，工作流程和环境也基本适应了，虽然收入还不够早餐买两碗豆浆，喝一碗倒一碗，但包子总可以管够吧，此时很有一些天下太*的感觉。就这样，开始日复一日了，

　　日子一天天过，我们会慢慢长大。工作上基本上是重复的劳动，用的上的东西都熟了，用不上的也没机会学，精益求精其实是挺难的一件事。成就、满足、*静、迷惘等感觉也许会因心情环境的不同交织其中。这份收入可能要维持的时会很长，三年五年都有可能。当然当然，如果你是那有较高目标的人，而且尽管你眼高却手不低，你把PS里同样的功能就比如钢笔工具用的比一般人纯熟，很是随心所欲，再加上你注重经验的积累，也练就了品味，与技术的协作和与客户的沟通都很顺畅，那么看来，你要上一个新的台阶了。

　　4000元---7000元

　　哇，一个网页设计师可以挣到这么高的工资，那你一定是你已付出了很多努力，你还很有设计的天赋，别忘了你还有一些运气。那么你现在已经是主力或首*设计师了，或者是已经开始负责一个TEAM了，指导新人的工作，你可以把握重点，预知困难，你拿的钱是你价值的体现。那么你是不是有点事业有成的感觉，有点被承认的感觉。网页设计师如果到了这个境界，也差不多算是混得到顶了吧。

　　更多收入，

　　如果只靠做网页美工，恐怕六七千元怕是已经到顶了，如果想要挣得更多，那看来只能是在业余时间做点兼职的活儿了。这种事得有几个前提，一是不能在工作时间作私活，另外你的技术水*确实比较扎实了，可以拿得出手了，三是你有较好的判断和沟通能力了，最后是要敬业，形成较好的人脉，如果是虽然挣了点外块却被人骂，自已也不开心，就没必要了。这种收入的多少就看你的本事了，俺就不好预测了。

　　从合格到优秀：

　　一个优秀的网页设计师需要以下三个方面：一个是有良好的美术素养和欣赏水*，对色彩、布局等有专业的理解，二是熟练掌握dreamweaver、photoshop等工具，能手写HTML，还要懂一点JS，三是有创意设计的能力，因为很多时候需求都只是文字，要靠你的创意表现成页面。现在这样的人很缺啊，美术学院的人计算机玩的精的人就少，学计算机的美术感觉差，如果是美术专业出身又酷爱电脑，或者学计算机的毕业同时自小就喜欢美术，那就是难得之才啊。至于创意这类能力是在设计之外的功夫。作一个合格的设计师不难，做一个优秀的设计师不知可否比成如同做一个出了名的女人那么难，嘿嘿。

　　关于未来：

　　在我们国家互联网开始的时间只有十几年，现在还没有那种老设计师，我们设想一下未来，若干年后，会不会有退休了的网页设计师，干了一辈子的网页设计？就象以前退休的钳工一样，还是再过若干年后网页就不用设计了，就是自动生成了，还是简单的就象现在写字，人人都会，根本不需要专人设计。未来会怎样，究竟谁知道，在这飞速发展的信息时代，一切皆有可能。如果是前者，难道这是网页设计师的一生？如果是后者，如果不做网页设计，我们做什么？

　　想到这儿，我觉得脑子有点不够用了，也不想继续思考这种超过我智商的问题，只是对互联网时代产生的各种职位，会面临着怎样的变数，拭目以待。

　　网页设计师就业方向

　　一是、网络公司

　　专门给人做网页美工，网站建设的，一般以量为主，加班比较多，但是有提成，里面的设计师做到底也就设计部经理，然后慢慢升管理层，当然这要企业有空间升职的情况下来说的，也有做一辈子的网页设计的，和销售一样，已知最好赚的是中企，每个网站提成5%，厉害的设计师可以做到月收入上W。

　　二是、私企

　　为自己公司做网站维护并且自己网站内容的改版美工等，包括一些购物网，一个网站重复鼓捣，对设计本身发展不利，工作相对轻松无压力，对员工要求比较全面，设计、切图甚至代码都要懂，做个两三年人是变全面了，但是设计水*无法提高，如果企业小的话对以后发展不好。

　　三是、广告公司

　　专门设计高端水*的网站并且多这些高端水*的网站图片进行美工处理，网站排版改版等等，特别要求flash技术。加班是经常的，同时收入是丰富的。

　　网站前台初级学*内容：

　　网页梦幻三组合：Dreamweaver cs4、Flash cs4、Fireworks cs4；本课程遵循循序渐进的原则，理论和实践相结合，让学生能够从中拓展创作思维。讲解内容涵盖了网页设计的方方面面，包括网页设计基础知识、网站布局结构、定义本地站点、表格的基本属性、个人站点的制作、商务站点的制作、超链接、Div、CSS样式表控制网页外观、模板和库、页面元素的布局技术层、框架、交互式表单等。

　　Flash 动画基本理论、动画设计艺术、网络动画、FLASH、移动动画，遮罩动画等。Fireworks 网站GIF动画制作、导航条制作、效果优化艺术、网页分割切片等。

　　因此网页设计师的前景是非常不错的，不管你是选择从事前端的工作还是着重于后台开发的工作，都会有不错的发展。

[阅读全文]...

网页设计的参考文献

网页设计的参考文献

　　参考文献是文章或著作等写作过程中参考过的文献.以下是小编为大家整理的网页设计参考文献,欢迎阅读,希望大家能够喜欢.

　　[1]胡崧. HTML 从入门到精通[M].北京:*青年出版社,2007.

　　[2]知新文化. HTML 完全手册与速查辞典[M].北京:科学出版社,2007.

　　[3]杨选辉.网页设计与制作教程[M].北京:清华大学出版社,2009.

　　[4]王诚君,刘振华,郭竑晖,高中山.Dreamweaver 8 网页设计应用教程[M].北京:清华大 学出版社,2007.

　　[5]李光明,曹蕾,余辉.中文Dreamweaver 8 网页设计与实训教程[M].北京:冶金工业出版 社,2006.

　　[6]周德华,许铭霖.新编网页设计教程[M].北京:冶金工业出版社,2006.

　　[7]赵铭建,赵慧,乔孟丽,康梅娟.网页设计与制作[M].东营:*石油大学出版社,2007.

　　[8]赵祖荫,王云翔,胡耀芳.网页设计与制作教程[M].北京:清华大学出版社,2008.

　　[9]陈季. Flash 基础与实例教程[M].北京:北京希望电子出版社,2005.

　　[10]丁海祥.计算机*面设计实训[M]. 北京:高等教育出版社,2005.

　　[11]曹雁青,杨聪. Photoshop 经典作品赏析[M].北京:北京海洋智慧图书有限公司,2002.

　　[12]张怒涛. Photoshop *面设计图像处理技法[M].北京:清华大学出版社,2003.

　　[13] 陈笑.Dreamweaver 8,Photoshop CS 2,Flash 8 网页制作实用教程[M].北京:清华大 学出版社,2006.

　　[14]孙强,李晓娜,黄艳.JavaScript 从入门到精通[M].北京:清华大学出版社,2008.

　　[15]刘智勇. JavaScript 开发技术大全[M].北京:清华大学出版社,2009.

　　[16]陈会安. JavaScript 基础与实例教程[M].北京:*电力出版社,2007.

　　[17]常永英. ASP.NET 程序设计教程(C#版)[M].北京:机械工业出版社,2009.

　　[18]肖金秀,冯沃辉,陈少涌. ASP.NET 程序设计教程[M].北京:冶金工业出版社,2003.

　　[19]金旭亮.ASP.NET 程序设计教程[M].北京:高等教育出版社,2009.

　　[20]刘培文,韩小祥. ASP.NET 程序设计教程[M].北京:*人民大学出版社,2009.

　　[1]孙净宇,李澈等. 高校校园APP发展现状初探[J]. 数字与出版,2014(06):84-85.

　　[2]李旭红. 长江大学“掌上校园”APP系统研发与运营研究[J]. 科技创业月刊,2014(09):35-37.

　　[3]张言林,李博等. 基于数字化校园的手机APP客户端设计初探----东北林业大学“移动校园”手机APP客户端设计[J]. 设计,2014(02):81-82.

　　[4]张晓. 基于Android*台的校园信息系统APP的设计实现[J]. 计算机光盘软件与应用,2013(24):253-256.

　　[5]刘红英. 基于安卓的校园服务系统设计与实现[J]. 电脑知识与技术,2014(10):5673-5677.

　　[6]鲁学亮,陈金焘等. 移动校园转型实践--基于Web App的'移动应用客户端设计与实现[J]. *教育信息化,2012(21):19-20.

　　[7]关海洋. Android无线智能点餐系统设计与实现[D]. 重庆:重庆大学,2013.

　　[8]王晓颖. 高校一卡通管理系统设计与实现[D]. 四川:成都, 电子科技大学,2013.

　　[9]董涛. 基于Android的移动校园客户端设计与实现[D]. 陕西:西安, 西安电子科技大学, 2014.

　　[10]赵丞兵. 基于Android*台的移动学*系统设计与实现[D]. 北京:北京邮电大学, 2012.

　　[01] brown, h. d. teaching by principles: an interactive approach to language pedagogy[m]. prentice hall regents, 1994.

　　[02]william b gudykunst. intercultural communication theory[m]. beverly hills, ca: sage pub, 1983.

　　[03] chris, dede. the evolution of constructivist learning envi-ronments: immersion in distributed virtual worlds[j]. ed-ucational technology, sept-oct, 1995.

　　[04] hymes, d.on communicative competence[m]. j. b. pride; j. holmes (eds). sociolinguistics. harmondsworth: penguin, 1972.

　　[05] l. e. sarbaugh. intercultural communication[m]. new brunsw-ick, n.j.u.s.a: transaction books, 1988.

　　[06] puhl, a.. classroom a ssessment[j]. englishteaching forum, 1997.

　　[07] thomas, jenny. cross-cultural pragmatic failure[j]. applied linguistics, 1983, (4): 91-111.

[阅读全文]...

怎样网页设计

怎样网页设计

　　在网页设计中，几乎所有功能板块都离不开文字，它可能是标题、可能是特点介绍。下面小编带来的怎样网页设计。

　　由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学*就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢?常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

　　步骤/方法

　　1 确定网站主题

　　网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

　　2 搜集材料

　　明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

　　3 规划网站

　　一个网站设计得成功与否，很大程度上决定于设计者的规划水*，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。

　　4 选择合适的制作工具

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

　　5 制作网页

　　材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

　　6 上传测试

　　网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的'工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

　　7 推广宣传

　　网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

　　8 维护更新

　　网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

　　提升网页设计质量，不可忽视的这3个要点！

　　网页设计是一门学问。它并不是简单的为网站内容设计一个展示的框架，其中包含了很多的细节问题。而往往这些小细节，正是影响用户浏览体验，甚至是网站运行性能的关键。

　　1、文案

　　好的网页不会依靠笨拙冗长的文案介绍来吸引用户点击和阅读，应该是利用简短而有力的文案，制造出关注点，从而促使人们产生兴趣和进一步了解详情信息的动力。

　　在网页设计中，几乎所有功能板块都离不开文字，它可能是标题、可能是特点介绍。如何在缩短文字篇幅的同时，保证文字的易读性，是我们需要考虑的问题。同时文案和图片等其他页面内容的布局搭配也是非常重要的，合理的利用中心布局、对称布局等方法，使重点信息位于视觉焦点上，这样才能发挥出文案真正的作用。

　　好的网页都不会只有生硬的信息，它都会在特定的功能板块上设置一定的动态特效。

　　比如首页的自动滑动横幅，能使用户无需任何操作，就可以浏览到多个主题内容的图片信息。

　　又比如3D动态图，能让枯燥的内容变得生动和有趣。当然在网页设计中，添加互动特效一定要掌握好度，因为过多的动态图片或者特效会直接影响到网页的加载速度，而这个指标是大多数用户十分关注的，会影响到用户的体验感。

　　2、CTA按钮

　　所谓CTA按钮就是具有号召性的网页按钮，它的目的是诱导用户采取某些特定的操作，进而达到定向导的目标。我们在网页设计中，要合理的设置CTA按钮。例如我们常见的“了解更多”或者“立即购买”等功能性按钮，它能有效的吸引潜在客户的注意力，引导他们参与到活动中，或者促使他们选购商品。

[阅读全文]...

网页设计中页面尺寸标准

网页设计中页面尺寸标准

　　在刚开始进行美工设计的人，对网页设计页面尺寸一般多大，可能会有疑问。下面是小编为大家整理的网页设计中页面尺寸标准，欢迎参考~

　　对于固定宽度的网站布局，设计师常用的分辨率有：760px、780px、920px、950px等，如今大尺寸、宽屏幕的显示器越来越多，越来越普及，有些设计师也开始采用1000px、1003px这样的分辨率。

　　页面最大化、满屏化的网站看着的确是舒服，但过高的分辨率在设计师显示器上合适，并不代表在浏览者的显示器上也合适。现在用的最多的分辨率还是1024×768，在这种分辨率下，含滚动条的页面最大宽度应不超过994px，所以一般页面宽度定位在990px以内比较适宜。

　　这一讲主要来说说网页设计的标准尺寸

　　一、在800×600分辨率下，页面宽度应在778px以内，这样不会出现横向滚动条，高度可以依据版面和内容而定。

　　二、在1024×768分辨率下，页面宽度应在1003px以内，如果仅一屏显示的页面，高度在612px～615px之间，这样横向和纵向滚动条都不会出现。

　　三、在photoshop中做800×600分辨率下仅一屏的网页时，尺寸可以设为740×560左右。

　　页面标准按800×600分辨率制作，尺寸为778px×434px

　　页面长度一般不要超过三屏，宽度不宜出现横向滚动条为宜

　　每个标准页面为A4幅面大小，即8.5×11英寸

　　全尺寸banner为468px×60px，半尺寸banner为234px×60px，**anner为88px×31px

　　小图标的标准尺寸还有120px×90px、120px×60px等

　　每个非首页静态页面含图片字节不超过60K，全尺寸banner不宜超过14k

　　标准网页广告尺寸规格

　　1、120×120，这种广告规格适用于产品或新闻照片展示。

　　2、120×60，这种广告规格主要用于做LOGO使用。

　　3、120×90，主要应用于产品演示或大型LOGO。

　　4、125×125，这种规格适于表现照片效果的图像广告。

　　5、234×60，这种规格适用于框架或左右形式主页的广告链接。

　　6、392×72，主要用于有较多图片展示的广告条，用于页眉或页脚。

　　7、468×60，应用最为广泛的广告条尺寸，用于页眉或页脚。

　　8、88×31，主要用于网页链接，或网站小型LOGO。

　　广告形式 像素大小 最大尺寸 备注

　　BUTTON 120×60(必须用gif) 7K

　　215×50(必须用gif) 7K

　　通栏 760×100 25K 静态图片或减少运动效果

　　430×50 15K

　　超级通栏 760×100 to 760×200 共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

　　（可做不规则形状但尺寸不能超过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

[阅读全文]...

十种网页设计软件

十种网页设计软件

　　对于想要加入网站设计制作行业的新手们，在学*网站制作设计的第一件事就是要选择确定一款适合自己的网站制作软件。以下是小编为大家整理的十种网页设计软件，仅供参考，希望能够帮助到大家。

　　(1)Microsoft FrontPage

　　熟悉Word的用户，在使用FrontPage进行网页设计一定会非常顺手，这是一款与word有许多相似地方的软件。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。

　　FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。

　　(2)Adobe Page mill

　　Page mill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Page mill的确是你的首选。

　　Page mill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。

　　(3)Netscape编辑器

　　用户在使用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了十种网页设计软件十种网页设计软件。用户可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，这与FrontPage 2000有些像，但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。

　　Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。

　　(4)Dreamweaver

　　Dreamweaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、Shockwave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

　　Dreamweaver还采用了Roundtrip HTML技术。这项技术使得网页在Dreamweaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑*惯的同时，充分享受到可视化编辑带来的益处十种网页设计软件文章十种网页设计软件出自http://www.gkstk.com/article/wk-78500000747889.html。Dreamweaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

　　(5)Fireworks

　　第一款彻底为Web制作者们设计的软件

　　Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的JavaScript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与Dreamweaver的联系，可以直接生成Dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片!

　　(6)Flash

　　Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的`体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScript，您也可做出互动性很强的主页来。

　　(7)Hotdog Professional

　　Hotdog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。Hotdog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。Hotdog对plug-in的支持也远远超过其他产品，它提供的对话框允许用户以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便十种网页设计软件网页程序设计。

　　(8)Home Site

　　Home Site是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑Perl程序。Home Site工作界面繁简由人，根据*惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作

　　Home Site更适合那些比较复杂和精彩页面的设计，能完全控制制作的页面的进程。

　　(9)Microsoft Visual Studio

　　该系列的版本有：2003、2005、2008等版本;

　　适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。

　　(10)Jbuilder

　　不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户。

　　以上就是我所要说的十种网页制作软件的一些信息，对于高级制作软件，限于水*，目前只能很简单的说一点，不是太了解。至于初级和中级制作软件，如果是新手的话推荐使用第一款Microsoft FrontPage很容易上手，等到一定程度，通过一定的学*后可以尝试使用中级软件，推荐使用第四款Dreamweaver软件，根据使用*惯，我自己还是比较喜欢的。

[阅读全文]...

html网页设计的心得体会

html网页设计的心得体会

　　如何设计一个好的网页

　　一、确定网站主题

　　网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

　　二、搜集材料

　　明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

　　三、规划网站

　　一个网站设计得成功与否，很大程度上决定于设计者的规划水*，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。

　　四、选择合适的制作工具

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

　　五、制作网页

　　材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

　　六、上传测试

　　网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

　　七、推广宣传

　　网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

　　八、维护更新

　　网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。

　　html网页设计的心得体会（精选10篇）

　　心中有不少心得体会时，可用写心得体会的方式将其记录下来，这样有利于我们不断提升自我。那么你知道心得体会如何写吗？下面是小编精心整理的html网页设计的心得体会（精选10篇），欢迎大家借鉴与参考，希望对大家有所帮助。

　　不知不觉，二个星期的《网页设计与网站建设》课程的实操即将过去，回顾这一段日子，真的令我体会很深，也学会很多东西，懂得很多以前不懂的东西，也明白了一些事情。

　　自从第一天接触《网页设计与网站建设》课程，我以下定决心要把网页这门课学好，做出一个优秀的网站。所以我时刻没有错过任何学*的机会，无论在课堂上，还是在课外上。更何况这一次实操。回顾今次的实操我觉得我过得很充实，很有意义，因为我可以诚实的说我在实操没有玩过一次游戏，我每时每刻都在设计网站，还记得晚上做网站做到一、二点，可能有人会说我傻，但正因为这个傻的行动，令我学会很多东西，学会别人不懂的东西，做出一个令自己满意的网站，可能跟别人比还需要继续完善，但我不会因为实操结束，就把网页设计抛到九霄云外，我会继续学*网页设计技术，把它变为自己的一项特长。

　　回顾第一天的《网页设计与网站建设》课程实操，老师叫我们继续完善以前设计的网站，做出留言板、注册的功能。我很快就完成了，但可能我是一个追求完善的人，所以尽管一个网站做好可以马上交给老师。但我做出一个别人都不赞同的决定，从头开始做一个网站。因为我觉得以前那个真的不是太好，尽管实操的时间过去了一半，尽管别人对我说你交原来这个不就行了吗！何必再做一个呢？但真因为我的执著，追求成功，追求完善的人，才会使我今天交出一个令自己满足的答卷。

　　在制作个人网站时我们首先：

　　一、必需进行个人网站前台功能设计

　　包括个人网站主题的确定，前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。

　　二、对个人网站后台管理功能设计

　　包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。

　　三、网站的发布

　　通常我们发布一个网站可能以能过域名注册，但我们也可以利用自己主机，装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。

　　四、个人网站推广

　　一个网站做好了，就要对个人网站进行推广，这是一个电子商务网站必需做得的一步，因为如果你不对你的网站进行推广，就算你发布了也没有人会知道的。

　　在设计这个网站时真的体会很多东西，从一开始网页主题的确定，到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。我都一一进行了规划，因为如果你不规划好，想做什么就做什么，是不会做得好的。因我为体会到这一句话：“机会中属于有准备的人”。我详细到一个表格宽度都一一列明。例如：775宽度，分三栏，每一栏占多少。因为我深深懂得“细微处才见真功夫”。

　　在这次实操过程中令我印象最深的是做留言板，因为刚好在上一个星期sql数据库实操做过了，所以今次在做就比较轻松，但我以前是经过一个比较长的练*，做完了n次，可能有人会想，肯定是不会才做这么多次啦！但我想告诉这位同学我每次做得都不是不同的方法。第一次我用的是access数据库，第二次我用的是sql数据库加权限管理，第三次我用的是数据源名称的连接，第四次我用的是自定义连接字符串，第五次……每一次用的方法都是不同的，可能有人会说我傻，会一种方法就行了，还要那么多吗？但我想说的就是不是这么多次的练*，不是之么多次不同的方法，也就不会造就出今天熟能生巧的我，也不会对同学提出的问题解决到，也不会轻松教会同学，因为你自己首先学会，学通，学广，才能把问题一一的解决。

　　令我难以忘怀的镜头也是在做留言板的`时候，但不是为我自己的而做，而是一步一步教同学做，直到令同学学懂；把同学留言板的问题一一解决；当同学因为做不出而没心情，过去对她进行鼓励的，然后一一解决；当自己也不会，与同学共同研究的情况，这种学*氛围是最难得的，就是在做留言板的时候，令我深深体会到我几句话：认真做事只是把事情做对，用心做事才能把事情做好。把每一件简单的事情做好就是不简单，把第一件*凡的事情做好就是不*凡。

　　网页设计的两大要点是：整体风格和色彩搭配。

　　一、确定网站的整体风格:

　　1、将标志logo，尽可能的放在页面最突出的位置。

　　2、突出标准色彩。

　　3、总结一句能反映网站精髓的宣传标语。

　　4、相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。

　　二、网页色彩的搭配:

　　1、用一种色彩。指选定一种色彩，然后调整透明度或饱和度，这样页面看起来色彩统一，有层次感。

　　2、用两种色彩。先选定一种色彩，然后选择它的对比色。

　　3、用一个色系。就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：

　　1、不要将所有颜色都用到，尽量控制在三至五种色彩以内。

　　2、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

　　针对我所学的*面设计方向，那么这次应用到了创意思维，版面设计，色彩配置。图形创意等方面都很重要，对于网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于*面设计，但它们有许多相*之处，版式设

　　计通过文字图形的空间组合，表达出和谐与美。不积跬步，无以至千里。我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学*制作网页的更多知识以实现自身技能的提高。

　　跟学*别的东西一样，学*网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。

　　学*网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。

[阅读全文]...

Dreamweaver创建网页的基本方法

Dreamweaver创建网页的基本方法

　　文字像精灵，只要你用好它，它就会产生让你意想不到的效果。所以无论我们说话还是作文，都要运用好文字。只要你能准确灵活的用好它，它就会让你的语言焕发出活力和光彩。下面，小编为大家分享Dreamweaver创建网页的基本方法，希望对大家有所帮助！

　　1、启动Dreamweaver

　　1)点击“开始-所有程序-Macromedia-Macromedia Dreamweaver 8”，

　　2)在中间的“创建新项目”中点第一个 HTML，打开一个空白文档;

　　2、保存文件

　　1)点菜单“文件-保存”命令，弹出一个“另存为”对话框，在上边的保存在长条中，找到D:盘，在中间打开自己的文件夹;

　　2)在下边文件名那儿把Untitled-1删除，改成index然后点右边的“保存”按钮;这儿注意两点，一个是保存位置在自己的文件夹，一个是文件名改成index

　　3)回到窗口，这时候在标签上就有了文件的名称，然后在标签下面的文档工具栏中间找到“标题”;把标题改一下，这个网页内容是个人主页，把标题改成“青青草”

　　4)这样我们就修改好了标题，同时按下Ctrl和S键(Ctrl+S组合键)，保存一下文件，标签上的星号消失;

　　3、输入内容

　　1)在中间工作区里点一下鼠标，这是光标在左上角一闪一闪，提示输入内容;输入下面的三行内容，输完一行按一下回车键，输完按Ctrl+S保存一下文件;

　　2)在标签下边的文档工具栏中，找到一个球体的'预览图标，点一下出来一个下拉列表，点第一个在IE浏览器中进行浏览，如果没保存，会出来一个提示，点“是”即可。

　　首先请运行记事本，或在任意位置新建一个文本文档，在记事本内输入如下内容：

　　以下为引用的内容：

　　这是我的第一个网页。

　　输入完毕后将文件保存，命名为“index.html”。(点击“文件”—>“另存为”。在“文件名”一栏填入“index.html”，在“保存类型”一栏选择"所有文件"，然后点击“保存按钮”)

　　保存之后，双击该文件，浏览器就会自动打开这个网页了。请确认一下你的网页是否与该页面相同，如果相同，那么你就成功地完成了自己的第一个比较简陋的网页。

　　请注意，这只是一个简单的页面，虽然它在语法上符合XHTML的标准，但是如果要作为一个完整的、符合W3C标准的XHTML网页，它还缺少一些内容。相关内容将在后面的教程中介绍。这个网页仅仅是用来讲解一些基础的XHTML知识。

　　基础知识讲解

　　我们刚刚制作的网页以开头，以结尾，它们分别代表网页文件的开始和结束。

　　英文中head是头的意思，body是身体的意思。网页的和两部分就分别代表了网页的“头”和“身子”。也许你注意到了，我们网页的“头”里面“有一个。title一词是标题的意思，网页的标题(title)将会显示在浏览器上方的标题栏中。而网页的身子，也就是与标签中间的内容将作为正文被显示在浏览器中。

　　这个网页很单薄，head和body中都没有什么内容。我们会在以后的教程中逐渐丰富网页的内容。但是现在请您记住一个概念：网页的头(head)是为浏览器写的，它将不会显示在页面上，而身子(body)是为网站的用户写的，是浏览器将要显示的内容。

　　菜鸟恶搞XHTML之错误示例

　　打开下面这两个错误示例看看。它们的代码都存在十分严重的错误，但是浏览器却会准确无误地显示这两个网页。

　　示例1——身子长在脑袋里

　　这是我的第一个网页。

　　看看上面这个网页，和之间的内容正常的显示在页面上了。但是这是滑稽的错误，把身子放在脑袋里了。

　　示例二——脑袋长在脖子下

　　这是我的第一个网页。

　　浏览器的适应能力实在是令人佩服，即使你将脑袋放在身子里它也认得出来。看看标题栏，标题完全正常显示。

[阅读全文]...

制作网页详细操作步骤

制作网页详细操作步骤

　　导读：目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。下面为大家带来制作网页详细操作步骤，快来看看吧。

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

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

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

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

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

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

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

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

　　网站设计八步骤

　　由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学*就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

　　一、确定网站主题

　　网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

　　二、搜集材料

　　明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

　　三、规划网站

　　一个网站设计得成功与否，很大程度上决定于设计者的规划水*，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具

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

　　五、制作网页

　　材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

　　六、上传测试

　　网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

　　七、推广宣传

　　网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

　　八、维护更新

　　网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。

　　网页制作教学设计

　　一、教材或教学内容分析

　　本章内容在本教材中的位置处于第五章，是在文字处理（Word2000）和网络基础及因特网应用两章之后。学生所学的文字处理软件Word和将要学*的网页制作软件Frontpage同是Microsoft公司的产品，在软件的使用上有很多的共通之处，所以在学*frontpage的.时候，很多内容可以让学生自学，而不必面面俱到地在课上讲授。而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础，学生对网页中的基本元素——文字、图片、动画、声音等都有所了解，而网页的制作就是将这些元素重新组合到网页上，学生要学的就是这种组合的方法。所以说，虽然大多数学生以前都未接触过网页的制作，但有了以上这些基础，学起来就轻松多了。

　　本章内容按照学生已有的基础，我对教学内容分了一下类，也为教学的组织工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。

　　重点是网页的制作和创建超链接，学会了这些就可以开始简单的网页制作了。

　　难点是网页框架，这部分相互之间关系比较复杂，必要时，老师在对各组个别辅导时，可以给予分别讲解。 这个分类可以为组长安排各个组员的任务提供参考，使分工更加合理。

　　二、教学对象的分析

　　信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常用软件有所了解；而差一点的可以说是从高中开始才正式接触到信息技术知识的学*，他们需要多锻炼、多指导，所以协作学*对学生的学*帮助很大。

　　三、教学策略的选择及媒体的使用

　　在教学策略的选择上，我使用的是任务驱动和协作学*相结合的方法。

　　任务驱动就是要求本章内容学*完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学*的积极性。

　　协作学*则是让学生在学*过程中互帮互助，用较短的时间、教少的精力学到更多的东西，完成一个集体项目，让他们在学*之后获得成就感。因此在媒体的选择上，我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前，教师把学生按座位分成四组，每个组都按学生对计算机的掌握程度*均分配，保证每个组都有计算机操作方面比较突出的，也有相对比较差的，使其形成能够互帮互助的学*小组。并由他们自己选出组长各一名，然后由组长根据组员的情况，确定在班级主页制作过程中主要完成什么任务，也就是说起到一个组织者的作用。

　　做过网页的人都知道，做网页是一项比较费时的工作，而要学生在较短的时间内制作出像样的网页是比较困难的，而在这个过程中，网页的设计占去了相当多的一部分时间，组长把任务分到各组员头上以后，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组员之间进行经验交流，告诉组员自己的网页是如何制作出来的，在完成自己的网页后，再重复一遍制作过程花费的时间的不多的。这样，其他组员就可在较短的时间之内掌握比较先进的网页制作方法，而不必再花那么多时间去探索。因为每位组员都必须自己完成一个任务，所以在这个过程中，也同样有自己探索学*的机会和介绍自己经验的机会，使组内的每个学生都在学*中获得成就感。

　　四、教学过程

　　教学进程

　　教师活动

　　学生活动

　　1、课前准备

　　课前将本章内容的基本结构、内容的归类、网页基础知识、网页素材做成一个网站，供学生参考，网站上的内容可根据学生以后在学*中的要求添加。根据学生对已有的网页制作的情况进行分组。

　　学生根据自己的分组情况选出组织能力较强、计算机水*较高的人做组长，协作小组形成。

　　2、教师布置任务，作必要讲解

　　第一节课，教师简单介绍网页基础知识，并给各小组布置任务——用下面的时间完成班级网页的制作，并对组长进行本章基本内容及本章内容的分类的介绍，让他们对本章内容有总体上的把握。

　　在教师对网页基础知识讲解的基础上，浏览教师制作的网站，继续学*；

　　课后各组设计自己的班级主页，组长根据网站上教师对本章内容的分类给学生布置任务。

[阅读全文]...

网页制作心得体会

网页制作心得体会（精选10篇）

　　某些事情让我们心里有了一些心得后，将其记录在心得体会里，让自己铭记于心，如此就可以提升我们写作能力了。但是心得体会有什么要求呢？以下是小编收集整理的网页制作心得体会，欢迎阅读与收藏。

　　杨老师下午讲解的是网页制作，他从网页布局（三段式）讲解，接着展示新浪、师院首页给我们看，在这过程中，始终都以实例讲解为主。接着讲网页布局的方法：

　　1、纸上布局法

　　许多网页制作者不喜欢先画出页面布局的草图，而是直接在网页设计器里边设计布局边加内容。这种不打草稿的方法不能让你设计出优秀的网页来。所以在开始制作网页时，要先在纸上画出你页面的布局草图来。

　　2、软件布局法

　　如果你不喜欢用纸来画出你的布局意图，那么你还可以利用软件来完成这些工作。这个软件就是Photoshop。Photoshop所具有的对图像的编辑功能用到设计网页布局上更显得心应手。不像用纸来设计布局，利用Photoshop可以方便的使用颜色，使用图形，并且可以利用层的功能设计出用纸张无法实现的布局意念。

　　最后重点讲了布局的技术

　　1、层叠样式表的应用

　　2、表格布局

　　3、框架布局

　　最后，杨老师就DIV+CSS给我们进行详细介绍，我们按照他的进度，创建网站站点、创建文件夹、创建文件。然后在DIV容器中插入动画，创建CSS文件，对不同的块元素进行排版，主要是浮动—float。由于时间实在是太短了，很多知识都没的讲，比如我们常遇到的外边距，内边距，线条，以及一些基本的代码知识。

　　哈哈，我就不多说了，对于网页我也研究了好几年了，问题还真多，学过网页布局（table、DIV+CSS），学过*面设计（PS、CDR），学过编程（ASP、ASP。NET），学过数据库（AC、SQL）。可以说我现在完全可以独当一面，接过学校、企业、*等的网页制作，评价都还不错！目前就是缺一个团队，从郑小军老师他们的成果看，不是一个人的努力能完成的，更多的是要一个志同道合的团队，回去我也该好好想想这个问题了。

　　转瞬之间，半个学期又接*尾声，在李导师的精心辅导下，度过了这个富有生机，富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识，对于我来讲是一个很好的锻炼和充实的机会。

　　俗话说的好“书山有路勤为径，学海无涯苦作舟”。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学*，去不断的收索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！

　　在页制作的过程中，我深深体会到一点“有付出，就终有回报”，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的个人主页，我是多么的激动，多么的兴奋，就像多年未见的老同学，一种讲不出道不明的感觉。

　　我在制作主页中的心得体会：

　　做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

　　1、标题

　　在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决不要取一个名不符实的"好名字"，别人第一次上了当，下次再也不会光顾了。

　　2、内容的采集

　　选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己*时喜欢一些文章，一些好听的歌，一些好的动画作品。把这些内容按类别进行分类，设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层。

　　3、图片

　　做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说"一图胜千言"，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去，否则让人觉得是累赘，同时也影响网页的传输速度。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小（即字节数），在目前网络传输速度不是很快的情况下，图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢，一般来说，图片颜色较少的及在256色以内的最好把它处理成gif图像格式，如果是一些色彩比较丰富的图片，最好把它处理成jpg图像格式，因为gif和jpg各有各的压缩优势，应根据具体的图片来选择压缩比。

　　4、网页排版

　　网页页面整体的排版设计也是不可忽略的，要让读者在狭小的电脑屏幕上阅读，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。不要把整个网页都填得密密实实的，没有一点空隙，这样会给人一种压抑感。

　　5、背景

　　网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。

　　目前，互联网是最快捷的信息传播渠道之一，学*网页制作成了学生必须掌握的一项技能。在几年的教学实践之中，我总结了《制作简单网页》教学中值得注意的几个问题：

　　一、激发学生的学*兴趣，唤醒求知欲望

　　现阶段信息技术课程的主要任务之一是培养学生对信息技术的兴趣和意识。兴趣是学生基于自己的学*需要而表现出来的一种认识行为，它在学生的学*中具有重要的作用。我认为，教师激发学*兴趣，挖掘学*需求是授课前必须解决的问题。从知识结构看，网页制作是在学生掌握了一定的理论基础和操作技能之后，对互联网有了一定的了解、浏览过相当数量的网页和站点之后引入的。在准备期中教师应该适当地引导学生，可以采取展示法、教学对话法等，也可以融合多种方法进行。

　　例如，在学*浏览网页时，我有计划地挑选一些专题网站和个人站点推荐给学生，他们在看过之后一定会有自己的想法，老师再给他们提些问题。我经常推荐给学生我校的学生及班级制作的站点与网页。学生会把他们自己的见解说得头头是道。接下来就提出问题：如果由你来做这个站点，哪些地方需要修改？如果把你做一个站点该如何设计？在学生的头脑中先有了一些模糊的认识，产生了做个站点的想法，再在老师的帮助下梳理成一个比较成型的站点框架，接下来就是：怎么做网页？用什么工具？有了兴趣，带着这些问题，进入这一阶段的学*，就比较主动，学*效果也会比较好。

　　二、合理调整教学顺序和重点，理顺理论与操作的关系

　　学*网页制作，首先接触的是概念和理论性的知识。回顾学*一些应用软件的过程，肯定不是先把理论背熟，而是从操作使用开始的。我并不是说理论不重要，而是切入的时机要掌握好。对于这一部分的教学，可以根据教学实际，合理调整教学顺序和重点。对涉及到的理论知识，可以尽量在教操作的时候渗透。一些纯理论的知识，不妨一带而过，教学取得阶段成果后，再单独强调。

　　三、注重培养学生知识迁移的能力

　　正在进行的新课程改革，提倡的是教给学生可迁移的知识。我体会，迁移是理论到实践。很多应用软件，模式基本上是统一的，在窗口组成、菜单内容和操作方法等方面是相通的。对这类内容，我认为可以采用比较法、示范法、启发法等教学方法。例如，制作网页和保存网页两个知识点：可以在介绍了工具软件（如frontpage）窗口组成之后，就布置学生输入并编辑一段文字，然后把该文件保存在指定位置。这些操作都是前面学过的，对学生来讲既是学*也是复*。作为老师，我们在纠正学生错误的同时，还可以帮助学生比较这几个软件在使用中的异同。比如，输入文字，在word和frontpage中可在编辑区中直接写，而在powerpoint中必须写在文本框里。通过比较，加深印象，达到学*和提高的目的。在这部分中，除文字处理外，像修饰网页、插入表格等内容都可以这样比较着讲。

　　四、认识螺旋式上升的学*模式和探究式学*的方式，重视课前准备

　　学*是一个循序渐进、螺旋式提高的过程。在这个过程中，作为教学组织者和指导者，教师的教学设计和准备工作非常重要。例如，在学*网页修饰时，可采用了示范法和演示法结合的教学方法，先设计几个页面，都是在上一节课作的、样例页面的基础上改的。上课时，让学生打开上节课制作的网页，他一看，老师的页面上比他多了个图片，马上问怎么做的，我演示给他看，他也加上图了……每次我演示出的页面总比学生们做出来的多一点小修饰，他们就不断地提问，不断地学*新技巧，再不断地付诸实践。用这种示范加演示的方法教学，效果还不错。但对老师来讲，备课的工作量比较大，课堂上的辅导任务也重一些。

　　五、组织协作学*，培养学生自学能力和合作精神

　　信息技术划分为精英技术和大众技术。目前，信息技术基础模块中讲授的均属大众技术，要求学生掌握的是可以广泛迁移的知识。但是，大众技术太简单了，有些学生不用我们教，自己玩电脑就玩会了。这类学生，上课时通常不愿再听，还经常搞些小动作，或者做些小软件来炫耀一下。小孩多半有这种心理，我们不妨给他创造这个条件，让他充分发挥特长。有一次，刚开课不久，有个学生把他的个人主页演给我看，当时我考虑了一下，让他在全班同学面前作了演示，解说他的创作思想，并指出了他作品中的亮点。这个学生当然很自豪了，别的同学也都很佩服他的能力。在其他同学眼中，他就是高手了，以后的学*过程中有了问题，不问老师，先问他去，逐渐地他就成了我课堂上的一名小助教了。学生中的榜样作用和传、帮、带作用不可低估，如果你班里有几个这样有一定特长的学生，不妨考虑采取任务驱动、分组合作等方法进行教学，让他们带动全班的同学学*提高。学生之间相互学*、相互帮助、相互带动比单纯的老师教效果更好。

　　六、适当引入分层次教学，体现教学目标的差异性

　　学生的基础差别很大和心智发展水*很大不同。在这种情况下，分层次教学是一种行之有效的办法。一般的，我把学生分成三个a、b、c三个层次。a层次的学生是基础好，特长明显，自学能力强的一部分，对这部分学生，倡导自主学*，给他们布置任务或课题，学生独立完成，只是在需要的时候向他们提供帮助；b层次的学生是基础一般，能在老师的讲解、示范和引导下学*，对这部分学生可采用灵活多样的教学方法按步就班地学*，b层次的学生是学生群体中的大多数；c层次的学生是学*有一定困难的学生，我对他们的要求是掌握基础，除了给他们进行特别辅导之外，还采取结对子的办法，给每人配一个a层次的学生作为助理，帮助他们学*。但在分层次教学中要格外注意保护c层次学生的自尊心和学*积极性。

　　七、加强联系实际，培养学生的创新能力

　　创新是素质教育的核心内容。鼓励、指导学生大胆、灵活地运用已学知识，解决实际问题是培养学生创新精神和能力的有效方法。我认为在网页制作这一部分的小结或复*阶段可以适当采用主题型课或任务驱动式的方法，设计引导学生从头至尾制作一个专题站点。当然，复*中也可以适当采取教学对话、教学讨论、示范等教学方法。

　　一、网站规划

　　本工作室主要用来做个人网站，主题是介绍自我，让更多的朋友认识我，面向我的同学和朋友以及想结交我的朋友。

　　二、网站总体设计

　　本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块，其他四个板块也可以通过超链接回到我的主页去。

　　三、网站设计与制作（包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果）

　　本网站的布局大多是运用CSS进行布局的，这也是老师一直强调我们的。为了增加视觉效果，个别网页还特别添加了flash效果（我的相册），还用到了视频和音乐等素材（如我的主页）。个别网页添加了表格，这样显得网页更齐整。对于美化这部分，我还特别用Photoshop对一部分图片进行了处理，让图片和网页更好地搭配。在个别网页添加表单，可以让浏览者和网站更好地互动，交流信息。

　　四、学*体会

[阅读全文]...

网页游戏你画我猜玩法

网页游戏你画我猜玩法

　　你画我猜是一款很有趣的游戏，既考验玩家的灵活应变能力，又考验互动玩家之间的默契度，那到底你画我猜怎么画的好呢?下面就是jy135网为大家整理的网页游戏你画我猜玩法，希望能够帮到大家。觉得有用的朋友可以分享给更多人哦!

　　一、别作弊

　　虽然画图可以直接在上面写上答案，但这样实在是太失去乐趣了，就算你画不出来，也许也可以写一点文字让对方猜测，直接写答案就好像直接告诉对方电影的结局，太雷了。

　　二、别太贪心

　　虽然大家都会很想快速赚到更多钱币来买更多颜色，但是有时三金币的题目实在是很有难度，如果你没把握的话，就放掉它吧。毕竟对方没猜中的话，两方都会少了一次的金币获得机会。

　　三、使用箭头

　　有时你画的内容可能很多，要让对方快速知道你的题目的话，使用箭头是最好的方法。你可以看到大部分的神级作品都会使用箭头来指向答案，不过前提是你画的东西要够丰富。

　　四、增强你的工具

　　买付费版和使用iPad吧。付费版本也才6元，直接就送你400金币还有去广告和好友无上限，如果你真喜欢这个游戏，为什麽不花点小钱让游戏环境更好?如果你已经用了免费版一阵子，也不用担心，你的资料是跟着帐号的，换到付费版又或是iPad版本都不会让你的记录不见，可以接着玩。而使用iPad会让你画布的空间变超大，要是再加个触控笔，你会发现你画的根本不差。

　　五、别担心画的丑

　　虽然你可能会想要画漂亮一点，但其实人的辨识能力是很强大的，有时简单的线条就能判别的'出来。有个简单的画图小技巧，你可以先画出大范围的底色，之后再用黑色描出黑框来，这样的图桉会更细致丰富，多了颜色也更容易判断。至于画技，其实多模彷别人的作品就能提升自己的功力，多看多画就对了。

　　六、按照对方心理来画图

　　画图最主要是要考验两人的默契，但你也要想到对方的知识库不一定和你的一样，所以在画图的时候要先猜出你的好友是否知道这个字的意思，不然就选简单的单词吧。

　　七、记录你的单字库

　　Draw Something的单词其实是固定的，而且免费版的单字量更是少，和不同人玩的时候，其实重复性很高。如果你可以建立自己的单字库，那其实很容易就可以只看下方的字母就能猜出答桉，在对方还没有画图之前就猜到单字感觉还蛮帅气的。

　　八、使用工具

　　比如有道词典，针对国内用户词汇量不足的瓶颈，有道词典迅速推出帮助Draw Something玩家快速猜词的辅助工具(地址)只需三步，就能快速猜出对手所画图案的对应单词。

　　说了这么多，相信大家已经知道你画我猜画图技巧了吧，既然知道你画我猜怎么画的好了，那就赶快去试试吧!

[阅读全文]...