网页制作

网页制作的基本步骤如下：一、域名注册在互联网的世界中，每一个网站都有自己的名字，而这个名字有一个统称叫做域名，域名有特点的形式结构，而且成千上万的域名都不会重复，但是他们大多都具备同样的特点，比如好记好输入，都是一个好域名的特点。所以，为了能够让用户们在茫茫域名中对你的有印象，一定要抢占先机，早一秒注册使用就早一秒获得机会。另外要注意下的是国内的域名和国外的域名尾缀部分是有区别的，人们也是根据这一部分的不同来划分国内外的网站。二、空间购买网站空间是必要的，只有有了空间，网站里面的图片，文字内容甚至是各种音乐资料才能够被存放。目前能够提供的网站空间包括魔方主机，虚拟主机以及各种服务器等，所有的空间都放置在顶级的电信机房。只有这样，在不受打扰，干扰的情况下才能够保证正常的运行，可谓是怎样制作网站当中最重要的一个环节。三、网站内容前面的两个步骤是能够获得一个有自己名字的网站，而接下来对网站内容的建设，则是赋予这个网站灵魂和内涵，就好比一个毛坯房已经盖成了，接下来就是装修了，网站运营是否优秀，排名是否靠前，都是跟网站内容直接有关系的。四、网站发布内容设计好了就只剩最后一步了，就是发布网站。但前提就是要把自己的域名输入到指定的虚拟主机空间中，再绑定之后才能够对网站进行发布。同时别人也可以通过搜索域名搜索到你的网站。

网站设计，包含的内容非常多。大体分两个方面：一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等；另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。这两方面相辅相成（感觉有点象写辨证论文：），加之网络技术的飞速发展，要提出一个绝对正确和权威的设计思路是不可能的，要想在一篇文章中概括出来也很难，所以,根据建设一个网站的思路，将自己几年来网站设计制作的心得整理成一个系列“讲座”，告诉给大家（注意：我并不会非常具体地讲某一个技术或制作技巧，重点在于思路）希望能给您一些帮助。下面是大致的提纲：1.定位你的网站主题和名称2.定位你的网站CI形象3.确定你的栏目和版块4.网站的整体风格创意设计5.网站的层次结构和链接结构6.首页的设计7.版面布局的窍门8.色彩的搭配9.效果与速度10.替浏览者考虑11.细微之处见功力12.建设完成度与推出时间13.交互性与亲和度14.考虑不同的浏览器和分辨率15.字体的设置和表格的嵌套16.新技术的运用取舍17.设计好你的banner和位置18.语句文字——融入感情19.对网站设计初学者的建议以上是本“系列”文章的提纲，会根据实际撰写情况作些变动。我们开始之前，首先明确几个前提：一．网站设计与网站制作。我们说网站“设计”而不是网站“制作”，它们的区别在于设计是一个思考的过程，而制作只是将思考的结果表现出来。一个成功的网站首先需要一个优秀的设计，然后辅之优秀的制作。设计是网站的核心和灵魂，一个相同的设计可以有多种制作表现的方式。二．我们说的“网站”是指有确定主题和明确目的的实用性站点，不包括纯表现类或者纯文字类网站。三．在文章中，可能举例说明或点评到某些具体站点。定位你的网站主题和名称设计一个站点，首先遇到的问题就是定位网站主题。所谓主题也就是你的网站的题材。网络上的网站题材千奇百怪，琳琅满目。只要你想的到，就可以把它制作出来。下面是美国《个人电脑》杂志(PCMagazine)评出的99年度排名前100位的全美知名网站的十类题材，对我们有一些参考价值。第1类：网上求职第2类：网上聊天／即时信息/ICQ第3类：网上社区／讨论/邮件列表第4类：计算机技术第5类：网页/网站开发第6类：娱乐网站第7类：旅行第8类：参考/资讯第9类：家庭/教育第10类：生活/时尚每个大类都可以继续细分，比如娱乐类再分为体育/电影/音乐大类，音乐又可以按格式分为MP3，VQF，Ra，按表现形式分古典，现代，摇滚等。以上都只是最常见的题材，还有许多专业的，另类的，独特的题材可以选择，比如中医，热带鱼，天气预报等等，同时，各个题材相联系和交叉结合可以产生新得题材，例如旅游论坛（旅游+讨论），经典入球播放（足球+影视）按这样分下去，题材可以有成千上万个，你不会再为题材重复，难以选择而烦恼了吧:)对于题材的选择，我的建议是：1.主题要小而精。定位要小，内容要精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。网络的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的“主题站”比“万全站”更受人们喜爱，就好比专卖店和百货商店，如果我需要买某方面的东西，肯定会选择专买店。再举个例子，我的一位网友KK希望制作文学方面的题材，但是文学也包括许多许多内容，有小说，诗歌，散文；有科幻，武侠，推理；仔细了解了他的擅长和想要提供的主要内容，最后将题材定位在网络文学上，删除了原有的一些无关的文学作品，集中扩大和整理网络文学作品。网站推出后，很快受到大家的喜爱。2.题材最好是你自己擅长或者喜爱的内容。比如：您对擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出杰出的作品。3.题材不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；比如软件下载，免费信息。“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。除非你下决心和有实力竞争并超过它，记住，在互联网上只有第一，人们往往只记得最好的网站，第二第三名的印象则会浅得多。OK，如果你已经有一个绝妙的主意了，那我们开始为网站起名字。您可能认为起名字与网站设计无关。其实网站名称也是网站设计的一部分，而且是很关键的一个要素。你来看，“电脑学习室”和“电脑之家”显然是后者简练；“迷笛乐园”和“MIDI乐园”显然是后者明晰；“儿童天地”和“中国幼儿园”显然是后者大气。我们都知道PIIICUP的中文名称“奔腾”，如果改为“奔跑”，可能就没有今天这么“火”了:)。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。一般的建议是：1.名称要正。这个“正”是自己的说法，其实就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。2.名称要易记。根据中文网站浏览者的特点，除非特定需要，网站名称最好用中文名称，不要使用英文或者中英文混合型名称。例如：beyondstudio和超越工作室，后者更亲切好记。另外，网站名称的字数应该控制在六个字（最好四个字）以内，比如“XX阁”“XX设计室”，四个字的可以用成语，如“一网打进”。字数少还有个好处，一般友情链接的小logo尺寸是88X31，而六个字的宽度是78左右，适合于其他站点的链接排版。3.名称要有特色。名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。这里举几个人个认为很好的名称：音乐前卫，网页陶吧，天籁绝音。在体现出网站主题的同时，能点出特色之处。总之，定位题材和名称是设计一个网站的第一步，也是很重要的一部分。如果能找到一个满意的名称，花一天时间翻字典也是值得的。★★★★★★尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool3d、GifAnimator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。★★★★制作网页主要有以下一些工具Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。此外还有一些网络编程工具，javascript、java编辑器等。网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！★★★★祝你成功。★你可以结合Dreamwaver和Photoshop来制作网页。Dreamwaver可以到这里下30天试用版，不过要先登记一个免费帐号，product=dreamweaver★在网上有这方面的教程（中国建站专家）主页和个人空间（中华网）建议使用网页制作三剑客Dreamweawer+Firework+Flash或使用Frontpage★★★★★★老实说这是别人告诉我的....★★★★★★设计模板切割模板制作html文件

有的，网上很多，看你具体需要什么样的功能这个三言两语应该也说不清楚，我是菜鸟级，简单点说就是用dw设计吧，不过很麻烦，最好找网络公司，我们公司就是找欧轩网络做的，教育类的。价格也不贵。

有的，网上很多，看你具体需要什么样的功能这个三言两语应该也说不清楚，我是菜鸟级，简单点说就是用dw设计吧，不过很麻烦，最好找网络公司，我们公司就是找欧轩网络做的，教育类的。价格也不贵。

