时间：2023-05-29 17:39:05
关键词：档案网站；网站建设；档案网络资源
近几年来，伴随着我国政府信息化的进程。档案信息化建设取得了很大进展，作为信息化建设重要载体的档案信息网站纷纷建立起来，并在经济社会发展中发挥了一定的作用。
1 数据统计分析
本文以“题名”、“全文”和“关键词”为检索项，以“档案网站建设”、“档案网站”为检索词，对发表在
我国档案网站在设计方面存在的具体问题主要表现为：网站域名格式不统一。目前我国综合性档案网站域名的后缀形式有9种之多：com；net；cc；on；gov.cn；net.cn；com.cn；org.cn和行政区域名.cn。例如，海盐档案信息网(/)、嘉善县档案局(/)、乐清市档案信息网(/)、温州市鹿城区档案局(.cn/)等，形式多样，五花八门。二是导航栏目设置不科学。2006年我国省级档案馆网站有26个。在一级类目数量上。最少的为北京市档案信息网，其类目数量为5个；而天津档案网的类目数量却多达20个。在一级类目名称上有网站首页、档案服务、局馆概况、信息动态、现行文件、档案检索、档案编研、利用实例、人才交流、教育天地等，各种类目名称数量有300余种之多。同时，每个网站看起来大同小异，栏目设置也缺少特色和个性。三是网页不够美观。网页主体颜色不够协调，整体艺术感不强；网页内栏目位置分布不够适当、重点不够突出，空间利用不够充分；网页中的某些细节做得不够精细、不 够人性化等。
2．2 对国外优秀档案网站的分析
主要以美国国家档案与文件署(简称nara)和加拿大国家档案馆(简称na)网站为例。对其内容建设和整体设计进行分析。
2．2．1 对网站内容建设的分析
信息量。美国国家档案与文件署网站的类目体系完整，结构清晰，内容丰富。一级类目共18个，加上二级类目总数已近200个。18个一级类目概括性强，涵盖了档案利用的方方面面，其下还有二级、三级、四级甚至是五级类目，并且每级类目中都有与政府网站、图书馆网站、博物馆网站等相关网站链接的内容，设置合理，内容完备，种类齐全丰富。加拿大国家档案馆网站上内容丰富，其信息按载体形式分类，可分为文本档案、声像档案、胶片档案、照片档案等；按主题分类，则可分为“土著居民档案”、“邮政档案”、“战争档案”等。
信息类型。中外档案网站所提供的档案信息类型都是以文本文件为基础，主要差别在于其他类型信息的丰富性和多样性。美、英、加等国在图片信息的提供方面比较丰富和充实。有些也提供动画、音频和视频信息。2006年2月24日，美国国家档案馆网站与谷歌公司合作，共同开发历史影片数字化和免费在线利用实验项目，现在通过链接网址video.google.com/nara.html.。我们能够看到101个可以在线观看的影片，按片长分为小于4分钟、4到20分钟和20分钟以上三种。
信息组织方式。主页方式：类似于档案全宗的组织方式，将有关某个机构或某个部门的各种档案信息组织在一起。自由文本方式：主要用于档案全文数据库的组织。超文本方式：将网上相关档案信息邮寄编织在一起的信息组织方式。数据库方式：利用数据库技术对档案信息资源进行统一管理以方便用户实现异地查询。联机目录方式：根据统一规则和格式对入网的档案馆和文献信息机构提供的文献信息进行编目。电子商务方式：利用电子方式对网上的一年规划提供档案信息有偿服务。
2．2．2 对网站设计的分析
从页面风格上看：nara主页以浅灰、纯白为基调，湛蓝为点睛，文字则以深蓝为标题，浓黑为说明，色调清新冷峻，整体上艺术性较强。网站风格统一，采用“丁”字式框架结构，显得和谐井然。na的主页以平和的鹅黄色为背景，深沉的蓝色为前景，中心分别以英、法两种文字标明na字样，并设置英、法文的进口，恰似一张简洁素雅的封面。翻开英文扉页，网页以同样的风格展现了na的网站地图。
从网站页面布局上看，主要有两种：一种是以美国档案网站为代表的布局形式，上下左右分别为题头文件、脚注及超级链接等，中间集中主要信息，这种布局可以充分利用版面，信息量大；另一种是以澳大利亚档案网站为代表的布局形式，大部分图片和文本都集中在页面中心，这种布局由于信息集中，版面中因而有大量空白，显示出网页的格调，容易吸引人的注意力。
2．3 我国档案网站的改革与对策
档案网站的建设不应是档案馆的再现，而是一个新的服务空间，是用户检索、利用档案的新平台。借鉴国外优秀档案网站的成功经验，优化改革我国的档案网站是步入良性发展轨道的必经之路。为此。我们应该采取的措施如下：
转变观念，提高认识。档案部门的领导和工作人员要转变观念，提高对档案网站建设重要性的认识。不能为了应付做表面文章，设计几个网页，具备档案网站的表现形式就万事大吉。要重视档案信息网站建设工作，加大资金投入，提供技术支持，加快档案信息数字化进程，把档案网站做到实处，切实发挥档案网站的社会功用，实现档案的真正价值。
做好网站规划。档案网站的建设、运营和发展，具有很强的路径依赖性，也就是说，一旦规划好了，容易朝着良性的方向发展；一旦走错，就容易误入歧途，深陷其中而不能自拔。档案网站建设的目标宜定位为：服务窗口、宣传窗口、对话窗口、中介窗口和交流窗口。因此，档案网站应根据自身的功能定位，提前做好建设及发展规划。
优化网站设计。主页是网站的门面，一个成功的主页要既能展现站点的特色，又能将丰富的信息以简洁的形式传递给用户。档案网站的设计优化主要有以下几点：规范域名。例如“
加强网站的互动性。美国nara网站对我国档案网站建设的启示之一是，实现档案网站功能定位从“宣传一展示型”向“互动一服务型”的转变。10j自web2.0广泛应用以来，这种转变要求的迫切性更加明显。在web2.0环境下用户需求的显著特点就是个性化、差异化。他们不再满足一视同仁的信息内容，要求网站能够根据他们的个体需求，提供不同的信息内容，换句话来说就是档案网站的服务对象由以往的“大众市场”转为“小众市场”，针对个体提供有针对性的服务。web2.0为用户创造了互动、交流的氛围，用户不再只是网站内容的被动服务者，他们也可以参与网站建设，包括管理、维护、存储网站内容。web2.0从本质上改变了网站的属性，将其从以往的“只读”属性变为“可读写”属性，用户既是信息的使用者，同时也是信息的、修改和传播者。web2.0在档案网站中的应用还有以下几种方式：利用rss开展档案信息推送服务：利用blog营造与用户的双向交流空间：利用podcast营造档案馆人性化形象：利用wiki创新档案馆业务活动和信息服务模式等。
3 结束语
必须立即采取一个应急方案。于是，Goldstone 向Local.com求助，Local.com是一家专注于当地内容的搜索引擎公司。在此之前，Scanmyphotos.com从未采用搜索引擎或其他网络策略。
“我选择Local.com，是因为这家网站和我在同一个城市里。”Goldstone说。9月初，Goldstone在Local.com上投放了第一批广告。不到两周，电话铃声响起的频率明显提高，至今也没有停过。Scanmyphoto.com开始通过在Local.com上投放广告推广业务，这保证了在特定的目录和领域里，公司的顾客清单会出现在搜索结果页的顶端。Goldstone说，让他最满意的，是他只花了以往在黄页上一半的广告投入，减少了开支，但效果却更加显著。
“过去使用黄页广告时，我们平均每天接到三四个电话。”Goldstone说，“现在，平均每天大概接8～10个电话。”作为受益者，Goldstone认为，通过网络来咨询的顾客似乎更有价值。此后，Goldstone不再采用黄页广告。想来，他应该后悔没早点发现Local.com，早些采用网络营销策略。
尽管处于经济萧条期，大多数小企业并没有对下一年的收益抱着消极心态。美国知名网址注册公司Register.com进行了一次在线调查，从4月28日到5月16日，调查了800家小企业。调查结果显示，许多商家准备在数字化策略上进行额外投资。其中，大多数企业最可能投资的前三个项目是网站设计(53%)、SEO搜索引擎优化(43%)和E-mail 营销(41%)。
随着网络逐渐成为营销市场的中心和主要顾客的来源地，站点登录网页的角色变得越来越重要，一场有力的搜索营销运动势在必行。在美国，搜索营销已经让不少企业尝到了甜头。但对于许多传统企业来说，搜索是一个不太容易掌握的营销方式，它要求企业主深谙互联网，并且懂得那些基本的SEO搜索引擎优化技巧，否则就会花冤枉钱。
优化搜索引擎的有效浏览量
2006年9月，赛捷软件公司为了扩展公司在卫生保健领域的产品供应，接受了一家针对美国医生和小型诊所市场的软件及服务提供商Emdeon的服务。虽然Emdeon提供的是行业顶尖水平的服务，但对于赛捷软件公司预期目标的实现却没有太大的帮助。Emdeon为赛捷软件公司设计了一个50页的网站，“它能帮助公司向中小型公司销售企业管理应用软件”。赛捷软件公司的交互式市场经理Mary Owen说，他负责的工作包括公司公共以及私人网站的管理、顾客的接入口、搜索引擎市场、网络会议以及E-mail营销。虽然从根本上讲，这个网站页面精美、功能实用，但却会给推广带来一些困难。“这个网站的建立只是为了顺应潮流，并没有太多实质性意义，也没有考虑它会有什么利用价值。”更让人郁闷的是，这个创意无限的公司网站在搜索排名中非常靠后。
该公司的营销团队只有两个人，为了节省人力成本，赛捷软件公司和芝加哥一家从事市场营销和分析的公司ClearGauge进行了合作。双方第一笔生意的内容包括：一个能反映赛捷软件公司新品牌的网站设计，以及针对当前网站缺乏购买号召力和可搜索性的缺点进行改进，整个改造工作用了九个月。
“我们需要让网站具有搜索引擎友好性，更具有客户友好性，这样顾客便能找到他们需要的所有信息。”ClearGauge重新编写了所有文案，并将网站的网页数量从50页增加到200页，重新开辟了一条“路径”。
“以往，当人们登录旧网站网页时，他们不能得到任何指引。”Owen说，“现在我们缩短了网页描述，让它一目了然。旧网页的标题太长，以致不能完整地显示在搜索结果网页上。”
“不过，真正的区别在于，现在网站的所有链接都紧密地整合在一起。”Owen说，“比方说，点击一个产品标签，就能找到许多产品信息，如价位选择帮助功能和相关产品链接等，同时还能看到一个可点击的演示，一点击就会弹出来一个特殊网页，里面包含一个选择加入服务功能框，以便顾客能提供更多的细节要求。这个特殊网页是为导引性销售特意制作的。”
尽管在网站重新设计之前，该演示的点击次数也能达到上千次，但是后期却只有很小的转化率。自从加入一个“Call to Action”(行动号召)按键并同时更新了网站后，公司的导引性流量增加了150%。
经过搜索引擎优化后，那些明确的关键词使公司的自然排名一路攀升。每一个网页都集中了一个明确的关键词，该关键词在整篇文案中不断重复出现。任何时候，只要网站的某个关键词在次级网页上被提及，一个链接也同时产生。为了追求点击率，Owen甚至将到新闻板块的稿件进行了关键词和链接优化。
Owen还定期给注册用户发送E-mail，每个月要发出约300封。Owen 给新闻稿件另外附加了一些内容，还给每一个网页加了标记窗口，例如演示链接和产品链接。同时，Owen还在网站上设立了一个E-mail 新闻稿件文档，以便人们能看到自己以往登记的记录。“经过了一番努力，有效的流量一直在增加。”Owen说，“让网站保持高流量并不难，但假若那不是目标客户或潜在客户的有效浏览量，那也只是浪费时间和金钱罢了。”
网站页面优化的流量转化率
办公室家具分销商Ergo想确保自己的在线潜在客户通过主要的引擎搜索能找到自己的站点，为了便于搜索，该公司在网页优化上下了很大的工夫。有一个难题摆在面前：该网页站点是静态的，而不是动态的。根据以往的经历，比起动态网站，静态网站的SEO 排名结果会更理想。
“搜索引擎过去对动态产品网页区别对待，对于它们的排名处理，不如静态网页高。”Ergo的电子商务营销经理Chad Goldsmith说，“而且使用动态网页，比较难将顾客准确地带到他们想去的地方。”同时，Ergo还面临另一个难题：如何运用谷歌Mini(谷歌为企业用户提供的搜索硬件)提供的解决方案向在线用户展示自己的产品？
“动态网页在某些方面会受到一定的限制。”Goldsmith说，“一个通过搜索引擎找到公司网站的潜在客户，很容易被动态的网站弄得团团转。用户想搜索一件商品，最终却可能是徒劳无功。”造成这一问题的原因很多，其中之一是由于Ergo可供选择的办公室家具产品种类规格繁多，比如，单液晶显示器的规格就有500种。
“我们需要一个产品搜索工具， 能让Ergo为有某种商品需求的顾客提供一个畅通无阻的网络航道。”Goldsmith说，他和他的团队希望能够预测顾客需求，以便能将商品销售给有需求的顾客。
“如果有人在寻找桌子，我想让他们意识到我们同时还出售灯和椅子。”Goldsmith说，“在搜索引擎优化之前，这一目的并不能实现。虽然以前也这么做过，但那完全是手工操作，必须制作一个产品链接之后将它放到动态产品网页上。”
为了解决这些问题，Goldsmith决定向Mercado寻求帮助。Mercado是一个以网页为基础的电子商务解决方案服务商，致力于制定商品的广告策略，目的是“将顾客带到一个具有用户友好性、网络航行畅通无阻的网站，为客户创造一个更好的营销环境”。Goldsmith说：“我们希望能够在网站上启用搜索功能，这样顾客们就能够在静态网页上输入搜索的名目。Mercado帮我们实现了这一点。”
事实上，Mercado不仅是一个解决方案服务商，也是一家软件公司。它的不同之处在于它的应用软件不是直接出售给顾客的，而是以租用的方式提供的，这一点也是吸引Goldsmith的原因。“既能用上新技术，又不用花大钱购买，这对我们这样的成长型公司来说更有吸引力。”他说。
工程的第一个阶段是规划和设计一个便于顾客使用的内部搜索链接工具，这之后是实施谷歌Mini方案，然后转入Mercado的搜索引擎方案。这一切贯彻执行之后，Ergo开始执行Mercado的商品广告部分，公司给Mercado提供所有的产品明细，包括产品描述、图像和其他产品的详细目录。再也不需要通过人工链接新网页了，因为 Mercado在解决方案中使用了一个搜索模版。
“最主要的是，增加了以前一直需要而又欠缺的产品精确选择功能。”Goldsmith说，“如果你在旧网页上输入显示器规格，你得到的是简洁明了的单一栏框，里面只有显示器的规格描述。”Mercado设置了一个更精细的搜索，能让顾客选择一种特定的颜色或者价格。
“过去，网站的搜索功能有很大的欠缺。”Goldsmith说，“大多数人更多地使用具有普遍性的搜索词语。这是基于人们在搜索过程中更多地使用普遍性词语的事实，这的确有帮助。我们有五百多种规格的显示器，因此你可以想象精细选择是多么必要。”
有了这些新的解决方法，一旦顾客们查询某种显示器规格，弹出的网页上端展示的是销售量最高的显示器，其下面是最流行的显示器，同时还有进一步精确搜索的功能按键，可根据显示器的价格、型号等分门别类，将用户引导到特定的页面，这个结果是动态的。Ergo注意到自从使用了新的搜索功能后，用户的转化率是以往的15倍。
首先，网站分析
1、网站流量分析安装一套流量统计系统，可以清晰的判断网站目前所有营销手段的效果，并且还可以分析到：
(1)流量来路统计可以清晰的统计到每年、每月、每日、客流是通过什么渠道来到网站的。可以清晰判断各种推广方法的效果。
(2)浏览页面和入口分析可以判断网站中那个页面被流量的次数多，并且可以分析出客流是从那个页面进入网站的。
(3)客流地清晰的分析出，网站浏览者的地区分布，并且以图表方式显示出各个地区流浪者的比例。
(4)搜索引擎与关键词分析分析通过各个搜索引擎所带来的流量比例，并且可以分析出客流是通过搜索什么关键词来到网站的。
(5)客户端分析可以分析出客户端使用的操作系统等信息。
然后，实际操作
1、网站导航、页面布局优化
2、网页标签优化网页TITIEL关键词标签、网页简介标签，图片注释、等方面的优化
3、网页减肥压缩专门的网页减肥压缩软件对网页系统的进行压缩，提高页面流量速度。
4、超链接优化超连接结构、超链接注释、超连接路径优化
5、页面内容优化对主要页面内容进行调整、排版进行优化，让内容更容易阅读。
三、网站推广通过对网站进行综合的分析后，选择网络推广方法，在众多网络推广方法当中，最重要的方法就是搜索引擎排名。因为其他的方法都是比较花钱而且效果短暂的，而搜索引擎排名做好以后，它可以长期为你带来高质量的流量。一个网站的流量80%都是由搜索引擎带来的。
1、搜索引擎排名
(1)、关键词选择
(2)、搜索引擎登陆包括GOOGLE、yahoo、MSN等。
(3)、搜索引擎排名通过我们专长的SEO技术及SEO工具对网站整体进行优化，使尽可能多的词在各个搜索引擎的排名提升，以提高网站的流量。
2、相关链接交换与相关网站进行友情链接交换。
随着互联网的普及和物联网逐渐走入我们的视线，网站的制作和推广越来越接近我们的生活。网站建设作为一整套的网站规划推广流程，越来越受到更多人的关注和推崇。网页设计作为网站建设中一个重要的环节，他的重要地位是相当关键的。在面向计算机应用的高职教育中，网页设计是其中一个非常重要的培养方向。笔者将根据多年来网页教学中的经验，谈谈网页设计教学中的方法和注意事项。
1．改革传统的教学模式
在传统的教学中，是以教师的讲解再配合学生的练习为主要的教学方法。这种教学模式，是以教师为主导的，老师先传授基础知识，再给学生演示教学实例，演示完成后再让学生做练习来巩固学习的知识。这种方法在教学中持续了好多年，他的好处是教学系统整个教学过程比较完整。可是这种教学方法有个致命的弱点，那就是教师在台上面面俱到的教，可是学生没有实际的操作经验，难以理解，老师在孜孜不倦的教，可是学生却兴趣缺乏，往往是老师累得满头大汗，学生却收效甚微。为此，我们提出了以学生为主导的教学方法。
1.1教师备课以学生为主导，要准备合适的案例为学生开启网页设计的大门学生是教学过程的主人翁，教师实现备课，除了准备必要的基础知识以外，我准备大量的设计实例。网页设计在技能上更注重设计，因此在备课的过程中，要根据学生学习循序渐进的过程，准备各个阶段的案例项目。在学生刚开始接触网页设计之初，要给学生一个网页的整体设计思路。这时候要准备大量的成品优秀案例，最好是获奖作品，提升学生的学习兴趣，让学生觉得学习网页设计是一个非常有意思的事情。在提升了学生的学习兴趣以后，要及时的准备教学实例，这个阶段要及时地把网页设计的基础知识融入其中，这个阶段的教学实例要简单易行，让学生比较容易上手，这时候的案例要比较充裕，以大的作业量来提高学生的基础设计水平。在学生掌握了基础制作水平以后，就是学生的提升阶段了，这个阶段的学习是非常重要的，是关系到整个网页设计教学的成败，这个阶段案例的选取要有代表性，这时的案例要全面可行，每一种案例都要涉及。最后的一个阶段是总结阶段，这个阶段的案例的选择要具有实用性，要采用企业的实际案例，模仿企业的运行模式来教学，案例要选取企业中实际制作项目。这样一整个备课过程下来，教师就对整个教学有了事先的良好把握。
1.2在教学过程中采用“校企一体化”的模式校企一体化的教学模式指的是在教学过程中模仿企业的运营模式，老师是项目经理人，学生是企业员工。在这种教学过程中，一开始学生就是作为新进员工参与其中的，教师指导学生做大量的基础案例项目。这种项目可以是把制作好的网页模板切片做必要的基础链接，可以是为网页设计漂亮的导航，可以是为网页优化布局。当然可以在这个过程中加入一些简单的网页整版设计，要注意要及时的调动学生的积极性，对于完成的好的作业案例要给予表扬，适时的肯定学生的成绩会使学生的学习更为有益。在基础案例做的比较多的情况下，学生的基础制作水准有了很大的提高，这时候要及时的推动教学进入下一个提高阶段，这时候教师要把自己的角色定位为项目经理人，提出一些有代表性的项目，比如为某酒店制作一个网站，提出各种要求，让学生在规定的时间内制作完成。这阶段教学的过程，教师要有耐心，要有一定的高度，对于学生的要求要严格，对于学生作业中出现的问题要马上提出，并督促学生做出优化设计。这个阶段的案例一定要全面，给学生的项目要有代表性，对目前使用范围比较广的网站设计方向要把握准确。在最后的总结阶段，教师提出的案例最好是企业所提供的，这种实例更具有实际性和探索性。比如，为宏福祥服饰有限公司制作网站。在这个网站的制作过程中，就有学生的大量参与，从选片修片到整个版面的设计，乃至后台的制作设计，学生们都做出了巨大的努力。在这个网站的制作过程中，学生分成了五个小组，做出了五套网站设计方案，最终有一套方案被企业录用。这种企业的教学模式在网页设计教学过程中取得了很好的效果。
1.3教学结果评价的改革在以往的教学中，都是以考试来评定教学结果的。在新的校企一体化的教学模式中，我们摒弃了以往的评价模式，采用作业考评结合平时表现的模式来评价学生的学习效果。采用平时表现，作业成绩三七开的方法来考核学生。在作业的评定中，为了使评定结果更客观，我们采用专业教师和合作企业代表共同参与学生的作业讲评，根据讲评综合给分。这种考核方法更为合理有效，不仅仅考核了学生的全面的专业技能还考核了学生的职业素养。
2．有效合理的利用校内实训
在网页设计的主要授课过程结束以后，最好要安排一至两周的校内实训。在实训周内，整合学生的全部力量，完成一至两个大的企业实际项目案例。实训周是提高学生网页设计水平，培养学生成为网页设计师的良好时机。在这个过程中，教师要为学生选好实训项目，最好有一定的难度。学生在学习过Photoshop、Dreamweaver、Flash、Div+CSS等网页设计主要软件工具以后，一直以来都是分开来使用的，这次要把他们整合在一起来使用。把网页设计的整套设计过程整个的体验一遍，选用Photoshop制作出版式配色等整体效果设计，然后切片导入到Dreamweaver中，对需要用到特殊排版的地方用Div+CSS进行设计排版。对于画龙点晴之处最好加入特点鲜明的Flash短片，这样完成的项目更具有吸引力。通过合理有效的校内实训，可以加强学生的设计能力和创新能力。
3．利用假期参加社会实践
每年的暑假是学生参与社会实践的好时期，要鼓励学生积极的到企业亲身体验企业的经营模式。学生在企业中可以得到具有多年丰富实践经验的师傅的指导，从与客户谈单签字到制作出台，无一不在锻炼学生的职业技能和职业素养。利用好假期参加社会实践，是高职学生提升自己的良好出路。职业教育，是中国教育必须要走的教育道路之一。西方的科技大国无一不是在走职业化道路，比如制造业大国德国、法国，都是职业教育走的相当出色的国家。在职业教育中的改革与创新也一直是我国在探索的道路之一，做好职业化教学是每一位职业教育者努力的方向。为此，本文就网页设计教学中的改革提出了一些微不足道的看法，希望能为职业教育的发展尽一点微薄之力。
在现在的网页设计中DIV标签的使用越来越频繁，DIV标签的作用也越来越重要，以前那种以内容为中心的网站已经成为过去式。论文在分析表格布局技术及CSS技术的基础上，阐述了应用DIV+CSS技术进行网页布局的优势。从高校计算机网页设计课程的教学情况出发，文章中提出了DIV+CSS技术在教学中的应用措施。
关键词：
网页布局；DIV+CSS方案；HTML优化；网页设计
只有当好的网页结构和优秀的网页布局相结合，才能达到最好的浏览效果，使浏览网站的用户感受到最好的用户体验，如何设计出这样的网页就是我们现在研究的重点。
1表格布局技术
早期页面布局的方式主要用框架及表格。在HTML和浏览器还不够完美的时候，我们想让页面内的元素能有一个让人满意的格局是比较困难的事情，由于表格不单可以控制单元格的宽度和高度，而且可以相互嵌套，所以为了让每个网页元素能够放在合适的位置，表格就成为网页设计者的主要工具。表格在页面布局上比较容易控制，通过表格的套入可以轻松地实现各种各样的布局，但是当你需要制作一个繁琐的页面时，HTML文档就会充满了标签。同时，因为浏览器需要把整个表格加载完后才会显示出来，因此加入一个表格过长，那么访客就需要等很长的加载时间才可以看到页面内容。使用表格布局页面会让HTML文档的内部结构变得杂乱不堪，HTML文档字节数变得越来越大，在落后的设备上，页面需要大量修改，正是这些弊端，使得网页开发者开始注意Web的标准。
2CSS样式
CSS就是CascadingStyleSheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术。CSS是Web标准中表现标准语言。使用CSS可以简化网站的格式代码，加快网页显示的速度，外部链接样式可以同时定义很多个页面，大大降低了重复劳动的工作量。CSS标准中重新定义了HTML中原来的文字显示格式，并增加了一些新理念，比如类、层等，可以对文字进行定位、重叠等操作，提供了更多丰富多彩的格式；同时CSS可进行集中样式管理。CSS还可以将样式定义独自存储于格式文件中，这样可以将显示的内容和显示样式定义分开，以便于多个HTML文件共享样式定义。除此之外，一个HTML文件也可以使用多个CSS样式文件中的样式定义，相对于之前传统HTML的表现而言，在网站的建立及重构过程中使用CSS技术，可以精准的掌握页面里每一个元素属性，例如：字号样式、背景、排列方式、区域尺寸、项目符号等，方便地实现网页的结构与内容表现完全分离，使站点的加载速度及维护更加方便。使网站的功能扩展性达到前所未有的增强。
3DIV+CSS技术
DIV+CSS是目前应用最多的一种网站布局技术，使用DIV+CSS的网页布局方案，首先需要把HTML结构化，我们可以先不考虑网页的外观。先将内容放在设置好的DIV中，让结构由DIV产生，然后再使用CSS进行格式设计，即“外观”设计。在网站设计前需要对网页进行规划设计。例如，一个页面可能有类似这样的几块：网站名称、主页、子页面导航（主菜单）、子菜单、搜索框、展示区、页脚等。与传统的表格布局相比较，使用DIV+CSS进行网页布局还具有以下优势：更快捷的被搜索引擎的引用，加载速度更快；CSS使用灵活，使页面元素样式多变，利于维护和更新；使用DIV+CSS技术，可以减少视觉的相同性，同一网页在不同浏览器中表现的效果相同或基本不变，保持网页的美感；表现和内容相分离、提高页面加载速度。
4DIV+CSS技术在教学中的应用措施
在网页设计课程学习时，经常是使用Dreamweaver网页开发软件，Dreamweaver是一个视觉化网页开发工具，可以方便、高效的实现DIV+CSS技术对页面进行布局，代码自动生成这一特点，一方面能让学生迅速的设计出网页，另一方面不利于学生真正记住和掌握。所以，在使用Dreamweaver的同时，可以让学生使用Notepad++编辑器或用记事本对代码进行录入。在初学DIV+CSS布局网页时，可以选择一个简单的网站，用表格和DIV+CSS技术两种方法进行布局，让学生真正理解这两种方法的区别和特点。针对不同网站使用不同的布局方法。教会学生当前社会网页前端开发师最需要的技术。基于以上论述，笔者认为在教学中加入DIV+CSS布局需要注意以下几个问题。共享学习资源，利用MOOC。教师要给出学习参考书目录，DIV+CSS布局的有关教材已经相当普遍，另外，教师也可以鼓励学生进行MOOC(慕课)学习，或在淘宝购买一些关于类似的视频教程，不论是在课上还是在课下，都能充分利用网上资源，整合成DIV+CSS布局原理、知识和案例的教学资源。将WEB的标准贯彻到网页设计的学习中，由HTML升级到XHTML。当下大部分网页设计教材讲解的内容还是HTML标记语言，但是在WEB结构标准语言中，我们将会使用XHTML，因此需要在HTML学习的基础上要加入升级版的教学内容，既要讲解HTML的普遍用法和主要标签，也要为学生讲解为什么要升级到XHTML以及升级后的XHTML比HTML好在哪里。适当推荐和引用CSS样式表，强化层叠样式表CSS的基础教学，为学习DIV+CSS的页面布局打下良好的基础。在讲解CSS样式时，可以引用网上使用频繁的外部CSS样式，在使用应用外部CSS文件的时候，页面的布局可以变得非常整洁和清新，让人眼前一亮。在CSS教学过程中，除了需要介绍CSS的常用属性之外，最重要的就是要让学生理解和学会使用外部CSS样式，这是学习DIV+CSS网页布局的提高过程。采用任务驱动式教学方法，以案例为驱动，培养学生学习兴趣，提高学生动手制作能力。在学习了基础的DIV+CSS页面布局知识之后，为学生提供一些DIV+CSS布局的网页案例的基础上，加强学生的动手实践训练，给学生一些真实的企业项目或学校网站项目，例如学院主页或各系主页宣传网站等。
5结语
本文探究的主旨在改变现存的网页设计课程的教学方法与模式，以培育精英级的网页设计人才为目的，扎实提升学生的自主学习能力，实现社会对网页设计精英的技术要求，从而保证该门课程的市场特色和教学质量。为了达到这个目的，我们对教学内容进行改变与扩充，使教学素材更加接近实际需求，竭力使学生更适合当今市场的需要，并为后面课程的学习打下坚实基础。
作者：田红玉 单位：黑龙江信息技术职业学院
参考文献
[1]高川程.浅谈基于DIV+CSS的网页布局技术应用研究[J].计算机光盘软件与应用,2013(1):231-232.
一、网站构架完善
超链接优化：
1. URL优化：
把网站的url优化成权重较高的url。(U全部使用静态URL，不要在URL中出现"?"、"="、"%"，以及"&"、"$"等符号。不过我们的页面应该没有这个问题。)
2.做好站内链接：
做好站内各类页面之间的相关链接，此条非常重要，这方面做好，可以在改版初期先利用网站的内部链接，为重要的关键词页面建立众多反向链接。(反向链接是网页和网页之间的，不是网站和网站之间的。所以网站内部页面之间相互的链接，也是相互的反向链接，对排名很有益的。)
3.URL目录要简化：
搜索引擎一般只有耐性会去抓取二到三层子目录下的文件，最多不会超过4层，除非是质量特别高的页面。
像这种的目录就不能再向下拓展了
导航结构优化：
导航结构的优化的原则不仅仅是要对用户友好，同时必须满足搜索引擎的抓取无障碍，如：服装招商，服装加盟，服装品牌，…..这一切都是对每个频道页的一次次加分。
搜索引擎会对这种一站内多次出现的链接给予充分重视，对PR值的提高有很大帮助，这也是每个网站首页的网页级别一般高于其它页面的原因，因为每个子页都对首页进行了链接。
内容结构优化
内容优化也是网站结构优化最基础的一个内容。
几点建议：
1.每天都更新的内容放到首页显示，比如新闻，服装招商，服装加盟信息等。
2.用户关注的内容也应该放到首页展示(可以参考后台各栏目每日访问统计)。
3.容易形成行业权威气氛的内容提升到首页显示，增加网站的权威性，比如突出比较权威的网站合作伙伴等。
二、控制各页关键词数量
一页中的关键词最多不要超过3个，然后所有内容都针对这几个核心关键词展开，才能保证关键词密度合理。搜索引擎也会认为该页主题明确。对于首页，如果确实有大量关键词需要呈现，可以分散写在其它页面并针对性优化，让这些页面也具有"首页"的效果。这也是为什么首页和频道页的关键词要有所区分的原因。比如我们有服装招商的频道也有展会的频道，对每个不同主题的单网页进行优化，而不是把关键字全部罗列在首页上。
三、图片的优化(这是我们平时注意不到的地方)
和人的习惯一样，搜索引擎访问一个页面，如果超过20秒就会放弃访问，而网页打开的时间很大程度上取决于网页中图片的大小。对于网页图片的优化，主要通过减少图片的象素、缩小图片尺寸和降低分辩率来缩小文件。此外，将大图片切割成若干小图片于不同的表格区间内进行拼接，也可以相对加快下载时间。另外，对图片的优化还有“添加ALT属性文字”和“图片文字说明”，通过对图片的优化，可以使搜索引擎根据这些提示搜索到我们的图片：
1、在图片上方或下方加上包含关键词的描述文本;
2、在代码中增加一个包含关键词段的heading标题标签，然后在图片下方增加文字描述。
3、在图片下方或旁边增加如"更多某某"链接，包含关键词。
总的说来，对图片的优化还是应该尽量减少大图片以及缩小图片的加载时间。Alt属性中的文字对搜索引擎来说，其重要性比正文内容的文字要低。
四、网页代码的优化(主要是Javascript)
正常情况下，网页尽量以作为代码的开始端。但我们很多的网页是采用Javascript技术的，往往在页面一开始就堆积大量JAVA代码，以至于META及关键字迟迟不能出现，被推至页面中下部，对搜索引擎很不友好。有两个建议：
1、将脚本移至页面底部
大部分的JAVA代码都可以移到页面结束标签之上，而不影响网站功能。这样就能一开始突出关键词，并加快页面加载时间。
2、将Javascript脚本放到.js文件中。
这样.js脚本就可以被缓存下来，访问同样调用这个Javascript的页面的时候就会提高网页的访问速度。
五、防止因优化过度被判断为作弊
(编辑在信息时要避免的问题)
做优化必须了解基本的作弊手段，否则就会使辛苦付之东流：
1、关键字堆砌：
为了增加关键词的出现次数，故意在网页代码中，如在META、title、注释、图片ALT以及URL地址等地方重复添加同一个关键词。(一定要时刻掌握关键字的密度要求)
2、虚假关键词(不相关的关键字)：
通过在META中设置与网站内容无关的关键词，比如在Title中设置了热门关键词，希望让用户根据此进入网站。同样的情况也包括链接关键词与实际内容不符的情况。
3、隐形文本/链接：
为了增加关键词的出现频次，故意在网页中放一段与背景颜色相同的、包含很多关键字的文本。访客看不到，搜索引擎却能找到。类似方法还包括使用超小号文字等手段。隐形链接是在隐形文本的基础上在其它页面添加指向目标优化页的行为。
六、新版上线后的注意事项
1.保留原有的网页命名/PR值：
保留原有网页，即使网页的结构和内容被更改，搜索引擎蜘蛛还是可以按“原路”找到页面。这种方式能让蜘蛛更快的重新收录原页面中的新内容，也保护了原有的排名及页面的PR值。当然，如果有些页面不合理的，不适合搜索引擎的可以删掉，对于那些包含现在每天能带来稳定流量的关键字页面，可以将其保留。
2.Sitemaps更新：
能让搜索引擎更好、更快的收录新站，建议建立Sitemaps，告诉搜索引擎我的网站在改变，牵引搜索蜘蛛去收录新的页面。
3.避免站点内容的冲突：
因为新改版之后不可能很快就有很多新的内容，所以网站的内容还是照搬旧版本的内容，这样对搜索引擎是不友好的，另外加上新、旧网站的网站结构不一样，搜索引擎有可能要花更多的时间来观察、分析目前的网站情况。所以应该处理好新、旧站之间的链接、内容的关联性，避免出现过多内容重复。
【关键词】 多媒体，CAI课件，Web,页面优化
1.引 言
传统类型的课件或者由于投资成本大（如基于编程为主的整体式课件），或者由于升级更新困难（如基于CDROM的多媒体课件），已不能满足日益发展的需要。为了解决以上矛盾，伴随着Web的出现和Web技术的发展，基于Web的多媒体CAI课件应运而生了。
作为这种全新类型课件的平台，Web本身具有统一的协议标准，良好的跨平台特性和前所未有的广泛的覆盖性的优点。在其上开发出来的软件有着统一的良好的GUI界面，能够支持多种多媒体格式，可提供高度的交互性，与其他的应用程序有着方便良好的接口，特别是本身便以超联接作为组织形式，因此其非常合适作为课件开发平台。另一方面，用以开发、维护基于Web的软件的工具大多可以免费获得，基于Web的课件对运行的软硬件平台也没有什么很高的特殊要求，这使得基于Web的CAI课件的开发维护费用相对低廉；目前种种“所见即所得”的全图形化的开发和维护工具也使得对开发维护人员的技术水平要求相对降低；由于各网页之间相对独立，因此可以十分容易的对课件进行升级更新。另外在网络教学中，基于Web页的课件可以以网页为单位在网络中传输，具有较快的传输速度，在目前较低的带宽下仍具有较好的应用前景。 考虑到基于Web的多媒体CAI课件的以上优点，我们在对国家教育部重点项目“博物馆类CAI课件建设”进行总体设计时选择了它作为项目总体方案。但在项目建设过程中，我们发现由于目前Web技术发展的局限性，使基于Web的课件方案也存在一些不足，主要是面临网络带宽、网络传输速度、平台兼容性等问题的困扰。因此，在开发过程中必须对课件页面进行优化，以使之能够在Web上很好的运行。另外，由于相对来说Web是一种全新的开发平台，而Web技术发展又非常的快，所以课件中一些功能如导航、查询等的技术实现便成为开发过程中突出的技术难点。为此，我们在项目开发过程中，特别在这些方面作了重点研究，并取得了一定的成果。
2.课件页面优化的原则和方法
页面优化问题虽然涉及到多方面，但其根本的立足点和目的是以下两个：一个是加快页面下载速度;另一个则是使页面能象设计者所预先设想的那样在用户眼前显示，在Web上这主要需要解决一个兼容性的问题。下面就分别从这两个目的出发，讨论一下对页面进行优化时所依据的原则和实现方法。
2.1加快页面下载速度的优化
传统上,在加快页面下载速度方面所做的努力，仅仅局限于减少多媒体元素的使用数量和降低使用质量,以取得较小的文件大小，从而加快页面文件在网络上的传输速度以达到加快下载速度的目的.我们认为，仅依靠这方面的努力是远远不够的。所谓的页面下载速度便可分成以下三部分：下载时间，渲染时间和可视性，好的设计者应通过页面优化在三这者中找到一个平衡点，进而产生理想的下载，从用户点击请求到页面总体框面显示仅一眨眼时间，在页面完全渲染完前用户便可以从中搜索自己需要的信息。
2.1.1加快页面下载的普遍原则
1） 去除不必要的多媒体效果和内容: 可以用普通按钮取代图形动态按钮，用静态图像取代GIF动画，减少图形化的花哨文字标题，这些措施至少可以让页面下载时间缩短一半。
2） 用一切手段减少各种多媒体元素的大小。
3） 优先使用相同的图形或多媒体内容: 缺省的Netscape和IE都会在RAM或硬盘上设置缓存来保存最近用到的图形和文件，如果浏览器认识相同的文件名，则它会读缓存，从而大大提高效率。
4）提供低带宽备用内容: 如果你的文件格式不被认识或浏览器关掉了图形开关，这些备用内容就可派上用场了。
5） 对不是所有人都有必要或想看到的大型多媒体文件另置一页，在原来的页上仅提供一个按钮或低分辨率图形，边上注明所链接文件的大小和预计下载时间。
2.1.2 对图形的优化处理
1） 减少图形文件大小: 减少文件大小对加快下载速度有着突出的贡献,可以通过以下一些方法来减小图形文件大小。· 减小图形面积---这可以通过剪切图形或按比例收缩图形来实现，要注意的是，按比例收缩后有可能在图形上出现一些色斑。
· 注意颜色安排---通过降低色彩深度，使每一象素有较少的位数可使文件变小。而在一行内不要放入过多颜色将使文件进一步压缩，这对GIF文件更加有效，因为GIF仅是颜色的列表，它为每一行设置一个颜色列表，因此, 当沿水平方向改变颜色时，应尽量使用更多的相同颜色片段；基于相同的原因，当使用连续色调时，应尽量从顶部向底部延展，而不要在左右方向上延展。
· 调整图像中的对比水平---大多数图像软件都提供重润色选项,如伽玛(Gamma)较正和加亮(highlight)/中调(midtone)/阴影(shadow)来改变一个图像内的对比。缩减这些值，通常可以减少文件尺寸。
· 抑制抖动---抖动是指用现有调色板中颜色值来接近调色板中没有的颜色，它倾向于增大GIF文件的大小，通过选择通用安全216色调色板和用图形程序里选择“No Dither”选项可消除抖动。
2） 在HTML文件中为图形设置WIDTH和HEIGHT属性: 用WIDTH和HEIGHT属性来放大和压缩图示面积并不能加快下载，但它可以使浏览器在下载图片前便确定正确的页布局，先把文字和其他后继内容显示出来，是用户在下载图片的同时便可开始浏览。
3） 随同符号使用 LOWSRC属性: 这个属性允许我们指定另一个图形文件，它将首先下载，并在由SRC属性指定的图形文件之前显示出来，一般由它指定一个低分辨率、低色度的与SRC图形相同大小的图形，这样下载将变快。
4） 使用交错式GIF和渐进式JPEG：交错式GIF和渐进式JPEG是对原来图形标准的扩展。其中交错式GIF向后兼容而渐进式JPEG不能。当下载后在页面上显示时效果就如同它是从一套百页窗后显露出来一样。尽管他们不能加快下载速度，但用户的感觉却是加快的。
2.1.3 对表格〈TABLE〉的优化处理
虽然用〈LAYER〉和在页面布局时可以做到精确定位，但那也许只是将来的理想方案。在目前，为了得到一个真正跨浏览器，跨平台的设计方案，还得用表格进行局。
表格也许是目前网页中用得最多的布局元素，因此，对表格的优化就显得特别有价值，虽然这部分优化并不能减少下载时间，但由于浏览器需要在填充表格内容前完全理解表格的结构，所以适当的表格运用将大大缩短网页的渲染时间。在使用表格时应注意做到：
1) 将一个单一的大表格拆成多个小表格：这将加快页面显示速度，尤其当页面很长而用表格进行整体布局时更是如此。
2) 对〈TABLE〉、〈TD〉适当使用Width属性：在这一点上应注意单元格内的内容的宽度，你定义的单元格宽度至少应与内容宽度一致，以避免浏览器的过滤作用对其进行两次渲染。
3) 千万不要嵌套表格：这将使表格处理时间以倍速上升，如果一定要嵌套，至少应尽
使被嵌套表格保持简单。
4) 不要将太新的扩展多媒体元素放入表格：这将使浏览器迅速崩溃。
其他多媒体元素的优化处理
1) 对动画部分的优化： 对Direct或 Authorware动画应尽量压缩帧数，并使用shareware流式传输处理，对一般网页上常见的GIF动画，FLASH动画或JavaScript动画应尽量少用，因为他们一般除装饰效果外很难有什么其他作用却会使页面尺寸急剧增加。
2) 对背景音乐的优化：优先选用midi格式，采样仅需8位、11kHz即可。如果需要语音朗读的话，尽可能使用男声，这可以采用更低的设置。尽量将声音做成可选设置，优先选用流式声音传输格式。
3) 对脚本程序的优化：许多网页制作者认为页面中的 JavaScript等脚本语言不会使页面变慢，然而大多数的脚本语言都是解释语言，而非编译语言，这就意味着他们装载后还需被分析，这也构成了页面渲染时间的一部分，在使用脚本语言时，应注意做到：
尽量将脚本嵌入页面中，而不使用SRC属性，因为这将引起对服务器的另一次请求，既加重了服务器负荷，又延长了总的下载时间。
· 如果用脚本控制Plug-in 或 DHTML，尽量用一个内置的装载和运行更快的函数来替代自己编写的函数。
2．2 对兼容性的优化
在兼容性问题上，既要考虑课件对各种操作系统和硬件平台的兼容性，更要考虑课件对各种浏览器的兼容性。
2.2.1 在平台兼容性上的优化
当课件在INTERNET上时，你无法设想你的用户会在怎样配置的机器上使用怎样的操作系统，好在Web本身的跨平台特性已为我们很好地解决了这个问题，使我们免于多次开发，但为了使课件能够在各种平台上正常显示，仍需要我们在定义潜在用户群时考虑许多细节，包括：显示器的分辨率和色深，对音频和视频的支持情况，各种平台上相同字体的差异，各种平台上显示调色板之间的差别等等。
2.2.2 在浏览器兼容性上的优化
与由于浏览器不兼容带来的影响相比，由于平台不兼容对课件开发所带来的影响几乎可以忽略不计了，各大主流浏览器开发厂商或者由于商业上的考虑而故意制造不兼容情况，如Netscape和IE；或者为了追踪技术发展不得不造成新版本某些部分事实上不向后兼容，如Netscape Communicator 4.5与以前版本对JavaScript的处理；再加上其他难以计数的各种非主流浏览器，如何消除浏览器兼容性对课件开发的影响，才是课件开发者所真正要关心的问题。
在这次课件项目开发中，考虑到Netscape 和IE加起来占了浏览器使用总数的90%以上，而且均可以从网上免费得到，所以开发以IE 4.0 版为主，同时兼顾Netscape 4.0 以上版本；对某些重要的功能，如果两者需用不兼容技术实现，则分别开发两个版本，由服务器对用户浏览器进行判别后分别下载。在脚本语言方面，由于JavaScript是唯一大多数主流浏览器均支持的语言，所以成为唯一选择。由于IE支持所有Netscape扩展标签，所以标签选用上优先考虑Netscape标签。
3.课件中导航、查询、测试功能的实现
3.1 导航功能的实现
在本课件中导航功能采用以下几种方案来实现。一种是每一页底部均有的导航钮，这个方案主要提供课件预定学习顺序；一种是导航图，它指出用户现在正处于整个课件的什么位置；一种是查询方案，这个方案提供在整个站点内搜索相关页的功能；还有一种便是树型目录，它与教材目录相同，可用于辅助检索。树型导航目录为单独的一页，显示在左边的框内。一开始显示各章标题，单击章标题号后目录展开，显示这一章下面的节的标题，未展开的章标题及其前的标记为蓝色，展开后标记转为红色，再次点击已展开的章标题后目录将恢复原样。整个目录还可扩展，在节标题目录下加入第三层，用以显示每一节下的各小节标题内容，树型导航部分中每个标题点击后都将在右侧框架中显示对应页的内容。
3.2 查询功能的实现
查询功能其实可以用FrontPage98内置的Search Form(检索表单)组件下的Active Elements来实现，其功能非常强大。但目前由于FrontPage未发行中文版，因此其对中文的查询不能很好的支持。我们现在在课件中的查询功能是用JavaScript实现的，它通过维护一个关键词及包含页面URL的对应词典表来实现查询，整个课件总页面数将在一千页左右，常用的关键词有几百个,在这种规模下这个查询程序的工作仍将是有效的。
3.3 测试功能的实现
虽然课程考试的题目需要有专门的试题库系统自动生成，但每个单元后的练习题和单元测验题却可用网页加脚本的形式简单实现，从而大大减轻服务器和数据库的负荷。试题以选择题形式出现，选项多少不受限制。程序经过简单改动还可提供填空题的形式。
4. 对基于Web的多媒体CAI课件发展方向的一些探讨
首先，从功能上说，根据学生学习课件后取得的效果，可把课件分为“知识和技能的获取”型，“应用知识分析和解决问题”型，“创造性的解决问题”型三种；而从目前课件开发情况看，以第一类居多，第二类较少，第三类几乎还是空白。我们认为，在这方面应加强研究的力度，应加快发展的步伐。而这需要教育学家和计算机专家的共同努力，关键在于教学理论和认知模型的创新。
其次，从内容组织方式来说，目前课件基本都是通过超链接的方式组织起来的，学生可以根据自己的学习速度进行学习、交叉索引也比较方便，这与以前固定速度的教师传授或单一方向的印刷课本相比，当然是个较大的进步；但课件各部分的内容及组织结构仍是预先固定好的，弹性较小。我们认为，理想的课件应能够根据学生的知识结构，学习类型和学习情况动态生成学习内容及组织结构。在动态组织这方面，目前我们能做到的还只是根据学生对每一小节后习题的完成情况动态增加一些预先准备好的补充页，这对于因材施教是远远不够的，这方面的改进还有待于在课件中提高智能化程度来解决。
网站建设策划书包含的内容如下：
一、建设网站建设前的市场分析
1、相关行业的市场是怎样的，市场有什么样的特点，是否能够在互联网上开展公司业务。
2、市场主要竞争者分析，竞争对手上网情况及其网站策划、功能作用。
3、公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力(费用、技术、人力等)。
二、企业建设网站目的及功能定位
1、为什么要建立网站，是为了树立企业形象，宣传产品，进行电子商务，还是建立行业性网站?是企业的基本需要还是市场开拓的延伸?
2、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能类型：
企业型网站、应用型网站、商业型网站(行业型网站)、电子商务型网站;企业网站又分为企业形象型、产品宣传型、网上营销型、客户服务型、电子商务型等。
3、根据网站功能，确定网站应达到的目的作用。
4、企业内部网(Intranet)的建设情况和网站的可扩展性。
三、网站技术解决方案(与专业公司商议)
根据网站的功能确定网站技术解决方案。
1、采用自建服务器，还是租用虚拟主机。
2、选择操作系统，用Window20xx/NT还是Unix、Linux。分析投入成本、功能、开发、稳定性和安全性等。
3、采用企业建站模板自助建站、建站套餐还是个性化开发。
4、网站安全性措施，防黑、防病毒方案(如果采用虚拟主机，则该项由专业公司代劳,例如：耐思尼克)。
5、选择什么样的动态程序及相应数据库。如程序ASP、JSP、PHP;数据库SQL、ACCESS、ORACLE等。
四、网站内容及实现方式(与专业公司商议)
1、根据网站的目的确定网站的结构导航。
一般企业型网站应包括：公司简介、企业动态、产品介绍、客户服务、联系方式、在线留言等基本内容。更多内容如：常见问题、营销网络、招贤纳士、在线论坛、英文版等等。
2、根据网站的目的及内容确定网站整合功能。
如FLASH引导页、会员系统、网上购物系统、在线支付、问卷调查系统、在线支付、信息搜索查询系统、流量统计系统等。
3、确定网站的结构导航中的每个频道的子栏目。
如公司简介中可以包括：总裁致词、发展历程、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等;客户服务可以包括：服务热线、服务宗旨、服务项目等。
4、确定网站内容的实现方式。
如产品中心使用动态程序数据库还是静态页面;营销网络是采用列表方式还是地图展示
基本内容
一个网站的成功与否与建站前网站的规划有着极为重要的关系。
在建设网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。网站建设方案应该尽可能涵盖网站规划中的各个方面，网站建设方案流程的要科学、认真、实事求是执行。
服务内容
市场分析
1、相关行业的市场是怎样的，市场有什么样的特点，是否能够在互联网络中间上开展公司业务。
2、市场主要竞争者分析，竞争对手网站建设情况及其网站规划、功能作用。
3、公司自身条件分析包括公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力(费用、技术、人力等)。
功能定位
1、为什么要建立网站，是为了宣传产品，进行电子商务，还是建立行业性网站?是企业的需要还是市场开拓的延伸?
2、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能：产品宣传型、网上营销型、客户服务型、电子商务型等。
3、根据网站功能，确定网站应达到的目的和作用。
4、企业内部网(Intranet)的建设情况和网站的可扩展性。
解决方案
根据网站的功能确定网站技术解决方案。
1、采用自建服务器，还是租用虚拟主机。
2、选择操作系统，用unix,Linux还是Window20xx/NT。分析投入成本、功能、开发、稳定性和安全性等。
3、采用系统性的解决方案(如IBM，HP)等公司提供的企业上网方案、电子商务解决方案?还是自己开发。
4、网站安全性措施，防黑、防病毒方案。
5、相关程序开发。如网页程序asp . net、JSP、PHP程序等。
网站规划
1、根据网站的目的和功能规划网站内容，一般企业网站应包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。
2、电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。
3、如果网站栏目比较多，则考虑采用网站编程专人负责相关内容。注意：网站内容是网站吸引浏览者最重要的因素，无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查，并在网站后调查人们对网站内容的满意度，以及时调整网站内容。
网页设计
1、网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合行业规范。要注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。
2、在新技术的采用上,要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。
3、制定网页改版计划，如半年到一年时间进行较大规模改版等。
4、网页设计应考虑导航的设计、二级页面的内容以及网站布局、色调搭配等，合理的网页布局能给人一种视觉上的冲击力，从而为宣传、推广等奠定良好的基础。
网站维护
网站的维护要分前期和后期维护以及长久维护，相对来说后期维护耗费的人力较多，随着网站的规模越来越大，维护的费用会相对增加。
1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。
2、数据维护、内容维护等。
网站推广
网站建设完后需要有流量。一个没有流量的网站就如一座空房子，死气沉沉。网站如何获得流量就需要做好网站推广了。
1、在公共场所广告，增加网站曝光。这种推广需要一些资金投入，企业可根据自身情况选择。
2、在各大网站软文，发帖吸引流量。
3、选择搜索引擎竞价排名。目前国内主流的搜索引擎是百度，可以选择百度竞价排名。
4、聘请专业seo人员或公司做好优化，提高网站搜索引擎排名。
时间和进度
包括网站开始和结束的时间，以及项目预计的进度，都应该在网站建设方案书中予以体现。
关键词：大学英语 网络学习 资源整合
随教育信息化进程的不断推进，教育资源逐渐从纸本形态为主向数字电子形态为主转变，现代学习者也得以拥有海量的网络学习资源，但如何从中筛选优质资源的问题也随之产生。本文探讨筛选和整合网络资源的方法和原则，以期有助于整合优质网络学习资源这一目标的实现。
一、大学英语网络学习资源的分类
网络中丰富的教学资源可根据使用对象分为三类：学习资源、科研资源和备课资源。网络学习资源是指供学习者使用的网上各个学科的课程、讨论组、试题库、教学软件、学科知识等。按资源形式划分，网络学习信息资源主要类别有：教育网站、电子书籍、虚拟软件库、网上数据库等。1按资源内容划分，大学英语网络学习资源主要类别有：语言知识资源、语言技能培养资源、语言应用音视频资源等。
（一）语言知识资源
语言知识网络学习资源展示英语语言基础知识，如语音、词汇、句法、语法等。语音知识资源如动画学音标网页、英语发音十日过关网页等；词汇网络资源非常丰富，按难易程度如开心词场系列网页中四级高频词、六级高频词等，按学习方式如“用听的背单词”系列网页、词汇游戏网页等；句法资源如大耳朵英语学习网中的考研英语长难句突破网页；语法资源如英语语法Flash、旺旺语法辞典、洪恩英语语法网页等。
（二）语言技能培养资源
语言技能培养网络学习资源针对听、说、读、写、译五种英语语言基本技能。听的技能培养资源如：BBC听写天天向上中心、优美有声散文、VOA慢速英语等；说的技能培养资源如：出国旅行口语、晨读美文等网页；读的技能培养如：每日头条新闻总汇、每日哲理阅读、双语达人等网页；写的技能培养资源如BBC写作策略网页、英文写作网等；译的技能培养资源如可可英语的英语口译专栏、恒星英语的英文翻译专栏等。
（三）语言应用音视频资源
英语语言应用资源主要是以英语为母语的人使用语言的实录，具有为其他国家语言学习者提供语言环境的功能。大学英语网络学习音视频资源包括英语新闻、英文歌曲和英文电影网页等，如CCTV-9、听歌学英文、、沪江英语的看电影学英文网页等。
（四）其他
以上为数量最多的三种网络学习资源，另外还有大学英语网络课程资源、英语考试辅导资源、英语学习策略资源等。网络课程资源主要有大学英语教材配套的网络课程，以及各院校大学英语优秀课程、精品课程网站；英语考试辅导资源按考试类型可分为四级、六级、雅思、考研辅导资源等，典型网页如英语考试频道；英语学习策略资源如：展示口语提高策略的李阳英语系列的一口气训练法网页、展示备考策略的“考研加油站”网页中考生复习经历贴等。
二、网络学习资源整合的方法
整合网络学习资源包含五个基本环节：设计、研发、资源建设、评估、运行管理。
（一）设计
设计环节由课程教师与教育技术专业教师共同完成。首先课程教师通过调查问卷、访谈、观察等方法了解学生对哪些网络学习资源的需求最大，随后设计资源整合网页中所包含的内容，之后明确网页的分区和每部分的功能，最后与教育技术专业教师合作形成网络资源整合的方案。
（二）研发
研发环节由教育技术专业教师根据设计方案研发网站体系。主要包括四个步骤：第一，根据方案设计各级界面；第二，根据资源整合网页各部分的功能编写程序代码；第三，搭建网络平台主体框架；第四，完善各项功能。
（三）资源建设
资源建设环节主要向建成的网络平台上传和添加教学资源，由教育技术专业教师协助课程教师完成。主要包括四方面内容：第一，收集文、图、声、像、动画等教学资源；第二，对收集的教学资源进行整理与格式转换；第三，将多媒体学习资源上传；第四，修改和完善学习资源。
（四）测试评估
初步完成的网络课程平台需要检测其各项功能是否达到方案要求，由课程教师和教育技术专业教师从内容和技术角度测试网页使用情况，课程试行后不断修改和完善资源整合网页。
（五）运行管理
此环节将已经过检测的网络课程转移到网络课程服务器投入使用，常规管理工作主要由教育技术专业人员完成。如：对完成的课程进行版本管理、对完成的课程进行数据备份、对课程进行安全检查并查杀病毒、将网页正式运行。
三、网络学习资源整合的原则
1.网页结构合理设计原则
网络学习资源是海量而无序的，筛选优质的网络学习资源后构建的网络资源库，应将内容科学地分类。如网页内容首先按网络课程、素材库、题库、课件库等分类清晰地划分；在素材库下拉菜单中，也可按文本素材、图像素材、音频素材、视频素材、动画素材等分类。
2.学习内容交互性原则
网络学习方式更需要师生、学生间的同步或异步交互，如通过电子邮件、电子白板等方式交流信息。以电子共享白板为例，学生既可以获得教师针对学习者共同存在问题的辅导信息，也可以通过公共窗口对问题发表自己的看法或加入小组讨论，了解其他伙伴的学习情况。
3.网页导航清晰原则
为便于学习者快捷地从网页获得信息，可以通过检索表单、目录索引表、帮助页面、导航条、书签、动态导游图等为学习者有效导航。
4.教师答疑及时原则
与传统学习相比，网络学习更需要运行良好、反馈及时的学习帮助系统，应构建由教师或专家组成的支援系统为学生答疑：及时解答学生咨询的问题、就学习进程与方法向学生提出合理化建议。
5.重视情境创设原则
学习是在新的知识和学习者已有知识之间建立起联系的过程，学习者在接触新的学习资源时，是在一定的情境下把新知识与已知概念和自身经验相结合，因此网络学习资源的设计应重视情境的创设。2首先要依据学科特点创设情境，大学英语网络学习应创设尽可能真实的情境，以便激发学习者的自主性、优化自主学习的效果。其次要依据学习策略的组织方式创设情境，如探究式学习策略应给学习者提供适于主动发现、积极探索的学习情境；互助学习方式应设置合适的场景和扮演的角色，营造易于学习者交流的情境。
总之，教师可依据设计合理、内容交互、导航清晰、答疑及时、创设情境等原则，科学地设计研发、构建网络资源整合网页，并引导学生利用资源整合网页高效地自主学习，逐步实现向以网络为媒介的课堂教学与自主学习相结合的新型教学模式的转化。
参考文献：
关键词：网页设计;课程知识体系;体验设计;交互设计;信息设计
网页设计作为高校设计学专业的专业课程，在教学课程知识体系的不断探索和完善中，形成了以艺术和技术分别主导的侧重不同而又紧密关联的两种课程知识体系。随着网页设计理论与方法研究的不断深入和发展，人们对网页的产品设计的属性认知越来越明确，对网页设计的工作分工更细致也更专业，这种认知进步也应该体现于当前的高校网页设计课程的知识构建体系中。
一、网页设计课程知识体系的构建变迁
1.从代码知识到网页制作工具知识的转变
早期，高校网页类课程的知识体系构建得益于院校的科研优势，互联网的发展直接促成了计算机专业的开设和网页设计课程的设立。20世纪90年代末，网页设计课程陆陆续续被列入部分高校设计类专业课程目录。面向高校学生的网页设计课程内容是一种全新的事物，即使面向艺术类专业，也由计算机专业相关教师承担教学任务。各高校、科研院所对网页制作方法不断探索，并将成果于各种学术研究出版物，教学方面则直接引用案例教学，教学内容以HTML知识为主。由于面向对象的设计思想在软件开发中普及，各种不需要用户直接面对代码的网页制作工具相继诞生，于是，这方面的知识成为课堂的新内容，大大减轻了学生的记忆负担。2.网页制作向网页美工的转变网站制作的快速发展、网页制作技术的传播，使网站在技术层面进入了同质化阶段，市场需求开始转向页面视觉效果方面的提升。在网页设计课程中，由于对网页设计分工认知不足，早期的网页设计课程时常将设计和制作的名称与授课内容混用，没有严格区分，也没有明确的网页前端设计与视觉设计分工。高校网页设计课程的授课内容以网页制作技术为主，以美化页面效果为辅。此时，高校对于网页设计课程的视觉设计方面的专业教学研究处于摸索阶段。之后，随着时代的发展，网页设计课程教学核心开始转变为制作具有更佳视觉效果的网页。3.网页视觉设计与网页前端设计的内容分离侧重于设计的网页设计课程知识体系重构从探索、发展到成熟，经历了较长的准备阶段。随着界面设计方法和流程理论体系的日益完善，分工协作机制日趋成熟，前端设计分离后，网页设计课程的重心确定为符合网页制作技术规范和条件的页面创意表达、视觉效果设计与优化。网页视觉设计的探索从传统的平面设计方法寻找切入点，通过对网页设计中的审美需求和各种视觉构成要素（如文字、图片、颜色等）进行分析，结合人们在浏览信息时的视觉习惯，探索网页视觉信息如何被更有效、更合理地表达。网页设计教学重心内容在转移到视觉设计之后，该阶段还未意识到网页交互设计的核心地位。
二、用户模式的网页之设计认知构建
网页设计的本质是用户的体验设计。网站作为互联网非可触形态的产品，对其认知的构建包含产品属性认知与服务属性认知两个层面的内容。1.网页设计是一种产品设计设计是一门交叉学科，网页本身也是一种产品。网页设计最初被视作平面领域的设计，而链接交互是网页设计有别于平面设计的基本特征。网页设计存在交互性，使其具有交互设计可用性与易用性体验的内在要求，适用于工业产品的基本设计流程。2.网页设计是一种服务设计服务设计层面，各种网页交互体验、视听信息、线上内容服务与线下互动等，是网站向用户提供服务的设计组成部分。作为一种广义的产品形态，网页设计与传统的实物形态的工业产品设计有一定区别，更倾向于体验的系统化设计。随着互联网向物联网的可用技术研究与拓展，基于智能化网络的服务设计将成为跨越线上线下的主流设计形态。3.网页页面信息设计是关系网页设计品质的深度设计网页设计作为一种信息量庞大的互联网单元，从工效学角度来看，网站信息本身也担负着面对用户、有效传递信息的功能和任务，在具体的设计活动中，表现为对信息的设计。信息设计具有多学科交叉性、空间多维性、时间流动性等基本特征，信息设计的目的是为了提高信息的可理解度和可阅读性。优质的网页信息设计可以降低用户获取信息的时间和精力成本，提升页面信息获取体验。
三、基于用户模型的网页设计课程的知识体系构建
网页设计的本质是对体验的设计，即以用户为核心思考设计方案，研究用户在访问网站时的需求是网页课程设计任务的基本出发点。课程内容模块应该以回答网页设计是什么、怎么设计、为什么这样设计三个问题为主线，构建网页设计课程的知识体系。1.课程的基本目标掌握网站项目与网页制作的基本设计流程，培养设计项目管理和组织能力；掌握用户需求研究分析的基本方法，对用户体验和需求研究有较为敏锐的洞察力；掌握网站交互原型相关的设计方法与工具；掌握网页视觉设计方法和设计规范；了解目前网页前端设计的相关技术和工具。2.知识体系与模块组成（1）设计方法教学内容模块设计方法教学内容模块主要为了解决面对具体问题时设计师怎样展开分析研究工作并确定设计执行方案。网页设计方法主要分为项目流程设计与管理、网站策划方法与规范、用户体验研究、交互原型设计方法等，让学生通过贯穿整个课堂教学的项目流程设计和每个流程的具体设计方法的实践，掌握基本的设计理论。（2）软件工具教学内容模块软件工具教学内容在形式方面包括课堂内的指导和课堂外的自学两个部分。鉴于设计软件的频繁更新和新的设计软件不断涌现，教师必须培养学生自学工具的主动意识以适应社会需求。在工具种类方面，包括图形处理工具、交互原型工具和代码工具三类。第一类是图形处理工具，其中常见的Photoshop、Illustrator等图形设计软件，已经在前置课程中基本完成学习。第二类是交互原型制作工具，常见的工具有墨刀、Axure等。第三类是代码编辑工具，选择较多，作为对网页前端知识的入门介绍部分，在本课程中以介绍为主。（3）设计经验教学内容模块设计经验教学以启发式案例实践为主，按照网站项目设计的流程需要，设定不同层次、不同要求的设计实践任务作为课程结课的考核内容。学生通过案例的练习能从优秀作品中学到设计经验，从具体的案例模仿中获得设计的成就感。网页设计课程案例教学同时也是对网页设计方法的实践验证，有助于学生对网页设计方法的理解和体会。结语任何一种技术变革，都可能让网页设计出现新的艺术形态，前端依然是课程必须了解的知识。目前，就设计艺术角度而言，网页设计课程的内容以交互和视觉设计为基础，在信息设计层面也有较大的提升空间，设计途径也已经拓展到用户的视觉、行为、声音和逻辑等方面。网页设计课程的知识体系构建必须以产品的视角，让学生更深刻、更完整地理解用户模式下的网页设计艺术。
参考文献：
[1]韩旭.新概念网页设计.包装世界，2000（5）.
[2]鬲波飞.网页设计之视觉信息传达分析.湖南大学学报（社会科学版），2001（S2）.
[3]刘真.《Don’tmakemethink》，从网页设计到产品设计.科技与创新，2015（8）.
1对网页设计中安全漏洞形成原因及对企业所造成危害的分析
网站中有全面的企业信息，用户可以通过网站信息对企业形象和企业产品有一个全面认识，它是企业和用户之间的一种重要交流工具，为企业和用户交易活动的达成提供了有力保障。网站是现代企业发展的关键，也是电子商务的重要表现途径，具有重要意义。网页设计工作是网站建设工作的重要组成部分，企业网站各项内容的建设其实质是网页设计的有机结合，网页设计质量的高低对网站实际作用效果的好坏有直接影响。ASP、PHP或JSP等脚本语言是网页设计较为常用的服务器端网页设计技术，ASP、PHP或JSP等脚本语言的应用为网站技术开发人员的开发工作提供了便利，使网站资源的管理更为高效、便捷，促进了用户与网站之间的沟通交流，用户通过网站可以及时了解企业动向、参与企业的论坛交流、企业产品相关信息、在线调查以及贸易合作等。企业与用户之所以可以通过网站进行交互是通过脚本语言编程技术实现的，脚本语言编程一旦出现问题，就会对网站造成不同程度的威胁，形成相应的安全缺陷，为企业内部信息带来巨大风险。用户输入什么信息内容是无法预测的，具有不可控性，在网页设计过程中如果开发人员对用户输入的信息内容考虑不全面或未考虑该方面内容，对网站来说此用户所输入的内容很可能成为一种攻击企业网站的危险工具，对企业网站的正常运行造成不利影响。企业网络服务器与ASP、PHP或JSP等网页脚本语言编程是直接相连的，网页脚本语言还与网站设置、网站数据库有着密切关联，脚本语言编程一旦出现问题，就会使整个网站存在安全缺陷，牵连甚广，企业网页受到攻击之后可能导致企业内部信息被窃取甚至造成整个网络瘫痪的不良后果，给企业带来巨大损失。
2对网页设计常见安全漏洞的分析及相应的解决方案
2.1登陆验证中存在的安全漏洞及解决方案登录验证是聊天室、信息网会员区、论坛等交互性网站中必不可少的一部分，虽然在整个网站运行中登陆验证只是其中的一小部分，却对整个网络的安全运行至关重要，它是整个网站的安全之口。在网页设计过程中，开发人员常常忽略掉这一环节的设计工作。网站开发人员编程的不严谨致使当前很多企业网站都存在登陆验证的安全漏洞，安全关口验证程序的不到位为网络安全埋下了巨大隐患，会让不法分子有机可趁，为企业造成不必要的损失。针对登陆验证漏洞问题，我们采取了以下解决方案：通过注册限制的设定有效避免非法账户密码的申请，对解决以上问题非常有效；其次，在SQL登陆查询语句生成之前，先对用户信息进行过滤（用户名和用户密码），避免非法账号密码的应用；最后，在对用户进行验证之前，先验证用户的用户名是否合乎标准，确认用户名属实后，在对密码进行验证。
2.2桌面数据库安全漏洞及解决方案在ASP+Access应用系统中，网站一般会为用户提供部分信息的下载权限，如果用户知道Access数据库的数据库名和存储路径，就可以将其他信息也下载下来，就会造成数据的流失。多数网上图书馆Access数据库的存储路径多以根目录“(URL/”)下或“URL/database”为主，该类数据库通常会被命名为Library.mdb或与之相关的名称。用户了解该信息之后，只需在浏览器中输入“URL/database/Li-brary.mdb”或相关地址信息，就可以进入网上图书馆，并将图书馆中的其他信息下载到用户本地电脑中。为解决桌面数据库安全漏洞问题，在网站设计中，ASP程序应该采用ODBC数据源，通过采用ODBC数据源可以有效避免数据库名称直接出现在运行程序中的问题，ASP源代码即使出现泄漏问题，数据库名称也不会因此而被窃取或流失，为网站的安全运行提供了有力保障。以下一段ASP程序代码就是利用一般数据库编写的：DBPath=Server.MapPath“(./akkjj16t/acd/kjhgb661/avccx55/faq19jhsvzbal.mdb”)conn.Open“driver={MicrosoftAccessDriver(*.mdb)};dbq=”&DBPath。如果该段ASP源代码失密后，数据库相关信息也会被窃取，用户可以轻易将数据库信息下载下来。如果ASP程序代码利用ODBC数据库编写，则不会存在conn.ope“nODBC-DSN名，ASP源代码即使出现泄漏问题，数据库名称也不会因此而被窃取或流失。
2.3绕过验证直接进入相关页面的漏洞及解决方案在进入某些敏感页面前，系统首先会对用户进行身份验证，如果用户知道了与敏感页面相关的网页设计页面的路径及文件名，并且该页面又没有设置验证程序，此时用户只要输入该设计页面的文件名就可以进入设计页面，成功绕过登陆验证界面的筛选。为提高网站安全性能，开发设计人员必须对与之相关的页面设置身份验证程序，对用户进行身份验证。
2.4文件上传漏洞及解决方案同学录、交友网站等类似网站系统都有文件上传功能，企业通过网站文件上传可以进一步增进与用户间的交流互动，但网站开发者对用户所提交的信息缺乏充分的分析和必要的过滤，很多恶意攻击者会利用这一漏洞在网站上上传病毒文件、恶意文件等不良信息，这些有毒文件可能会对系统数据库造成不同程度的损坏，某些网站攻击者甚至以Web权限在系统上执行任意命令。通过加入文件类型判断模块可以有效解决文件上传漏洞，对用户上传文件进行充分的分析和必要的过滤。当系统要求用户上传图片文件，用户只能以系统指定的JPG、GIF文件格式才被允许上传，像*.PHP、*.ASP、*.JSP、*.EXE等格式的程序文件是不被允许上传的。
2.5源代码泄露漏洞及解决方案为有效避免源代码被窃取、遭泄露的威胁，开发者在网站设计过程中应该对页面代码进行加密处理，使网站的整体安全性能得到大幅度提高。ASP网页加密方法一般包括以下两种：通过采用微软的ScriptEncoder对ASP网站页面进行加密；通过采用组件技术将编程逻辑封装到DLL当中，防止信息的丢失。当采用组件技术方案时必须对每段代码均需组件化，该项方案的工作量较大、操作较为烦琐，与之相比ScriptEncoder加密方案具有成效佳、操作简单等显著优点，将其用于解决源代码泄露漏洞问题可以取得较好的效果，其优点主要有：HTML具有较好的可编辑性，系统其他部分无需变化，ScriptEncoder只加密在HTML页面中嵌入的ASP代码，通过采用Dreamweaver或FrontPage等常用网页编辑工具对HTML部分进行修改、完善；ScriptEncoder具有制作简单的优点，通过几个简单命令行参数即可完成多功能操作。
3总结
通过本文中列出的相关的安全解决方法，在网站的建设中充分考虑网络的安全性，有效的降低了网络系统的安全漏洞，加强了网络的安全性。
作者：徐晓丹单位：辽宁机电职业技术学院
1.以就业为导向的网页设计与制作课堂的教学
1.1网页设计与制作课程的内容与特点
网页版面的规划设计与制作方法是网页设计与制作主要设计的内容，在计算机应用中网页设计与制作只是其中的一个分支。学生可以通过学习网页设计与制作学会基本技能，用来进行网页美化、网页设计与网页制作。网页设计与制作作为一门课程有一定的技术性，同时它所具有的艺术性也很强，学生会因为课程丰富的内容和涉及到多方面的知识而获取生存技能，同时学生的艺术气息也会受到培养。因此学生自身要有较高的综合素质才能学习这门课程。
1.2以就业为导向的课程体系设置目标
就业是目前网页设计课程的设计导向。市场需求是这种体系的前提，课程设置以就业为先决条件，职业中所需要的技能在课程设置中都能找到相对应的内容，学生有明确的就业方向在毕业之后。课程设置决定于岗位需求，课程内容紧密联系实际需要，在就业趋势上充分体现了“能力本位”。网页设计为与市场相连接应该构建一套课程体系，课堂体系的本位应该是培养能力、主线是进行实践操作并且能够顺应经济社会的发展。这套课程体系归纳总结了网页设计师在实际中的应用，不同的模块在教学中被设立用来进行学生的训练，对于教学中的知识点学生可以通过模拟训练来熟练掌握。
2.大学文科专业开展网页设计与制作课程的必要性
当今社会已经普遍应用了计算机和互联网，各企业和单位也越来越重视自身网站的建设，因此基本的网站制作技能是每个专业的学生都应该具备的。互联网背后运作被网页设计展现在大学生面前，对于这些文科生中的很多人都是闻所未闻的。因此，文科生会或多或少的存在一些困难在网页制作的学习中。文科生与理科生相比有比较活跃的思维，对文字更善于表达。如果对于计算机技能文科生能够快速的掌握，结合自己的知识背景和现代计算机来满足市场上的各种职业要求，那么他们的就业优势在同一竞争环境中就会比较突出。所以开展网页设计与制作课程十分必要。
3.以就业为导向的大学文科网页设计与制作课程体系构建策略
3.1优化课程内容设计，引入新的教学方法
在文科占较大比重的综合性大学中，学生因专业的不同需要掌握不同的计算机技术。因此，高校应该根据不同的张扬对计算机课程进行不同的设置。理论与实践紧密相连是网页设计与制作课堂的基本特征，没有清晰的划分界限在理论与实践之间。本文提出了一些建议与意见在教学方法上用来实现教学效果的最优化。
3.1.1模拟任务法，课堂教学结合实际操作。
教师在教学活动中可以把课堂假设成工作环境，模拟演练制作任务，一边把如何操作演示给学生，一边向学生进行讲解，学生则可以边听边做。学生在这样的讲练过程中很容易被激发出兴趣，这种以学生为主的课堂可以提高学生发现问题、分析问题和解决问题的能力。
3.1.2实际案例分析法。
教师在课堂中引入典型的分类网站，为学生在课堂上做展示，对这些网站的内容分类、布局结构及技术特点进行分析讨论。通过实际案例对教材中的知识点进行解释说明，使学生的创新思维在实践教学中得到培养，团队合作能力得到锻炼。
4.项目驱动的专题教学模式创新
4.1对教学项目进行合适的选择，开发进度表的制定要细化。
优秀的教学项目对学生的积极性能起到充分的调动作用，学生会由“要我学”的学习态度逐渐转变为“我要学”。对于教学内容与实际案例的结合教师在备课时应该进行充分的考虑，选择的网络项目应该略具挑战性、有较广的覆盖范围。
4.2为了促进网页设计课程的创新引入专题教学模式。
