网页设计师注意事项（共11篇）
篇1：网页设计师注意事项
网页设计注意事项
1、页面内容要新颖
网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。放眼望去，网上的许多个人主页简直就是“杂货店”，内容包罗万象&def题材千篇一律，人人都是“软件下载”&def个个都有“网络导航”，从头到尾找不出一丝“鲜”意。所以，我们在设计网页时，要把功夫下在选材上。选材要尽量做到“少”而“精”&def又必须突出“新”，如能坚持天天更新的话&def我相信这样的网页一定会受到大家的欢迎。
2、命名要简洁
由于一个网站不可能就是由一个网页组成，它有许多子页面，为了能使这些页面有效地被连接起来，用户最后能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页，在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时，最好使用自己常用的或符合页面内容的小写英文字母，这直接关系到页面上的连接。
3、要及时更新
网页制作好后，不能说万事大吉了，其实事后的工作量更大。因为网页制作是一时的，而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉，比如用户无意中点击了页面中的一个连接，在苦苦的等待之后，换来的是无法访问的结果，那么他们会对你的网页大失所望，可能以后再也不会光顾你的网页了。若不能及时更新，也最好在主页上发布信息，告诉前来访问的朋友，因有特殊情况需要离开一段时间，未能及时更新主页，希望各位见谅，这样就能给人一种对别人负责的感觉，同时能得到网友的信任。
4、注意视觉效果
设计Web页面时，一定要用640×480和800×600的分辨率来 分别观察。许多浏览器使用640×480的分辨率，尽管在800×600高分辨率下一 些Web页面看上去很具吸引力，但在640×480的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页。
5、注意网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
6、内容要易读
网站设计最重要的诀窍，恐怕就是你的网页要易读。这就意味着&def你必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果，别
用花里胡哨的色彩组合，让人看起来你的网页来很费劲。一般来说，浅色背景下的深色文字为佳。这个要点要求你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着**喊大叫，看起来不舒服。另外，最好让文本左对齐，而不是居中。按当代中文的阅读习惯，文本大都居左的。当然，标题一般应该居中，因为这符合读者的阅读习惯。
7、善用表格布局
不要把一个网站的内容象作报告似的一二三四地罗列出来，要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出你的网站重点突出，结构分明。
8、少用特殊字体
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。
9、多学习使用HTML
为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找da安，用Notepad制作网页。因为用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
10、少用Java程序
不要使用大幅面的Java程序&def能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受，往往使浏览者没有耐心等页面全部显示出来，这样你的精心设计便毫无效果啦。
11、少放网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
12、为图片附加注释文字
给每个图形加上文字的说明，在出现之前就可以看到相关内容，尤其是导航按钮和大图
片更应如此。这样一来，用户在访问你的站点时就有一种亲切感觉，认为你心细，比较善解人意，时时刻刻为他人着想，相信你的好心会有好报的。
13、网站介绍
一个简单明了的网站介绍，不仅能让别人对你的网站能够提供些什么有个了解，引发共鸣或是表达你的诚意，常常最能打动读者，而且还能使访问者能快速找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
14、考虑浏览器兼容性
当然现在IE所占的市场份额越来越大，但是我们仍然需要考虑到Netscape以及Opera这些浏览器用户。设计风格的考虑，如色彩的搭配，图形、线条的使用等等。要时刻为用户着想，必须最少在几种不同类型的浏览器下测试网站，看看兼容性如何。
15、少用闪烁文字
有的设计者想通过闪烁的文字来引起访问者的注意是可以被人理解的，但一个页面中最多不能有三处闪烁文字，太多了给用户一种眼花缭乱的感觉，反而会影响用户去访问该网站的其他内容，正所谓“物极必反”也。
16、多用导航按钮
应当避免强迫用户使用工具栏中的向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上方问网站的任何部分。
17、避免长文本页面
在一个站点上有许多只有文本的冗长页面，是令人乏味的，人们为了阅读这些长文本，不得不使用卷滚条，从而也浪费了用户在网上冲浪的时间。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读，从而节省宝贵的时间。
篇2：网页设计师注意事项
某些行业的企业客户，对于网站整体颜色的要求涉及到具体的颜色避忌，例如金融、投资类的企业网站，应尽量避免绿色，或相近颜色的使用。这是因为，绿色在金融投资行业当中代表的是低迷，不景气，下滑等负面的元素，因此即便企业宣扬的是环保、低碳等企业文化，也是不能轻易予以使用。
2、特征选色：
篇3：网页设计师注意事项
智能网页信息过滤系统的过滤方法是基于内容的过滤,过滤对象是面向中文文本网页,过滤目的为主题探测。系统运行在局域网网关上可以监听流入局域网内的网页信息,发现并过滤网络管理员指定的主题信息。如企业、学校、网吧对内部局域网进行不良信息的管理时,通过该系统可以对暴力、色情、反动等信息进行屏蔽。图1示例了该系统运行在网关上的一个典型应用,它也可以运行在非网关的主机上,过滤本机用户指定的任何主题的网页信息。该系统过滤的主题在系统使用前由用户指定生成,使用中也可以根据需要重新生成新的过滤主题;它给用户提供了个性化的服务方案。在实验中我们选取了精油类知识作为过滤主题。对过滤出来的文档,提供了反馈机制,并将最终确定的群体导入模板训练库,通过遗传算法跟踪并学习用户的意图,以生成更精确的用户模板。
按照信息处理的流程,过滤系统在各阶段应处理的事务有:1)信息获取阶段:网络信息过滤是基于数据包捕获基础之上的。信息获取需要捕获网络中的HTTP封包,并将数据包根据IP协议、TCP协议和HTTP协议解析为用来处理的文本格式。2)信息表示阶段:处理从信息获取阶段得到的文本,抽取能代表该文档特征的关键字并计算权值。由于中文文档没有明显的分隔符存在,所以在特征提取前还要进行分词处理。AIFS信息表示采用的是向量空间模型。3)匹配阶段:得到的未知文档的文本表示与已知的用户模板(知识模式)相匹配,用向量空间模型的相似度来计算未知文档与实际需求的相关性,在达到一定的阈值后,将未知文档进行标识。4)信息归类阶段:通过系统标识和用户对标识结果的反馈,将文档输入到相应的文档集合中,方便重建用户模板。5)知识模式:也就是用户模板的建立与更新。系统建立了学习进化机制,根据用户的反馈,将用户模板进行遗传算法学习,以提高系统的自适应能力。
2 智能网页信息过滤系统设计
信息过滤系统的性能主要体现在过滤的正确率,过滤系统不可靠的主要原因在于用户模板的精确性问题。而知识和信息的快速变化以及用户需求的不稳定性,决定了用户模板需要不断更新。智能网页信息过滤系统在设计中充分考虑了系统的进化需求,运行中会不断优化用户模板,以提高过滤的准确率。该系统的总体设计图如图2所示。
首先建立基本的“词典数据库”和“用户模板”。词典数据库包括分词数据库和停用词数据库。停用词一般选取在所有文档中出现的频率都很高,但对文档内容主题的贡献却很小的词。初始用户模板的建立是人工选择可以代表该类别的若干文档,通过训练生成此类别文档的向量空间表达式。然后测试一批相关和不相关的文档,以确定可以与类别相匹配的相似度的阈值。系统的各个模块的工作情况如下:
1)网络包解析:捕获局域网中的以太网帧,过滤出包含HTTP文本信息的TCP数据包,同时将与“URL数据库”中链接地址相同的页面屏蔽过滤。屏蔽是通过建立套接字截获该数据包,并封包转发,使终端用户界面显示“此信息已截获”字样。该模块还负责提取的HTTP数据包进行消息解析,进行网页重组,将完整的网页传递给“网页文本解析”模块。
2)网页文本解析:将网页转换成纯文本格式,并标记特定标签中的文本,存储到“文本数据库”。
3)文本表示:参考“用户模板”中的关键词集合,采用网页文本表示改进算法,进行分词处理,并进行权值计算。将文档表示成向量空间模型。
4)文本匹配:“文本表示”中得到的向量表达式与“用户模板”中的向量表达式进行相似度计算,找出有一定匹配关系的文档(需要过滤的页面),并标记系统的评定结果。
5)文本过滤:提交用户的过滤请求,传递系统的评定结果。
6)模板管理:完成模板进化功能。依据用户定制的用户模板的学习机制,将来源于“URL数据库”中的一定数量的页面加入训练集,采用遗传算法进行自学习和归纳更新,进化“用户模板”,以保证系统的过滤性能。
7)词库管理:完成字典进化功能。用户接口提供管理界面,可以通过预览某文档的分词结果,查看词典数据库和停用词数据库中合理与不合理的词语,使“词典数据库”最优化,分词结果会更准确。
8)URL管理:完成系统评比结果的用户反馈,得到最终结果。用户接口提供界面查看浏览已有系统评定的页面,给出人工评定,记录到“URL数据库”。另外,针对网络信息变化快、稳定性差、网页生存期短的特点,将“URL数据库”的数据设定时限,从录入数据库时间算起,超出该时限的数据将自动从数据库中清除。
“文本数据库”存储了所有被截获的网页的文本数据和相关属性,“URL数据库”记录了被评定为需要过滤页面的URL链接地址和相关属性。
3 关键技术
按照智能网页信息过滤系统的总体设计,在具体实现时我们将整个系统分为三大块:网络数据处理、文本数据处理和自适应处理。
网络数据处理部分:采用了Windows平台下的网络数据包捕获库WinPcap,将网卡设置为混杂模式进行网络数据的捕获;网络数据分析是网络数据处理的另一个关键技术,在分析过程中涉及到网络协议格式有以太网数据帧、IP协议、TCP协议和HTTP消息;另外HTML页面重组也是网络数据中非常重要的技术。
文本数据处理部分涉及了二个重要技术。一是中文分词技术:对于中文分词的处理,AIFS采用了结合词典数据库的一些中文分词算法,先用正向最大匹配法和逆向最大匹配法进行分词,比较分词结果,若有不同则通过最大概率法进行结果选择。二是文本表示技术:首先,参照用户模板对文档进行特征项的抽取,本文提出了网页文本表示的一种改进算法,通过该算法提取网页特征项。此方法准确快速,可以确保网页过滤的实时性。然后计算关键词的权值,用向量空间模型将文档表示。最后进行匹配,计算用户模板向量和文档向量之间的夹角,确定相似度。该相似度与某一阈值比较,以此判定文档的归属。初始用户模板的建立也是文本表示中一个关键技术,过滤系统是将训练文档进行分词处理,然后进行词频统计,采用向量空间模型来表示初始用户模板。
自适应处理部分是通过用户反馈与机器学习来实现的。智能网页信息过滤系统设计了人机交互界面进行各种信息反馈,如分词的预览,关键词的预览,敏感数据(即首次由系统判定为过滤的页面)的预览等,并提供了用户维护词典数据库、停用词数据库和敏感数据等的交互界面。任何一个过滤系统要解决的核心问题都是准确性和智能化的提高,过滤系统也不例外。过滤系统利用遗传算法的进化机制完成用户模板对用户兴趣的跟踪和学习。随着用户模板的精确,用户的反馈量也将不断减少,系统智能化越来越高,自适应功能就越来越强。
4 结束语
过对智能网页过滤系统的研究和开发工作,基本实现了一个能承载小中规模局域网负载的网页信息过滤系统,更深层的是建立了一个信息过滤模型,总结了信息过滤研究的一般方法,为后续的工作铺开了大道。
参考文献
[1]张惠文.网络信息检索技术的智能化趋势[J].情报理论与实践,2001,1(6):447-450.
[2]刘斌,卢增祥等.Bookmark--智能化网络信息服务系统[J].高技术通讯,1999(6):38-24.
篇4：一个网页设计师的情书
见信好！首先非常感谢你能够浏览我的情书，看之前请先高抬贵“鼠”点击一下上面的Banner广告，您的支持是本站发展的动力。OK！谢谢。现在可以把那个弹出的窗口关掉了，让我们继续吧！
亲爱的云，记得为了庆祝我们公司首页的pageview达到100万，我们几位同事一起去庆祝，在衡山路我邂逅了你。在夜空黑色的图层中，你穿着一袭红色的外套从远处走来，像一个令人心动的FLASH动画闯入我的视野。
那一夜我们相识了，你说你刚从复旦毕业，我笑着说那可是个访问量很高的主页啊，就是不太好访问。你一听也笑了。由于我们离得比较近，分辨率比800*600还高，我看见了你美丽的眼眸中闪烁的光芒，那是一种用photoshop的滤镜也做不出的光芒。
亲爱的云，我承认在你之前我也曾经和几位女士有过友情链接，我的心中也一直珍藏着她们的logo，可是你知道吗？你早已被我添加进了收藏夹，你的音容笑貌像一个JPG做成的页面被我设为了首页，我身上所有的超链接都指向了你。
也许我只是一个Dreamweaver ，也许我的一生都不能拥有Fireworks，但是请你下载我的心声用realplay收听一下吧！亲爱的云，如果你的心会像CuteFTP一样具备断点续传的功能，那就点一下file里的“quick connection”吧。亲爱的云，我不愿在我们各自的首页设个链接就行了，我希望我们能像“黄金书屋”和“笑林广记”一样，一起在同一个虚拟主机里共度此生。
也许婚后我会面对花花世界中“太极链”一样的诱惑，但是你会像一个永久域名一样留在我的心中。
篇5：网页设计师注意事项
是否真的需要改版?
这是在网站改版之前最需要也是最必要处理的一个问题。究竟网站改版只是一时的兴起，还是经过深思熟虑的事情。决策层是最重要的层面，决策层的任何一个决策都会影响到整个网站。所以在网改版之前请确保这次改版并不是因为一时兴起。
究竟是为了什么而改版?
既然已经决定了要对网站做一个改版，那么接下来就需要明白的一个问题是，究竟是为了什么而改版?
通常情况下，网站改版有两种情况：一是因为网站本身的内容扩充导致现在的网站架构承载不下更多的内容，二是基于网站用户需求的转变而导致网站转型。当然也不能排除纯粹是为了网站的相貌而做出改版的决策。
改版后的期望是什么?
当然这也是在网站改版之前所需要面对的一个重要问题。网站改版之前，就需要对改版后的网站做出一个期望，期望改版完成后的网站能给网站带来什么?需要评估改版过程中投入的时间、人力、物力以及其它方面的资源能否在改版后的网站中得到体现，也就是说改版后的网站能否带来此前投入的同等价值或者是最大的价值(这个当然是最好的了)。
改版时网站的架构是否需要重建?
由于网站本身内容的扩充而产生的改版需求是最为常见的，因为网站的设计并不是在一开始就是定性的，网站的设计是具有一定的流动性的，随着网站在发展中对于用户以及内容的积累，网站的运营方向需要做出阶段性的调整。这个阶段性的调整可以是大到整站的信息架构重建，也可以小到仅仅只是修改页面中的某一处细微的地 方。但是不管这个阶段性的调整是大是小，都会涉及到网站的改版，只是这个改版也是随着调整力度的大小而改变。
如果是做出大的调整，那么无疑就需要重新梳理网站原有的信息架构，并且设计出更加合理的升级版的信息架构，而这也是网站改版成功与否最为关健的一点，
改版时是否需要引入最新技术?
如果把这个问题问上十个人，相信有六个或者以上的人会认为应该引入最新的技术，因为对新技术的追求是永无止境的，而且如果能在新网站中引入最新的技术，从另一方面上也证明了网站的技术实力。
但技术实力仅仅只是网站的一部分，一个完整的网站需要的是各方面的资源综合发展，技术强运营弱或者是运营强技术弱都是不行的，“短板效应”是很多人都知道的原理，决定最终储水量的往往是木桶上那块最短的木板。
对新技术的追求本身没有错，但在这个追求过程中所投入的成本是否能有效的控制是个很大的疑问。如果不能控制这个成本，那选择适合网站目前的技术无疑是最明智的作法。
改版时需要什么样的数据支持?
有句话叫做“有钱并不是万能的，但没钱是万万不能的”，数据之于网站也是最样的道理，有数据支持并不是万能的，但没有数据支持无疑会使网站的改版陷入很被动的境地。
用户使用网站的习惯?页面上哪些内容是用户最常点击的?用户访问网站的一般路径?用户在网站的平均停留时间?以及用户的忠诚度等一系列的数据都是需要做出正确合理的分析的，因为改版后的网站肯定会引起这些数据的波动，而引起的这些波动是否会导致网站的用户流失?以及如何尽可能平缓的减少这些波动性?
改版后给用户带来的影响?
虽然网站改版的前提大部分都是为了让用户在使用网站时有更佳的体验，但事物皆有两面性，有利必然就有弊。面目全非给用户带来的影响远远大于某一处细节的修改，无论这个影响是好是坏。
如前面所说的数据的波动性，用户如何使用网站就是这些数据当中重要的一环，改版时需要尽可能的提取出数据中不能被影响到的部分，如果必须影响到用户的使用，那应该是让用户有一个平缓的过渡还是快速的过渡呢?如果改版后是一个更好的设计，当然可以使用户快速的过渡到新网站中去;但如果用户在使用网站时已经积累了长期的习惯，并且短时间内很难更改的话，那选择给用户一个平缓的过渡时间无疑是最合适的。
篇6：网页设计师注意事项
正因为如此之多的困扰，令网站设计人员处于一种混乱，迷茫的心理状态：我要不要继续做一个网站设计师?我到底应该掌握什么样的工具，掌握到何种程度?我怎样才能依靠这一职业取得高薪?等等。
随着软件业尤其是绘图的应用软件以及网页设计的软件的不断升级，使用起来愈加方便。打个比方：原来的网页全是如同文本编辑一样，图片的定位就相当困难，往往要求助于表格，很多时候就要表格加表格，表格里插表格，这就需要熟练的掌握表格的应用。而且还很难达到目标，有时不得不更改一些自己的目标。这有时是牵一发而动全身的。现在呢?在Dreamweaver和Frontpage2000出现后，采用了高级的Dhtml技术以层的形式和定位功能将这个问题轻松的解决了。所以作为一名好的设计师应该时时关注软件的新的发展，适应新的功能，以增加工作的效率(当然这就要求原来就要掌握必要的软件的使用知识，才能使自己能驾轻就熟的掌握新的升级后的软件的使用)，很多设计师却只重视网页的设计制作软件的使用，而忽视一些内部技术方面的知识。这也不行的，例如如果不掌握ASP技术网页设计师的知识是不完善的，就不能做一些好的交互以及查询等等系统，还有一些数据库以及本身的HTML、DHTML、javascript和CSS的技术。只有这样才能做到知其然和知其所以然。如若不然就只是让人感到有一种缺陷，这种缺陷带给人的不是缺陷美，而是遗憾。
篇7：网页设计师注意事项
下面让我们来对阿里巴巴的网页设计布局进行分析：
阿里巴巴中国站(china.alibaba.com)被google收录的中文网页数量8月份数据为530，不仅从被收录的网页数量上来说，要远远高于同类网站的平均水平，更重要的是，阿里巴巴的网页质量比较高，潜在用户更容易通过搜索引擎检索发现发布在阿里巴巴网站的商业信息，从而为用户带来更多的商业机会，阿里巴巴也因此获得更大的网站访问量和更多的用户。
1． 从整体结构看：
设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。 点击打开阿里巴巴的网站，访问者可以很快的查找到自己所要寻找的信息和内容，理由是它 的每个页面都有独立的标题，并且网页标题中含有有效的关键词，每个网页还有专门设计的META标签，而且图形和文本层叠有序，框架结构明显。从整体上看网站上的图片不是很多，因为它知道搜索引擎读不出来图片的信息和内容的。
2．从页面的相互关系看：
阿里巴巴的各组成部分在内容上的内在联系和表现形式上的相互呼应很明确，并注意到了整个页面设计风格的一致性，并且在搜索引擎搜索信息的情况下，阿里巴巴将它的主要业务放在了整个框架的最左边也就是搜索引擎最关注的地方，
它抓住了搜索引擎的在搜索信息的特点。实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽。
3. 页面分割的角度看：
分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。阿里巴巴在这方面就做的很出色。它在信息量很多时，将关键词列出来，将画面进行了有效的分割，使关注者更清楚的知道关键词的背后就是他所要的信息。所以网页设计中有效的分割可以被视为对于页面内容的一种分类归纳。
4． 从页面对比的角度看：
对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。 阿里巴巴在网页设计中无论是颜色、文本信息、文字的大小、格式、等等都无可非议。因为它给人的感觉很协调很舒服。
5．从页面和谐的角度看：
和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。打开阿里巴巴的网页一开始给人有点单一的感觉，因为它的色彩不时很鲜明，但是从整体角度在看会发现它的颜色和线条的搭配让人的视觉效果和它的网页达到一种想沟通的效果，尤其是它框架两边的空白部分从美学角度可以说明两点：一是显示阿里巴巴企业的卓越；二是显示网页品味的优越感。所以从整体上体现出了网页的格调。
篇8：网页设计师注意事项
1《网页制作》教材分析及教学对象分析
对于《网页制作》教材的选择, 选择《Dreamweaver MX2004中文版网页制作基础》教材, 该教材的最大优点在于采用任务驱动、案例教学的方式, 其中分考虑到了网页制作的实际运用和实际需要。通过实际案例的讲解, 不仅可以方便教师的讲解, 也有利于学生知识技能和应用技巧的培养。一般学生在学习网页制作课程之前都掌握了基本的网络知识, 也对Office办公软件、Photoshop图形图像处理及数据库设计有一定的了解。因此, 在学生具备一定的文本编辑及图像信息处理能力的情况下, 将网页制作的教学重点放在网页版面的美化和文字信息表达方面, 对网页版面设计效果进行有效评价, 使学生更好地了解网页版面编排的原则及色彩搭配等, 以保证网页制作教学活动的正常开展。然而, 对于网页制作的教学对象, 面向的是中等专业学生, 对于中等专业学生来说, 相比纯理论知识的学习, 其更擅长于操作实践性较强的课程。在信息技术不断发展的时代下, 网页制作是与生活息息相关的, 其界面融合了文本、音视频、动画及图片于一体, 可以有效激发学生的学习兴趣。通过在学生已掌握办公文字处理及图形图像处理的基础上, 引导学生将所学知识应用到网页制作中, 可以达到巩固知识的目的。
2《网页制作》之网页版面的教学设计
对于《网页制作》中网页版面的设计, 由于网页制作带有一定的综合性, 为了真实体现网站的设计理念, 在教学任务设计中, 首先必须将实际项目任务分解, 采用小组合作的方式, 每个小组4~6人, 在小组组长的指导下, 结合网站建设项目的特点, 将项目任务分解成不同的任务, 包括网站总体规划设计、网站环境配置、网页版面布局设计、文字及图形图像处理等, 让小组中的每个成员对相应的网页元素进行加工处理, 共同完成一个网页版面的设计, 这样学生就相应的掌握了一个知识点。为此, 对于网页制作的设计, 应包括以下步骤:
(1) 明确教学目标:进行"网页制作"设计之前, 首先必须足够了解Dreamweaver网页制作的配置环境以及文本编辑、动画视频设置、工具绘制图像的方法等, 只有掌握基本的操作, 网页制作项目的设计才能顺利;其次, 技能目标, 能通过模仿网页来完成实际网页项目任务的才做;能正确进行表格的编排及网页动态的设计;能选择合适的网页背景音乐和图案;最后, 情感目标:培养学生的审美情感和团队合作精神, 能培养学生的社会责任感。
(2) 教学内容重点、难点的设计:对于"网页制作"中教学难点的设计, 应是培养学生分析网页布局和色彩搭配的能力, 而难点是让学生掌握网页布局结构、简单表格的制作、表格的嵌入及熟悉网页的各种元素。
(3) 教学活动设计:以"某大学网页布局"为例以导入新课, 在教学之前, 需构建基本知识框架, 简述网页制作基本知识, 然后推荐优秀网站做范例, 充分了解网站的内容和颜色的选择。然而, 在课程内容设计上, 分析某大学网页布局和网页元素, 按照项目任务分组, 各小组按照要求进行网页制作, 让每个小组互评, 展示各组网页成果。在这个过程中, 教师需要以广播的方式向学生展示某大学网页信息, 引导学生了解网页的布局和网页元素, 如"国字型, 文本、图像、表格等";引导学生分组, 指定小组长;观察学生网页制作的进展情况, 对学生制作过程中的难题给予帮助。除此之外, 对于学生学习行为, 在教学过程中, 学生需要积极思考"国"字型网页布局的典型应用, 通过自身所学知识, 建立一个新网站;按项目任务分工, 进行文字编辑、图像处理及表格制作等;通过小组共同完成网页制作, 最后进行小组互评总结。
(4) 课堂总结:通过教学教程教材和课件的辅助, 围绕网页制作实例, 让学生掌握基本的网页布局、文字处理机表格制作等, 熟悉网页的各种元素, 使学生的网页操作实践能力得到一定的提升。
3 总结
总而言之, 加强"网页制作"的教学设计, 将教学重点内容放在网页版面制作及文字信息表达处理上, 使"网页制作"课程教学活动得以顺利开展。
参考文献
[1]肖潇.浅谈独立学院网页制作课程的教学设计与教学改革[J].科教文汇 (下旬刊) , 2011, 10:46-47.
[2]张莉.浅议技工院校《网页制作》课程的教学设计与实践[J].计算机光盘软件与应用, 2013, 18:218, 220.
篇9：网页设计师注意事项
关键词：网页制作；教学设计
中图分类号：TP393.09
随着网络的日益发达，网页技术得到不断普及，在社会各个领域中都充分体现了网页制作技术的重要性，学校方面也开始不断重视这一方面人才的培养。但是，中、高等职业院校的毕业生所学知识往往与就业单位要求不相符，很大方面的一个原因是传统的网页制作课程教学难以满足现阶段的发展形势。因此，笔者将根据这一课程的教材特点和学生的特点，浅谈如何设计“网页制作”的教学。
1 教材分析与教学对象分析
1.1 分析教材。《Dreamweaver MX2004中文版网页制作基础》是我校选用的教材，其最大特点在于采用“任务驱动，案例教学”的形式，这就充分考虑到了实际运用和实际需要，用趣味十足的实际案例来讲解网页制作方面的知识技能和应用技巧，这样不仅使方便教师教学，而且使学生学起来很实用。在学习“网页制作”知识之前，学生已经初步掌握了网络相关知识、数据库设计与应用、Office办公软件的应用、计算机硬件组装与维护、FLASH二维动画设计等内容。因而，在学生已具备了收集、编辑文本、图像信息的能力的情况下，我们的教学重点应该放在网页信息表达方面，例如网页版面的美化、文字内容表达等。不仅要加强学生的信息意识，还要提高学生的信息处理能力；教材第四章的内容中以“我的个人主页”为案例设计，这给了学生充分的想象空间，满足学生喜欢展现自我的个性需求，又有效发挥他们的主动性和创造性。另外，对网页版面设计效果的评价促使学生更好的了解编排原则、布局种类、色彩搭配等，有助于提高他们的审美能力和艺术修养内容。
1.2 分析教学对象。本课程的教学对象是中等专业学生，根据学生的性格特点，他们对操作性较强课程的学习积极性明显高于纯理论的学习。而在现代社会，《网页制作》这门课程与每个人的生活都是息息相关的，加之其网页界面融合文本、图片、音乐、视频等为一体，极大的调动了学生的学习兴趣，继而激发学生了解网页实现原理和方法的欲望；教师在实际教学过程中要时刻注意引导学生利用已有知识更好的学习网页制作，与此同时也巩固了旧知识，一举两得；教师应当适时地监控学生的协作学习情况，鼓励分组合作交流，并实时总结心得、体会，引导学生“自主、合作、探究”学习。
2 《网页制作》课程教学设计的思路
从以往《网页制作》课程的教学情况来看，在学习这门课程之后，学生虽掌握了基本理论知识，但实际运用能力较差，很少能制作出优秀的作品，主要表现在两个方面：网页色彩的使用和网页内容的定位。因此，教师在设计教学时，需要借助一个载体——一个实际的项目，并将整个项目分解成若干小项目，再把每一个小项目分别作为一个学习任务，用这样的方法贯穿于整个教学过程。完成了一个小项目，也就相应的掌握了一个知识点。便这样完成学生运用三个软件进行网页制作的学习。
课程设计要有助于提高学生的技能水平。运用“项目导向”与“任务驱动”的教学模式，创新教学方法，继而帮助学生有效掌握网页版面设计技术。具体阐述如下：注重培养学生自学能力和专业技能。在掌握网页制作理论知识的同时，也要注重学生社会能力的培养。在学习网页制作的过程中，主要学习一些网站开发知识，可以让学生以自主学习或是合作学习的形式进行，若是结合实际来学习会达到更佳效果更好；将网页制作作为一项整体的教学任务，对于教学内容、教学方法和考核内容，做好任务分配工作，结合多样的教学方法建立与之相应的考核体系，这样必然达到最佳的学习效果；教学设计要结合社会需求，作为理论与操作相结合的学科，网页制作在设计课程时，可以模拟真实的项目，如此可以进一步提升学生的技能，任务驱动教学模式的实行，能更好的调动学生的学习积极性和求知热情。
3 教学目标的设定
3.1 知识目标。这一目标主要为：掌握Dreamweaver的工作环境，以及菜单、工具栏的使用方法；掌握新建网站的方法、网页的编辑技术和文档的保存方法；掌握操作表格、单元格、框架、层的辅助定位工具的方法；掌握插入和编辑网页超链接的技术；掌握插入和编辑文本、图片、动画、视频的方法和设置格式的方法；掌握利用Fireworks设计处理文字的方法；掌握利用Fireworks制作网页中所需的线条及边框；掌握用工具绘制图形的方法；掌握基本动画和引导动画的制作。
3.2 技能目标。这一目标主要为：能通过模仿网页来制作实际网页；能在网页中熟练地插入文字、图片、动画等；能通过使用简单的表格编排出结构清晰、内容整齐的网页内容；能恰当地选择适当的网页背景图案和背景音乐；能插入简单的表单，使网页具有初步的动态功能。
3.3 情感目标。这一目标主要为：培养学生的敬业精神、团队协作精神；培养学生的社会责任感和工作效率观念；培养学生的审美情趣和审美能力；通过课堂中出现的网页，渗透爱党爱校教育；在合作学习过程中培养乐于助人、团结协作的精神。
4 教学重点、难点的设定
教学重点是帮助学生掌握网页布局、表格的制作和编辑方法、表格的嵌套和属性的设置，以及熟悉网页的各种元素。教学难点在于培养学生分析网页布局和色彩搭配的能力。
5 设计教学过程
5.1 引例以导入新课。（1）推荐给学生优秀网站做范例。1）清华大学网页布局——“国字型”并分析其网页元素；2）万州一家企业网页布局——“三字型”并简析其网页元素；3）重庆市机关党建网页和环球厨卫网页布局———“T字型”并简析其网页元素。（2）组织学生讨论网页的内容和风格，分析网页框架和布局。
5.2 课程主要内容的学习。（1）以广播的方式展示范例网站的网页，逐步引导学生分析网页的布局并尽可能详尽（“国”字型），在分别分析网页元素——文本、图像、表格等。（2）分小组布置活动任务，并分别指定小组长，教师实时观察进程，并对学生制作过程中遇到的问题适时给予帮助。（3）组织小组之间进行网页制作互评；（4）设计网页版面设计评估表。
5.3 课堂小结。在这个教学过程中，利用现代多媒体中的实例网页，教师准备好备好教学素材和课件，围绕网页制作实例，来促使学生掌握网页的布局，表格的制作与编辑方法，并熟悉网页的各种元素。通过课堂上的实践操作环节，很好的培训了学生的技能，教会学生举一反三、融会贯通，大大提高了学生的综合运用能力。同时提高了学生的专业技能水平，让学生真正地学会学以致用，教师也顺利完成教学目标，取得良好的教学效果。
6 设计考核方式
网页制作作为一个整体项目，可以从以下几方面进行评价：页面结构设计、网页中动画的制作、网页中导航的制作、子页面的制作、网页中图像的制作、网页中的链接和整体效果。主网页和二级网页在整体布局上要风格统一，布局合理、美观，文件命名正确，文件夹组织标准有序，符合社会标准；按要求制作网页导航、编辑网页元素，导航要求清晰、有一定动画效果。考核评分时，教师不仅应当结合学生的平时操作情况，还应考虑作品展示时其他同学的评价，综合评价给出一个分数。
7 结束语
网络技术发展不断更新，作为实践性很强的科目，“网页制作”对学生的动手能力要求越来越高，同时还需要学校和教师积极主动地关注社会需求，及时掌握技术发展趋势和网页制作发展动向，鼓励学生在不断储备知识的同时，不断提高自己的实践操作能力，使更多的网页制作人才得以涌现。
参考文献：
[1]曾广雄.中文Dreamweaver网页制作实例教程[M].北京：研究出版社，2008：206.
[2]周奇.新编网页设计与制作教程[M].北京：研究出版社，2008：185.
[3]贾勤.网页设计三合一能力教程[M].北京：中国铁道出版社，2006：54.
篇10：网页设计师要求
一、用心与责任
用心与责任，这是作为一个设计师最基本的要求。若一位设计师技术能力很强，而没有任何的责任感，每做一个网站不管客户是否满意，是否符合客户的要求，就这样提交给客户。这样的设计师，能合格吗?说白了，我们这个设计行业，有一半是属于服务行业，所以我们要关注我们的客户，关注客户的需求。要为客户负责任，要站在客户的角度、设计的角度去帮助客户设计。所以这边就涉及到了，设计师是否用心去设计、是否考虑到整个网站的各个细节，每个小细节都很用心去处理。只要是设计师认真、用心去设计每一个网站，不管他的技术能力是否强弱，但他的作品会得到同行、同事、客户的尊重的。
二、态度端正
态度要端正，这是一个心理素质问题。前面我已提到我们有一半是属于服务行业。我们在帮助客户设计过程中，难免会存在客户的抱怨和商务人员的催促。我们要做到不厌其烦的为客户进行设计、沟通、交流、讨论等，我们必须具备一个很好的态度和良好的心态。我们要为客户负责任，不能因为客户对现有设计有意见或商务人员催促，我们就放弃了对自己作品负责任。要知道，一个作品会成就一个人，也会废了一个人。因为在后面设计过程中，客户会越来越熟悉某个网页设计师，而那时客户会记住你比记住公司久得多了。
并应该要有一个反省心态，我这边指的是能够接受别人批评，能够正确审视自己的作品，而不是自己作品都是最好。要学会不断反省自己的作品，不断找出毛病，这样才能做出完美的作品。
三、沟通能力与交流
沟通与交流，也是作为一名合格设计师的基本素质。我们给客户设计网站，不能保证每位客户都能读得懂我们的作品。我们应该换位思考，站在客户行业、客户角度进行为客户分析整个网站的设计思路，进行充分沟通，使客户能够明白你是为他在设计、为他在考虑，这样才能保证每个作品中不失客户公司的文化、客户行业的文化背景，又保留着设计师自己的设计手法，充挥发挥设计思想。
四、审美能力
审美能力，审美能力是作为设计师最基本的素质之一。即使说某位设计师掌握很好的PS、DW、CSS、FW等，但他不具备审美能力，能做出客户满意的网站吗?对于不是专业美术毕业的设计师，要自己主动学会去学习美学，而不是单单学习那些工具。计算机工具掌握再好，只能是一位美工而不是设计师。美工即只是一名计算机工具操作工而已，不具备设计能力。大家愿意只当一名美工吗?只当一名操作计算机的工人吗?
五、技术能力
技术能力，这个我想就不用说了。技术是作为网站设计师最基本的要求，每一位网站设计师应该掌握DW或FP、PS或FW、FLASH、CSS、还应掌握一个矢量图软件及了解相应的ASP、ASP。NET，若是作为ASP。NET的网站设计师，还应掌握Visual Stiudo软件排版。
六、理解文化能力
作为一名设计师，是为客户而设计。我们所遇见各种各样的客户，每位客户公司都有自己的文化，则我们设计出来的网站，不但要有自己的设计主见，也要把客户的文化溶入到我们的作品，这样的作品客户才能接受，才能满意。所以设计师必须掌握理解客户公司的企业文化、理解客户行业的文化背景。
篇11：网页设计师试题
一,单项选择题
1,目前在Internet上应用最为广泛的服务是()
A.FTP服务 B.由四个子域组成,其中()子域代表国别代码.A.center B.nbu C.edu D.cn
4,当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是().A.GB码 B.Unicode码 C.BIG5码 D.HZ码
5,当标记的TYPE属性值为()时,代表一个可选多项的复选框.A.TEXT B.PASSWORD C.RADIO D.CHECKBOX
6,为了标识一个HTML文件应该使用的HTML标记是()
A.＜P＞＜/P＞B.＜body＞＜／body＞
C.＜html＞＜／hTmL＞D.＜table＞＜／table＞
7,在客户端网页脚本语言中最为通用的是()
A.javascript B.VB C.Perl D.ASP
8,在HTML中,标记的Size属性最大取值可以是()
A.5 B.6 C.7 D.8
9,使用嵌入式方法引用样式单应该使用的引用标记是().A.＜link＞B.＜object＞C.＜style＞D.＜head＞
10,在DHTML中把整个文档的各个元素作为对象处理的技术是()
A.HTML B.CSS C.DOM D.Script(脚本语言)
11,下面不属于CSS插入形式的是()
A.索引式 B.内联式 C.嵌入式 D.外部式
12,在网页中最为常用的两种图像格式是().A.JPEG和GIF B.JPEG和PSD C.GIF和BMP D.BMP和PSD
13,如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头是()
A.HTTP B.HTTPS C.SHTTP D.SSL
14,在HTML中,要定义一个书签应该使用的语句是().A.text
B.text
C.text
D.text
15,对远程服务器上的文件进行维护时,通常采用的手段是()
A.POP3 B.FTP C.SMTP D.Gopher
16,下列Web服务器上的目录权限级别中,最安全的权限级别是()
A.读取 B.执行 C.脚本 D.写入
17,XML描述的是()
A.数据的格式 B.数据的规则 C.数据的本身 D.数据的显示方式
18,Internet上使用的最重要的两个协议是()
A.TCP和Telnet B.TCP和IP C.TCP和SMTP D.IP和Telnet
19,下列Web服务器上的目录权限级别中,最安全的权限级别是().A.读取 B.执行 C.脚本 D.写入
20,下面说法错误的是()
A.规划目录结构时,应该在每个主目录下都建立独立的images目录
B.在制作站点时应突出主题色
C.人们通常所说的颜色,其实指的就是色相
D.为了使站点目录明确,应该采用中文目录
21,在Dreamweaver中,最常用的表单处理脚本语言是().A.C B.Java C.ASP D.JavaScript
22,在Dreamweaver MX中,想要使用户在点击超链接时,弹出一个新的网页窗口,需要在超链接中定义目标的属性为()
A.parent B._bank C._top D._self
23,网页制作技术不可以实现由一个文件控制一大批网页()
A.CSS文件 B.库 C.模板 D.层
24,查看优秀网页的源代码无法学习().A.代码简练性 B.版面特色
C.网站目录结构特色 D.Script程序
25,在网页制作过程中,LOGO的标准尺寸为()Pixels.A.468~60 B.80~31 C.88~31 D.150~60
26,客户机可向服务器按MINE类型发送和接收信息,客户机使用()请求方式表示要求服务器发送文件头消息.A.SMTP B.GET C.HEAD D.POST
27,在色彩的RGB系统中,32位十六进制数000000表示的颜色是().A.黑色 B.红色 C.黄色 D.白色
28,SQL Server “连接”组中有两种连接认证方式,其中在()方式下,需要客户端应用程序连接时提供登录时需要的用户标识和密码.A,Windows身份验证 B,SQL Server 身份验证
C,以超级用户身份登录时 D,其他方式登录时
29.网页代码第一行 说明此页是:
A,HTM B,PHP C,ASP D,VBSCRIPT
30,不论是网络的安全保密技术,还是站点的安全技术,其核心问题是().A,系统的安全评价 B,保护数据安全
C,是否具有防火墙 D,硬件结构的稳定
二,简答题(每小题8分,共40分)
31,简述建设一个网站的一般过程.32,简述gif,jpg,swf,psd文件的特点和用途.33,Asp与JavaScript有什么区别
34,论述网页设计中所需要注意的通用规则.35,简述浏览器从 打开index.htm的工作过程.三,论述题
假设您现在是广丰信息港的策划人,将为广丰信息港规划5个核心栏目,您会设置哪五个栏目 请说明每个栏目的设置目的,原因和运作方式.答案
1.B 2.B 3.D 4.C 5.D
6.C 7.A 8.C 9.A 10.C
11.A 12.A 13.B 14.A 15.B
16.A 17.C 18.B 19.C 20.D
21.D 22.B 23.D 24.C 25.C
26.D 27.A 28.B 29.C 30.A
简答题要点:
31.(1)申请域名(2)购买空间(3)制作网页(4)上传管理
32.gif 动态格式 小图形 jpg 压缩比大 大图形 swf flash动画格式 动态页面 psd 可保留分层信息,便于修改 photoshop源文件
33.asp是服务器代码 javescript是客户端代码
34.首先,网站的设计目的决定设计方案.其次,浏览者的需求要放在第一位.另外还需要注意页面的有效性.页面的布局要保持统一.使表格和适当的帧结构来设计网页.要谨慎使用图片.要有平面设计意识.同时减少Java Applet和其他多媒体的使用.35.(1)浏览器向DNS获取的IP地址
(2)浏览器与IP地址建立TCP连接,端口为80;
(3)浏览器执行HTTP协议,发送GET index.htm 命令,请求读取该文件;
(4)服务器返回index.htm 文件代码到客户端;