网页制作学习总结 　　我们日常网络中网页是不可缺少的。可是怎样写好网页制作的学习总结呢？以下是我帮大家整理的网页制作学习总结，欢迎阅读，希望大家能够喜欢。 　　网页制作学习总结 篇1 　　转瞬之间，半个学期又接近尾声，在李导师的精心辅导下，度过了这个富有生机，富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识，对于我来讲是一个很好的锻炼和充实的机会。 　　俗话说的好“书山有路勤为径，学海无涯苦作舟”。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的收索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！ 　　在学习网页制作的过程中，我深深体会到一点“有付出，就终有回报”，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的个人主页，我是多么的激动，多么的兴奋，就像多年未见的老同学，一种讲不出道不明的感觉。 　　我在制作主页中的心得体会： 　　做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。 　　1、标题 　　在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决不要取一个名不符实的`"好名字"，别人第一次上了当，下次再也不会光顾了。 　　2、内容的采集 　　选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些好的动画作品。把这些内容按类别进行分类，设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层。 　　3、图片 　　做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说"一图胜千言"，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去，否则让人觉得是累赘，同时也影响网页的传输速度。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小（即字节数），在目前网络传输速度不是很快的情况下，图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢，一般来说，图片颜色较少的及在256色以内的最好把它处理成gif图像格式，如果是一些色彩比较丰富的图片，最好把它处理成jpg图像格式，因为gif和jpg各有各的压缩优势，应根据具体的图片来选择压缩比。 　　4、网页排版 　　网页页面整体的排版设计也是不可忽略的，要让读者在狭小的电脑屏幕上阅读，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。不要把整个网页都填得密密实实的，没有一点空隙，这样会给人一种压抑感。 　　5、背景 　　网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。 　　6、其它 　　如果想自己的网页更有特色一些，可适当地加一些网页制作的技巧，诸如声音、动态网页、java、applet等，当然这些小技巧最好不要加太多，它会影响网页的下载速度。 　　等个人主页做得差不多了，可别忘了在个人主页上放一个留言板、一个计数器。前者能及时获得参观者的意见和建议，及时得到网友反馈的信息，最好能做到有问必答，用行动去赢得更多的访问者；后者能让知道主页参观者的统计数据，可以及时调整设计，适应不同的浏览器和参观者的要求。 　　7、宣传 　　昨天，网页与我无缘，那是因为上天不给我们一个见面的机会！ 　　今天，网页与我相识，与我相知，成为我的一个最真诚的朋友，那时因为李导师的辛勤栽培！ 　　明天，网页与我一生相伴，终身相随，那是因为我领悟了什么是“一个网络，整个世界”。 　　总而言之，我将用毕生的精力，心血去换取网络中最灿烂的那颗夜明珠，在网页的蓝图里，我将记下人生不朽的个人诗篇！ 　　网页制作学习总结 篇2 　　在页制作的这段时间里，我利用了学习之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！ 　　通过这次制作网站的过程，我最大的感受就是制定网站计划的重要性。一个好的计划可以详细制定网站的相关内容，为后面的工作节省很多时间，所以在制定计划时要有充分的准备。 　　另外做好主页也并不是一件容易的事。它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。 　　标题在个人主页中起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记，不要符合自己主页的主题和风格。 　　网页页面整体的排版设计也是不可忽略了，很重要的一个原则是合理也运用空间，让自己的网页井然有序，留下合适空间，会给人轻松的感觉。 　　主页中不光要有文字，还要适当地加一些图片。俗话说“一图胜千言”，我想它不无道理。一张处理得好的图片不需再多做解释，就能使人一目了然，让人去思考，去了解它。 　　我通过整个包括主题的确定，网页的设计，资料的整和等制作的过程，才更加深入地理解了这些理论。我会怀着浓厚的兴趣去学习，与同事之间互相协作学习，学会把理论知识运用到实际中，真正提高我的自主学习能力、协作精神和实践能力。向着做一个真正意义上的教育技术专业人士的目标前进。 　　网页制作学习总结 篇3 　　科学是发展生产力的根本前提，当今的社会是互联网蓬勃发展的世界，每当我们上网的时候，那一个个精美别致的网页给人是多么流畅顺利的感觉，无论是寻找资料还是网上商城购物，都给我们带来了方便快捷的好处，我想，科学技术的发展，离不开互联网的发展，而互联网的发展也离不开网页制作的发展，而只有把两者结合起来才是正确的。 　　首先，了解网页并不是单纯的认为他仅仅只是为人们服务的，而它的存在也是给我们带来了利益和好处。当然，了解网页首先也从几个软件开始： 　　1. dreamweaver mx XX（或dreamweaver 8）。 　　2. flash mx XX（或flash 8） 　　3. fireworks 8 　　而网页制作就是开始从这些软件开始着手的，今天，我终于可以页制作了，我们在杜奕老师的教导下，各位同学们也都在聆听老师的讲解和指导我们运用以上这些软件的功能和网页的剖析。所谓网页，就是指一个可以浏览内容并且可以使用ie浏览器打开的内容称之为网页。 　　在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实，但是只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解，不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。如：布局表格、绘制层、制作css样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘，每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。 　　“路漫漫其修远兮，吾将上下而求索”学习的道路是艰苦漫长的，更何况这是关于一个科学技术的一个代名词，随后，课堂的气氛慢慢的好转，耐心的老师和专心的学生在课堂上都尽情的发挥各自的才能，老师也为了能教好每一位学生，而学生也不辜负老师的使命，就这样，网页制作这一门课程进行的很顺利，学习了dreamweaver mx XX对它如何彻底的剖析和分解，我们终于认清了它的原理，摸清了应该怎样去完全的使用它，而我们在老师的指导和训练的结果下，终于开始做属于自己的网页了。 　　慢慢的快接近尾声了，我们也快临近期末了，老师给我们的任务却是需要我们每人至少做出三个网页来，且内存不能超过3m，刚开始我以为我会对着感到很是吃力，不知道该如何是好，毕竟网页才是刚刚起步，根基不稳，怎么能够做出这样的网页呢？而我对dreamweaver mx XX它也不是很熟悉，心里真是很担忧。 　　在这最后的时间里，我仔细掂量了一番，网页制作给我的结论是：要想制作一个能够像网上的那样，还得需要经过长时间的刻苦努力和不断地检验及实践，否则，如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识，不像文学那样的纯理论知识。通过这个课程的学习，我从中得到了一些对网页知识如功能、概念的理解，原来要做出一个简单可行的网页并不是一件害怕的事情，而是一件努力和尝试的事情。 ;

这个网站有很多模版可供参考http://www.citk.net/

自己制作网站就是三要素：域名、空间、网站程序（类似如pageadmin系统，dz系统。），就可以完成网站的建设。

以下是网页设计需要学习的知识希望能帮助到你第一阶段（美学设计与软件技能）一、设计预科1、商务办公：windows、word、excel、ppt办公应用；办公软件在专业中的应用2、美术设计基础：设计素描、水粉、速写的原理及实践，投影、视图、透视，灯光表现,写生3、美术设计提高：设计素描、水粉提高课程、光和影的写实手法、审美观念的提高、色彩搭配的提高，配色原理的提高。4、手绘图标：二维剪影图标、三维写实图标案例实训，了解创意在设计中的具体运用；理解创意思维的形态置换原理；掌握将创意思维转化为图形样式的能力5、阶段考核：完成描素、色彩图各一张二、设计软件1、Photoshop：Adobe公司大师级图像软件入门讲解。掌握该软件在平面广告、网页设计、UI设计以及室内设计等专业中的相关操作。2、Illustrator：Adobe公司专业级矢量软件入门讲解。掌握该软件在创意广告设计、印刷出版与web网络创作、多媒体和UI图标界面设计的相关操作。3、Dreamweaver：讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧，HTML基础应用，快速入门，CSS样式表的应用，模板布局的使用技巧，如何管理网站并上传。4、Fireworks：讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用第二阶段(WEB界面与整站项目设计）一、三大构成1、平面构成与设计：点的构成形式、线的构成形式、面的构成形式，训练各种熟练的构成技巧和表现方法，培养审美观及美的修养和感觉，提高创作活动和造型能力-活跃构思。2、色彩构成与设计：学习色彩与视觉的原理、三要素及色彩对比、色彩推移、综合对比及色调变化、表现手法、色彩视觉心理与性格的对比；提高综合审美能力。3、立体构成与设计：立体构成的概念特征及作用、材料要素及加工工具、视觉效果和心理感受、立体构成的设计应用、立体构成与建筑设计、立体构成与工业产品设计等方面应用二、WEB界面设计元素设计1、网页Banner排版与设计1）Banner版面设计的规则与规范，版面的排版。色相的选择，色调的调整。让banner制作更速成化。2）Banner广告强化设计，主要讲解banner制作标准及要求、纯文字banner实例、金融业banner实例、快销品banner实例、文字横排/竖排/斜排的风格差异、服装类banner实例、化妆品banner实例、数码类banner实例、配饰类banner实例2、网页元素及规范：页面设计基本流程与设计规范的概念性讲解，重点了解WEB界面设计规范及页面元素；网页配色技巧、色彩与构图的概念及技巧；网页导航与按钮设计三、WEB整站设计实训1、网站设计流程与策划：网站设计流程，网站设计理念创新，网页结构图与原型图绘制等；如何从零开始策划一个网站，包括主题定位、栏目规划等，如何去策划盈利模式。2、电商平台类网站项目实训：商业案例实训如京东、小米等平台，重点学习网站整体架构设计、栏目规划、页面制作及系列产品总体界面风格设计，布局技巧及细节设计技巧，各类网页交互设计应用、响应式设计应用的展示3、企业类网站项目实训：如苹果、腾讯企业类平台，重点学习页面主题设计如TOP部分设计，BANNER设计，产品页设计,新闻页设计,首页设计，类各设计技巧如网页的尺寸、页面的留白、图层与图像的关系、网页导航设计、字体的排版设计、广告条（banner)制作、正文内容的详细设计4、分类网站项目实训及阶段考核：教师指导你完成阶段设计作品，以备应聘时使用；从立案到素材、材料收集整理，再到风格定位、栏目规划，独立完成分类及个人网站设计，其中需容入不同的分类信息、作品等；第三阶段（WEB前端布局与交互开发）一、WEB前端HTML5/CSS3布局与样式1、HTML标签：HTMl5简介与入门、文本、图像、链接、表格、列表、智能表单、结构化标签等内容随堂项目：1.文章页面的结构化布局。包括文章标题、正文、图片、页面背景、作者、发表时间等信息2.利用table标签课程表的实现3.利用form、input表单标签实现简单登录注册页面2、CSS基础语法常见样式：CSS3简介、css3引入方式、常见样式、文字与文本、颜色、背景色、精灵图片等随堂项目：首页导航栏的制作3、CSS选择器：css选择器:标签选择器、类选择器、ID选择器、后代选择器、群组选择器、伪类选择器、结构化伪类选择器、属性选择器、兄弟选择器、子元素选择器4、CSS盒子模型：盒模型简介、盒模型组成部分、盒模型常用场景、弹性盒模型随堂项目：导航栏的制作，利用盒子模型拉开间距、hover效果添加后的内边距设定5、浮动与定位：浮动：float、clear、恢复塌陷的父容器高度。定位：一动不动的(static)，跟着别人跑的(absolute)，以自己为中心的(relative)，固定的(fixed)随堂项目：导航栏左右布局的定位、二级菜单的实现、回到顶部的按钮6、响应式布局与页面优化处理：移动页面与PC端页面布局时候需要注意点、媒体查询在响应式布局中的应用、响应式布局中弹性盒模型的设计技巧、各种浏览器对于CSS样式的支持情况、页面优化需要注意的地方、解决跨浏览器兼容性问题随堂项目：移动端的用户注册页面、PC端的用户注册页面。7、静态页面切图项目实战：1）企业站实训：1.首页导航、二级菜单2.banner轮播图3.产品展示4.成功案例5.新闻中心6.联系方式7.友情链接8.版权申明9.总结2）商城实训：1.首页（头部导航、分类搜索、秒杀产品、猜你喜欢、推荐商品）2.用户中心（订单、个人信息、收货地址、账单）3.商品详情页（展示图、描述信息、促销价格、细节展示、产品详情）4.登录&注册页面二、WEB前端JavaScript交互1、核心语法：1）JavaScript的前世今生、javascript语法、介绍html5认识JavaScript、javascript中的对象、数组、变量、.流程控制（ifelseswitchcasewhilefor）2)随堂项目：九九乘法表、闰年计算、谁是高富帅（ifelse..Switchcase）2、BOM与DOM操作：DOM操作：让一成不变的网页动起来；BOM操作：浏览器也有话要说随堂项目：网页时钟的制作、回到顶部3、事件编程：1)javascript的事件机制：让网页回应你的问候；常见的JS事件：单击、双击、移动、悬停、焦点的获取与失去、浏览器的关闭与加载2)随堂项目：1.选不中的按钮的实现2.做一个计算器怎样3.商品图片放大镜效果4、正则表达式：1）正则表达式的语法、利用正则表达式做字符匹配、面向对象编程：脱离过程走向对象2）随堂项目：邮箱格式的验证、编写一个获取常见输入数据的格式验证类。5、面向对象编程1）面向对象编程简介、对象的创建、继承的实现、原型与原型链。2)随堂项目：仿windows屏保气泡6、JQuery1）JQuery基础语法、JQuery选择器、JQuery的BOM与DOM操作、事件编程、常见动画与自定义动画编程、常见Jquery插件使用。2）随堂项目：打地鼠游戏、抽奖轮盘制作7、JQuery项目实战：图片轮播、利用jQuery制作拼图、贪吃蛇等项目实训8、Ajax技术1）Ajax技术介绍、json格式与XML格式详解、Ajax的post与get两种提交方式详解、服务器端的数据反馈机制说明、如何利用jQuery实现Ajax提交、跨域访问的实现2）随堂项目：用户注册、登录的Ajax无刷新实现、淘宝收货地址中省市级联的实现8、Bootstrap：bootstrap介绍、bootstrap的栅格系统、CSS样式、组件、bootstrap的javascript插件随堂项目：利用bootstrap构建移动商城首页、用户注册、登录等页面9、ECMAScript6：1.webpack介绍2.webpackg管用配置3.模块处理mole6.3种加载器loaders的使用4.编译器babel5.插件plugins6.热更新次操作7.打项目最终包随堂练习：新前端开发环境搭建

额，不是，程序员，不止是做网站的建设与管理，还可以做很多东西，比如，软件开发，游戏开发等等

你去看现在的六年级的信息书，那上面有。

得看你要做什么网站，不同的网站有一些不同的写法，但是大体上来说，可以参照下面的文章。一个好的网站应该同时具备三方面优势：一个网站的成功与否与建站前的网站策划有着极为重要的关系。在建立网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的策划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。网站策划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出策划。网站策划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。网站策划书出应该尽可能涵盖网站策划中的各个方面，网站策划书的写作要科学、认真、实事求是。网站策划书包含的内容如下：一、建设网站前的市场分析（企业自行处理）1、相关行业的市场是怎样的,市场有什么样的特点，是否能够在互联网上开展公司业务。2、市场主要竞争者分析，竞争对手上网情况及其网站策划、功能作用。3、公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。二、建设网站目的及功能定位（企业自行处理或与专业公司商议）1、为什么要建立网站，是为了树立企业形象，宣传产品，进行电子商务，还是建立行业性网站？是企业的基本需要还是市场开拓的延伸？2、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能类型：企业型网站、应用型网站、商业型网站（行业型网站）、电子商务型网站；企业网站又分为企业形象型、产品宣传型、网上营销型、客户服务型、电子商务型等。3、根据网站功能，确定网站应达到的目的作用。4、企业内部网（Intranet）的建设情况和网站的可扩展性。三、网站技术解决方案（与专业公司商议）根据网站的功能确定网站技术解决方案。1、采用自建服务器，还是租用虚拟主机。2、选择操作系统，用Window2000/NT还是unix,Linux。分析投入成本、功能、开发、稳定性和安全性等。3、采用模板自助建站、建站套餐还是个性化开发。4、网站安全性措施，防黑、防病毒方案（如果采用虚拟主机，则该项由专业公司代劳）。5、选择什么样的动态程序及相应数据库。如程序ASP、JSP、PHP；数据库SQL、ACCESS、ORACLE等。四、网站内容及实现方式（与专业公司商议）1、根据网站的目的确定网站的结构导航。2、根据网站的目的及内容确定网站整合功能。如FLASH引导页、会员系统、网上购物系统、在线支付、问卷调查系统、在线支付、信息搜索查询系统、流量统计系统等。3、确定网站的结构导航中的每个频道的子栏目。如公司简介中可以包括：总裁致词、发展历程、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等；客户服务可以包括：服务热线、服务宗旨、服务项目等。4、确定网站内容的实现方式。如产品中心使用动态程序数据库还是静态页面；营销网络是采用列表方式还是地图展示。五、网页设计1、网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合企业CI规范。要注意网页色彩、图片的应用及版面策划，保持网页的整体一致性。2、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。3、制定网页改版计划，如半年到一年时间进行较大规模改版等。六、费用预算1、企业建站费用的初步预算一般根据企业的规模、建站的目的、上级的批准而定。2、专业建站公司提供详细的功能描述及报价，企业进行性价比研究。3、网站的价格从几千元到十几万元不等。如果排除模板式自助建站（火山动力通常认为企业的网站无论大小，必须有排他性，如果千篇一律对企业形象的影响极大）和牟取暴利的因素，网站建设的费用一般与功能要求是成正比的。七、网站维护1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。2、数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。3、内容的更新、调整等。4、制定相关网站维护的规定，将网站维护制度化、规范化。5、说明：动态信息的维护通常由企业安排相应人员进行在线的更新管理；静态信息（即没用动态程序数据库支持）可由专业公司进行维护。八、网站测试网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容：1、文字、图片是否有错误。2、程序及数据库测试。3、链接是否有错误。九、网站发布与推广以上为网站策划中的主要内容，根据不同的需求和建站目的，内容也会在增加或减少。在建设网站之初一定要进行细致的策划，才能达到预期建站目的。另外现在网络资源丰富，你可以去找一些免费的版本学习一下。

那你这样看是策划什么类型的网站了 网站类型有多种：政府网站、商业网站、企业网站、个人网站等以下是个人网站的策划：1、网站作用：让别人了解我认识我2、网站规模：因为是个人网站一般由一二十个网页组成，所以规模不大3、网站目标客户：同学，朋友，和广大青年朋友。4、网站特色：我的这类网站受众一般为青年人，所以在色彩上和设计风格上追求青年人的口味，画面绚烂，在内容上的特色表现为：（1）内容标准化与个性化（2）充分体现互动性（3）内容实用性（4）多媒体技术专业性（5）网站平台延展性5.网站的宣传标语：展示自我，分享快乐。一、网站的风格及配色方案1、网站名称：意度空间2、网站域名：3、网站LOGO4、网站标准色：整个网站以橙黄色为主基色，配以黑白色,我认为配这种色代表年轻人的激情。5、网站标准字体：在字体上我主张采用默认字体，因为这种字体无论在那种浏览器上都能正常显示。所以我采用系统默认字体。二、网站的栏目设计（画出栏目结构图）三、网站设计和制作中所采用的技术1、Flash特效功能2、图片展示功能3、文章查询功能4、相册功能5、在线视听功能6、我的QQ群功能7、文件下载功能8、在线留言功能9、友情链接功能10、时钟功能 11、电子邮件功能12、点至通讯录 13、圈子（我的QQ空间）14、网摘功能15、新闻功能四、首页的设计简述为了使我的的首页美观生动，吸引人在我的首页我还添加了形象开头动画页面在页面上我首先映入你眼帘的是美丽的西京图片在它的上面我添加可透明的FLASH动画，这样会使网页具有动态美的感觉，加上合理浅淡桔黄色，动听的背景音乐，无论是从视觉，听觉还是感觉上都是一个不错的网站。在网站的右上角我还插了滚动字幕，这样可以让浏览着第一时间了解我本站的最新动态。在网页的右下角是我的网站的名称，通过点击它就可以进入我的主页。五、栏目页及内容页的设计构思我的个人网站大体上包括一下内容：我的圈子，我的相册，我的音乐，最新动态，项目互动，资源下载，六大模块这六大模块简介如下我的圈子简介：（1）介绍我的班级和我班级里边的同学，把我班里边的同学加到我的网页中并对每个人做详细的介绍，形成一个同学录一样的页面，在这里边每个人可以都可以尽量书写个人的兴趣爱好。（2）个人简历。首先是个人详细的自我介绍，然后加上个人的求职信个人简历，以便企业更深的了解我（3）因为只要有QQ号的几乎都有自己的空间所以我可以加个超连接，连接到我的QQ空间我的相册。我的相册简介：（1）设计个人的相册（2）朋友的相册（3）贴图，如果发现好的图片我收集起来可以和广大朋友共同分享。我的音乐简介：这个模块主要包括：（1）国内最新流行的音乐（2）日韩最新流行的音乐（3）欧美最新流行的音乐最新动态简介：（1）本站公告（2）站内新闻（3）最新游戏（4）新款服饰项目互动简介：（1）请你留言，通过这个模块可以在线时时交流（2）站内论坛资源下载简介：（1）原创作品；在这里可以写个人的个人日志，心得体会（2）资源共享附栏目页或内容页模板图我的相册、我的音乐、你我互动、 最新动态、 资源下载六、网站完成后的自查：网站在本地和上传到服务器中有无图片和动画无法显示或链接失效等情况通过反复的测试，在本地和上传到服务器中都没有发现图片和动画无法显示的或链接失效等情况。七、网站完成后，你打算如何做进一步的推广，请写出网站推广的方案。（根据电子商务的知识写出较为详细推广方案）电子邮件推广电子邮件是最有效的网络许可营销方法之一。分为：广告邮件、电子杂志两种。前者通过广泛发布邮件信息获得第一注意力；后者通过用户许可，获得定期、定向宣传效果，起到事半功倍的效果；搜索引擎加注统计表明，50%以上的自发访问量来自于搜索引擎；有效加注搜索引擎是注意力推广的必备手段之一；加注搜索引擎既要注意措辞和选这好引擎也要注意定期跟踪加注效果，并做出合理的修正或补充；广告策略广告是注意力营销和推广强有力的手段，包括网上广告和网下广告，网上包括付费广告，互换广告，友情连接等方法网下推广法网下推广方式多样，除广告外还包括：确定网站CI形象，宣传标识，口碑传递参加公益活动，活动赞助，派发小礼品、传单、作小型市场调查，相关单位机构合作等；雁过留声法大量访问同类网站或者人气旺盛的网络平台，发布留言和论坛信息（可用技术手段实现）内容主要有：本网站介绍或者本网站部分精品内容发布，吸引爱好者访问；整合营销与推广联盟策略首先实现同以下是企业类型的网站策划：1、 建设企业网站所遵循的一般原则（1） 系统性原则。同时提供设计方案。设计实施单位应充分了解企业文化和企业机构及管理信息等基本情况，对营销目标、行业竞争状况、产品特征、用户需求行为以及网站推广运营等基本问题等要素融入到网站建设方案中。（2） 完整性原则。企业网站是企业在互联网上的经营场所，应该为用户提供完整的信息和服务：网站的基本要素合理、完整；网站的内容全面、有效；网站的服务和功能适用、方便；网站建设与网站运营维护衔接并提供支持。（3） 友好性原则。网站的友好性包括三个方面：对用户友好——满足用户需求、获得用户信任；对网络环境友好——适合搜索引擎检索、便于积累网络营销资源；对经营者友好——网站便于管理维护、提高工作效率。（4） 简单性原则。在保证网站基本要素完整的前提下，尽可能减少不相关的内容、图片和多媒体文件等，使得用户以尽可能少的点击次数和尽可能短的时间获得需要的信息和服务。（5） 适应性原则。企业网站的功能、内容、服务和表现形式等需要适应不断变化的网络营销环境，网站应具有连续性和可扩展性。2、网站建设基本流程规范企业网站建设（升级改版）包含下列基本流程：（1）制定网站规划方案：包括网站预期目标、行业竞争状况分析、网站栏目结构、用户行为分析及内容规划、网页模版设计、网站服务器技术选型、网站运营维护规范等基本内容；（2）网站技术开发、网页设计；（3）网站测试；（4）网站内容发布；（5）网站维护及管理。3、网站域名及网站技术规范（1）采用基于XHTML的国际WEB标准（CSS+DIV）；（2）网站首页为顶级域名而不是多级层次 ；（3）网站首页及各栏目和内容页面均不采用网址跳转方式，不采用过渡页/桥页等网址重定向；（4）合理应用静态网页与动态网页，网站栏目首页和其他重要页面采用静态网页；（5）网页内容页面层次不宜过多，不超过四个层次；（6）采用主流域名：.cn、.com.cn、.com等；（7）一个网站对应一个主域名，现有多个域名需统一；（8）网站链接错误率在一定范围之内，首页等重要页面无死链接；（9）网站设计对不同浏览器具有兼容性。4、企业网站的基本功能和内容（1） 与企业办公网实现无缝链接；（2）具有信息发布、产品发布和管理功能；（3）产品推荐/广告管理功能；（4）详细的公司介绍；（5）详细的联系方式；（6）合理的产品分类/汇总/列表；（7）详细的产品介绍内容；（8）销售及售后服务相关的联系和服务信息；5、网站优化网站优化包括三个方面：对用户获取信息优化、搜索引擎优化、网站维护优化。（1）网站栏目结构合理，栏目设置不要过于复杂；（2）网站导航清晰且全站统一，通过任何一个网页可以逐级返回上一级栏目直到首页；（3）网页布局设计合理，网站设计符合用户浏览习惯；（4）重要文字信息尽可能出现在网页靠前位置；（5）字体清晰，CSS风格协调一致；6、网页模版设计（1）重要信息尽可能出现在用户最关注的位置；（2）网页宽度定位适应当前主流屏幕分辨率模式；（3）保持整站CSS风格一致；（4）超级链接有下划线或颜色的明显指示；（5）整个网站中在新窗口打开或原窗口打开网页的规则一致；（6）网站首页字节数不宜过大；（7）多语言版本网站内容之间的切换方式设计合理。7、企业网站可信度（1）网站具有必须的法定证书；（2）对企业基本状况的介绍真实可信；（3）公布顾客服务/售后服务承诺；（4）有必要的个人信息保护声明；（5）网站公布的联系方式有效，尤其是地址、固定电话和Email地址；（6）网站公布的Email地址与企业网站域名后缀一致而不是免费邮箱；（7）网站主域名与企业名称/品牌/核心产品一致或相关；8、网站运营维护（1）建立网站内容发布审核机制，始终保持网站内容的合法性；（2）保持网站服务器正常工作，对网站访问速度等进行日常跟踪管理；（3）保持合理的网站内容更新频率；（4）网站内容制作符合网站优化所必须具备的规范；（5）重要信息（如数据库等、访问日志等）的备份机制；虽然看上去有点复杂 不过你自己可以简化的 希望以上信息能给你一些帮助！

页面文件太大不只会下降下载速度，一起也会添加页面源代码中与页面主题无关的内容比例，添加了查找引擎的核算量，所以要对网站页面代码中止优化。??标签优化??标签指的是网站的三大标签，标题标签、描绘标签、关键词标签。标题标签帮忙查找者判别能否点击你的链接；描绘标签帮忙查找者判别能否拜访你的网站，影响网站点击率，假如描绘标签欠好，网站排名再高，查找者也并不会点击；关键词标签用来给查找引擎定位网站。这些非常根本的标签信息都可以用来优化网站，合理的标签使网站取得流量和潜在买家。??运用外部JS脚本文件??假如网站每个页面都添加JS脚本程序，这样就会添加页面文件的巨细，一起也会添加批改JS脚本程序的难度，所以最好运用外部JS脚本文件。??运用外部JS脚本文件，不只可以削减每个页面文件的巨细，一起在批改JS脚本程序程序时也非常的简单，只需求批改JS脚本文件就可以了。??图片优化??图片是内容营销的重要局部之一。图片上的优化主要有2个方面。首先是图片的AIt标签，它可以帮忙查找引擎更好的理解图片的内容，有助于查找引擎对图片中止归类。当查找者用Google图片查找时，AIt标签能在网页、图片栏目为网站争夺流量。其次是图片巨细，图片过大拖慢网页的拜访速度。依照独立站图片标准来优化，建议小图小于60k，大图小于200k，快时髦领域小图可以添加至80k。??运用外部CSS样式文件??在设置页面内容样式的时分，最好运用外部CSS样式文件，因为同一个网站中的页面内容样式都是相似的，假如在每个页面中添加CSS样式代码，这样就会添加每个页面文件的巨细。??导航优化??网站导航给拜访者供给全面的引导，让查找引擎更好的抓取页面内容。一般网站有分类导航、面包屑导航也叫子导航以及尾部导航。导航优化指的是网站内部链接的规划优化，合理散布内部链接既可以给到访客看到他们所处网站的位置，一起也能添加网站关键词的相关度以及网站页面相关度。网页优化需求有内部链接，新闻、产品描绘等内容参加内部链接；分类导航、子导航添加外链，优化工作事半功倍。??页面规划选用DIV??以前网站页面规划都选用table方法，这种规划方法会让代码变的臃肿，不只会影响页面的翻开速度，而且还对查找引擎蜘蛛非常不友好。??网站运用DIV方法中止规划，不只可以让蜘蛛爬虫更顺畅，更快，更友好的抓取页面，还可以使代码更精约、流利，很多缩减页面文件巨细，提高用户阅读网站速度。??页面格局优化??网址以产品标题命名的文件名是做外贸搜索引擎优化结构很常见的方法。页面网址最常以php、html等等格局作为结束，一般产品页面的网址最好有产品标题，最后以html结束。html是一种文字格局，它不需求通过读取数据库，直接生成一个单独的文件，运用html格局对Google录入愈加友好。??削减或删去注释??HTML源代码中的注释关于网站优化没有任何益处，假如页面不需求批改，最好直接把注释删去掉，这样可以削减对查找引擎的干扰。??页面质量优化??页面质量优化这里主要使用谈论板块。在访客视点，谈论模块是发表意见，反应信息给卖家的方法；在跨境卖家视点，谈论模块能提高拜访者对产品的信赖度，使得产品转化率提高；在搜索引擎优化视点，谈论模块坚持页面更新度、能提高网站丰厚度、优化页面质量，从而提高网站排名。奇妙使用谈论功用，它是网站优化的得力助手。??符合W3C标准

需要这个？

楼主啊！你很急哦！！！希望这对你有帮助！！！那边我也写了！！！要领一：确定网站主题 做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。美国《个人电脑》杂志(PC Magazine)评出了99年度排名前100位的全美知名网站的十类题材：第1类：网上求职；第2类：网上聊天/即时信息/ICQ；第3类：网上社区/讨论/邮件列表；第4类：计算机技术；第5类：网页/网站开发；第6类：娱乐网站；第7类：旅行；第8类：参考/资讯；第9类：家庭/教育；第10类：生活/时尚。我们可以参看上面的分类，继续细分。如果自己在某些方面有兴趣，或掌握的资料较多，也可以做一个自己感兴趣的东西，一者，你可以有自己的见解，做出自己的特色；二者，在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。 对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。记住：在互联网上只有第一，没有第二！ 要领二：选择好域名 域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将柯淇铡?br> 目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广与发展很为不利，不光是它“适时”开启的窗口妨碍了浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输速度。所以，就我个人观点来说，首先花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、易记。 要领三：掌握建网工具 网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，下面是几款具有代表性的网页制作器： （1）HTML编辑器。虽然HTML代码复杂，编辑和调试要花费大量的时间，但因HTML的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。就目前来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级HTML规范，使用较为普遍的有Hotdog等专业HTML编辑器。 （2）所见即所得的网页编辑器。其中以Microsoft Frontpage为代表，它具有如Word一样的操作界面，熟知Word功能的操作者，只要稍加培训就能轻松编制网页。而且，Frontpage还能解析网页的HTML源代码，并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。 （3）现在非常流行的 Macromedia公司出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页，它不需要特别繁杂的操作，也比JAVA小巧精悍！但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等；并且由于Flash编制的网页文件比普通网页文件要小得多，所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。 另外，个人网站制作者还需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解，还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具，并能部分了解多种图形图像动画工具的基本用法，熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。 当然，互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完成，既浪费时间又浪费金钱，而且还需要强大的图形、图片制作技术。所以，为了省却这些麻烦，网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。 要领四：确定网站界面 界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点： ①栏目与板块编排 构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难。所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。 网站的题材确定后，就要将收集到的资料内容作一个合理的编排。比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。在栏目编排时需要注意的是： ●尽可能删除那些与主题无关的栏目； ●尽可能将网站内最有价值的内容列在栏目上； ●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题。 另外，板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些，每个板块都有自己的栏目。举个例子：ENET硅谷动力（www.enet.com.cn）的站点分新闻、产品、游戏、学院等板块，每个板块下面又各有自己的主栏目。一般来说，个人站点内容较少，只要分个栏目也就够了，不需要设置板块。如果有必要设置板块的，应该注意： ●各板块要有相对独立性； ●各板块要有相互关联； ●各板块的内容要围绕站点主题； ②目录结构与链接结构 网站的目录是指建立网站时创建的目录。例如：在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排，比如： ●不要将所有文件都存放在根目录下。有网站制作者为了方便，将所有文件都放在根目录下。这样就很容易造成：文件管理混乱，搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率；上传速度变慢，服务器一般都会为根目录建立一个文件索引，如果将所有文件都放在根目录下，那么即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件，很明显，文件量越大，等待的时间也将越长。 ●按栏目内容建立子目录。子目录的建立，首先按主栏目建立。友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录，例如：CGI程序放在cgi-bin目录，所有提供下载的内容也最好放在一个目录下，便于维护管理。 ●在每个主目录下都建立独立的Images目录。一般来说，一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单，就是方便维护与管理。 其它需要注意的还有：目录的层次不要太深，不要超过3层；不要使用中文目录，使用中文目录可能对网址的正确显示造成困难；不要使用过长的目录，太长的目录名不便于记忆；尽量使用意义明确的目录，以便于记忆和管理。 网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。一般的，建立网站的链接结构有两种基本方式： ●树状链接结构（一对一），这类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出，条理比较清晰，访问者明确知道自己在什么位置，不会“不知身在何处”，但是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须回到首页再进行。 ●星状链接结构（一对多），类似网络服务器的链接，每个页面相互之间都建立有链接。这样浏览比较方便，随时可以到达自己喜欢的页面。但是由于链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。 因此，在实际的网站设计中，总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置。所以，最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。关于链接结构的设计，在实际的网页制作中是非常重要一环，采用什么样的链接结构直接影响到版面的布局。 ③进行形象设计 网站的设计可以从以下几点出发： ●设计网站标志(LOGO)。LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如：网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。 ●设计网站色彩。网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。 ●设计网站字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，那么辛苦设计制作便可能付之东流了。 ●设计网站宣传语。也可以说是网站的精神、主题与中心，或者是网站的目标，用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。 要领五：确定网站风格 “风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。 风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。 总之，有风格的网站与普通网站的区别在于：在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等；在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。 在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。 要领六：有创意的内容选择 好的内容选择需要有好的创意，作为网页设计制作者，最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站，如果创意很好，却对网站发展毫无意义，那么，网站设计制作者也应当放弃这个创意。另外，主页内容是网站的根本之所在，如果内容空洞，即使页面制作地再怎样精美，仍然不会有多少用户。从根本上说，网站内容仍然左右着网站流量，内容为王（Content Is King）依然是个人网站成功的关键。 要领七：推广自己的网站 网站的营销推广在个人网站的运行中也占着重要的地位，在推广个人网站之前，请确保已经做好了以下内容：网站信息内容丰富、准确、及时；网站技术具有一定专业水准，网站的交互性能良好。一般来说，网站的推广有以下几种方式： （1）搜索引擎注册与搜索目录登录技巧 注册著名的搜索引擎站点是在技术上推广网站的第一步。注册搜索引擎有一定的技巧，像AltaVista、搜索客这样的搜索引擎，它自动收录提交的网址。另外，注意Meta的使用，不要提交分栏Frame页面，大部分搜索引擎不识别Frame，所以一定要提交有内容的Main页面。 而像Yahoo、搜狐等搜索目录网站采用手工方式收录网址，以保证收录网站的质量，在分类查询时获得的信息相关性比搜索引擎站点（靠Spider自动搜索的）更强。由于搜索目录网站收录网站的人为因素相对较多，因此在提交网站时要注意遵守规则。如Yahoo要求注册站点描述不超过25个单词。在此要注意：将网址提交到最合适的目录下面，要认真详细的介绍网站，千万不要有虚假、夸张的成分。 （2）广告交换技巧 很多个人站点在相互广告交换时都提出了几个条件：第一，访问量相当；第二，首页交换。显而易见，这种做法是为了充分利用广告交换。以很多个人网站的经验，当与一个个人站点交换链接时，对方把网站的LOGO放到了友情连接一页，而不是首页时，很少有访客会来自那里。通常在首页，广告交换才会有很好的效果。 （3）目标电子邮件推广 使用电子邮件宣传网址时，主要有如下技巧：可以使用免费邮件列表来进行，只要你申请了免费邮件列表服务，你就可以利用邮件列表来推广你的网站；可以通过收集的特定邮件地址，来发送信息到特定的网络群体，在特定网络群体中推广自己的网站；发送HTML格式的邮件，即使其内容与接收者关系不大，也不会被被当作垃圾信件马上删掉，人们至少会留意一下发送者的地址。不过，在进行邮件推广的时候要注意网络道德。 要领八：支撑网站日常运行 当个人网站做到某一程度，就必须把赚钱提到议事日程上来，通常来说，个人网站获取资金通常有以下两个渠道： （1）销售网站的广告位 要销售网站的广告位，一般来说，每日的流量少于1万人次的网站在目前是不会吸引广告主的。网站的专业性及商用性，以往的广告经验，技术以及设计要求等也会影响到广告的销售。 一般来说，WEB广告的收费有三种方式： ①CPM (Cost Per Million/Thousand) 放一个广告，它按每1,000人次来访问站点收费。这方法对网站经营者最为合适，只要有人浏览该网页，就得钱，不管访问者对广告有无反应——是否会看或点击该广告。 ②点透（Click-through） 通过Banner广告点到了广告商的站点，这才算数，广告商青睐这个，他只为对自己广告感兴趣的人“套钱“。网站经营者就不合适了，据一些调查资料表明，只有3%的访问者会去“CLICK”广告。 ③提成 (Commission) 根据访问者点击位于你站点上广告所带来的销售收入，从中跟做广告的厂商分成，这种方法对于网站的经营者来说，比上面两个都更加冒险。 通常的，个人网站的广告收费方法往往是第一、第二种方法的结合，站点和广告商都可少冒点险。 （2）与大型网站合作 另外，通过与大型网站合作，获取经费，也可以维持个人网站的日常运行。不过，个人网站很容易会成为商业网站的附属品。 有时间和充沛的体力，再加上对新技术和技巧的学习和应用，你就能为自己在网上建一个家了。

　　在学习网页制作的这几天里，我利用了学习之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！　　做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。　　理论上的认识：　　随着Internet在中国的迅速发展,人们日常生活中越来越多地使用这项新的技术来为自己的工作和学习服务.由于WEB页面能把文本、图像、声音、动画、视像等多种媒体信息集于一体，不但使信息的显示更加生动，而且使信息的浏览更为方便,同时WEB页能实现网上交易平台、客户信息反馈方便了企业与客户之间信息交流，因此许多企业纷纷建设具有自己独特风格的网站以增强企业知名度.　　网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。　　1.标题　　在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格。　　2.内容的采集　　选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些好的动画作品。　　3.图片　　做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说"一图胜千言"，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。　　4.网页排版　　网页页面整体的排版设计也是不可忽略的，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。　　5.特色　　让自己的网页更有特色一些，可适当地加一些声音、动态网页、Java、Applet。　　实践中的认识:　　话虽是像上面这样说的,但是真要做起来确是很难.做网页设计不仅要从艺术的角度来考虑而且要从社会大众的认可性来考虑.网页设计必须要服从企业或部门的经营理念来考虑.如果设计的作品很好看但是和企业不搭调那就等于白做.　　以上就是我对网页设计的认识和总结,虽然从理论上都知道如何去做,但是实际做起来很难.总的来说就是很难突破,很难超越自己.因此在以后的学习中要更加完善自己,突破自己.

设计 不需要 做 网页制作 需要你在dreamwwaver上编写

最好的老师就是兴趣,没有兴趣而言,这条路我相信你是走不长远的,除非你有其他比如说生活压力,工作压力等让你不得不这样坚持下去。我刚开始接触web网页设计的时候,教材都是以table来布局的,看到插入table生成了很多标签代码后,tr里面一个个td,理不清楚这个里面怎么回事。敷衍的学习了一个学期。还是没学到什么。真正学到的还是停留在怎么新建,怎么保存。如果你还是在校学生,那你得好好上课,大学的教材普遍来讲都是知识面浅的。虽然很多知识看起来用处不大,学起来也很枯燥,让你觉得浪费时间。但这些书本上最基础的知识你都不能掌握,那你以后怎么追求更精湛的技术呢。所以不要逃课,把基础知识掌握了,别小看这个基础知识,它非常重要,基础扎实是否也会决定你在一个职业能走多远。因为web前端开发在国内的火爆，所以很多人都开始自学web前端开发。但是如果一个人自学是的前面是六11，前端开发的中间是肆二八，前端开发的后面是壹肆二。这里每天都有免费的课程可以学习，还有很多人和你一起进步，如果你是想学习的就赶紧加入，不想学习的就不要加咯.很有难度的，可能花费了大量的时间和精力还未必可以收到效果。我是毕业了后从文员转到编辑再到技术员当然这期间工资就像是阶梯一样,虽然这差距也不是很大,都离不开那些曾经被我遗落角落的专业课本。生活上的压力迫使我这样做,我知道自己要什么,当一个文员没有追求,感觉过着30、40岁人的生活,接电话、发email、整理报表,每个月都有白领的工资...浪费的不仅仅是自己的青春,还有这大学几年昂贵的学费。后来就愈来愈想掌握一门技术,想去培训学校学习一段时间,但是现实是我没有钱,闭关一个星期,重拾课本,再看看那些讨厌的table,虽然out了,但是确实会发现很多基础再基础不过的东西,利用互联网,不明白的就百度,作为一个过来人,我觉得我自己走了不少弯路,所以,有必要提醒你们一下,一定要明确自己的目标,摆正自己的位置,最好掌握一门技术。了解web前端Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。说得直白点就是美工photoshop,交互设计,flash,js,html+css。就小规模公司而言,一个技术员都得会这几样技能,这样很锻炼人的,慢慢的你就会成为公司的主力。大规模的公司把这些分得很细,所以,你可以精通一门,熟悉其他的,进军大公司。网页开发工具学习web前端开发,网页开发工具有FrontPage,会用Word的人很容易学会FrontPage。还有一个常用的是Dreamweaver。这两种都是使用最多的HTML网页制作工具,我使用的是Dreamweavercs6,因为这套软件提供了一套直观的可视界面,融合了html5一些新的内容。包括网格布局什么的。学习内容HTML、CSS和JavaScript。html是内容,css是表现,javascript是行为。前端开发的门槛其实非常低,与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢。所以,对于从事IT工作的人来说,前端开发是个不错的初入点。也正因为如此,前端开发的领域有很多自学成“才”的同行。html是最基础的,现在流行的是html5设计,先学会网页布局。css是用来美化html页面的为页面提供布局和格式。最后再学javascript。如果你把每天看电影、看电视剧的时间用来学习,我想一个星期入门是没有问题的。基础知识:1.html+css。《10条HTML代码编写技巧》《CSS简明教程》《Div+CSS规则整理以及注意问题》2、JavaScript。不是所有的网页都必须有js,但是要想实现一些超酷的功能和界面的时候,就需要涉及到js。如果没有其他编程语言的基础的话,学起来可能要费些力,还是建议先在w3school上学习。之后建议马上看《javascript语言精粹》《JS经典实例》3、Photoshop、flash。熟悉会一点儿就行了,没必要全部都学得精通,当然如果你在学习的过程中,发现你ps或者flash比较感兴趣的话,也可以尝试做美工这一行。4、html5和css3。可以先了解一下,然后再入手。毕竟IE的浏览器大多还不支持。《学习Html5建站教程(一)Html5简介》《学习Html5建站教程(二)Html5语法与规则》《学习Html5建站教程(三)Html5博客页面设计之理论》《学习Html5建站教程(四)用HTML5做个人的网站》5、浏览器兼容。懂web标准,熟练手写xhtmlcss3并符合符合w3c标准。代码能兼容主流浏览器Firfox,Chrome、Safari、IE、Opera。虽然IE6很多都不兼容,但现在还使用的人还是有的。6、熟悉一门后台编程语言asp、php、jsp等《关于asp、php、asp.net、jsp的学习心得、介绍及优缺点比较》web前端设计师前景遇到很多想换行的朋友,第一句就问,这行赚钱吗我相信一句话,没有付出,是没有回报的!前面已经说过了,咱们这行门槛是很低的,所以薪资阶段也不一样。2000初入这行的现在还普遍,工作经验2年以上,有很多代表性作品的时候,工资在4000左右;高手级别的估计在6000左右,大师级别这个阶段的薪资参考:10000以上(上海北京深圳为例)网页设计师课程一般包括:Photoshop、Fireworks、用户界面设计实操,xhtml、css、dreamweaver、网站架构与网站策划、flash动画制作,域名与空间、ftp、dhtml、javascript、动态交互网站(asp、php、aja)

学习最好的老师就是兴趣,没有兴趣而言,这条路我相信你是走不长远的,除非你有其他比如说生活压力,工作压力等让你不得不这样坚持下去。我刚开始接触web网页设计的时候,教材都是以table来布局的,看到插入table生成了很多标签代码后,tr里面一个个td,理不清楚这个里面怎么回事。敷衍的学习了一个学期。还是没学到什么。真正学到的还是停留在怎么新建,怎么保存。如果你还是在校学生,那你得好好上课,大学的教材普遍来讲都是知识面浅的。虽然很多知识看起来用处不大,学起来也很枯燥,让你觉得浪费时间。但这些书本上最基础的知识你都不能掌握,那你以后怎么追求更精湛的技术呢。所以不要逃课,把基础知识掌握了,别小看这个基础知识,它非常重要,基础扎实是否也会决定你在一个职业能走多远。因为web前端开发在国内的火爆，所以很多人都开始自学web前端开发。但是如果一个人自学是的前面是六11，前端开发的中间是肆二八，前端开发的后面是壹肆二。这里每天都有免费的课程可以学习，还有很多人和你一起进步，如果你是想学习的就赶紧加入，不想学习的就不要加咯.很有难度的，可能花费了大量的时间和精力还未必可以收到效果。我是毕业了后从文员转到编辑再到技术员当然这期间工资就像是阶梯一样,虽然这差距也不是很大,都离不开那些曾经被我遗落角落的专业课本。生活上的压力迫使我这样做,我知道自己要什么,当一个文员没有追求,感觉过着30、40岁人的生活,接电话、发email、整理报表,每个月都有白领的工资...浪费的不仅仅是自己的青春,还有这大学几年昂贵的学费。后来就愈来愈想掌握一门技术,想去培训学校学习一段时间,但是现实是我没有钱,闭关一个星期,重拾课本,再看看那些讨厌的table,虽然out了,但是确实会发现很多基础再基础不过的东西,利用互联网,不明白的就百度,作为一个过来人,我觉得我自己走了不少弯路,所以,有必要提醒你们一下,一定要明确自己的目标,摆正自己的位置,最好掌握一门技术。了解web前端Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。说得直白点就是美工photoshop,交互设计,flash,js,html+css。就小规模公司而言,一个技术员都得会这几样技能,这样很锻炼人的,慢慢的你就会成为公司的主力。大规模的公司把这些分得很细,所以,你可以精通一门,熟悉其他的,进军大公司。网页开发工具学习web前端开发,网页开发工具有FrontPage,会用Word的人很容易学会FrontPage。还有一个常用的是Dreamweaver。这两种都是使用最多的HTML网页制作工具,我使用的是Dreamweavercs6,因为这套软件提供了一套直观的可视界面,融合了html5一些新的内容。包括网格布局什么的。学习内容HTML、CSS和JavaScript。html是内容,css是表现,javascript是行为。前端开发的门槛其实非常低,与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢。所以,对于从事IT工作的人来说,前端开发是个不错的初入点。也正因为如此,前端开发的领域有很多自学成“才”的同行。html是最基础的,现在流行的是html5设计,先学会网页布局。css是用来美化html页面的为页面提供布局和格式。最后再学javascript。如果你把每天看电影、看电视剧的时间用来学习,我想一个星期入门是没有问题的。基础知识:1.html+css。《10条HTML代码编写技巧》《CSS简明教程》《Div+CSS规则整理以及注意问题》2、JavaScript。不是所有的网页都必须有js,但是要想实现一些超酷的功能和界面的时候,就需要涉及到js。如果没有其他编程语言的基础的话,学起来可能要费些力,还是建议先在w3school上学习。之后建议马上看《javascript语言精粹》《JS经典实例》3、Photoshop、flash。熟悉会一点儿就行了,没必要全部都学得精通,当然如果你在学习的过程中,发现你ps或者flash比较感兴趣的话,也可以尝试做美工这一行。4、html5和css3。可以先了解一下,然后再入手。毕竟IE的浏览器大多还不支持。《学习Html5建站教程(一)Html5简介》《学习Html5建站教程(二)Html5语法与规则》《学习Html5建站教程(三)Html5博客页面设计之理论》《学习Html5建站教程(四)用HTML5做个人的网站》5、浏览器兼容。懂web标准,熟练手写xhtmlcss3并符合符合w3c标准。代码能兼容主流浏览器Firfox,Chrome、Safari、IE、Opera。虽然IE6很多都不兼容,但现在还使用的人还是有的。6、熟悉一门后台编程语言asp、php、jsp等《关于asp、php、asp.net、jsp的学习心得、介绍及优缺点比较》web前端设计师前景遇到很多想换行的朋友,第一句就问,这行赚钱吗?我相信一句话,没有付出,是没有回报的!前面已经说过了,咱们这行门槛是很低的,所以薪资阶段也不一样。2000初入这行的现在还普遍,工作经验2年以上,有很多代表性作品的时候,工资在4000左右;高手级别的估计在6000左右,大师级别这个阶段的薪资参考:10000以上(上海北京深圳为例)网页设计师课程一般包括:Photoshop、Fireworks、用户界面设计实操,xhtml、css、dreamweaver、网站架构与网站策划、flash动画制作,域名与空间、ftp、dhtml、javascript、动态交互网站(asp、php、aja)

儿童

首先个人觉得，随着互联网越来越普及，电脑相关的行业人才也越来越稀缺，就业岗位逐年增多，人才供不应求。因此从事互联网相关的行业，是一个不错的选择。至于想学的专业，就看个人的爱好和本身的素质来看，建设艺术设计，电子商务，新媒体UI设计，影视后期，三维动画，新媒体运营等等都是近两年发展很快的专业，就业前景不错。其次现在国内的平面设计发展得很快，前景越来越好。现在的各个企业都开始重视自己公司的形象了，开始重视自己公司的企业文化了，所以说以后的平面设计会越来越受到重视。三百六十行 行行出状元，不管哪一个行业，选择一个最适合自己的，只要有了真正的技术能力，那么都会吃香的。

一个概念，两个说法，但又不准确，这么说吧，平时我们说网页制作，就是写一些静态的页面，会包含一些UI交互的效果，所使用的技术包括HTML、CSS、JS或者有Jquery等；而web前端开发所指也就是以上说的，但使用的不仅仅是以上的技术，比如有一些H5、Web的框架，如：Vue等，或者一些移动端的开发，比如微信的小程序，也得懂一些后端的技术；如果你想学习web前端开发，可以推荐一个免费学习网页制作web前端开发的视频教程：Web前端开发-网页设计制作零基础入门-Dreamweaver2019+HTML+CSS+JavaScript视频教程 视频地址：https://ke.qq.com/course/459861零点网络(zeronetwork)推出Web前端开发课程，11月27日在腾讯课堂平台进行网上直播！课程地址：https://ke.qq.com/course/459861本课程从最基础入门开始，面向：零基础学员、网页设计师、web前端开发者；主要内容：Dreamweaver CC 2019最新版HTML+CSS+Javascript；课程拥有最全的课程体系；课程内容绝不仅仅是这几项的知识点，会有大量的实践经验及真实项目。本课程是免费课程，如果您觉得可以走开发这条路，可以继续学习零点教育的其它课程；相关的课程有：Web前端开发就业班、Web前端开发进阶班、iOS开发等。11月27日开课；

前端开发含义：Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。发展：在互联网的演化进程中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。核心：掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。因此，它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web开发人员的基本条件。网页制作含义：网站是企业向用户和网民提供信息（包括产品和服务）的一种方式,网页制作是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。网页制作是指使用标记语言（外语：Markup Language）。发展：网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册查询和主机托管等服务的总称。特性：网页可以分为静态网页和动态网页。静态网页页面上的内容和格式一般不会改变，只有网管可根据需要更新页面；动态网页的内容随着用户的输入和互动而有所不同。网页设计含义：网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息。（包括产品、服务、理念、文化）发展：网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。分类：分为三种大类，功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。工作目标：通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网站设计，包含的内容非常多。大体分两个方面：一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等；另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。这两方面相辅相成（感觉有点象写辨证论文：），加之网络技术的飞速发展，要提出一个绝对正确和权威的设计思路是不可能的，要想在一篇文章中概括出来也很难，所以,根据建设一个网站的思路，将自己几年来网站设计制作的心得整理成一个系列“讲座”，告诉给大家（注意：我并不会非常具体地讲某一个技术或制作技巧，重点在于思路）希望能给您一些帮助。下面是大致的提纲：1.定位你的网站主题和名称2.定位你的网站CI形象3.确定你的栏目和版块4.网站的整体风格创意设计5.网站的层次结构和链接结构6.首页的设计7.版面布局的窍门8.色彩的搭配9.效果与速度10.替浏览者考虑11.细微之处见功力12.建设完成度与推出时间13.交互性与亲和度14.考虑不同的浏览器和分辨率15.字体的设置和表格的嵌套16.新技术的运用取舍17.设计好你的banner和位置18.语句文字——融入感情19.对网站设计初学者的建议以上是本“系列”文章的提纲，会根据实际撰写情况作些变动。我们开始之前，首先明确几个前提：一．网站设计与网站制作。我们说网站“设计”而不是网站“制作”，它们的区别在于设计是一个思考的过程，而制作只是将思考的结果表现出来。一个成功的网站首先需要一个优秀的设计，然后辅之优秀的制作。设计是网站的核心和灵魂，一个相同的设计可以有多种制作表现的方式。二．我们说的“网站”是指有确定主题和明确目的的实用性站点，不包括纯表现类或者纯文字类网站。三．在文章中，可能举例说明或点评到某些具体站点。定位你的网站主题和名称设计一个站点，首先遇到的问题就是定位网站主题。所谓主题也就是你的网站的题材。网络上的网站题材千奇百怪，琳琅满目。只要你想的到，就可以把它制作出来。下面是美国《个人电脑》杂志(PCMagazine)评出的99年度排名前100位的全美知名网站的十类题材，对我们有一些参考价值。第1类：网上求职第2类：网上聊天／即时信息/ICQ第3类：网上社区／讨论/邮件列表第4类：计算机技术第5类：网页/网站开发第6类：娱乐网站第7类：旅行第8类：参考/资讯第9类：家庭/教育第10类：生活/时尚每个大类都可以继续细分，比如娱乐类再分为体育/电影/音乐大类，音乐又可以按格式分为MP3，VQF，Ra，按表现形式分古典，现代，摇滚等。以上都只是最常见的题材，还有许多专业的，另类的，独特的题材可以选择，比如中医，热带鱼，天气预报等等，同时，各个题材相联系和交叉结合可以产生新得题材，例如旅游论坛（旅游+讨论），经典入球播放（足球+影视）按这样分下去，题材可以有成千上万个，你不会再为题材重复，难以选择而烦恼了吧:)对于题材的选择，我的建议是：1.主题要小而精。定位要小，内容要精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。网络的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的“主题站”比“万全站”更受人们喜爱，就好比专卖店和百货商店，如果我需要买某方面的东西，肯定会选择专买店。再举个例子，我的一位网友KK希望制作文学方面的题材，但是文学也包括许多许多内容，有小说，诗歌，散文；有科幻，武侠，推理；仔细了解了他的擅长和想要提供的主要内容，最后将题材定位在网络文学上，删除了原有的一些无关的文学作品，集中扩大和整理网络文学作品。网站推出后，很快受到大家的喜爱。2.题材最好是你自己擅长或者喜爱的内容。比如：您对擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出杰出的作品。3.题材不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；比如软件下载，免费信息。“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。除非你下决心和有实力竞争并超过它，记住，在互联网上只有第一，人们往往只记得最好的网站，第二第三名的印象则会浅得多。OK，如果你已经有一个绝妙的主意了，那我们开始为网站起名字。您可能认为起名字与网站设计无关。其实网站名称也是网站设计的一部分，而且是很关键的一个要素。你来看，“电脑学习室”和“电脑之家”显然是后者简练；“迷笛乐园”和“MIDI乐园”显然是后者明晰；“儿童天地”和“中国幼儿园”显然是后者大气。我们都知道PIIICUP的中文名称“奔腾”，如果改为“奔跑”，可能就没有今天这么“火”了:)。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。一般的建议是：1.名称要正。这个“正”是自己的说法，其实就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。2.名称要易记。根据中文网站浏览者的特点，除非特定需要，网站名称最好用中文名称，不要使用英文或者中英文混合型名称。例如：beyondstudio和超越工作室，后者更亲切好记。另外，网站名称的字数应该控制在六个字（最好四个字）以内，比如“XX阁”“XX设计室”，四个字的可以用成语，如“一网打进”。字数少还有个好处，一般友情链接的小logo尺寸是88X31，而六个字的宽度是78左右，适合于其他站点的链接排版。3.名称要有特色。名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。这里举几个人个认为很好的名称：音乐前卫，网页陶吧，天籁绝音。在体现出网站主题的同时，能点出特色之处。总之，定位题材和名称是设计一个网站的第一步，也是很重要的一部分。如果能找到一个满意的名称，花一天时间翻字典也是值得的。★★★★★★尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool3d、GifAnimator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。★★★★制作网页主要有以下一些工具Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。此外还有一些网络编程工具，javascript、java编辑器等。网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！★★★★祝你成功。★你可以结合Dreamwaver和Photoshop来制作网页。Dreamwaver可以到这里下30天试用版，不过要先登记一个免费帐号，product=dreamweaver★在网上有这方面的教程（中国建站专家）主页和个人空间（中华网）建议使用网页制作三剑客Dreamweawer+Firework+Flash或使用Frontpage★★★★★★老实说这是别人告诉我的....★★★★★★设计模板切割模板制作html文件

第一：两者的知识面差距是巨大的。网页制作只需要掌握DIV+CSS就行了，现在还有大量使用Dreamweaver的网页制作人员存在就是个很好的证明，好一点的网页制作人员会懂些简单的js，可能会修改些js代码。而一个前端开发人员是在这个基础上把知识面进行了很大的扩展。比如为了提高页面解析速度的背景图合并技术，一个简单的背景图合并需要成熟的标签嵌套思想和简单的ps技术；比如对搜索引擎友好的属性的设置，标签的使用。第二：两者对技术的理解深度差距是巨大的。一个技术较高前端开发人员的代码质量要远远高于一个网页制作人员，表现在代码精简度与可读性、图片的处理、对搜索引擎友好性、以及后期维护的难易度等等方面。很多网页制作人员极少使用a标签，设置链接的时候习惯用input加js跳转。这都是技术面广度差距引起的对div+Css技术理解深度不足的体现。前端开发人员全局性的视角，可以让代码变成一种艺术。div+css的技术就好像一把宝剑，网页制作人员也就能练成华山剑法，而前端开发人员耍的是独孤九剑。剑是同一把，关键在耍剑的人而已。第三：两者在具体工作中的受重视程度是差距巨大的。这个很好理解，高技术有高待遇，受重视，受尊敬，更好的发展前景。编辑于 2020-06-08查看全部8个回答前端和后端的区别，零基础如何学web前端 从小白到大神进阶前端和后端的区别，中公优就业上市企业，免费试学5天，名师团队传道授业，先就业后付款，来优就业学web前端，轻理论，重实战，咨询web前端课程入门培训价格。ujiuye.cn广告 前端，零基础如何学web前端 从小白到大神进阶前端，中公优就业上市企业，免费试学5天，名师团队传道授业，先就业后付款，来优就业学web前端，轻理论，重实战，咨询web前端课程入门培训价格。m.ujiuye.com广告 — 你看完啦，以下内容更有趣 —【五维科技】h5怎么制作，小程序开发，定制开发第五维度科技提供h5怎么制作，提供小程序商城开发，小程序功能开发等提供全品类互联网和h5怎么制作小程序开发哪家好

建网站的投入可是很大的。首先是申请免费个人主页空间（当然也可以申请付费的，看你自己的情况了）。你可以在搜索引擎中以"免费资源"为关键字进行搜索，在找到的网页中查看免费个人主页部分，进入提供免费个人主页的网站之后，再按步骤完成申请表格。然后是编辑个人网页。如果你是初学者，建议你使用FrontPage，因为它是一个所见即所得的网页编辑软件，也是微软OFFICE的一个组件，使用起来和WORD有很多类似之处。最后是上传网页。请按提供个人主页空间服务的网站上的上传说明中的方法上传你编辑好的网页。经过这些步骤，你的个人主页就建立了.如何建立一个网站？一、引言一个网站的整体规划和设计的好坏是它发展的重要之处，也是它吸引人们浏览的所在之处。Internet/Intranet技术的日益发展，使人们认识到了Internet/Intranet的优势，更使得数据库与web的连接成为数据库开发方面的热门技术之一。通常情况下，通过浏览器看到的网页大多是静态的。所谓“静态”，是指网站的网页内容“固定不变”，当浏览器通过互联网的迅速发展，不管是专业的ISP(Internet服务提供者)和ICP(Internet内容提供者)，还是一般的政府机关、银行、交通部门、学校、医院、服务者，甚至是每个人，都在积极寻求在Internet上发布信息，提供新型的网上管理和服务。可以说，网站设计和网站的编辑正成为新兴的热门行业。二、网站的系统分析（一）.项目立项我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。（二）.客户的需求说明书第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚，需要您不断引导和帮助分析。有些客户可能对自己建什么样的网站根本就没有明确的目的，以及他的网站建好后来干什么也是一无所知，为了客户能有明确的目的我们需要耐心说明，仔细分析，挖掘出客户潜在的，真正的需求。这样对大家都有好处，我们的宗旨应该是“客户明明白白，双方高高兴兴。”对客户和自己都是一种负责。配合客户写一份详细的，完整的需求说明会花很多时间，但这样做是值得的，而且一定要让客户满意，签字认可。把好这一关，可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢？简单说，包含下面几点：正确性：每个功能必须清楚描写交付的功能；可行性：确保在当前的开发能力和系统环境下可以实现每个需求；必要性：功能是否必须交付，是否可以推迟实现，是否可以在削减开支情况发生时"砍"掉；简明性：不要使用专业的网络术语；检测性：如果开发完毕，客户可以根据需求检测。三、建设方案（一）.建站理念(1)预早筹划设计主页未必很艰难。但这一工作与编制传统的宣传品一样，都需要我们谨慎处理和筹划。换言之，我们必须首先确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。(2)尽量精简主页的作用好比一本书的封面，是为了吸引用户测览你的网址内容。因此，主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节，或使画面过于复杂。在主页上清楚列出三项要点，例如机构名称、提供的产品或服务、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力，很难令他们深入观赏。(3)尽量简朴现今大部分用户那是用调制解调器接驳万维网，所以他们一般都要花很多时间等待主页传送到自己的系统。主页上的图形应力求简朴，避免耽搁用户的时间。图像愈大、颜色愈深，传送页面的时间愈长。这并不是说你要完全略去图像不用，只是提醒你要注注意使用图像所引起的效果。主页上的颜色最好不超过六十四种，页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑,觉得非要放入大幅的图画不可；应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒，很多用户就会等得不耐烦。如果情况许可，最好先测试你的主页在稍差的条件下的传送速率，14.4千波特的调制解调器，或透过Prodigy等网上服务接驳万维网等。此外、还须注意配合最低档的设备，例如标准的小型显示器，不要假设人人都用高解像度的大荧幕。运用先进浏览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。(4)善用图像用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。最佳的图像应集美观与传讯于一身。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所带的重要信息或联接其他页面的指示用文字重复表达—次。用“纯文中”模式测试已制成的主页，确保其传达到所有信息。(5)使主页易于漫游主页的其中一个主要功能是作为漫游工具，指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑，主页上的联接项目应只限于几个高级的类别，例如公司、产品、服务、支援等。用六至八个联接项目最为理想。假若你有充足的资源，便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户，来试用你的初步制成品。(6)提网协领主页—般须载有以下事项：标题,此标题须清楚无误地标示你的网站。标题可以是名称、标语徽号或图像。电子邮件地址,以便用户有问题时，可以通知你。版权资料,这是适用于主页内容的版权规定。你可以在主页上标示一句简短的版权声明，用联接方法带出另—个载有详细使用条款的页面,这样可以避免主页显得乱糟糟。联络资料,列出通讯地址电话号码等。(7)循环利用现有信息制作主页时，通常都毋须从头做起，因为有许多现成的文字、图画等资料可供我们重用，例如宣传小册、公关文件、技术手册、资料库等。很多情况下，只要用少许功夫、就可把这些材料转到网页上使用。(8)保持新鲜感万维网上不断有新事物出现、每天都有新花样。如果你的主页从不改变，用户很快会厌倦。在主页上预告即将有新资料推出，可吸引用户再来浏览不妨在页头以大字标题宣布新消息。可以定期改变主页上的图像、或更改主页的式样。趣味性的事项可以持续或自动更新、例如列出会浏览你的网站的人次。同样，为保持新鲜感，应时刻确保主页提供的是最新信息。将更新主页信息的工作纳入既定的公关及资料编制计划内，亦即当你使用传统方法(例如新闻稿)传递的新信息时出现在你的主页上。确保连接项目运作畅顺，以免用户在荧幕上收到“无法查阅所需档案”的信息而大感没趣。(9)贯彻诺言做不到的事情，千万不要轻易承诺。切勿随便叫用户做出回应行动，例如要求用户填交订贷表格，除非你已制订好处理这些订单的方法和交货程序。如果在网上列出联络电话,就要确保自己能够迅速解决来电者的问题。(10)吸引用户浏览既然绞尽脑汁把主页弄得美观实用，没有人来欣赏就太可惜了。为吸引所有网中人来浏览，必须使主页易于寻找。通知其他网站(例如题材相关的网站)，他们可能想连接你的主页。安排将自己的网址列在所有相关的网址目录、索引、查找程序和“What"snew”页面上。尽量将网址传播开去，使之出现在Internet和所有传统煤体上、例如书刊广告、公关文件、宣传品等。在网站上，于每个页面设置“home”按键，方便用户随时返回主页。（二）.网站总体设计在拿到客户的需求说明后，并不是直接开始制作，而是需要对项目进行总体设计，详细设计出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定：网站需要实现哪些功能；网站开发使用什么软件，在什么样的硬件环境；需要多少人，多少时间；需要遵循的规则和标准有哪些。同时需要写一份总体规划说明书，包括：网站的栏目和板块；网站的功能和相应的程序；网站的链接结构；如果有数据库，进行数据库的概念设计；网站的交互性和用户友好设计。在总体设计出来后，一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在客户需求不是十分明确的情况下提交方案，往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案的包括以下几个部分：.客户情况分析；网站需要实现的目的和目标；网站形象说明；网站的栏目板块和结构；网站内容的安排，相互链接关系；使用软件，硬件和技术分析说明；开发时间进度表；宣传推广方案；维护方案；制作费用；本公司简介：成功作品，技术，人才说明等。当您的方案通过客户的认可，那么可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细设计。（三）．网站详细设计总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序，而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图，它们应该包含必要的细节，例如：程序界面，表单，需要的数据等。程序员可以根据它们写出实际的程序代码。我们这次主要用ASP来实现有关功能和解决有关问题的，例如，公告版BBS,聊天室，信息发布系统，网上超市等都用ASP来实现人机交互功能的，其中也用到调用数据库的技术。ASP(ActiveServerPages)是Microsoft公司推出的一种Web应用程序开发技术，也是服务器端的脚本（Script）运行环境，使用该技术可以开发动态的、交互的Web应用程序。（四）.网站的制作规范探讨(1)网站目录规范目录建立的原则：以最少的层次提供最清晰简便的访问结构。a.根目录。根目录指DNS域名服务器指向的索引文件的存放目录。根目录只允许存放index.html和main.html文件，以及其他必须的系统文件；b.每个语言版本存放于独立的目录；c.每个主要功能(主菜单)建立一个相应的独立目录；d.当页面超过20页，每个目录下存放各自独立images目录，共用的图片放在根目录下的images目录下；e.所有的js文件存放在根目录下统一目录script；f.所有的CSS文件存放在各语言版本下的style目录g.所有的CGI程序存放在根目录并列目录cgi_bin目录(2)文件命名规范文件命名的原则：以最少的字母达到最容易理解的意义。a.索引文件统一使用index.html文件名(小写)。index.html文件统一作为“桥页”制作具体内容，仅仅作为跳转页和meta标签页。主内容页为main.htm；b.菜单图片名称按菜单名的英语翻译为名称。例如：关于我们aboutus;信息反馈feedback产品proct;所有单英文单词文件名都必须为小写，所有组合英文单词文件名第二个起第一个字母大写；c.所有文件名字母间连线都为下划线;d.图片命名原则以图片英语字母为名,大小原则写同上;e.js的命名原则以功能的英语单词为名。例如：广告条的js文件名为:ad.jsf.所有的CGI文件后缀为.cgi。(3)链接结构规范链接结构的原则：用最少的链接，使得浏览最有效率。首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。超过三级页面，在页面顶部设置导航条。(4)尺寸规范a.页面标准按800*600分辨率制作，实际尺寸为778*434px;b.每个标准页面为A4幅面大小，即8.5X11英寸;c.大banner为468*60px，小banner为88*31px。(5)首页HEAD区规范a.公司版权注释b.网页显示字符集简体中文：繁体中文：英语：c.网页制作者信息d.网站简介e.搜索关键字f.网页的css规范g.网页标题四、网站的设计制作1.整体形象设计在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。整体形象设计包括标准字，Logo，标准色彩，广告语等。首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格。2.开发制作本次网站规划设计采用软件工程的设计方法，设计小组在系统分析和总体设计的基础上，将设计任务分解，分配到设计组的每个成员，各模块有设计组成员单独承担设计和调试，既有分工，又有协作，最后将各模块上载到服务器上，做链接和整体的调试。3.调试完善各模块初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。网站建设实际上是一个不断充实和完善的过程，通过不断的发现问题，解决问题，修改，补充，使网站结构趋向合理，内容更加丰富，形式更富有感染力。4.宣传推广刚刚建成的网站就好像一个新注册的电话号码，没有人会自动找上门来，这时你就需要适当地做一些网站推广工作了,这里有很多方法，例如：a.网页里设置适当的META标签；b.交换友情链接。这是个免费而高效的办法，就好比在别人商店打上你的广告，在你的商店打上别人的广告，这样一来当网友参观别人的网站时就知道你的网站了，如果你的广告做的好，他一多半都会参观你的网站，这是件无须开支、互利互惠的好事情，推荐使用。c.在各大搜索网站注册你的网站，提交的形式例如网上最普遍的身份索引，它有静态和动态之分。静态IP地址即固定不变的IP地址；它可以是某台连在Internet网上的主机地址。静态IP地址分在几类。其中一类能通过Whois查询命令得到；并且此类地址主要是Internet网上最高层的主机的IP地址，这些主机可以是域名服务器、Web服务器和“根”主机，并且在InterNIC的Whois数据库中都有它们的注册主机名。另一类静态IP地址被分配给Internet网中的第二和第三层主机（这些机器还有固定的物理地址），然而这些机器不一定拥有注册主机名。但不管怎样它们有注册的IP地址。动态IP地址是指每次强制分配给不同的上网主机的地址。ISP的拔号服务器中经常使用动态IP地址－－节点机每次拔号上网，都会被分配一个不同的IP地址。无论IP地址是静态还是动态的，它都被用于网络传输中。防火墙最基本的构件既不是软件也不是硬件，而是构造防火墙的人的思想。目前存在着许多类型的防火墙，每种都有各自的优缺点，最常见的一种上称为“网络层防火墙”的防火墙。网络层防火墙通常以路由器为基础，换句话说路由器决定“谁”和“什么”能访问你的网络。这种方案采用了一种所谓的“数据报过滤”技术，即检查到达路由器的外部数据报并作出选择的技术。以路由器为基础的防火墙要对每个联结请求的源地址（即发出数据报的主机的IP地址）进行检查。确认了每个IP源地址后，防火墙构造者所制定的规则将被实施。基于路由器的防火墙有很快的速度，这是因为它被草草地检查一下源地址，没有发挥路由器的真正作用，并根本不判断地址是否是假的或伪装的。然而速度的加快是有代价的，基于路由器防火墙将源地址作为索引，这就意味着带有伪造源地址的数据报能在一定程度对你的服务器进行访问。为了网站的安全，除了在Internet服务管理器的Web站点属性中设置好目录安全性外，还应该选择保护性好的防火软件，由于时间关系，我们本次使用的是网络保护神LockDown2000，它能清除目前已知（553种）和未知的所有特洛伊木马、邮件病毒，防止网络炸弹攻击、在线检测和控制所有对本机的访问，还能跟踪入侵者，留下它的罪证。LockDown2000是目前世界上针对Windows操作系统最有效、最完善的安全防护软件，它能非常智能化地追踪和识别未经允许的用户。LockDown2000可以使Internet用户免遭最老练黑客的攻击，阻止任何人闯入你的计算机，保护你的文件不被人偷看或删除。如果你要与他人共享你的资源，只须列出他们的地址，他们就可以访问你的计算机。LockDown2000的作用就像一道设在你计算机和Internet之间的防火墙，它会自动地为你实时查寻目前世界上的各种黑客程序。如果你允许某些人访问你的计算机，LockDown2000会保存一份完整的记录并简要地报告联接到你计算机的用户的身份。通过反登录，详细地记载他们连接的时间和地址情况，以及十分详细地记录他们在你计算机里到底做了什么事情。它的主要功能有：1．能够完全关闭远程用户（很有可能这种用户就是黑客）对你计算机系统的访问；2．实时监控和记录远程用户在你计算机里的活动情况；3．自动追踪所有连接情况，记录黑客的IP地址、域名和计算机名称；4．如果有人已经连接到了你的计算机或正在企图闯入，LockDown2000会用不同的声音发出警告。如果有人未经你的许可，就连接到你的计算机，它立刻会在屏幕上弹出警告窗口和实时监控窗口；5．完全控制Internet或局域网的任何连接情况；6．可以自动地任意断开与一个用户或所有用户的连接，这对于资源共享的计算机而言，是非常重要的；7．能够记录以前连接到你的计算机的用户资料，能够限制与你计算机连接的数目；8．如果你喜欢使用ICQ与外界联系，LockDown2000能够向黑客发送无效的文件包，从而使你的计算机免遭黑客的ICQ炸弹的攻击；9．可以查出和中止偷偷运行在你限制的程序列表中的任何一个程序，这种程序很可能是一种不知名的黑客程序或病毒。此外，LockDown2000还有易于安装、与其它程序不发生任何冲突的特点。

有了自己的个人网站 ，全世界的人都可以随时找到你，你也可以向全世界宣传下自己，是非常有意义和有意思的。现在简单介绍一下制作个人网站的过程和方法： 一、准备材料 　　你首先做一个小计划,准备在个人主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下. 要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office 97的照片编辑器。把你准备在你个人主页上出现的图象放进相应的目录里后,你就可以开始制作个人主页了。 二、开始制作 　　你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键 ，再选create link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。 在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的个人主页主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的个人主页主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞。 三、将你制作好的个人网页安放在网上 要在网上安你自己的家，你必须先申请一个个人网页空间或个人网页服务器 ，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。

1、建设企业网站所遵循的一般原则（1）系统性原则。同时提供设计方案。设计实施单位应充分了解企业文化和企业机构及管理信息等基本情况，对营销目标、行业竞争状况、产品特征、用户需求行为以及网站推广运营等基本问题等要素融入到网站建设方案中。（2）完整性原则。企业网站是企业在互联网上的经营场所，应该为用户提供完整的信息和服务：网站的基本要素合理、完整；网站的内容全面、有效；网站的服务和功能适用、方便；网站建设与网站运营维护衔接并提供支持。（3）友好性原则。网站的友好性包括三个方面：对用户友好——满足用户需求、获得用户信任；对网络环境友好——适合搜索引擎检索、便于积累网络营销资源；对经营者友好——网站便于管理维护、提高工作效率。（4）简单性原则。在保证网站基本要素完整的前提下，尽可能减少不相关的内容、图片和多媒体文件等，使得用户以尽可能少的点击次数和尽可能短的时间获得需要的信息和服务。（5）适应性原则。企业网站的功能、内容、服务和表现形式等需要适应不断变化的网络营销环境，网站应具有连续性和可扩展性。2、网站建设基本流程规范企业网站建设（升级改版）包含下列基本流程：（1）制定网站规划方案：包括网站预期目标、行业竞争状况分析、网站栏目结构、用户行为分析及内容规划、网页模版设计、网站服务器技术选型、网站运营维护规范等基本内容；（2）网站技术开发、网页设计；（3）网站测试；（4）网站内容发布；（5）网站维护及管理。3、网站域名及网站技术规范（1）采用基于XHTML的国际WEB标准（CSS+DIV）；（2）网站首页为顶级域名而不是多级层次；（3）网站首页及各栏目和内容页面均不采用网址跳转方式，不采用过渡页/桥页等网址重定向；（4）合理应用静态网页与动态网页，网站栏目首页和其他重要页面采用静态网页；（5）网页内容页面层次不宜过多，不超过四个层次；（6）采用主流域名：.cn、.com.cn、.com等；（7）一个网站对应一个主域名，现有多个域名需统一；（8）网站链接错误率在一定范围之内，首页等重要页面无死链接；（9）网站设计对不同浏览器具有兼容性。4、企业网站的基本功能和内容（1）与企业办公网实现无缝链接；（2）具有信息发布、产品发布和管理功能；（3）产品推荐/广告管理功能；（4）详细的公司介绍；（5）详细的联系方式；（6）合理的产品分类/汇总/列表；（7）详细的产品介绍内容；（8）销售及售后服务相关的联系和服务信息；（9）在线服务信息；（10）持续更新的企业动态/产品信息；（11）相关网站链接管理功能；（12）规范的网站地图；（13）网站访问统计功能。5、网站优化网站优化包括三个方面：对用户获取信息优化、搜索引擎优化、网站维护优化。（1）网站栏目结构合理，栏目设置不要过于复杂；（2）网站导航清晰且全站统一，通过任何一个网页可以逐级返回上一级栏目直到首页；（3）网页布局设计合理，网站设计符合用户浏览习惯；（4）重要文字信息尽可能出现在网页靠前位置；（5）字体清晰，CSS风格协调一致；（6）最多3次点击可到达产品详细内容页面；（7）通过网站任何一个网页不超过3次点击可达到站内其他任何一个网页；（8）遵照搜索引擎为管理员提供的网站优化指南，通过网站结构和内容等基本要素的优化为搜索引擎检索信息提供方便，不采用任何被搜索引擎视为垃圾信息的方法和欺骗搜索引擎的方式（如堆积关键词、用户不可见文本、页面跳转、复制网页等等）；（9）网站首页、栏目首页及产品内容页面均有一定的文字信息量；（10）每个网页有独立的、可概括说明该网页核心内容的网页标题（而不是全站或者一个栏目共用一个网页标题）；（11）每个网页有独立的、与该网页内容相关的META标签设计（包括description和keywords）；（12）每个网页有独立的URL；（13）产品内容页面URL尽可能简短且体现出产品属性；（14）产品/企业新闻详细内容页面是独立网页不是弹出窗口；（15）对于产品品种多的企业网站，要有合理的产品分页方式；（16）网站内容保持适当的更新周期。6、网页模版设计（1）重要信息尽可能出现在用户最关注的位置；（2）网页宽度定位适应当前主流屏幕分辨率模式；（3）保持整站CSS风格一致；（4）超级链接有下划线或颜色的明显指示；（5）整个网站中在新窗口打开或原窗口打开网页的规则一致；（6）网站首页字节数不宜过大；（7）多语言版本网站内容之间的切换方式设计合理。7、企业网站可信度（1）网站具有必须的法定证书；（2）对企业基本状况的介绍真实可信；（3）公布顾客服务/售后服务承诺；（4）有必要的个人信息保护声明；（5）网站公布的联系方式有效，尤其是地址、固定电话和Email地址；（6）网站公布的Email地址与企业网站域名后缀一致而不是免费邮箱；（7）网站主域名与企业名称/品牌/核心产品一致或相关；（8）网站提供的信息及时有效；（9）网站有自己独立的风格；（10）网站各项功能和服务方便易用。8、网站运营维护（1）建立网站内容发布审核机制，始终保持网站内容的合法性；（2）保持网站服务器正常工作，对网站访问速度等进行日常跟踪管理；（3）保持合理的网站内容更新频率；（4）网站内容制作符合网站优化所必须具备的规范；（5）重要信息（如数据库等、访问日志等）的备份机制；（6）保持网站重要网页的持续可访问性，不受网站改版等原因的影响；（7）对网站访问统计信息定期进行跟踪分析。其他要求：由于网络营销环境和用户行为在不断发展变化，企业网站需要增强适应性，可通过改版、重建等方式进行网站升级。在网站建设技术标准方面，遵照国际WEB标准，不再使用过时的HLML4.01；在网站运营支持方面，融入目前居于领先地位的网站优化思想和方法，使得遵照规范建设的企业网站全面符合主流搜索引擎的优化指南，具有明显的搜索引擎优化优势。网站规划：?整体规划合理，主辅菜单不清晰；?网站建设导向明确，重点突出；?栏目适应；?各栏目统一规划，整个网站比较清晰；?网站的促销功能得到明显体现。菜单设置：?菜单采用不宜图片形式，图标标识明确，有文字说明，不要用户移动鼠标进行猜测；?菜单层次不宜过多，有效信息层次要少，不需要多次点击才能找到有效信息；?过多采用鼠标响应式菜单，栏目设置不合理，使得用户难以发现需要的信息；?栏目设置有重叠；?栏目名称意义不明确，容易造成混淆；?全flash首页和菜单，无法优化处理，也没有相应的文字说明，不采用。?栏目清晰够用，但重要信息完整，充分体现有效信息。网站首页：?少采用大型图片，用户关心的信息在首页体现，不应多次点击；?首页下载速度要快；?首页有效信息量丰富；?首页有标题；?提供一种以上外语链接页面。?主页布局比整洁，重要信息得以重点体现；?打开网页不宜弹出多个窗口，影响正常浏览；?不要刻意追求“创意”效果，以至于很难理解网站要表达的意思。页面信息：?重要信息完整，如联系方式和产品介绍等；?页面信息足够，减少多次翻页；?去除与企业形象、产品、促销等方面无关的信息；?产品详细介绍内容过少；?内容页面没有标题，或者全部使用公司名为标题；?客户能够方便的及时维护补充，保持其时效性；?不允许有无任何内容的栏目。网页字体和美工：?注重美术效果，但不必大量采用图片，影响网页下载速度；?注重美观，但有些连基本信息内容都不可用图片格式，影响基本信息获取；?文字适中、颜色明晰、不影响正常视觉；?页面不应过于花哨。必须克服的问题：（1）网站规划和栏目设置要合理：主要表现在栏目设置不应有重叠、交叉、或者栏目名称意义不明确，容易造成混淆，使得用户难以发现需要的信息，避免栏目过于繁多和杂乱、网站导航系统混乱；（2）重要信息完整：企业介绍、联系方式、产品分类和详细介绍、产品促销等是企业网站最基本的信息，企业网站上这些重要信息完整；（3）网页信息量足够：包括两种情况：一种页面上的内容，或者将本来一个网页可以发布的内容不可分为多个网页，而且各网页之间必须有相互链接，不需要再次点击主页；另一方面是尽管内容总量不少，但有用的信息少，笼统介绍的内容多；（4）栏目层次过深。重要的信息应该出现在最容易被用户发现的位置，应尽可能缩短信息传递的渠道，以使企业信息更加有效地传递给用户；（5）网站有利于促销：通过网站向访问者展示产品、对销售提供支持，有多种具体表现方式，如主要页面的产品图片、介绍、通过页面广告较好体现出企业形象或者新产品信息、列出销售机构联系方式、销售网店信息等，或者具有积累内部网络营销资源和拓展外部网络营销资源的作用。1.XHTML适应现在越多的网络设备和应用的需要；2.XML是web发展的趋势。可以使web平滑的过渡到XML。3.使用XHTML严密。4.XHTML与其它基于XML的标记语言、应用程序及协议进行良好的交互工作。这是中国互联网协会对企业网站制作的标准,这样做会使其网站价格提升.一般情况下单位做网站还是用.net语言为好，价格便宜安全性能好，不要使用asp太落后了，而且安全性不好。jsp价格高点，就是虚拟主机价格偏高。如果需要可以给我留言不明白的在告诉我。你是需求方吧?你想怎么做?需要我帮你出标书方案?这样,你只要吧你所需要的和网站需要实现的功能呢个弄出来,加上以上的条款,整理一下就可以.还有问题吗?

学网页制作就业方向网站设计是现在设计行业中的新兴技术，那么，学网页制作的就业方向是？学网页制作就业方向图形图像专业已经形成了以影像、动画、图形等技术为核心，以数字化媒介为载体，内容涵盖信息、传播、广告、影视、娱乐、远程教育、出版等多个领域，涉及计算机、影视、传媒、教育等多行业的产业集合针对市场对图形图像专业人才的知识、能力、素质的需求，将网络、影视等艺术和技术的元素融为一体，是社会急需人才。图形图像制作专业面向广告公司、室内装潢设计公司、建筑设计院、新闻媒介广告部门、网络科技公司、企事业单位等进行广告策划创意设计制作、室内装饰设计、效果图设计制作、平面宣传设计、三维动画制作、网站设计制作等工作。学网页制作就业前景在网络飞速发展的今天，中国的网民数量已经超过了3亿，是全球拥有最多网民的国家。网页设计如今变成一个很热门的技术，虽然懂的人很多，学的人也多，但是真正设计水平过硬的人却很少,网页设计培训正好解决了这个问题。通过网页设计培训课程，能够全面掌握网页设计方法、网页设计流程，网页设计软件工具、网页设计知识，能够运用软件开发技术，开发电子商务网站或企业分布式B/S架构多层应用程序。从而，毕业时成为合格的网页设计人才。网页设计的两大要点是：整体风格和色彩搭配。对于整体风格要注意几点：将你的标志logo，尽可能的放在每个页面上最突出的位置；突出你的标准色彩；总结一句能反映贵站精髓的.宣传标语；相同类型的图像采用相同效果。而网页色彩的搭配可彩：第一，用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。 第二，用两种色彩。先选定一种色彩，然后选择它的对比色。第三，用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。网页设计培训的内容有Dreamweaver、Flash、Firework、Photoshop、HTML&XML。Dreamweaver是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。你现在所浏览的网页就是用它做出来的。Flash网页的动画制作，这块在现在比较吃香。Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Firework也是 Macromedia 公司的产品，是真正的网页作图软件。Firework可用于在网页布局排版时对你用Photoshop所绘制的网页效果图进行切片。Photoshop是图形处理软件，可以绘制网页的效果图。实际上，网页设计培训能够让你学会网页设计和网页设计的一些设计技巧，但是要成为网页设计高手光靠这点是绝对不够的。网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。此外，网页设计人员还要学会网站运营，网站优化等相关知识据官方统计，中国的网民数量已超过3亿，处于全球网民数量多的位置。整个互联网处于快速发展阶段，每个人，每个企业都想要一个网站，2014年网页设计就业前景自然良好。因此每个人，每个公司都想去做网站，个人通过网站推广自己、公司通过网站推广公司的品牌与知名度、获得更大的利益化。按照这样的发展前景来看，网页设计就业前景相当的给力，是2011年就业前景里面的热门行业。如今网页设计属于一个很热门的技术，一个比较吃香的技术。中国现在的互联网在快速的发展，网民数量在大量的增加，使得中国许多企业需要去建立自己的网站来推广自己。此外已经建立的网站企业也还需要对自己的网站进行改版和改善，所以2011年网页设计就业前景在行业领域中是一个非常热门的行业。新的互联网调查数据显示，截至2008年底中国网民数量已达2。85亿人，网站数量已达191。9万，国内域名总数达到1218。8万，全国网络广告收入大概68。7亿左右。Internet时代已经来临。网页设计就业前景和职位已经成为热门的职业之一。通过网页设计课程，能够全面掌握网页设计方法、网页设计流程，网页设计软件工具、网页设计知识，能够运用软件开发技术，开发电子商务网站或企业分布式B/S架构多层应用程序。从而，毕业时成为合格的网页设计人才。 2011年网页设计就业前景是行业里面热门职位，是一个比较吃香的香饽饽。虽然学的人很多但是学的好懂的精的人并不怎么多。所以要想找到一份网页设计待遇非常优厚的工作，那么在平常的学习以及工作当中，就需要不断的提高自己的能力和水平。

以下是网页设计需要学习的知识希望能帮助到你第一阶段（美学设计与软件技能）一、设计预科1、商务办公：windows、word、excel、ppt办公应用；办公软件在专业中的应用2、美术设计基础：设计素描、水粉、速写的原理及实践，投影、视图、透视，灯光表现,写生3、美术设计提高：设计素描、水粉提高课程、光和影的写实手法、审美观念的提高、色彩搭配的提高，配色原理的提高。4、手绘图标：二维剪影图标、三维写实图标案例实训，了解创意在设计中的具体运用；理解创意思维的形态置换原理；掌握将创意思维转化为图形样式的能力5、阶段考核：完成描素、色彩图各一张二、设计软件1、Photoshop：Adobe公司大师级图像软件入门讲解。掌握该软件在平面广告、网页设计、UI设计以及室内设计等专业中的相关操作。2、Illustrator：Adobe公司专业级矢量软件入门讲解。掌握该软件在创意广告设计、印刷出版与web网络创作、多媒体和UI图标界面设计的相关操作。3、Dreamweaver：讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧，HTML基础应用，快速入门，CSS样式表的应用，模板布局的使用技巧，如何管理网站并上传。4、Fireworks：讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用第二阶段(WEB界面与整站项目设计）一、三大构成1、平面构成与设计：点的构成形式、线的构成形式、面的构成形式，训练各种熟练的构成技巧和表现方法，培养审美观及美的修养和感觉，提高创作活动和造型能力-活跃构思。2、色彩构成与设计：学习色彩与视觉的原理、三要素及色彩对比、色彩推移、综合对比及色调变化、表现手法、色彩视觉心理与性格的对比；提高综合审美能力。3、立体构成与设计：立体构成的概念特征及作用、材料要素及加工工具、视觉效果和心理感受、立体构成的设计应用、立体构成与建筑设计、立体构成与工业产品设计等方面应用二、WEB界面设计元素设计1、网页Banner排版与设计1）Banner版面设计的规则与规范，版面的排版。色相的选择，色调的调整。让banner制作更速成化。2）Banner广告强化设计，主要讲解banner制作标准及要求、纯文字banner实例、金融业banner实例、快销品banner实例、文字横排/竖排/斜排的风格差异、服装类banner实例、化妆品banner实例、数码类banner实例、配饰类banner实例2、网页元素及规范：页面设计基本流程与设计规范的概念性讲解，重点了解WEB界面设计规范及页面元素；网页配色技巧、色彩与构图的概念及技巧；网页导航与按钮设计三、WEB整站设计实训1、网站设计流程与策划：网站设计流程，网站设计理念创新，网页结构图与原型图绘制等；如何从零开始策划一个网站，包括主题定位、栏目规划等，如何去策划盈利模式。2、电商平台类网站项目实训：商业案例实训如京东、小米等平台，重点学习网站整体架构设计、栏目规划、页面制作及系列产品总体界面风格设计，布局技巧及细节设计技巧，各类网页交互设计应用、响应式设计应用的展示3、企业类网站项目实训：如苹果、腾讯企业类平台，重点学习页面主题设计如TOP部分设计，BANNER设计，产品页设计,新闻页设计,首页设计，类各设计技巧如网页的尺寸、页面的留白、图层与图像的关系、网页导航设计、字体的排版设计、广告条（banner)制作、正文内容的详细设计4、分类网站项目实训及阶段考核：教师指导你完成阶段设计作品，以备应聘时使用；从立案到素材、材料收集整理，再到风格定位、栏目规划，独立完成分类及个人网站设计，其中需容入不同的分类信息、作品等；第三阶段（WEB前端布局与交互开发）一、WEB前端HTML5/CSS3布局与样式1、HTML标签：HTMl5简介与入门、文本、图像、链接、表格、列表、智能表单、结构化标签等内容随堂项目：1.文章页面的结构化布局。包括文章标题、正文、图片、页面背景、作者、发表时间等信息2.利用table标签课程表的实现3.利用form、input表单标签实现简单登录注册页面2、CSS基础语法常见样式：CSS3简介、css3引入方式、常见样式、文字与文本、颜色、背景色、精灵图片等随堂项目：首页导航栏的制作3、CSS选择器：css选择器:标签选择器、类选择器、ID选择器、后代选择器、群组选择器、伪类选择器、结构化伪类选择器、属性选择器、兄弟选择器、子元素选择器4、CSS盒子模型：盒模型简介、盒模型组成部分、盒模型常用场景、弹性盒模型随堂项目：导航栏的制作，利用盒子模型拉开间距、hover效果添加后的内边距设定5、浮动与定位：浮动：float、clear、恢复塌陷的父容器高度。定位：一动不动的(static)，跟着别人跑的(absolute)，以自己为中心的(relative)，固定的(fixed)随堂项目：导航栏左右布局的定位、二级菜单的实现、回到顶部的按钮6、响应式布局与页面优化处理：移动页面与PC端页面布局时候需要注意点、媒体查询在响应式布局中的应用、响应式布局中弹性盒模型的设计技巧、各种浏览器对于CSS样式的支持情况、页面优化需要注意的地方、解决跨浏览器兼容性问题随堂项目：移动端的用户注册页面、PC端的用户注册页面。7、静态页面切图项目实战：1）企业站实训：1.首页导航、二级菜单2.banner轮播图3.产品展示4.成功案例5.新闻中心6.联系方式7.友情链接8.版权申明9.总结2）商城实训：1.首页（头部导航、分类搜索、秒杀产品、猜你喜欢、推荐商品）2.用户中心（订单、个人信息、收货地址、账单）3.商品详情页（展示图、描述信息、促销价格、细节展示、产品详情）4.登录&注册页面二、WEB前端JavaScript交互1、核心语法：1）JavaScript的前世今生、javascript语法、介绍html5认识JavaScript、javascript中的对象、数组、变量、.流程控制（ifelseswitchcasewhilefor）2)随堂项目：九九乘法表、闰年计算、谁是高富帅（ifelse..Switchcase）2、BOM与DOM操作：DOM操作：让一成不变的网页动起来；BOM操作：浏览器也有话要说随堂项目：网页时钟的制作、回到顶部3、事件编程：1)javascript的事件机制：让网页回应你的问候；常见的JS事件：单击、双击、移动、悬停、焦点的获取与失去、浏览器的关闭与加载2)随堂项目：1.选不中的按钮的实现2.做一个计算器怎样3.商品图片放大镜效果4、正则表达式：1）正则表达式的语法、利用正则表达式做字符匹配、面向对象编程：脱离过程走向对象2）随堂项目：邮箱格式的验证、编写一个获取常见输入数据的格式验证类。5、面向对象编程1）面向对象编程简介、对象的创建、继承的实现、原型与原型链。2)随堂项目：仿windows屏保气泡6、JQuery1）JQuery基础语法、JQuery选择器、JQuery的BOM与DOM操作、事件编程、常见动画与自定义动画编程、常见Jquery插件使用。2）随堂项目：打地鼠游戏、抽奖轮盘制作7、JQuery项目实战：图片轮播、利用jQuery制作拼图、贪吃蛇等项目实训8、Ajax技术1）Ajax技术介绍、json格式与XML格式详解、Ajax的post与get两种提交方式详解、服务器端的数据反馈机制说明、如何利用jQuery实现Ajax提交、跨域访问的实现2）随堂项目：用户注册、登录的Ajax无刷新实现、淘宝收货地址中省市级联的实现8、Bootstrap：bootstrap介绍、bootstrap的栅格系统、CSS样式、组件、bootstrap的javascript插件随堂项目：利用bootstrap构建移动商城首页、用户注册、登录等页面9、ECMAScript6：1.webpack介绍2.webpackg管用配置3.模块处理mole6.3种加载器loaders的使用4.编译器babel5.插件plugins6.热更新次操作7.打项目最终包随堂练习：新前端开发环境搭建

这得看你做什么网页啦~ 难易程度价格也不一样的

本地路径就是网站在电脑里所存放的地址。远程路径就是网站的网址。

http://zhidao.baidu.com/question/401128254.html?an=2&si=400

不同性质的网站，其页面内容安排是不同的。一般网页的基本内容包括标题、网站标识图案（LOGO）、页眉、页脚、主体内容、广告栏等。 下面简单说明： A、页面标题 在站点的没一个页面中都有一个标题，用来提示页面的主要内容，着一信息将出现在浏览器的标题栏中，而不是在页面的布局中。它的重要作用就是引导访问者清楚地浏览网站的各项内容，不至于迷失方向。 标题的加入在HTML语言中比较简单 <title>标题名称</title> B、网站标识（LOGO） 网站作为一个对外交流的重要窗口，创建者都会用来进行自身形象的宣传。如果该企业（社团）已经导入了CIS（Corporate Identity System）形象识别系统，那么在网站建设过程中应依据该系统为指导进行网页设计，其中标志性图案就是网站的LOGO。一个成功的网站和创建者实体一样，有着独特的形象识别，在网站推广过程中将起到事半功倍的效果。如果还没有导入CIS，在网站建设之前应该根据网站的总体定位，设计制作一个网站的LOGO，这如同一个产品的商标，集中体现了该网站的特色、内容及其内在的文化内涵和理念。LOGO一般设置在主页面的显要位置，二级页面的页眉位置。 C、页眉 页眉指的是页面上端的部分，有的页面划分比较明显，有的页面没有明确的区分或者没有页眉。页眉的注意力值较高，大多数网站制作者在此设置网站宗旨、宣传口号、广告语等，有的则把它设计成广告位出租。 D、页脚 页脚是页面底端部分，通常用来显示站点所属公司（社团）的名称、地址、版权信息、电子信箱的超连接等。 E、导航 导航是网页设计中的重要部分,也是整个WEB站点设计中的一个独立部分。一般来说，一个网站年的导航位置在每个页面中出现的位置是固定的。导行的位置对于站点的结构与整体布局有着举足轻重的作用。导航的位置一般有四种标准的显示位置：左侧、右侧、顶部和底部。有的站点运用了多种导航，是为了增加页面的可访问性。 F、主体内容 主体内容是页面设计的主体元素。它一般是二级连接内容的标题，或者是内容提要，或者是内容的部分摘录。表现手法一般是文字和图象相结合。它的布局通常按内容的分类进行分栏安排。页面的注意力值一般是按照从上到下、从左到右的顺序排列，所以重要的内容一般安排在页面的做上位置，次要的内容安排在右下方。

下载地址祝你成功兄弟。

B

网页制作步骤是网站建设当中一个重要环节，一个网站看它好不好，重要一点就是这个网页制作了。因为好的网页制作能够让浏览网页用户，一直停留在网页当中。很多人会问这个网页制作要怎么样才能够让用户喜欢，那么网页制作时这4个步骤是必须要了解下了。1、确定网页主题内容网页制作步骤的四个步骤当中，第一步就是确定网页主题内容。因为你在设计网页时，肯定是要有一个主题内容，因为你要围绕这个主题内容来设计网页。很多网页之所以不让用户喜欢，就是牛头不对马嘴。主题风格和内容完全不搭边，可以让专业网页策划师，帮你策划一个主题。2、网页内容排版设计网页的内容是核心部分，浏览网页用户想要了解产品信息、品牌信息、都是需要看到网页内容才能够得知。因此网页制作就需要做好内容排版设计，比如使用合适字体样式、字体大小、字体间距等等，之后每个版块当中内容与图片或者视频，比例要合适。因为全是文字会让用户觉得枯燥，全是图片会影响网页加载速度。3、网页功能符合主题很多人会说这个网页功能怎么可能符合主题，其实你说出这种话就说明你对网页功能设计不太了解。像一些企业活动网页，功能设计需要和符合主题，这样看起来才不会突兀，比如婴儿用品网页设计当中，一些功能设计会设计成卡通样式。4、网页安全性设计现在互联网用户对于自己隐私越来越注重，他们在浏览网页时特别害怕，浏览到带有木马病毒网页，如果企业网站被浏览器告知不安全，就需要做好安全性设计，像SSL证书HTPPS协议，网站服务器防护措施等等都是需要做好。网页制作步骤可不是只是上面这四个点，还有很多步骤没有为大家介绍，想要制作一个让用户喜欢网页不是一件简单事情，如果企业没有这方面人才，那么可以将网页制作交给专业网站建设公司。网页制作步骤

网页制作心得体会 20世纪40年代科学字发明了计算机之后，人们的工作效率大大提高，但是单个计算机能够存储和处理的信息是非常有限的，为了便于信息的传递和处理，人们就把众多的计算机连接起来。 网页制作的心得体会 ----网页制作论文摘要 通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人，我觉得这点我已经基本上做到了。 关键字 页面设计 ASP和数据库 1.一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 2.题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。 3.不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。 选定了一个好的题材，是不是可以立刻动手制作了？不，经验告诉我们，必须要先规划框架。这是很重要的一步！每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。 规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费钱。 大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。 为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，即所有的主要链接都在首页上，链接的层次不多，深度浅。 框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也为你的主页将来发展打下良好的基础。 下一步，你可以动手制作具体内容了，我将告诉你一些收集资料的窍门。 题材选定，框架选定，接下来就开始往主页里面填内容。我们称作资料收集 就个人主页而言，很少有人有能力完全靠自己来创作所有的内容。（一些高手能够提供自己编的软件，文章或则音乐，是我非常佩服的！） 大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。 另外一个好的方法是从网络上收集，您只要到雅虎，搜狐等搜索引擎上查找相应的关键字，就可以找到一大堆的资料。 如果您是英语高手，您可以到国外站点上把最新的信息，资料翻译成中文，提供给大家，这叫“洋为中用”。 网络上的资料呈爆炸性的增长，只要注意收集某一非常细小的题材，随时供大家方便的查找，您的主页就已经有做不完的活了。 到这里我们已经完成了制作主页的准备工作。下面开始正式制作主页。 先来介绍一下我这个网页吧。我的网页主要由三大部分组成：主页、各子网页以及各互联网链接。 首先是主页，采用的是index格式，是第一个显示的页面，其实原来第一个显示的页面是一个封面，但在网上用了一段时间之后我觉得有封面比较麻烦，花哨但不实用，显得有些多余，所以我就把它给去掉了，直接显示主页会让别人有一种开门见山的感觉。主页是我花费精力和时间最多的一个页面，尤其是在它的视觉设计上包括结构，字体，背景以及色彩方面都花了很多工夫。页面包括自己的一幅小照片以及个人的简要介绍，以便让观者对自己有一个初步的了解。网页最上面是用艺术字编辑的文字，旁边的welcome是插入的GIF动画，左上角显示日期，右上角显示你在网页呆的时间，下面是一排子目录，包括一些链接和子页面，点开就可以看到关于我的详细信息。下面是一个搜索引擎，采用的是百度是原代码。再下来是我的近况，也采用了特效。右边有一个滚动字幕，是一首诗，采用了特效，下面是一些常用大型网站的链接。最下面是关于浏览器的说明，主页基本上就是这些了，还有要说的就是“给我留言”是到网上去申请的免费留言板，然后链接上去。 子网页中， “Spear相册”里面全是照片，大部分照片是用数码相机照的，有两三张是扫描上去的；“家乡风情”里则是图片与文字并存，这两个页面也是我精心设计制作的。其他的页面就大部分以文字为主对自己进行详细的介绍，背景图片是我都是我精心挑选的，多数页面都插上了MIDI音乐作为背景，有个别页面还使用了特效。 接下来再介绍介绍网页的功能吧。本网页可以说具备了多项功能：各页面可以让你对我有一个比较详细的了解；强大的搜索功能令你在网络世界中畅通无阻，网站、mp3、flash、信息快递应有尽有；各大型网站的链接让你轻松登陆以便看消息、发邮件；想听歌吗？“我的音乐”将让你听歌变得如此方便；超级留言板可以让你畅所欲言…… 相信你虽然还没有看到我的网页就已经对它有了一个大致的了解了吧！现在重点介绍一下我的网页的制作过程以及其间遇到的种种困难。 开始时我选择了DreamweaverMX作为制作软件，看书学习了一些基础的东西之后就着手开始了我的网页制作，我先初步对网页作了一些页面规划，然后建立了站点，用软件中的一些基本的功能制作，首先是封面，由于Dreamweaver MX没有插入艺术字的功能，所以封面上的艺术字是我先在Word文档里制作好了之后用图片的方式插入的。接着有开始设计主页，我主要用层来设计版面，再适当配合表格，经过两个白天和一个通宵，网页基本的框架就出来了，但这时却遇到了一个很令人头疼的问题：突然所有插上去的图片都不能显示了！！！我用尽了所有能想出来的方法，请教了很多的电脑高手都不能把这个无法解释的问题解决，就连重新安装DreamweaverMX也毫无作用，由于是借别人的电脑，时间紧迫，没有等到去向老师请教，我就一气之下把那些东西都删光了，连Dreamweaer也不例外，当时我真的很失望，想到这两天废寝忘食地做的东西一下全没了就很是接受不了，我曾经一度想放弃，不过冷静了之后我决定从头开始。我换了Frontpage，由于对Frontpage一无所知，也没有相关的书籍，所以刚开始建站点和网页的方法只能向别人请教。不过在开始制作了之后我发现Frontpage很多功能和Word相似，于是很快掌握了其许多基本的功能。接着我又熬了一个通宵，决定把前面的损失弥补过来。前面的工作也不能算完全白做，因为至少我在重新制作的时候不必话太多的时间去重新设计版面。还是按照原来的设计，只是改动了一些，大体的框架还是没有改变。 总结 通过这次制作网页，我学到了不少东西，而且学到了不少思考问题的方法。计算机会在以后的学习生活中充当越来越重要的角色，相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小！！！

网页制作心得体会 20世纪40年代科学字发明了计算机之后，人们的工作效率大大提高，但是单个计算机能够存储和处理的信息是非常有限的，为了便于信息的传递和处理，人们就把众多的计算机连接起来。 网页制作的心得体会 ----网页制作论文摘要 通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人，我觉得这点我已经基本上做到了。 关键字 页面设计 ASP和数据库 1.一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 2.题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。 3.不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。 选定了一个好的题材，是不是可以立刻动手制作了？不，经验告诉我们，必须要先规划框架。这是很重要的一步！每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。 规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费钱。 大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。 为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，即所有的主要链接都在首页上，链接的层次不多，深度浅。 框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也为你的主页将来发展打下良好的基础。 下一步，你可以动手制作具体内容了，我将告诉你一些收集资料的窍门。 题材选定，框架选定，接下来就开始往主页里面填内容。我们称作资料收集 就个人主页而言，很少有人有能力完全靠自己来创作所有的内容。（一些高手能够提供自己编的软件，文章或则音乐，是我非常佩服的！） 大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。 另外一个好的方法是从网络上收集，您只要到雅虎，搜狐等搜索引擎上查找相应的关键字，就可以找到一大堆的资料。 如果您是英语高手，您可以到国外站点上把最新的信息，资料翻译成中文，提供给大家，这叫“洋为中用”。 网络上的资料呈爆炸性的增长，只要注意收集某一非常细小的题材，随时供大家方便的查找，您的主页就已经有做不完的活了。 到这里我们已经完成了制作主页的准备工作。下面开始正式制作主页。 先来介绍一下我这个网页吧。我的网页主要由三大部分组成：主页、各子网页以及各互联网链接。 首先是主页，采用的是index格式，是第一个显示的页面，其实原来第一个显示的页面是一个封面，但在网上用了一段时间之后我觉得有封面比较麻烦，花哨但不实用，显得有些多余，所以我就把它给去掉了，直接显示主页会让别人有一种开门见山的感觉。主页是我花费精力和时间最多的一个页面，尤其是在它的视觉设计上包括结构，字体，背景以及色彩方面都花了很多工夫。页面包括自己的一幅小照片以及个人的简要介绍，以便让观者对自己有一个初步的了解。网页最上面是用艺术字编辑的文字，旁边的welcome是插入的GIF动画，左上角显示日期，右上角显示你在网页呆的时间，下面是一排子目录，包括一些链接和子页面，点开就可以看到关于我的详细信息。下面是一个搜索引擎，采用的是百度是原代码。再下来是我的近况，也采用了特效。右边有一个滚动字幕，是一首诗，采用了特效，下面是一些常用大型网站的链接。最下面是关于浏览器的说明，主页基本上就是这些了，还有要说的就是“给我留言”是到网上去申请的免费留言板，然后链接上去。 子网页中， “Spear相册”里面全是照片，大部分照片是用数码相机照的，有两三张是扫描上去的；“家乡风情”里则是图片与文字并存，这两个页面也是我精心设计制作的。其他的页面就大部分以文字为主对自己进行详细的介绍，背景图片是我都是我精心挑选的，多数页面都插上了MIDI音乐作为背景，有个别页面还使用了特效。 接下来再介绍介绍网页的功能吧。本网页可以说具备了多项功能：各页面可以让你对我有一个比较详细的了解；强大的搜索功能令你在网络世界中畅通无阻，网站、mp3、flash、信息快递应有尽有；各大型网站的链接让你轻松登陆以便看消息、发邮件；想听歌吗？“我的音乐”将让你听歌变得如此方便；超级留言板可以让你畅所欲言 相信你虽然还没有看到我的网页就已经对它有了一个大致的了解了吧！现在重点介绍一下我的网页的制作过程以及其间遇到的种种困难。 开始时我选择了作为制作软件，看书学习了一些基础的东西之后就着手开始了我的网页制作，我先初步对网页作了一些页面规划，然后建立了站点，用软件中的一些基本的功能制作，首先是封面，由于Dreamweaver MX没有插入艺术字的功能，所以封面上的艺术字是我先在Word文档里制作好了之后用图片的方式插入的。接着有开始设计主页，我主要用层来设计版面，再适当配合表格，经过两个白天和一个通宵，网页基本的框架就出来了，但这时却遇到了一个很令人头疼的问题：突然所有插上去的图片都不能显示了！我用尽了所有能想出来的方法，请教了很多的电脑高手都不能把这个无法解释的问题解决，就连重新安装也毫无作用，由于是借别人的电脑，时间紧迫，没有等到去向老师请教，我就一气之下把那些东西都删光了，连Dreamweaer也不例外，当时我真的很失望，想到这两天废寝忘食地做的东西一下全没了就很是接受不了，我曾经一度想放弃，不过冷静了之后我决定从头开始。我换了Frontpage，由于对Frontpage一无所知，也没有相关的书籍，所以刚开始建站点和网页的方法只能向别人请教。不过在开始制作了之后我发现Frontpage很多功能和Word相似，于是很快掌握了其许多基本的功能。接着我又熬了一个通宵，决定把前面的损失弥补过来。前面的工作也不能算完全白做，因为至少我在重新制作的时候不必话太多的时间去重新设计版面。还是按照原来的设计，只是改动了一些，大体的框架还是没有改变。 总结 通过这次制作网页，我学到了不少东西，而且学到了不少思考问题的方法。计算机会在以后的学习生活中充当越来越重要的角色，相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小！

Flash网站制作剖析经过一段时间的Flash学习之后，很多朋友开始对那些全Flash网站的制作发生兴趣。全Flash网站基本以图形和动画为主，所以比较适合做那些文字内容不太多，以平面、动画效果为主的应用。如：企业品牌推广、特定网上广告、网络游戏、个性网站等。制作全Flash网站和制作html网站类似，事先应先在纸上画出结构关系图，包括：网站的主题、要用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网站可以分成几个逻辑块、各个逻辑块间的联系如何、以及你是否打算用Flash建构全站或是只用其做网站的前期部分等等，都应在考虑范围之内。从技术方面讲，如果你已经掌握了不少单个Flash作品的制作方法，再多了解一些swf文件之间的调用方法，制作全Flash网站并不会太复杂。参考流程：网站结构规划—>Flash场景规划—>素材准备—>分别制作—>整体整合一、全Flash网站和单个Flash作品制作的区别二、常用技术1、重要ActionScript代码控制2、Loading的制作3、文本导入三、实例制作剖析1、本实例网站结构规划2、首页场景index.swf的制作3、次场景Cartoon(200208.swf)的制作4、二级次场景（200208_frog01～200208_frog05)制作5、About中的文本导入四、注意事项以上我们通过实例剖析的方式大略介绍了全Flash网站的基本制作方法，希望给喜欢Flash的朋友们一点实实在在的帮助，期望不久以后能看到大家做出的精彩Flash网站！本文Flash网站实例源文件下载一、全Flash网站和单个Flash作品制作的区别1、文件结构不同单个Flash作品的场景、动画过程及内容都在一个文件内，而全Flash网站的文件由若干个文件构成，并且可以随发展的需要继续扩展。全Flash网站的文件动画分别在各自的对应文件内。通过Action的导入和跳转控制实现动画效果，由于同时可以加载多个SWF文件，它们将重叠在一起显示在屏幕上。2、制作思路不同单个Flash作品的制作一般都在一个独立的文件内，计划好动画效果随时间线的变化或场景的交替变化即可。全Flash网站制作则更需要整体的把握，通过不同文件的切换和控制来实现全Flash网站的动态效果，要求制作者有明确的思路和良好的制作习惯。3、文件播放流程不同单个Flash作品通常需要将所以的文件做在一个文件内，在观看效果是必须等文件基本下载完毕才开始播放。但全Flash网站是通过若干个文件结合在一起，在时间流上更符合Flash软件产品的特性。文件可以做的比较小，通过陆续载入其它文件更适合Internet的传播，这样同时避免了访问者因等待时间过长而放弃浏览。二、常用技术1、重要ActionScript代码控制这是全Flash网站实现的关键，尤其是FlashMX新增了很多功能强大的命令，关于这部分，请大家可以参看看看其它的资料,这里只介绍部分制作全Flash网站需要使用的比较重要的ActionScript函数。loadMovieNum("url",level[,variables])loadMovie("url",level/target[,variables])功能说明：在播放原来加载的影片的同时将SWF或JPEG文件加载进来。参数说明：url要加载的SWF或JPEG文件的绝对或相对URL，不能包含文件夹或磁盘驱动器说明。level把swf文件以层的形式载入到Movie里，若载入0层，则载入的swf文件将取代当前播放的Movie，。2层高于1层。Target可用路径拾取器取得并替换目标MC，载入的电影将拥有目标MC的位置、大小和旋转角度等属性。(个人认为用Target好些，在控制载入.swf位置时比较方便)variables可选参数，指定发送变量所使用的网站类似，一般我们会制作一个主场景index.swf，主要内容包括：长宽比例、背景、栏目导航按钮、网站名称等“首页”信息。最后发布成一个html文件，或者自己做一个html页面，内容就是一个表格，里面写上index.swf的嵌入代码即可。主场景安排：蓝色线条部分为网站名称、版权等固定信息区，通常所在位置为Flash动画的边缘位置。橙色线条内容为网站栏目导航按钮，通常也是固定在某个区域。按钮可以根据需要做成静态或动态效果，甚至可以做成一个包含MC变化的Button。绿色线条部分为主场景导入子文件的演示区域。在子文件的装载方面主要用到:LoadMovieNum、UnloadMovieNum两个控制函数，请参阅前文重要ActionScript代码控制。这里我们以子栏目Cartoon的制作为例。主场景文件index中有一个按钮Cartoon，当我们点击Cartoon按钮时希望导入cartoon文件夹下的200208.swf文件。所以我们在场景内选择Cartoon按钮，添加Action代码：on(release){loadMovieNum("cartoon/200208.swf",1);unloadMovieNum(2);}注意这里我们设置level为1。3、次场景200208.swf的制作现在确定Cartoon子栏目需要导入的文件200208.swf，该文件计划包含5个子文件。所以200208.swf文件的界面只包含用于导入5个独立子文件的5个图形按钮和一个标题。200208.swf从图上大家可以看到，200208.swf文件包含5个属性为button的小图标，分别为Bu_2_frog01到Bu_2_frog05。我们需要的效果是：点击它们则分别导入相应文件200208_frog01.swf到200208_frog05.swf文件。我们在场景内选择Bu_2_frog01，为这个按钮添加ActionScript：on(release){loadMovieNum("cartoon/200208_frog01.swf",2);}点击Bu_2_frog02，为这个按钮添加ActionScript：on(release){loadMovieNum("cartoon/200208_frog02.swf",2);}依次将5个button分别设置好相对应的action以便调用相应的文件。注意：这里我们设置level为2，是为了保留并区别主场景1而设置的导入的层次数，如果需要导入下一级的层数，则层数增加为3，依次类推。4、二级次场景（200208_frog01～200208_frog05)制作这里的二级次场景是与上级关联的内容，是本例中三级结构中的最后一级。该级主要为全Flash网站具体内容部分，可以是详细的图片、文字、动画内容。这里需要连接的是具体图片为内容，但同样需要做成与主场景比例同等的swf文件。例如：200208_frog01200208_frog02该场景是最底层场景，为主体内容显示部分，具体动画效果大家可以根据需要做更深入。注意要在场景最后一帧处加入停止ActionScript代码:stop();这样可以停止场景动画的循环动作。完整导入到主场景内的效果5、About中的文本导入查看本例的About子栏目，在文件index.fla里设置About按钮的action：on(release){loadMovieNum("aboutus.swf",1);unloadMovieNum(2);}在aboutus.fla文件中做好显示文本的文本框，文本框属性设置为多行（Multiline）,Var:aboutus（注意这个变量名）。为文本框所在的帧加ActionScript代码：loadVariables("aboutus.txt","");在aboutus.swf文件所属目录下编写一个纯文本文件about.txt，文本开头为“aboutus=”，“＝”后面写上正式的文本内容。将文本文件完整导入到主场景内的效果四、注意事项1、注意所有子文件的长、宽属性全Flash网站从画面层次来看，非常类似Photoshop的层结构，我们可以把每个子场景看做为一个层文件，子文件是在背景的长宽范围内出现。为了方便定位，我们可以让子文件与主场景保持统一的长宽比例，这样非常便于版面安排。否则就必须用setProperty语句小心控制它们的位置。2、发布文件时注意将html选项发布为透明模式需要将每个子文件发布为透明模式的原因是不能让子文件带有背景底色，由于子文件的长宽比例与主场景基本是一致的，如果子文件带有底色，就会遮盖主场景的内容。设置方法：在发布设置里勾选html选项，在html面板里选择windowsmode:TransparentWindowless,如图。3、使用文本导入时，注意文本文件开头的内容必须是“与文本框属性中Var定义名相同的字符串=正文”。另外需要导入文本的swf文件与被导入的txt文本文件最好在同一目录内。4、注意仔细检查文件之间的调用是否正确，避免出现“死链接”

主页的设计，只要我们走出了第一步，就相对容易了。主页就像一幅艺术作品，确定主体，再运用各种手段来加以衬托及表现，一幅好的作品是会让人印象深刻的。只要按自己的感觉选择好的出发点，办出自己的特色，而不适宜采用过多的“花巧”，即使有很好的内容，若搭配不当，也不一定做出好的主页，文字的协调、色彩搭配是很重要的。所以宁可集中精力办好一、两个有个性的栏目，或者干脆以某一主题为中心建立一个独立的网页。我所设计的网站是根据新加坡高等教育文献保障系统所创建的。

网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。 从网络的发展来看，网页设计从无到有，从低级到高级，是基于技术的原因而受到客观的限制的，因为受传输带宽的限制，最早的网页是纯字母和数字的，没有图片和声音更别说是动画了，只能将占用空间很小的数字和字母来进行传输。 由此看来网页最初就是在功能性的基础之上发展起来的。到今天同样上网也离不开使用它的功能，所以网页的审美就首先要考虑其功能的要素(例如很多国外的大公司的网站也是这样做的)。那么从功能出发来看待网页设计，我们就必须考虑，使用者如何从网页中得到功能，如何更好的得到功能。这就需要站在使用者的角度来看待网页设计，才能使自己做出的网页受欢迎，从而达到基本的目的。有的网页设计师说:我是设计师，我站得比普通人高，欣赏水平也比他们高，应该引导潮流，应该引导他们学会欣赏美的网页。作为设计师引导潮流没有错，但是不应该采用居高临下的方式，而是要贴近自己的使用对象，想他们所想，急他们所急，方便他们的使用，适时的将自己的设计风格融入到作品中去，接受他们的检验，只有经得起考验的设计才是好的设计。而不是所谓的阳春白雪，成为孤家寡人，不适用。作为设计师来说，就是要把自己的网页做得美一些(基于功能性的)。 谈到美，网页这种特殊环境下的美于传统的艺术上的审美有着明显的区别，因为一般的艺术上的美是海阔天空，无所顾忌的，只要符合人们的欣赏的习惯，能够在欣赏者的心里产生共鸣就是美的;而网页的布局上的审美却要受到很多的限制，当然它也有优于传统艺术的地方，最明显的就是它的交互性和更新速度的快捷，纯艺术很大程度上是作者的自我宣泄，但是网页设计直接面对的是大量用户，随时都会反馈回来对网页的批评建议等，可以根据实际情况进行修改，比如在建站时考虑不周到的地方，设计时没有得到重视的地方，可以根据要求进行调整。同样不损整体效果，却可以使使用者用起来更加的方便。这个过程可以在很短的时间里完成。同时网页能融合文字、图片、声音、动画于一身。这是传统艺术所达不到的。当然最根本的在使用方面就限制了它不能够随意的挥洒自如，任设计师自由的发挥。以下针对网络环境下的审美。 首先:要考虑上网者的环境，通常可见的情况是:上网者眼睛盯着一个冷冰冰的电脑屏幕，手移动鼠标，保持一定的姿势，而且一般是连续很长的时间。在这种情况下，假如连接的网站的网页做得很差，不考虑排版布局的形式美的要素，一味的以刻板的文字或者是图片来充斥这个页面，那么使用者看久了就会厌倦，甚至讨厌。同样在网络世界里，五花八门，涉及到各方面的内容，使用者通常是打开很多的窗口，在一种纷繁复杂的情况下接受信息。这样假如他们浏览的网页是设计得又是特别花哨，图片、文字、动画等等堆砌的极为杂乱，那么更加剧了这种心理上的厌烦感，这种网页能算得上美吗?所以从使用环境里的功能的因素来考虑美才是最根本的。 其次:考虑使用对象本身也是网页审美的一个重要方面，网页设计都是为每个具体的网站的做宣传，那么不考虑对象就如同闭门造车，这样会造成其根本的功能的损失，使使用者浏览起来困难。例如一个儿童网站，设计得如同一些新闻专题的网页一样，纯粹是文字。那么使自己的使用对象-儿童在浏览该网站的时候毫无兴趣，阻碍了网站的基本的目的，因为该网站的目的就是要使更多的儿童来光临这个网站，从而扩大网站影响。从这个功能层面上来理解，设计的美是同使用对象分不开的。 再者:网页设计的美其实是一个满足使用者需求的过程，能够使他们使用起来方便快捷，排除他们使用中的问题，这就是美的，这就是纯粹从功能上的要求出发的。就是最根本的功能被满足就是最根本的美。不是吗?假如我想上一个体育的网站了解一下当天的足球战报，那么我上网的目的性就是非常的明确，直接看足球的结果。那么考虑一下我的上网过程就是先敲入网址，到主页上，然后尽快的找到足球的栏目，再找到比分的链接。那么设计师如果考虑到上这个网站的很多人都非常想知道足球的比分，那么在主页上放上一个流动的临时更新的框，就可以使上站的使用者直接在主页上看到想要看的东西，这样快速而又方便的结果，其实质上是一个网页设计的成功的地方，这种网页就是美的，反之假如把网页设计得非常的“漂亮”(这里指的是纯粹的从艺术审美上的漂亮，满足一般的形式美的要求的，而不考虑使用环境的情况)，但是把该链接做到不容易找到的地方，或者是由于满足“漂亮”的要求，增加了几级的链接，从而增加了使用者的不方便，这种网站也是不美的，至少它没有为自己的使用对象考虑，就是失败。 还有一个美的因素也不能不考虑，就是网站本身，其实也是功能来决定的，作为网站的目的就是要通过使用者的使用来得到体现，如何使更多的人来使用和使他们浏览过之后记住这个网站?也就是通过自己的设计使网站的形象得到提升，使网站的形象在每个使用者的心目中扎根。这是现在网页设计中普遍不受重视的，也许是还欠缺这种意识，才出现这种情况，有些网页做得很有味道，不管是用色还是布局的编排，都是非常的讲究，但是却没有注意到网站的本身的东西，例如网站的名称或者是网址没有得到强化，尽管使用了之后觉得好，但是第二次使用时却记不起是什么网站了，因为上网通常要看很多的网站，每一个都记录下来是非常不方便的，很多网友也不愿意这样做，再说收藏夹里收藏太多了也找起来来也不方便。还要定期不定期的进行整理，也挺麻烦。所以假如网页设计时注意了这个网站的名称和网址的因素，那么就会避免这一系列的问题，方便了使用者，从这个功能上来说是设计成功之处，也是网页设计美的一个观念的异化。在把握住网站功能实现的基础上才能谈得上设计的美。 以上谈了几个涉及到网页设计的美的相关的功能的影响，由此可以得出网页美的标准(有些是一种美的标准另一种表达方式)，那就是: 简洁实用: 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。 使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美 整体性好: 一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。 网站形象突出: 一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。 页面用色协调，布局符合形式美的要求: 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。 交互式强: 发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。

　　网站项目管理规范　　一.概念　　网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。　　二.需求分析　　1.项目立项　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。　　2.客户的需求说明书　　第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚，需要您不断引导和帮助分析。曾经有一次，我问客户：“您做网站的目的是什么？”他回答：“没有目的，只是因为别人都有，我没有！”。这样的客户就需要耐心说明，仔细分析，挖掘出他潜在的，真正的需求。 配合客户写一份详细的，完整的需求说明会花很多时间，但这样做是值得的，而且一定要让客户满意，签字认可。把好这一关，可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢？简单说，包含下面几点：　　1.正确性：每个功能必须清楚描写交付的功能；　　2.可行性：确保在当前的开发能力和系统环境下可以实现每个需求；　　3.必要性：功能是否必须交付，是否可以推迟实现，是否可以在削减开支情况发生时"砍"掉；　　4.简明性：不要使用专业的网络术语；　　5.检测性：如果开发完毕，客户可以根据需求检测。　　三.系统分析　　1.网站总体设计　　在拿到客户的需求说明后，并不是直接开始制作，而是需要对项目进行总体设计，详细设计，出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定：　　1.网站需要实现哪些功能；　　2.网站开发使用什么软件，在什么样的硬件环境；　　3.需要多少人，多少时间；　　4.需要遵循的规则和标准有哪些。　　同时需要写一份总体规划说明书，包括：　　1.网站的栏目和版块；　　2.网站的功能和相应的程序；　　3.网站的链接结构；　　4.如果有数据库，进行数据库的概念设计；　　5.网站的交互性和用户友好设计。　　2.网站建设方案　　在总体设计出来后，一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在客户需求不是十分明确的情况下提交方案，往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案的包括以下几个部分：　　1.客户情况分析；　　2.网站需要实现的目的和目标；　　3.网站形象说明；　　4.网站的栏目版块和结构；　　5.网站内容的安排，相互链接关系；　　6.使用软件，硬件和技术分析说明；　　7.开发时间进度表；　　8.宣传推广方案；　　9.维护方案；　　10.制作费用；　　11.本公司简介：成功作品，技术，人才说明等。　　当您的方案通过客户的认可，您可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细设计：　　3.网站详细设计　　总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序，而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图，它们应该 包含必要的细节，例如：程序界面，表单，需要的数据等。程序员可以根据它们写出实际的程序代码。　　四. 项目实施　　1.整体形象设计　　在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。　　整体形象设计包括标准字，Logo，标准色彩，广告语等。 首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格，完成后，供客户选择。　　记住：在客户确定首页风格之后，请客户签字认可。以后不得再对版面风格有大的变动，否则视为第二次设计。　　开发制作　　2.开发制作　　到这里，程序员和网页设计师同时进入全力开发阶段，需要提醒的是，测试人员需要随时测试网页与程序，发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试，这样会浪费大量的时间和精力。项目经理需要经常了解项目进度，协调和沟通程序员与网页设计师的工作。　　调试完善　　3.调试完成　　在网站初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。　　为什么要记录文档呢？其实本软件工程本身就是一个文档，是一个不断充实和完善的标准。通过不断的发现问题，解决问题，修改，补充文档，使这个标准越来越规范，越来越工业化。进而使得网站开发趋向规范，趋向合理。　　4.宣传推广　　宣传推广的基本方法有：　　1.网页里设置适当的META标签；　　2.各搜索引擎登录；　　3.准备新闻稿件在各新闻公告板发表；　　4.合理使用Email邮件列表；　　5.广告条交换；　　6.付费广告。　　至此，网站项目建设完毕，将有关网址，使用操作说明文档等提交客户验收。如果需要维护，另行签定维护项目。　　五.维护　　网站成功推出后，长期的维护工作才刚刚开始，需要做到的是:　　1.及时响应客户反馈；例如可以采取Email自动回复功能，然后在1-3个工作日里解决问题，再次回复；　　2.网站流量统计分析和相应对策；　　3.尽量推广和使用您的网址；　　4.网站内容的及时更新和维护。　　六.遵循的规范　　1.网站建设目录规范　　2.网站文件命名规范　　3.网站建设尺寸规范　　4.网站首页head区代码规范　　5.网站连接结构规范　　网站开发规范　　任何一个项目或者系统开发之前都需要定制一个开发约定和规则，这样有利于项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、整合的交互性等，所以定制一套完整的约定和规则显得尤为重要。定制一系列约定和规则，包括组件团队、文件夹命名规则、文件名命名规则、程序代码编程风格、数据库设计约定。这些规则和约定需要与开发人员、设计人员和维护人员共同讨论定制，将来开发都将严格按规则或约定开发。每个团队开发都应有自己的一套规范，一个优良可行的规范可以使我们工作得心应手事半功倍，这些规范都不是唯一的标准不存在对与错，也许有些地方与你当前使用的习惯相驳，很多地方都有争议。。　　非常明显在Web项目开发中有前后台开发之分，前台开发主要是指非程序编程部分，主要职责是网站AI设计、界面设计、动画设计等。而后台开发主要是编程和网站运行平台搭建，其主要职责是设计网站数据库和网站功能模板的实现。下面的这些规范主要是从这2个方面来定制的，这些规范是工作中总结的一点经验，本文档比较适合中小型网站或者Web项目的开发规范。　　一．组建开发团队　　在接手项目后的第一件事是组建团队。根据项目的大小团队可以有几十人，也有可以是只有几个人的小团队，在团队划分中应该含有6个角色，这6个角色是必须的，分别是项目经理，策划，美工，程序员，代码整合员，测试员。也许你的团队还没有6个人，没有关系一个人可以有多个角色，比如项目经理还可以有策划这个角色，如程序员还可以含有代码整合和测试这2个角色，如果你的项目够大人数够多那就分为6个组，每个组分工再来细分。下面简单介绍一下这6个角色的具体职责。　　项目经理，项目总体设计，开发进度的定制和监控，定制相应的开发规范，负责各个环节的评审工作，协调各个成员(小组)之间开发。策划，提供详细的策划方案和需求分析。还包括后期网站推广方面的策划。美工，根据策划和需求设计网站AI，界面，Logo等。程序员，根据项目总体设计来设计数据库和功能模块的实现。代码整合员，负责将程序员的代码和界面融合到一起，代码整合员可以制作网站的相关页面，测试员，负责测试程序。　　二．开发工具　　Web开发工具主要分为3部分，第一部分是网站前台开发工具，第二部分是网站后台开发环境，第三部分是项目管理和辅助软件。下面分别简单介绍这三部分需要使用的软件。　　网站前台开发主要是指Web界面设计。包括网站整体框架建立、常用图片、Flash动画设计等等，主要使用的相关软件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。　　网站后台开发主要指网站动态程序开发、数据库建模，主要使用的相关软件是： PowerDesigner（数据库建模），PowerDesigner在数据库设计方面应用非常强大，用它可以快速创建数据库概念和物理模型，我最喜欢的还是它生成数据库Report的功能太方便了，设计数据库强烈推荐用它。Rational Rose（程序建模），如果你的项目功能模块不是特别复杂那就剩了它吧，这样会节省一些时间和开发的复杂度，不过我个人认为不管是大项目还是小项目都应该画画Rose图。　　网站项目管理主要指对开发进度和代码版本的控制。开发进度用Microsoft Project来制定，代码版本控制采用Visual SourceSafe，当然还有其他的选择比如CVS和Rational ClearCase。网站测试采用VS.net的附带工具Microsoft Application Center Test，它可以进行并行、负载测试等。程序文档编写采用Word，用WPS也可以。　　三.网站开发流程　　在项目开始实施之前应该有一个工作步骤也就是工作流程，在项目开发中最需要时间的是总体设计和系统测试，而程序编写代码所占的时间并不多，但有的团队就急于开发写代码，先把程序写出来再说，没有注重评审和测试这2个环节，结果造成返工，我在一家比较大的公司中都遇到多次这种情况。所以项目来了不要急于开工写代码，应该一步一步慢慢来，只有走的慢才能走得稳走得远。图1的开发流程比较好地体现开发的整个环节。　　图 1　　从图1可以看到2条主线，这2条主线分别是前台开发和后台开发。前后台开发在项目开发早期互相没有交叉，当然不是绝对没有，Web策划和需求分析都是互相有关系的，一个是网站表现形式和风格的策划另一个是网站功能的策划，它们是衣服和躯干的关系。到了开发后期就需要把界面和功能模块结合起来形成一个统一，也就即将发布的网站。　　四．数据库开发规范　　数据文件命名采用系统名+_+文件类型，比如系统名为kupage,则数据库文件命名为kupage_database.mdf，有的数据库文件有多个，比如SQL Server就有2个，一个是数据库文件，另一个是日志文件，那么他们的文件命名分别为kupage_database.mdf，kupage_log.log。文件名全部采用小写。　　数据库表命名规范，表名长度不能超过30个字符，表名中含有单词全部采用单数形式，单词首写字母要大写，多个单词间不用任何连接符号。若库中有多个系统，表名采用系统名称+单词或多个单词，系统名是开发系统的缩写，系统名称全部采用小写英文字符,如bbsTitle,bbsForumType。若库中只含有一个系统，那么表名仅用一个单词或多个单词。单词选择能够概括表内容的一个或多个英文单词，如UserInfo,UserType。关连表命名规则为Re_表A_表B,Re是Relative的缩写，如：Re_User_ArticleType, Re_User_FormType。　　数据库字段命名规范，数据库字段名全部采用小写英文单词，单词之间用”_”隔开，命名规则是表别名+单词，如：user_name,user_pwd。表别名规则，如果表名是一个单词，别名就取单词的前4 个字母；如果表名是两个单词，就各取两个单词的前两个字母组成4 个字母长的别名；如果表的名字由3 个单词组成，你不妨从头两个单词中各取一个然后从最后一个单词中再取出两个字母，结果还是组成4 字母长的别名。　　视图名采用规则View_表A_表B_表C,View表示视图。这个视图由几个表产生就用”_”连接几个表的名，如果表过多可以将表名适当简化，但一定要列出所有表名。　　存储过程命名规则P_表名_存取过程名(缩写)，比如P_User_Del，P_ArticleType_AddData。　　SQL语句编写规则，关键字必须大写，其他书写按上述命名规则，比如：　　SELECT user_id, user_name FROM User WHERE user_id = ‘tom"　　五．文件夹文件名命名规范　　文件夹命名一般采用英文，长度一般不超过20个字符，命名采用小写字母。除特殊情况才使用中文拼音，一些常见的文件夹命名如：images(存放图形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript脚本），inc(存放include文件)，link（存放友情链接）,media(存放多媒体文件)等。　　文件名称统一用小写的英文字母、数字和下划线的组合。命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作 。　　1、图片的命名原则名称分为头尾两部分，用下划线隔开，头部分表示此图片的大类性质例如广告、标志、菜单、按钮等等。　　放置在页面顶部的广告、装饰图案等长方形的图片取名： banner　　标志性的图片取名为： logo　　在页面上位置不固定并且带有链接的小图片我们取名为 button　　在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名： menu　　装饰用的照片我们取名： pic　　不带链接表示标题的图片我们取名： title　　下面是几个范例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。　　2、动态语言文件命名规则性质_描述，描述可以有多个单词，用”_”隔开，性质一般是该页面得概要。　　范例：register_form.asp，register_post.asp,topic_lock.asp　　六．程序代码编程规范　　一个良好的程序编码风格有利于系统的维护，代码也易于阅读查错。在此只讨论ASP的编程风格和约定。在ASP中所有变量是弱变量，无需定义就可以直接使用，而且代码不区分大小写。但其他语言一般这些都要定义的，为了养成良好的编程习惯，编写代码务必按照一下规则。　　1、每个变量名必须定义，在ASP文件的最开始添加语句，强制定制每个变量。　　2、出于易读和一致性的目的，在代码中使用以下变量命名约定：　　子类型 前缀 示例　　Boolean bln blnFound　　Byte byt bytRasterData　　Date (Time) dtm dtmStart　　Double dbl dblTolerance　　Error err errOrderNum　　Integer int intQuantity　　Long lng lngDistance　　Object obj objCurrent　　Single sng sngAverage　　String str strFirstName　　3、程序代码需要有缩进，缩进采用键盘Tab键，不采用空格键。并且”＝”或者链接字符串时需要左右空一格，如下：　　4、函数过程编写的约定。函数或者过程命名采用动作+名词，每个函数需要给出相应的注释，函数功能，传入变量，以及作者和修改相关信息。如下面函数:　　<%　　"[功能] 返回一个参数的值　　"[参数] strParameterName 参数名称　　"[作者] icefire 2002/8/20 am　　Function GetParameterValue(strParameterName)　　Dim objRS, strSQL, strParameterValue　　strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = "" & strParameterName & """　　.　　.　　.　　GetParameterValue = strParameterValue　　Set objRS = Nothing　　End Function　　5、ASP内置对象区分大小写。如下代码片断　　strUserName = Request.Form(“UserName”)　　Set conn = Server.CreateObject("ADODB.Connection")　　6、数据库连接一个库只能有一个数据库连接文件，创建数据库对象得原则是尽可能晚地打开数据库，尽可能早地关闭数据库。创建数据库对象调用统一地创建函数。如下：　　Sub OpenConn(ByRef conn)　　Dim strDBPath, strDBConnection　　strDBPath = Server.MapPath("database/tax.mdb")　　strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" & strDBPath　　Set conn = Server.CreateObject("ADODB.Connection")　　conn.Open strDBConnnection　　End Sub　　7、当一个对象不在使用时要释放对象资源，比如objFSO,objRS对象等。采用统一函数调用。函数如下：　　Sub CloseObj(ByRef obj)　　If IsObject(obj) Then　　obj.Close　　Set obj = nothing　　End If　　End Sub　　8、时间全部以字符串的形式保存到数据库中，这样做能够是日期在不同的数据库中都能良好地保存，也方便数据库地迁移。时间用14位字符串保存，日期用8位字符串保存。　　七．网站首页head区代码规范　　head区是指首页HTML代码的<head>和</head>之间的内容。 必须加入的标签　　1.公司版权注释　　<!--- The site is designed by Maketown,Inc 06/2004 --->　　2.网页显示字符集　　简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">　　繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">　　英 语：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">　　3.网页制作者信息　　<META name="author" content="webmaster@maketown.com">　　4.网站简介　　<META NAME="DESCRIPTION" CONTENT="本站是一个医疗站点…">　　5.搜索关键字　　<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">　　6.网页的css规范　　<LINK href="style/style.css" rel="stylesheet" type="text/css">　　(参见目录及命名规范)　　7.网页标题　　<title>xxxxxxxxxxxxxxxxxx</title>　　8.可以选择加入的标签　　1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。　　<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">　　2.禁止浏览器从本地机的缓存中调阅页面内容。　　<META HTTP-EQUIV="Pragma" CONTENT="no-cache">　　3.用来防止别人在框架里调用你的页面。　　<META HTTP-EQUIV="Window-target" CONTENT="_top">　　4.自动跳转。　　<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指时间停留5秒。　　5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。　　<META NAME="robots" CONTENT="none">　　CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。　　6.收藏夹图标　　<link rel = "Shortcut Icon" href="favicon.ico">　　所有的javascript的调用尽量采取外部调用.　　<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>　　附<body>标签：　　<body>标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景<body bgcolor="#FFFFFF">　　八．网站建设尺寸规范　　1. 页面标准按800*600分辨率制作，实际尺寸为778*434px　　2. 页面长度原则上不超过3屏，宽度不超过1屏　　3. 每个标准页面为A4幅面大小，即8.5X11英寸　　4. 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px　　5. 另外120*90，120*60也是小图标的标准尺寸　　6. 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K

初学吧 一般在你用了两年的服务器控件之后 就会觉得他比较死板 这时候你会发现ajax技术真的是非常实用 这里的ajax不是.net的updatepanel 那种 是jq js那种轻量级的 实用方便灵活 完全不依附于任何后台语言 问卷星 网页上 运用了大量的ajax技术 你的提问中 提到网页布局的问题。 可以参考我的思路： 先做功能， 后做UI， 这种模式也是以后工作中常用的。 如果你觉得你的UI设计不好 ，可以单纯的在DW中来做设计！ 先从模仿开始， 比如你比较欣赏微软的官网 那你可以从简单的模拟开始 一步一步变成网页 加js效果 最后套程序。纯手打，希望对你有帮助

前端开发含义：Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。发展：在互联网的演化进程中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。核心：掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。因此，它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web开发人员的基本条件。网页制作含义：网站是企业向用户和网民提供信息（包括产品和服务）的一种方式,网页制作是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。网页制作是指使用标记语言（外语：Markup Language）。发展：网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册查询和主机托管等服务的总称。特性：网页可以分为静态网页和动态网页。静态网页页面上的内容和格式一般不会改变，只有网管可根据需要更新页面；动态网页的内容随着用户的输入和互动而有所不同。网页设计含义：网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息。（包括产品、服务、理念、文化）发展：网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。分类：分为三种大类，功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。工作目标：通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

看看dreamwaver 就应该够用而且比较易学。不过最好是有相应的基础知识，这样看什么都比较易学。

刚开始学习的时候，可以以基础入门，比如说HTML5和CSS等，这都是学习网页制作必须学的东西，一切都要慢慢来，等你学成后可以来耐思尼克工作，哈哈哈

www.xu5.cn说起网页制作,我学得也有几年了,也没什么出息,,8月1号找到了感兴趣的工作,每天才上6个半小时的班,有了充足的时间,,这让我想起的要制作一个站点,,但制作一个什么类型的站点,这让我烦恼了好久,,我深信每位站长也曾为此茶不思,饭不想,如果你没有,那只能说明你:不是一个好站长 其实那些日子我跟kenny一直在想办一个项目,但什么项目,唉,没想到好的,这东西,也轮不到你想,得靠灵感!只好暂时放停了,也许会在无意中,灵感突发,创意就出来了 这个BLOG站点9月3号完成,在建设期间,我采纳kenny的很多意见,先谈谈网站分类，也就是说,你的网站属于哪一方面的,这是首要的一个问题,如果这问题你不想好,下面的工作将无法进行, 直到我无意中看到了一篇帖子,,我想:我找到我的方向了...俗语说:做熟不做生这话不是没道理的.,那要做什么类型的网站呢?做,就要做你最感兴趣,最熟悉,最精通的... 为什么呢？有几点原因：1、技术过关。2、了解行业行情。3、做自己感兴趣的，有动力，不会觉得无聊，累！上面这几点，我想单凭第三点就足够了```（针对个人站点） 所以，我选择了，网页制作站点! 但是，网页制作站点，什么样的没有啊，五花八花，包罗万象，无所不有，无所不能，乱七八糟。。。下面，我给大家一个意见（针对个人站点） 由于是个人管理，不可能有太多的人力、物力来维护站点，所以，我们就要做得专而精，精而深（但要做到这步，也不容易的，有空可以看看网站运营方面的知识）。。。 (当然，这次教程的针对的是新手，新手对网站运营这些都不熟悉，所以，刚开始学习，可以先做一个，简简单单的个人站点，放些自己跟好友的相片，做个自我介绍等等，让大家了解了解你，这就足够了） 想好了做什么站点，就要开始写程序了！由于时间关系，我就没自己写程序，既然程序已经不是自己写的了，那么，内容的原创性就很重要了。。。 开始时。。我用了动易的CMS（内容管理系统），做了一个包罗万象的分类设计。。什么设计理论，网页制作，网页素材，源码下载，酷站展示等等。。。而且，每个分类下面还有N多个子栏目。。。（汗，如果真这样做起来，，足够把我累死了） 采纳kenny的意见，专做一样：写网页制作教程！可是，写网页制作教程？也分好多种啊。。。这时，我再细分，本来，如果照我的意思，我肯定会写ASP入门教程的。这回，kenny的重要性又体现出来了，再次采纳他的意见，写HTML教程。。。 HTML教程？？有没有搞错，写HTML这样的教程，太简单了吧```也许你是ASP、.net、PHP什么的高手，这样想并不奇怪，我完全可以理解。但是，我可以很大声的告诉你（虽然你听不到）：一点都没有搞错，开始，我也是这样想，HTML这样的教程，这么简单的教程，会不会有人看？？再加上有DREAMWEAVER这些软件辅助设计，可以说，学习网页制作必须得先学HTML语言，变得无举轻重了 但是，如果你想要真真正正地学好网页制作，HTML语言肯定是你必不可少的语言。。。同时,菜鸟是老鸟的数倍，更多的入门者，需要学习这方面的教程...于是，HTML教程出来了我个人认为，要学习好网页制作，下面的知识是必学的，说虽是这样说，可是要精通下面的任何一样，何其容易，虽然不容易，但我们还是来看一下，都要学些什么吧：一、美工方面：1、美术功底，如：素描，构成，色彩搭配，字体设计等等。。。2、软件应用，如：FLASH、FIREWORKS、photoshop、CorelDRAW等等。。。二、程序方面：1、编程语言：HTML，这是最基础的。学会了HTML跟CSS语言，接着下面就得选择一条路走了，是学习ASP，还是JSP，还是PHP，还是直接学习.net。。另外，每种编程环境，都要脚本语言，如JAVAScript、VBScript、c#等等。。。（相关的资料请上网查）（另外，web2.0的ajax技术的出现，将传统的几种技术的完美结合，又引起了编程界的轰动，学习AJAX技术，XML，也是相当重要的）2、软件应用：FrontPage、Dreamweaver。。。其实我觉得，新手大可不必学习FrontPage，虽然都说FrontPage是入门软件，但是，你迟早都得跳过这个软件，去学习Dreamweaver的，到时，FrontPage那简单得可怜的功能，你再也用不到了。把学习FrontPage的时间，去了解Dreamweaver，这才是正道。。。。。3、数据库应用：SQL SERVER、ACCESS、MYSQL等等。。。新手可先学习ACCESS数据库，这个是最简单的，一看就会操作的那种。难的是SQL语法。。。（数据库应）三、经营方面1、说到做网站，大多跟盈利离不开。盈利是做网站的根本目标，最终目的。。。当然，不排除一些站点是只是为人民服务，只是展示自我个性，非盈利性的网站。。。就算是非盈利性的网站，也要做好经营工作，才能更好的为人民服务..2、如果你的站点是盈利性的，那经营方面是至关重要的，程序做得多好，内容多丰富，如果你不具备一定的网站经营知识，都不会有效益。。。如果新手们不明白上面的什么编程语言，什么数据库，甚至什么软件，请登录www.google.com或www.baidu.com搜索，要学会搜索，查资料。学习东西，靠的还是自己，如果真的要找一个老师，那就找互联网吧，互联网就是最好的老师。。。最后我想说的一句话就是：要学习网页制作的朋友们请先作好心理准备，学习网页制作，不是一朝两日的事，而是一个很艰苦的过程，特别是编程那关，需要你的耐心，需要你的毅力，持之以恒，方有所成。。。话是说不完的，我就不多说了，请各位菜鸟们看下面的教程，祝各位能成功地成为像我这样的小鸟，然后成老鸟，再教导我这小鸟。。。。。。。。。。来源：本站原创请关注：阿旭网页制作教学日志http://www.xu5.cn

你可以去百度视频找 Dreamweaver教学有很多够你慢慢看的了也可以去找教学光盘下载来看 自己写吧

rowspan 合并列colspan 合并行

评论 ┆ 举报最佳答案此答案由提问者自己选择，并不代表百度知道知识人的观点回答：菜鹰学长4月20日 15:58 横向不间断滚动广告<script language="javascript">imgArr=new Array()imgArr[0]="<a href=# onmouseMove="javascript:outHover=true" onMouseover="javascript:outHover=true" onMouseout="javascript:outHover=false;mvStart()"><img src=/Article/UploadFiles/200408/20040825145003569.gif border=0></a>"imgArr[1]="<a href=# onmouseMove="javascript:outHover=true" onMouseover="javascript:outHover=true" onMouseout="javascript:outHover=false;mvStart()"><img src=/Article/UploadFiles/200408/20040825145004614.gif border=0></a>"imgArr[2]="<a href=# onmouseMove="javascript:outHover=true" onMouseover="javascript:outHover=true" onMouseout="javascript:outHover=false;mvStart()"><img src=/Article/UploadFiles/200408/20040825145005547.gif border=0></a>"imgArr[3]="<a href=# onmouseMove="javascript:outHover=true" onMouseover="javascript:outHover=true" onMouseout="javascript:outHover=false;mvStart()"><img src=/Article/UploadFiles/200408/20040825145008768.gif border=0></a>"imgArr[4]="<a href=# onmouseMove="javascript:outHover=true" onMouseover="javascript:outHover=true" onMouseout="javascript:outHover=false;mvStart()"><img src=/Article/UploadFiles/200408/20040825145009889.gif border=0></a>"imgArr[5]="<a href=# onmouseMove="javascript:outHover=true" onMouseover="javascript:outHover=true" onMouseout="javascript:outHover=false;mvStart()"><img src=/Article/UploadFiles/200408/20040825145009337.gif border=0></a>"imgArr[6]="<a href=# onmouseMove="javascript:outHover=true" onMouseover="javascript:outHover=true" onMouseout="javascript:outHover=false;mvStart()"><img src=/Article/UploadFiles/200408/20040825145009123.gif border=0></a>"imgArr[7]="<a href=# onmouseMove="javascript:outHover=true" onMouseover="javascript:outHover=true" onMouseout="javascript:outHover=false;mvStart()"><img src=/Article/UploadFiles/200408/20040825145010764.gif border=0></a>"imgArr[8]="<a href=# onmouseMove="javascript:outHover=true" onMouseover="javascript:outHover=true" onMouseout="javascript:outHover=false;mvStart()"><img src=/Article/UploadFiles/200408/20040825145010912.gif border=0></a>"imgArr[9]="<a href=# onmouseMove="javascript:outHover=true" onMouseover="javascript:outHover=true" onMouseout="javascript:outHover=false;mvStart()"><img src=/Article/UploadFiles/200408/20040825145010401.gif border=0></a>"imgArr[10]="<a href=# onmouseMove="javascript:outHover=true" onMouseover="javascript:outHover=true" onMouseout="javascript:outHover=false;mvStart()"><img src=/Article/UploadFiles/200408/20040825145011647.gif border=0></a>"var moveStep=4 //步长，单位：pixelvar moveRelax=100 //移动时间间隔，单位：msns4=(document.layers)?true:falsevar displayImgAmount=4 //视区窗口可显示个数var divWidth=125 //每块图片占位宽var divHeight=60 //每块图片占位高var startDnum=0var nextDnum=startDnum+displayImgAmountvar timeIDvar outHover=falsevar startDivClipLeftvar nextDivClipRightfunction initDivPlace(){if (ns4){for (i=0;i<displayImgAmount;i++){eval("document.divOuter.document.divAds"+i+".left="+divWidth*i)}for (i=displayImgAmount;i<imgArr.length;i++){eval("document.divOuter.document.divAds"+i+".left="+divWidth*displayImgAmount)}}else{for (i=0;i<displayImgAmount;i++){eval("document.all.divAds"+i+".style.left="+divWidth*i)}for (i=displayImgAmount;i<imgArr.length;i++){eval("document.all.divAds"+i+".style.left="+divWidth*displayImgAmount)}}}function mvStart(){timeID=setTimeout(moveLeftDiv,moveRelax)}function mvStop(){clearTimeout(timeID)}function moveLeftDiv(){if (ns4){for (i=0;i<=displayImgAmount;i++){eval("document.divOuter.document.divAds"+parseInt((startDnum+i)%imgArr.length)+".left=document.divOuter.document.divAds"+parseInt((startDnum+i)%imgArr.length)+".left-moveStep")}startDivClipLeft=parseInt(eval("document.divOuter.document.divAds"+startDnum+".clip.left"))nextDivClipRight=parseInt(eval("document.divOuter.document.divAds"+nextDnum+".clip.right"))if (startDivClipLeft+moveStep>divWidth){eval("document.divOuter.document.divAds"+nextDnum+".clip.right="+divWidth)eval("document.divOuter.document.divAds"+startDnum+".left="+divWidth*displayImgAmount)eval("document.divOuter.document.divAds"+parseInt((nextDnum+1)%imgArr.length)+".left=document.divOuter.document.divAds"+nextDnum+".left+"+divWidth)eval("document.divOuter.document.divAds"+parseInt((nextDnum+1)%imgArr.length)+".clip.left=0")startDnum=(++startDnum)%imgArr.lengthnextDnum=(startDnum+displayImgAmount)%imgArr.lengthstartDivClipLeft=moveStep-(divWidth-startDivClipLeft)nextDivClipRight=moveStep-(divWidth-nextDivClipRight)}else{eval("document.divOuter.document.divAds"+nextDnum+".clip.left=0")startDivClipLeft+=moveStepnextDivClipRight+=moveStep}eval("document.divOuter.document.divAds"+startDnum+".clip.left="+startDivClipLeft)eval("document.divOuter.document.divAds"+nextDnum+".clip.right="+nextDivClipRight)}else{for (i=0;i<=displayImgAmount;i++){eval("document.all.divAds"+parseInt((startDnum+i)%imgArr.length)+".style.left=document.all.divAds"+parseInt((startDnum+i)%imgArr.length)+".style.pixelLeft-moveStep")}startDivClipLeft=parseInt(eval("document.all.divAds"+startDnum+".currentStyle.clipLeft"))nextDivClipRight=parseInt(eval("document.all.divAds"+nextDnum+".currentStyle.clipRight"))if (startDivClipLeft+moveStep>divWidth){eval("document.all.divAds"+nextDnum+".style.clip="rect(0,"+divWidth+","+divHeight+",0"+")"")eval("document.all.divAds"+startDnum+".style.left="+divWidth*displayImgAmount)eval("document.all.divAds"+parseInt((nextDnum+1)%imgArr.length)+".style.left=document.all.divAds"+nextDnum+".style.pixelLeft+"+divWidth)startDnum=(++startDnum)%imgArr.lengthnextDnum=(startDnum+displayImgAmount)%imgArr.lengthstartDivClipLeft=moveStep-(divWidth-startDivClipLeft)nextDivClipRight=moveStep-(divWidth-nextDivClipRight)}else{startDivClipLeft+=moveStepnextDivClipRight+=moveStep}eval("document.all.divAds"+startDnum+".style.clip="rect(0,"+divWidth+","+divHeight+","+startDivClipLeft+")"")eval("document.all.divAds"+nextDnum+".style.clip="rect(0,"+nextDivClipRight+","+divHeight+",0)"")}if (outHover){mvStop()}else{mvStart()}}function writeDivs(){if (ns4){document.write("<ilayer name=divOuter width=750 height="+divHeight+">")for (i=0;i<imgArr.length;i++){document.write("<layer name=divAds"+i+">")document.write(imgArr[i]+" ")document.write("</layer>")}document.write("</ilayer>")document.close()for (i=displayImgAmount;i<imgArr.length;i++){eval("document.divOuter.document.divAds"+i+".clip.right=0")}}else{document.write("<div id=divOuter style="position:relative" width=750 height="+divHeight+">")for (i=0;i<imgArr.length;i++){document.write("<div id=divAds"+i+" style="position:absolute;clip:rect(0,"+divWidth+","+divHeight+",0)">")document.write(imgArr[i]+" ")document.write("</div>")}document.write("</div>")for (i=displayImgAmount;i<imgArr.length;i++){eval("document.all.divAds"+i+".style.clip="rect(0,0,"+divHeight+",0)"")}}}</script><BODY onload=javascript:mvStart()><SCRIPT language=javascript>writeDivs();initDivPlace();</SCRIPT> 揪错 ┆ 评论 ┆ 举报

新手一般都是用MacromediaDreamweaver8，我用的教材是《网页制作与网站建设从入门到精通》，人民邮电出版社，，作者：宇帆，王方，何翠平。可以多去网上搜搜，有很多好的视频及资料哦！希望满意，谢谢。

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

不管你是网站制作的初学者、中级老师或者是高级网站制作人，当我们需要制作网页时，应该如何选择制作网页软件呢？对于你所选择的网页制作软件，你又知道多少呢？现在让小编来详细分析一下这个问题，希望能给大家带来一点帮助。一、初学者入门制作网页软件1、MicrosoftFrontPage如果你是网页制作入门新手，那么建议从这比较简单的软件MicrosoftFrontPage以及Netscape开始。首先我们介绍一下MicrosoftFrontPage，该软件适合具备一定Word基础的初学者使用。它还可以反映在站点管理中，假如升级站点时不需要再一次创建更改文档的文件目录，那么还可以进行远程操作。2、Netscape该软件适用于文本和图片较多的网页，但该软件还是会受到一定水平的要求，使用者要使用Netscape等文本编辑来创建网页，光有Netscape是不够的。二、中级制作网页软件1、DreamWeaver要使用中级网页制作软件，创作者还需要了解特定的HTML语言，而且能够操作一些简单的制作网页软件，DreamWeaver能够按照创作者的软件喜好进行操作，制作出非常好的网页。2、Flash通常来说，该软件是很多网页制作者都非常熟悉的网页制作软件，不但可以免费下载进行使用，还可以在某种程度上让用户的使用体验得到提升，因此适合中级网页制作者使用。三、高级网页制作软件1、Jbuilder如果你的网页制作水平达到了高级阶段的话，那么能够运用的制作网页软件也会更加的高端和复杂，Jbuilder就是当中的一个，也是非常适合JSP文件格式的网页制作。2、MicrosoftVisualStudioMicrosoftVisualStudio是目前阶段网页制作软件中使用相对比较频繁的软件，这款网页制作软件需要借助编程进行网页制作。因此对网页制作人员的要求是比较高的。当然做出来的网页也会更加的优秀。总之，我们在选择制作网页软件时，应该先看看自己的真实水平。如果你真的非常了解网页制作软件，那么也不是不能尝试一下，不过后期修改起来就会有一些麻烦。网页制作

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

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

布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构：1.“同”字型结构布局所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。这种布局的优点是充分利用版面，页面结构清晰，左右堆成，主次分明，信息量大；缺点是页面拥挤，太规矩呆板，如果细节色彩上缺少变化调剂，很容易让人感到单调缺乏。2.“国”字型布局“国”字型布局是在“同”字型布局基础上演化而来的，在保留“同”字型的同时，在页面的下方增加一横条状的菜单或广告，是一些大型网站所喜欢的类型。一般最上面是网站标题及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是在网上见到的最多的一种结构类型。这种布局的优点是充分利用版面，信息量大，与其他页面的链接切换方便，缺点是页面拥挤，四面封闭，令人感到憋气。3.T型布局这是一个形象的说法，是指页面的顶部是“网站标志+广告条”，左面是主菜单，右面是主要内容。这种布局的优点是页面结构清晰、主次分明，是初学者最容易上手的布局方法；缺点是页面呆板，如果不注意细节上的色彩，很容易让人“看之无味”。4.“三”字型布局这种布局多用于国外站点，国内用得不多。特点是在页面上有横向两条色块，将页面整体分割为但部分，色块中大多放广告条、更新和版权提示。5.对比布局顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。6.POP布局POP引自广告术语，是指页面布局像一张宣传海报，一一张精美的图片作为页面的设计中心。这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种布局大部分出现在企业网站和个人主页，如果处理得好的话，会给人带来赏心悦目的感觉。7.Flash布局这种布局是指整个或大部分幅面的网页本身就是一个Flash动画，它本身就是动态的，画面一般不叫绚丽、有趣，是一种比较新潮的布局方式。其实这与封面型结构是类似的，只是这种类型才采用了目前非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。不同性质的网站，其页面内容安排是不同的。一般网页的基本内容包括标题、网站标识图案（LOGO）、页眉、页脚、主体内容、广告栏等。下面简单说明：A、页面标题在站点的没一个页面中都有一个标题，用来提示页面的主要内容，着一信息将出现在浏览器的标题栏中，而不是在页面的布局中。它的重要作用就是引导访问者清楚地浏览网站的各项内容，不至于迷失方向。标题的加入在HTML语言中比较简单标题名称B、网站标识（LOGO）网站作为一个对外交流的重要窗口，创建者都会用来进行自身形象的宣传。如果该企业（社团）已经导入了CIS（CorporateIdentitySystem）形象识别系统，那么在网站建设过程中应依据该系统为指导进行网页设计，其中标志性图案就是网站的LOGO。一个成功的网站和创建者实体一样，有着独特的形象识别，在网站推广过程中将起到事半功倍的效果。如果还没有导入CIS，在网站建设之前应该根据网站的总体定位，设计制作一个网站的LOGO，这如同一个产品的商标，集中体现了该网站的特色、内容及其内在的文化内涵和理念。LOGO一般设置在主页面的显要位置，二级页面的页眉位置。C、页眉页眉指的是页面上端的部分，有的页面划分比较明显，有的页面没有明确的区分或者没有页眉。页眉的注意力值较高，大多数网站制作者在此设置网站宗旨、宣传口号、广告语等，有的则把它设计成广告位出租。D、页脚页脚是页面底端部分，通常用来显示站点所属公司（社团）的名称、地址、版权信息、电子信箱的超连接等。E、导航导航是网页设计中的重要部分,也是整个WEB站点设计中的一个独立部分。一般来说，一个网站年的导航位置在每个页面中出现的位置是固定的。导行的位置对于站点的结构与整体布局有着举足轻重的作用。导航的位置一般有四种标准的显示位置：左侧、右侧、顶部和底部。有的站点运用了多种导航，是为了增加页面的可访问性。F、主体内容主体内容是页面设计的主体元素。它一般是二级连接内容的标题，或者是内容提要，或者是内容的部分摘录。表现手法一般是文字和图象相结合。它的布局通常按内容的分类进行分栏安排。页面的注意力值一般是按照从上到下、从左到右的顺序排列，所以重要的内容一般安排在页面的做上位置，次要的内容安排在右下方。原发布者:menwai2018电子商务网站的主页内容布局授课：花小琴常见的网页布局结构国字型布局——国字型布局由同字型布局进化而来，因布局结构与汉字国相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。常见的网页布局结构T型布局——T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容。常见的网页布局结构标题正文型——标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。常见的网页布局结构左右框架型布局——左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接，右侧则放置网站的主要内容常见的网页布局结构上下框架型——上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。常见的网页布局结构综合框架型——综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术常见的网页布局结构POP布局——POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。常见的网页布局结构FLASH布局——FLASH布局是指网页页面以一个或多个Flash作为页面主体的学习前端第一步：划分网页结构，网页的结构的划分应该遵循哪些原则，如何去划分网页的结构呢？对于一个前端初学者，第一步就是要学会如何划分一个网页的结构。当设计师给到你一张设计图，你需要根据这张图做出一个符合标准的页面，这里所说的标准，即w3c标准，参考w3school在线教程。那么做出一个完整的符合标准的网页第一步就是要划分网页的结构。一般来讲，网页结构的划分需要遵循几个原则：一、自上而下原则因为浏览器在渲染一个网页的顺序是自上而下的。这里提到了渲染这一个词，所谓的渲染就是浏览器将代码转换为页面显示内容的过程。浏览器会自上而下读取你写的代码并自上而下的显示。二、从左至右原则在自上而下的同时，同一行的内容是从左至右渲染，所以在划分结构的时候有从左至右的顺序。三、一像素原则这个原则对于初学者来说必须坚持，但也并不是说无论什么时候都得死认这个道理。前期我们在划分网页的时候一定要划分准确，尤其是横向。试想，如果外面的盒子宽度是1200像素，里面两个盒子一个600像素另一个601像素，加起来超过了父级的宽度那么必然第二个盒子会换到下一行进行显示。在说完上述三个原则过后有些人就会一味地追求遵循这些原则，比如在划分结构的时候一定要分为上下部分，但是比如下面我截取这个网页的一部分，图片和文字其实是属于一个整体，文字是对图片的说明，所以就不应该分为上下，而应该水平方向划分，每一个图文作为一部分内容，水平分为四部分：我们说一般网页有header（头部区）、banner（广告横幅区）、main（主体内容区）、footer（底部区），单页并非所有网页都是这样，有些网页没有banner但是初学者容易将header下面那一部分硬划分为banner，有些网页除了这几部分还会有比如icon等区域由喜欢将他们划分到main中去。说到main区，这个结构划分就多种多样了。有些网页是有一个从左到右通栏的背景色甚至背景图片，这样我们结构的划分也应该有外层一个通栏的盒子，将背景色或者背景图给他，里面再嵌套一个inner盒，给可视区域的固定宽度并居中。如果没有通栏的背景那么这个时候是不需要给通栏的盒子，直接main区给固定宽度居中就好了。那么在结构划分的时候有些盒子区域之间的空隙怎么去划分这也是初学者最容易犯难的问题。其实严格意义来讲这些空白在结构划分的时候并不会造成影响，因为空白区域在都可以用代码来实现。不过一些文字区域你不能贴着文字的上下来划分，因为文字都是自带行高的。另外，有些地方可能会有一部分小图片或者一部分内容覆盖在外面大盒子上，这部分在划分结构的时候可以不用管，因为后期在代码实现的时候我们可以利用定位技术实现。

布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构：1.“同”字型结构布局所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。这种布局的优点是充分利用版面，页面结构清晰，左右堆成，主次分明，信息量大；缺点是页面拥挤，太规矩呆板，如果细节色彩上缺少变化调剂，很容易让人感到单调缺乏。2.“国”字型布局“国”字型布局是在“同”字型布局基础上演化而来的，在保留“同”字型的同时，在页面的下方增加一横条状的菜单或广告，是一些大型网站所喜欢的类型。一般最上面是网站标题及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是在网上见到的最多的一种结构类型。这种布局的优点是充分利用版面，信息量大，与其他页面的链接切换方便，缺点是页面拥挤，四面封闭，令人感到憋气。3.T型布局这是一个形象的说法，是指页面的顶部是“网站标志+广告条”，左面是主菜单，右面是主要内容。这种布局的优点是页面结构清晰、主次分明，是初学者最容易上手的布局方法；缺点是页面呆板，如果不注意细节上的色彩，很容易让人“看之无味”。4.“三”字型布局这种布局多用于国外站点，国内用得不多。特点是在页面上有横向两条色块，将页面整体分割为但部分，色块中大多放广告条、更新和版权提示。5.对比布局顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。6.POP布局POP引自广告术语，是指页面布局像一张宣传海报，一一张精美的图片作为页面的设计中心。这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种布局大部分出现在企业网站和个人主页，如果处理得好的话，会给人带来赏心悦目的感觉。7.Flash布局这种布局是指整个或大部分幅面的网页本身就是一个Flash动画，它本身就是动态的，画面一般不叫绚丽、有趣，是一种比较新潮的布局方式。其实这与封面型结构是类似的，只是这种类型才采用了目前非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。不同性质的网站，其页面内容安排是不同的。一般网页的基本内容包括标题、网站标识图案（LOGO）、页眉、页脚、主体内容、广告栏等。下面简单说明：A、页面标题在站点的没一个页面中都有一个标题，用来提示页面的主要内容，着一信息将出现在浏览器的标题栏中，而不是在页面的布局中。它的重要作用就是引导访问者清楚地浏览网站的各项内容，不至于迷失方向。标题的加入在HTML语言中比较简单标题名称B、网站标识（LOGO）网站作为一个对外交流的重要窗口，创建者都会用来进行自身形象的宣传。如果该企业（社团）已经导入了CIS（CorporateIdentitySystem）形象识别系统，那么在网站建设过程中应依据该系统为指导进行网页设计，其中标志性图案就是网站的LOGO。一个成功的网站和创建者实体一样，有着独特的形象识别，在网站推广过程中将起到事半功倍的效果。如果还没有导入CIS，在网站建设之前应该根据网站的总体定位，设计制作一个网站的LOGO，这如同一个产品的商标，集中体现了该网站的特色、内容及其内在的文化内涵和理念。LOGO一般设置在主页面的显要位置，二级页面的页眉位置。C、页眉页眉指的是页面上端的部分，有的页面划分比较明显，有的页面没有明确的区分或者没有页眉。页眉的注意力值较高，大多数网站制作者在此设置网站宗旨、宣传口号、广告语等，有的则把它设计成广告位出租。D、页脚页脚是页面底端部分，通常用来显示站点所属公司（社团）的名称、地址、版权信息、电子信箱的超连接等。E、导航导航是网页设计中的重要部分,也是整个WEB站点设计中的一个独立部分。一般来说，一个网站年的导航位置在每个页面中出现的位置是固定的。导行的位置对于站点的结构与整体布局有着举足轻重的作用。导航的位置一般有四种标准的显示位置：左侧、右侧、顶部和底部。有的站点运用了多种导航，是为了增加页面的可访问性。F、主体内容主体内容是页面设计的主体元素。它一般是二级连接内容的标题，或者是内容提要，或者是内容的部分摘录。表现手法一般是文字和图象相结合。它的布局通常按内容的分类进行分栏安排。页面的注意力值一般是按照从上到下、从左到右的顺序排列，所以重要的内容一般安排在页面的做上位置，次要的内容安排在右下方。原发布者:menwai2018电子商务网站的主页内容布局授课：花小琴常见的网页布局结构国字型布局——国字型布局由同字型布局进化而来，因布局结构与汉字国相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。常见的网页布局结构T型布局——T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容。常见的网页布局结构标题正文型——标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。常见的网页布局结构左右框架型布局——左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接，右侧则放置网站的主要内容常见的网页布局结构上下框架型——上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。常见的网页布局结构综合框架型——综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术常见的网页布局结构POP布局——POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。常见的网页布局结构FLASH布局——FLASH布局是指网页页面以一个或多个Flash作为页面主体的学习前端第一步：划分网页结构，网页的结构的划分应该遵循哪些原则，如何去划分网页的结构呢？对于一个前端初学者，第一步就是要学会如何划分一个网页的结构。当设计师给到你一张设计图，你需要根据这张图做出一个符合标准的页面，这里所说的标准，即w3c标准，参考w3school在线教程。那么做出一个完整的符合标准的网页第一步就是要划分网页的结构。一般来讲，网页结构的划分需要遵循几个原则：一、自上而下原则因为浏览器在渲染一个网页的顺序是自上而下的。这里提到了渲染这一个词，所谓的渲染就是浏览器将代码转换为页面显示内容的过程。浏览器会自上而下读取你写的代码并自上而下的显示。二、从左至右原则在自上而下的同时，同一行的内容是从左至右渲染，所以在划分结构的时候有从左至右的顺序。三、一像素原则这个原则对于初学者来说必须坚持，但也并不是说无论什么时候都得死认这个道理。前期我们在划分网页的时候一定要划分准确，尤其是横向。试想，如果外面的盒子宽度是1200像素，里面两个盒子一个600像素另一个601像素，加起来超过了父级的宽度那么必然第二个盒子会换到下一行进行显示。在说完上述三个原则过后有些人就会一味地追求遵循这些原则，比如在划分结构的时候一定要分为上下部分，但是比如下面我截取这个网页的一部分，图片和文字其实是属于一个整体，文字是对图片的说明，所以就不应该分为上下，而应该水平方向划分，每一个图文作为一部分内容，水平分为四部分：我们说一般网页有header（头部区）、banner（广告横幅区）、main（主体内容区）、footer（底部区），单页并非所有网页都是这样，有些网页没有banner但是初学者容易将header下面那一部分硬划分为banner，有些网页除了这几部分还会有比如icon等区域由喜欢将他们划分到main中去。说到main区，这个结构划分就多种多样了。有些网页是有一个从左到右通栏的背景色甚至背景图片，这样我们结构的划分也应该有外层一个通栏的盒子，将背景色或者背景图给他，里面再嵌套一个inner盒，给可视区域的固定宽度并居中。如果没有通栏的背景那么这个时候是不需要给通栏的盒子，直接main区给固定宽度居中就好了。那么在结构划分的时候有些盒子区域之间的空隙怎么去划分这也是初学者最容易犯难的问题。其实严格意义来讲这些空白在结构划分的时候并不会造成影响，因为空白区域在都可以用代码来实现。不过一些文字区域你不能贴着文字的上下来划分，因为文字都是自带行高的。另外，有些地方可能会有一部分小图片或者一部分内容覆盖在外面大盒子上，这部分在划分结构的时候可以不用管，因为后期在代码实现的时候我们可以利用定位技术实现。

布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构：1.“同”字型结构布局所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。这种布局的优点是充分利用版面，页面结构清晰，左右堆成，主次分明，信息量大；缺点是页面拥挤，太规矩呆板，如果细节色彩上缺少变化调剂，很容易让人感到单调缺乏。2.“国”字型布局“国”字型布局是在“同”字型布局基础上演化而来的，在保留“同”字型的同时，在页面的下方增加一横条状的菜单或广告，是一些大型网站所喜欢的类型。一般最上面是网站标题及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是在网上见到的最多的一种结构类型。这种布局的优点是充分利用版面，信息量大，与其他页面的链接切换方便，缺点是页面拥挤，四面封闭，令人感到憋气。3.T型布局这是一个形象的说法，是指页面的顶部是“网站标志+广告条”，左面是主菜单，右面是主要内容。这种布局的优点是页面结构清晰、主次分明，是初学者最容易上手的布局方法；缺点是页面呆板，如果不注意细节上的色彩，很容易让人“看之无味”。4.“三”字型布局这种布局多用于国外站点，国内用得不多。特点是在页面上有横向两条色块，将页面整体分割为但部分，色块中大多放广告条、更新和版权提示。5.对比布局顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。6.POP布局POP引自广告术语，是指页面布局像一张宣传海报，一一张精美的图片作为页面的设计中心。这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种布局大部分出现在企业网站和个人主页，如果处理得好的话，会给人带来赏心悦目的感觉。7.Flash布局这种布局是指整个或大部分幅面的网页本身就是一个Flash动画，它本身就是动态的，画面一般不叫绚丽、有趣，是一种比较新潮的布局方式。其实这与封面型结构是类似的，只是这种类型才采用了目前非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。不同性质的网站，其页面内容安排是不同的。一般网页的基本内容包括标题、网站标识图案（LOGO）、页眉、页脚、主体内容、广告栏等。下面简单说明：A、页面标题在站点的没一个页面中都有一个标题，用来提示页面的主要内容，着一信息将出现在浏览器的标题栏中，而不是在页面的布局中。它的重要作用就是引导访问者清楚地浏览网站的各项内容，不至于迷失方向。标题的加入在HTML语言中比较简单标题名称B、网站标识（LOGO）网站作为一个对外交流的重要窗口，创建者都会用来进行自身形象的宣传。如果该企业（社团）已经导入了CIS（CorporateIdentitySystem）形象识别系统，那么在网站建设过程中应依据该系统为指导进行网页设计，其中标志性图案就是网站的LOGO。一个成功的网站和创建者实体一样，有着独特的形象识别，在网站推广过程中将起到事半功倍的效果。如果还没有导入CIS，在网站建设之前应该根据网站的总体定位，设计制作一个网站的LOGO，这如同一个产品的商标，集中体现了该网站的特色、内容及其内在的文化内涵和理念。LOGO一般设置在主页面的显要位置，二级页面的页眉位置。C、页眉页眉指的是页面上端的部分，有的页面划分比较明显，有的页面没有明确的区分或者没有页眉。页眉的注意力值较高，大多数网站制作者在此设置网站宗旨、宣传口号、广告语等，有的则把它设计成广告位出租。D、页脚页脚是页面底端部分，通常用来显示站点所属公司（社团）的名称、地址、版权信息、电子信箱的超连接等。E、导航导航是网页设计中的重要部分,也是整个WEB站点设计中的一个独立部分。一般来说，一个网站年的导航位置在每个页面中出现的位置是固定的。导行的位置对于站点的结构与整体布局有着举足轻重的作用。导航的位置一般有四种标准的显示位置：左侧、右侧、顶部和底部。有的站点运用了多种导航，是为了增加页面的可访问性。F、主体内容主体内容是页面设计的主体元素。它一般是二级连接内容的标题，或者是内容提要，或者是内容的部分摘录。表现手法一般是文字和图象相结合。它的布局通常按内容的分类进行分栏安排。页面的注意力值一般是按照从上到下、从左到右的顺序排列，所以重要的内容一般安排在页面的做上位置，次要的内容安排在右下方。原发布者:menwai2018电子商务网站的主页内容布局授课：花小琴常见的网页布局结构国字型布局——国字型布局由同字型布局进化而来，因布局结构与汉字国相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。常见的网页布局结构T型布局——T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容。常见的网页布局结构标题正文型——标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。常见的网页布局结构左右框架型布局——左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接，右侧则放置网站的主要内容常见的网页布局结构上下框架型——上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。常见的网页布局结构综合框架型——综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术常见的网页布局结构POP布局——POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。常见的网页布局结构FLASH布局——FLASH布局是指网页页面以一个或多个Flash作为页面主体的学习前端第一步：划分网页结构，网页的结构的划分应该遵循哪些原则，如何去划分网页的结构呢？对于一个前端初学者，第一步就是要学会如何划分一个网页的结构。当设计师给到你一张设计图，你需要根据这张图做出一个符合标准的页面，这里所说的标准，即w3c标准，参考w3school在线教程。那么做出一个完整的符合标准的网页第一步就是要划分网页的结构。一般来讲，网页结构的划分需要遵循几个原则：一、自上而下原则因为浏览器在渲染一个网页的顺序是自上而下的。这里提到了渲染这一个词，所谓的渲染就是浏览器将代码转换为页面显示内容的过程。浏览器会自上而下读取你写的代码并自上而下的显示。二、从左至右原则在自上而下的同时，同一行的内容是从左至右渲染，所以在划分结构的时候有从左至右的顺序。三、一像素原则这个原则对于初学者来说必须坚持，但也并不是说无论什么时候都得死认这个道理。前期我们在划分网页的时候一定要划分准确，尤其是横向。试想，如果外面的盒子宽度是1200像素，里面两个盒子一个600像素另一个601像素，加起来超过了父级的宽度那么必然第二个盒子会换到下一行进行显示。在说完上述三个原则过后有些人就会一味地追求遵循这些原则，比如在划分结构的时候一定要分为上下部分，但是比如下面我截取这个网页的一部分，图片和文字其实是属于一个整体，文字是对图片的说明，所以就不应该分为上下，而应该水平方向划分，每一个图文作为一部分内容，水平分为四部分：我们说一般网页有header（头部区）、banner（广告横幅区）、main（主体内容区）、footer（底部区），单页并非所有网页都是这样，有些网页没有banner但是初学者容易将header下面那一部分硬划分为banner，有些网页除了这几部分还会有比如icon等区域由喜欢将他们划分到main中去。说到main区，这个结构划分就多种多样了。有些网页是有一个从左到右通栏的背景色甚至背景图片，这样我们结构的划分也应该有外层一个通栏的盒子，将背景色或者背景图给他，里面再嵌套一个inner盒，给可视区域的固定宽度并居中。如果没有通栏的背景那么这个时候是不需要给通栏的盒子，直接main区给固定宽度居中就好了。那么在结构划分的时候有些盒子区域之间的空隙怎么去划分这也是初学者最容易犯难的问题。其实严格意义来讲这些空白在结构划分的时候并不会造成影响，因为空白区域在都可以用代码来实现。不过一些文字区域你不能贴着文字的上下来划分，因为文字都是自带行高的。另外，有些地方可能会有一部分小图片或者一部分内容覆盖在外面大盒子上，这部分在划分结构的时候可以不用管，因为后期在代码实现的时候我们可以利用定位技术实现。

布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构：1.“同”字型结构布局所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。这种布局的优点是充分利用版面，页面结构清晰，左右堆成，主次分明，信息量大；缺点是页面拥挤，太规矩呆板，如果细节色彩上缺少变化调剂，很容易让人感到单调缺乏。2.“国”字型布局“国”字型布局是在“同”字型布局基础上演化而来的，在保留“同”字型的同时，在页面的下方增加一横条状的菜单或广告，是一些大型网站所喜欢的类型。一般最上面是网站标题及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是在网上见到的最多的一种结构类型。这种布局的优点是充分利用版面，信息量大，与其他页面的链接切换方便，缺点是页面拥挤，四面封闭，令人感到憋气。3.T型布局这是一个形象的说法，是指页面的顶部是“网站标志+广告条”，左面是主菜单，右面是主要内容。这种布局的优点是页面结构清晰、主次分明，是初学者最容易上手的布局方法；缺点是页面呆板，如果不注意细节上的色彩，很容易让人“看之无味”。4.“三”字型布局这种布局多用于国外站点，国内用得不多。特点是在页面上有横向两条色块，将页面整体分割为但部分，色块中大多放广告条、更新和版权提示。5.对比布局顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。6.POP布局POP引自广告术语，是指页面布局像一张宣传海报，一一张精美的图片作为页面的设计中心。这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种布局大部分出现在企业网站和个人主页，如果处理得好的话，会给人带来赏心悦目的感觉。7.Flash布局这种布局是指整个或大部分幅面的网页本身就是一个Flash动画，它本身就是动态的，画面一般不叫绚丽、有趣，是一种比较新潮的布局方式。其实这与封面型结构是类似的，只是这种类型才采用了目前非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。不同性质的网站，其页面内容安排是不同的。一般网页的基本内容包括标题、网站标识图案（LOGO）、页眉、页脚、主体内容、广告栏等。 下面简单说明： A、页面标题 在站点的没一个页面中都有一个标题，用来提示页面的主要内容，着一信息将出现在浏览器的标题栏中，而不是在页面的布局中。它的重要作用就是引导访问者清楚地浏览网站的各项内容，不至于迷失方向。 标题的加入在HTML语言中比较简单 标题名称 B、网站标识（LOGO） 网站作为一个对外交流的重要窗口，创建者都会用来进行自身形象的宣传。如果该企业（社团）已经导入了CIS（Corporate Identity System）形象识别系统，那么在网站建设过程中应依据该系统为指导进行网页设计，其中标志性图案就是网站的LOGO。一个成功的网站和创建者实体一样，有着独特的形象识别，在网站推广过程中将起到事半功倍的效果。如果还没有导入CIS，在网站建设之前应该根据网站的总体定位，设计制作一个网站的LOGO，这如同一个产品的商标，集中体现了该网站的特色、内容及其内在的文化内涵和理念。LOGO一般设置在主页面的显要位置，二级页面的页眉位置。 C、页眉 页眉指的是页面上端的部分，有的页面划分比较明显，有的页面没有明确的区分或者没有页眉。页眉的注意力值较高，大多数网站制作者在此设置网站宗旨、宣传口号、广告语等，有的则把它设计成广告位出租。 D、页脚 页脚是页面底端部分，通常用来显示站点所属公司（社团）的名称、地址、版权信息、电子信箱的超连接等。 E、导航 导航是网页设计中的重要部分,也是整个WEB站点设计中的一个独立部分。一般来说，一个网站年的导航位置在每个页面中出现的位置是固定的。导行的位置对于站点的结构与整体布局有着举足轻重的作用。导航的位置一般有四种标准的显示位置：左侧、右侧、顶部和底部。有的站点运用了多种导航，是为了增加页面的可访问性。 F、主体内容 主体内容是页面设计的主体元素。它一般是二级连接内容的标题，或者是内容提要，或者是内容的部分摘录。表现手法一般是文字和图象相结合。它的布局通常按内容的分类进行分栏安排。页面的注意力值一般是按照从上到下、从左到右的顺序排列，所以重要的内容一般安排在页面的做上位置，次要的内容安排在右下方。原发布者:menwai2018电子商务网站的主页内容布局授课：花小琴常见的网页布局结构国字型布局——国字型布局由同字型布局进化而来，因布局结构与汉字国相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。常见的网页布局结构T型布局——T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容。常见的网页布局结构标题正文型——标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。常见的网页布局结构左右框架型布局——左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接，右侧则放置网站的主要内容常见的网页布局结构上下框架型——上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。常见的网页布局结构综合框架型——综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术常见的网页布局结构POP布局——POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。常见的网页布局结构FLASH布局——FLASH布局是指网页页面以一个或多个Flash作为页面主体的学习前端第一步：划分网页结构，网页的结构的划分应该遵循哪些原则，如何去划分网页的结构呢？对于一个前端初学者，第一步就是要学会如何划分一个网页的结构。当设计师给到你一张设计图，你需要根据这张图做出一个符合标准的页面，这里所说的标准，即w3c标准，参考w3school在线教程。那么做出一个完整的符合标准的网页第一步就是要划分网页的结构。一般来讲，网页结构的划分需要遵循几个原则：一、自上而下原则因为浏览器在渲染一个网页的顺序是自上而下的。这里提到了渲染这一个词，所谓的渲染就是浏览器将代码转换为页面显示内容的过程。浏览器会自上而下读取你写的代码并自上而下的显示。二、从左至右原则在自上而下的同时，同一行的内容是从左至右渲染，所以在划分结构的时候有从左至右的顺序。三、一像素原则这个原则对于初学者来说必须坚持，但也并不是说无论什么时候都得死认这个道理。前期我们在划分网页的时候一定要划分准确，尤其是横向。试想，如果外面的盒子宽度是1200像素，里面两个盒子一个600像素另一个601像素，加起来超过了父级的宽度那么必然第二个盒子会换到下一行进行显示。在说完上述三个原则过后有些人就会一味地追求遵循这些原则，比如在划分结构的时候一定要分为上下部分，但是比如下面我截取这个网页的一部分，图片和文字其实是属于一个整体，文字是对图片的说明，所以就不应该分为上下，而应该水平方向划分，每一个图文作为一部分内容，水平分为四部分：我们说一般网页有header（头部区）、banner（广告横幅区）、main（主体内容区）、footer（底部区），单页并非所有网页都是这样，有些网页没有banner但是初学者容易将header下面那一部分硬划分为banner，有些网页除了这几部分还会有比如icon等区域由喜欢将他们划分到main中去。说到main区，这个结构划分就多种多样了。有些网页是有一个从左到右通栏的背景色甚至背景图片，这样我们结构的划分也应该有外层一个通栏的盒子，将背景色或者背景图给他，里面再嵌套一个inner盒，给可视区域的固定宽度并居中。如果没有通栏的背景那么这个时候是不需要给通栏的盒子，直接main区给固定宽度居中就好了。那么在结构划分的时候有些盒子区域之间的空隙怎么去划分这也是初学者最容易犯难的问题。其实严格意义来讲这些空白在结构划分的时候并不会造成影响，因为空白区域在都可以用代码来实现。不过一些文字区域你不能贴着文字的上下来划分，因为文字都是自带行高的。另外，有些地方可能会有一部分小图片或者一部分内容覆盖在外面大盒子上，这部分在划分结构的时候可以不用管，因为后期在代码实现的时候我们可以利用定位技术实现。