网页优化方案精选(九篇)

第1篇：网页优化方案范文

尽管它的确很有价值，但 IT 专家们仍然热衷于对云计算的价值进行一场哲学辩论。他们想知道为大众设计的云计算和 SaaS 是否真正是企业数据中心现场 IT 设备的可选方案。毕竟，内建式 IT 设备可提供线速性能并可进行调整以满足一个企业的特定需要。

最近，首席信息安全官们召开了类似的会议，讨论了信息安全需求，特别是与网络安全威胁管理相关的问题。安全专家们考虑了类似的问题：大型企业应该选择企业内部自建安全网关还是将网络安全威胁的管理交给云服务呢？本文件的结论是：

* ?不管选择哪种解决方案，都要尽快解决网页威胁管理问题。 虽然关于企业内部自建与云服务对比的理论思考还在继续，而另一方面网页威胁管理的复杂性也在不断在增长。结果，ESG 研究表明大型企业在网页威胁管理解决方案上的投资越来越多。

* 企业内部自建和云端部署都有其优势和劣势。网页威胁管理网关适用于大型集中式设施，而 SaaS 则适用于远程办公和经常外出的员工。遗憾的是，大型全球化企业在这些方面都有需求，因此不管是安全网关还是 SaaS 都无法单独满足其需求。首席信息安全官们想知道他们到底应该选择一个解决方案，还是实施多个供应商的多个解决方案。

* 大型全球化企业需要紧密集成的混合式解决方案。 通常跨国企业都有大量集中的和分散的员工。这些企业需要一致的策略管理、实施和监督，让雇员不管从网络的哪个位置连接都有很强的安全性。实际上，这正是实施结合了企业内部自建设备控制与云的灵活性的统一混合式网络安全解决方案的最主要原因。采用混合式架构，大型全球化企业不但可以进行集中管理、分布式实施，还能够利用移动、远程和集中的员工云计算社区的“众包”优势。这种结合了两个领域最佳优势的架构将发展成为标准的企业部署。

网页威胁越来越危险

虽然病毒、蠕虫和木马的防御一直都是个难题，但许多首席信息安全官们认为现在的威胁管理更是一天比一天棘手。这是由于大型企业不但要面对传统的攻击载体，还要面对越来越危险的网页威胁。由于以下原因，这方面的情况会越来越糟糕：

* ?空前的恶意代码量。 根据最新的 Blue Coat 网站报告，网页威胁的数量仅与去年相比就增加了 500%以上。此外，恶意代码变种的数量增加了 300% 以上，而钓鱼攻击增加了 600% 以上。

* 危险的网页内容。 近半数恶意代码的威胁目标是网络浏览器，因为许多网页应用程序都很脆弱，很容易受到感染。用户还倾向于相信 Google、Yahoo 和 Bing 等高流量站点的网站，而这些网站都受到过攻击并被用于散播恶意代码。Web 2.0 是由动态内容驱动的，这是一个新的又难以捉摸的入侵载体。最后，网页威胁可以特定企业或个人为目标，使检测和预防都极其困难。

* 社交网络载体。社交网络站点已经迅速成为犯罪的多发地。例如，Zeus 僵尸网络在过去的几年里通过 Facebook 散播了超过 150 万的钓鱼信息。因此难怪有超过三分之二 (77%) 在企业机构（超过 1000名员工）工作的安全专业人员认为，员工访问社交网络会提高受到复杂攻击的几率（见 图 1）

图 1.相信社交网络站点会提高受到 APT 攻击的几率

来源：Enterprise Strategy Group，2011 年。

流动性增加。 员工经常会使用笔记本、智能手机和平板电脑访问各种企业和消费者网页应用程序。虽然这种流动性可以促进生产率，但它也使管理设备配置、更新安全签名或监控可疑和/或异常行为更加困难。

大型企业都在对网页威胁管理进行投资

维基百科对“网络威胁”的定义如下：

“网页威胁是使用互联网促成网络犯罪的任何威胁。网页威胁中会使用各种恶意软件和欺诈手段，所有这些都使用 HTTP 或 HTTPS 协议，但也可能利用了其他协议和组件，如电子邮件或即时消息中的链接，或恶意软件的附件或在访问网络的服务器上。它们帮助网络罪犯们偷窃信息后出售，并将感染的计算机吸收到僵尸网络。

网页威胁会带来一系列风险，包括经济损失、身份被盗、丢失机密信息/数据、偷窃网络资源、损坏品牌/个人声誉，以及破坏消费者对电子商务和在线银行的信任。

鉴于网页威胁的普遍性、数量和增长，首席信息安全官们不断在特定网络安全防护方面投资。这在最近的ESG 研究中有相关说明。近三分之一的企业说过他们将在 2011 年投资对网页安全给予投资（见图 2）

图 2. 大型企业将投资网页安全

来源：Enterprise Strategy Group，2011 年

哪种网页威胁管理模式是最好的？

首席信息安全官们在寻找网页威胁管理技术保障时，经常遇到大量令人难以决定的选择。在供应商夸张的宣传中，许多安全执行官还面临一个新的抉择：他们是应该购买并实施传统的网关安全解决方案呢，还是放弃企业内部自建解决方案而选择 SaaS 云服务？

网页威胁管理网关非常适合大型且集中的企业

网页威胁管理网关位于网络进出点，可过滤和阻止恶意网页内容，如钓鱼漏洞、病毒、蠕虫、木马和僵尸网络等。为了保持防护功能，安全供应商经常需要在出现新恶意软件威胁时定期更新网页威胁管理网关的规则和签名。

过去，大型企业通常会选择企业内部自建的网页威胁管理网关。这些传统的“壁垒服务器”有如下一些优点：

* 高性能。 网关应用以“线速”运行，延迟时间最短，对网络性能的影响最小。有企业级的 IT、 网络和安全技术的大型企业很容易就可以实施并调整网关安全设备，使其能够为上千需要网络 的员工提供强大的安全防护而不会带来任何负面影响。

* 可自定义的策略管理和实施。 企业在监管、产业特定威胁和内部治理方面有各种各样的安全需求。为满足这些不同的需求，许多网关网页威胁管理设备都为策略管理和安全防范提供详细设置。这样，企业便可以根据特定用户、组、位置或一天中某段时间的特定需求来设置网页威胁管理网关，从而执行安全策略规则。

* 中央命令和控制。 因有多个机构或驻地而有多个网络进出点的大型企业可能需要多个网页威胁管理网关。为满足这种需求，先进的网页威胁管理网关可对多个设备进行集中的命令和控制。这样，首席信息安全官们可对多个网页威胁管理网关设备实施统一的策略，或根据特定需求设置某个设备。

* 集成其他安全功能。 在许多情况下，网页威胁管理还可在高性能安全网关上结合其他安全应用，如DLP、反病毒或 URL 过滤。这样大型企业就可以使用标准化的单一安全设备来降低成本、简化日常维护并集中进行维护和支持。集成的安全设备还可以通过关联事件和合并报告来提高整体安全性。

云技术网页威胁管理适合分布式企业

网页威胁管理网关最适合位于同一地点的数个机构的数千员工访问网络的大型集中企业。但在当今的全球商业环境下，许多企业具有高度分散的特质，经常有在分支办公室、远程甚至路上办公的移动员工。在过去几年里，越来越多的安全供应商采用了 SaaS 或云技术交付模式作为传统网关设备的补充。分布式企业可利用使用云技术交付模式的网页威胁管理，这种交付模式有以下优点：

* 部署和操作简单。 SaaS 是一种“总承包”式解决方案，无需购买、测试、部署或管理新设备。通过网页威胁管理服务，只需将所有网络进出流量路由到云端 IP 地址，然后所有网页威胁管理策略就在远程得到了执行。

* 有效且高效的防护。 由于云供应商是为大众设计的这种解决方案，因此 SaaS 解决方案主要针对最常见的攻击类型提供充分的防护。就网页威胁管理来说，这意味着这种云端服务会阻止恶意 URL 和内容、钓鱼网站和已知的恶意软件分发服务器。可以认为云端网页威胁管理服务一种 80/20 法则的体现。它们可能不会提供企业内部自建网关那样的自定义设置或安全集成，但它们能够对常见网页威胁提供有效且高效的防护。

* 支持远程办公室和移动工作者。 根据最近的研究，ESG 认为在远程和分部工作的员工比集中工作的员工有更大的安全隐患，特别是在计算机配置管理、终端用户培训和监测远程员工对敏感数据的使用方面3。这些有数十员工的远程办公室需要网页威胁管理，但由于在每个远程机构都部署网关设备在经济上或技术上是不可行的，于是云端服务这时便特别有吸引力。移动的工作者很少会在“防火墙后面”。因此，网关应用是无法在这方面提供任何防护的，而 SaaS 就成了理想的选择。

* 由于“网络效应”和“众包”的作用，云端安全服务还有一种潜在的安全优势。在这种模式下，所有云客户都是一名情报员，当他们发现了新攻击方式（如之前未发现的恶意代码或受到攻击的网址）时就会向云端报告。确定新的攻击后，云端安全社区中的所有其他人都能够受到保护。

图 3. 满足远程办公室/分支机构需求时面临的安全问题

来源：Enterprise Strategy Group，2011 年。

大型全球性企业需要混合式安全架构

部分企业倾向于根据单一决策点 - 企业是集中化企业还是分布式企业 - 来选择应用企业内部自建的网页威胁管理网关还是 SaaS 解决方案。但是许多全球性企业有分散的集中式驻地和许多远程办公室和移动工作者。那么他们应该选择企业内部自建设备还是云端服务，还两种解决方案都选呢？

很明显的是，大型全球性企业需要能够为所有员工和 IT 资产提供防护的网页威胁管理解决方案，不管他们位于数据中心还是远程办公室，还是通过公共网络访问应用程序。遗憾的是，这意味着要实施多家供应商的多个解决方案，为企业网络建立企业内部解决方案，同时为远程办公室和移动员工提供云端服务。是的，多个解决方案确实可以提供覆盖范围和防护，但这也会导致高成本和冗余的操作。

因此这里需要的应该是一种混合式架构，要结合现场设备的性能和管理优势，还要结合云端服务的灵活性和覆盖范围（见图 4）。

图 4. 混合式安全架构

来源：Enterprise Strategy Group，2011 年。

为满足大型全球性企业的需求混合式网页威胁管理架构必须包含：

* 集中化的管理和分布式的实施。 混合式网页威胁管理架构可提供一致的策略管理和安全防范，而不论这些活动发生于企业设备内还是在云端。设备和云端服务可通过统一的图形用户界面进行管理，而报表则可定制为提供整个企业的视图（如企业内部自建设备和云端服务的综合视图），或为各个分支地点提供统一的视图。

* 以云端为中心的智能。 威胁智能以云技术为坚实的基础，而用户和企业内部自建设备则通过如上文所述的众包作用贡献力量。可通过对企业内部自建设备的实时更新立即解决新威胁。

* 紧密集成。 企业内部自建和云端管理和实施可根据情况灵活应用。此外，混合式威胁管理架构还能够根据未来的各种需求随时扩展。例如，可通过 DLP 功能加强网页威胁管理，防范网络进入点的恶意代码攻击和网络出口的数据泄漏。

混合式网页威胁管理具有灵活而即时的安全优势

ESG 认为混合式架构可同时提供短期和长期的优势，而且几乎立即见效。混合式网络安全架构可提供这些优势的原因是：

* 改善了远程工作者的安全性。 根据 ESG 研究，远程办公室的 IT 支持面临诸多安全问题，包括网页威胁管理（见图 3）。而且移动工作者同样有这些安全问题。混合式网页威胁管理架构可提供简洁而有效的解决方案，因为它减少了部署新设备或一次性SaaS 安全服务的需求。而且，首席信息安全官们可利用集中的 IT 安全技术和一流的网络安全工具来实现地毯式覆盖，无论员工的地理或网络位置在哪。结果？即时的安全改善，直接解决了 ESG 研究报告中发现的一些问题。

* 提供全局可见性和控制能力以迅速发现并解决问题。 由于现在 APT 等网络攻击已经非常成熟，一个设备受到攻击就会造成严重的数据泄露。要解决这个风险就要对所有设备和活动进行监控。由于混合式网页威胁管理架构能够提供集中的命令与控制、策略管理和报告，首席信息安全官们可以了解并监督所有设备以及在整个网络中的安全防范活动。这种可见性和控制能力可加快问题发现和解决的速度。

* 创建一个云迁移路径。 混合式网页威胁管理架构结合了企业内部自建设备和云的优势。这可以提供全面的覆盖范围。但有些企业可能希望慢慢地将网络和其他威胁管理工作都交给云端，特别是在云安全服务成熟之后。混合式网页威胁管理架构提供了灵活的安全迁移路径。首席信息安全官们可以方便地调整网络设置、将网络设备更换为云服务，并在云经济和安全技术成熟时利用这方面的优势。

更重要的事实

第2篇：网页优化方案范文

“我选择Local.省略上投放了第一批广告。不到两周，电话铃声响起的频率明显提高，至今也没有停过。Scanmyphoto.省略上投放广告推广业务，这保证了在特定的目录和领域里，公司的顾客清单会出现在搜索结果页的顶端。Goldstone说，让他最满意的，是他只花了以往在黄页上一半的广告投入，减少了开支，但效果却更加显著。

“过去使用黄页广告时，我们平均每天接到三四个电话。”Goldstone说，“现在，平均每天大概接8～10个电话。”作为受益者，Goldstone认为，通过网络来咨询的顾客似乎更有价值。此后，Goldstone不再采用黄页广告。想来，他应该后悔没早点发现Local.省略进行了一次在线调查，从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倍。

第3篇：网页优化方案范文

摘要：在网络时代的今天，网页设计的地位更显重

>> 浅探项目教学法在《网页设计基础与应用》课中的应用 浅谈“网页制作”之网页版面的教学设计 浅谈网页设计之美 多文本阅读之教学设计浅探 浅谈中职网页设计教学 网页设计的教学实践 构成设计教学探议 动漫设计教学浅探 数学“大问题”设计之我探 网页设计之视觉信息传达分析 浅述网页之艺术设计 《背影》教学视野之探 中职计算机任务教学之任务设计探议 浅探当前初中美术教学之创意活动设计 中职网页设计课程的教学探讨 中职网页制作课程教学设计探讨 《网页框架》教学设计与反思 网页设计课程教学改革探析 高职《网页设计》课程的教学探讨 “网页设计与制作”课程教学探索 常见问题解答 当前所在位置：或.html)。

模块二：编辑网页元素。网页元素包括文本、图像、多媒体、超级链接、Logo、导航栏等。要求学生能够熟练地编辑各种网页元素。其中，Logo是网站的标志，一般在网页的左上角，内容一般是网站有代表性的人物、动物、花草或者英文名称等。可以鼓励学生利用生成器或者Photoshop等设计好自己的网站Logo。超级链接是实现网页跳转的重要途径。教师可以通过案例使学生掌握文本链接、图像链接、Email链接、锚点链接、空链接、脚本链接等各种链接形式。

模块三：设计网页布局。网页布局设计到网页在浏览器中所显示的外观，决定着网页设计的成败。通过表格布局、布局模式布局、框架布局三种手段来定位网页元素。其中，首页的布局尤为重要。可以运用各种形状，如矩形、圆形、菱形等，“同”字形、“匡”字形、“三”字形、“川”字形等，或者是运用曲线组成的柔美的或不规则的图形。然后将页面元素放入其中，确定它们的位置，同时要考虑整个页面的平衡、疏密等因素，编排出令人舒适的效果。最后确定页面尺寸和页面元素的尺寸。

模块四：优化网页样式。主要是通过Html标签对和CSS规则来优化整个页面的样式，使整个网站的风格较统一，并且有特色。其中，CSS层叠样式表类似于Word中的样式，它将网页的排版从网页文档的制作中独立出来。利用它可以批量地修改成百上千个网页的外观样式，大大提高了工作效率。

模块五：制作网页特效。利用层来实现对页面元素的精确定位；利用行为来动态响应用户的操作或者触发任务；利用JavaScript语言实现动态的、实时的、交互的动态效果。其中，行为一方面是指Dreamweaver8.0提供的预定义行为。实现鼠标经过图像、弹出信息、拖动层、显示弹出式菜单等动态效果。另一方面是指结合时间轴，创建自定义的动态效果。教师可以适当增加案例的数量，租金学生的学习兴趣。关于JavaScript未做重点讲解，只给学生提供―些特效代码、插件、代码下载网站，并演示如何使用现成的特效代码。

模块六：管理网站资源。通过资源面板批量的修改重复的网页元素，从而高效的管理网页中的各种资源。通过库管理和更新多次重复使用的网页元素。利用模板保存较好的文档格式，作为中间件，需要时可以套用。

模块七：其他相关知识的补充。主要是ASP语言、数据库知识和Flash。要求能够制作简单的动态网页。另外，Flash是一种简单直观、功能强大的动画设计工具。在教学过程中，教师可以鼓励学生通过案例的学习，自己动手制作网站片头、主题文字的动态效果、背景、网页切换等效果，增强网站的吸引力。

以上的七个模块，就是对“网页设计”课程全部教学内容的一个整合。然而，在每个模块的教学过程中，针对课堂上没有解决的问题，可以通过网络教学法，在课后进行有益的交流和补充。并且，每个模块学习结束后，都给学生时间将所掌握的技术应用在各自的项目方案中。

总之，“网页设计”课程是一门实践性操作性很强的课程，无论怎样安排教学内容，无论使用怎样的教学方法，都是要以学生为中心，提高学生的网页设计能力。

2.3评价阶段

当完成教学阶段的全部工作后，在学期末最后一周，由教师对学生的学习效果进行考查。每一位学生都上讲台介绍自己的网站主题、内容、所用技术等，然后，由老师当场从创意、审美、内容、技术、工作量五个角度进行点评。最终依据学生平时的上机以及作业情况(30%)加上最终提交的网页设计作品(70%)给出学生本学期的考核成绩。成绩分为优秀、良好、中等、及格和不及格五个档次。推荐优秀作品的设计者参加网页设计大赛、假期到公司实习或者考认证。

这种评价方式是以能力为中心的全程化、开放式、全面的考核方式，能够综合考查学生平时参与课程的情况、每阶段学习的状况和最重的网页设计效果，使学生的素质和综合能力得到提高。

3结束语

笔者根据多年来在“网页设计”课程中的教学经验，本着以学生为中心的原则，对传统的教学模式进行改革，提出了创新的教学思路和实践总结。笔者在“网页设计”课程的教学过程中精心设计了科学的教学方案；采用了适合的多样的教学方法；较合理地整合了网页设计的教学内容；采用了全程化的评价方式。实践证明取得了较好的教学效果。但是仍需要加强教学环节的组织，更加充分的利用网上的教学资源，丰富课堂教学内容，将“网页设计”之教学推向更高的层次。

参考文献

[1] 胡亚卓. 浅谈网页设计[J]. 科教文汇,2008,(02):180.

[2] 林菡,张军. 优良的网页设计应该注意的几个要素[J]. 北京教育学院学报(自然科学版),2007,(8):12-15.

[3] 颜谦和,颜珍平. “网页设计与制作”课程运用案例教学法初探[J]. 计算机教育,2007,(9):65-66.

[4] 吴建梅,周莹. “任务驱动”教学法在高职“网页设计”课程中的应用[J]. 科技广场,2007,(08):210-211.

[5] 余平. 项目驱动在网页设计实践教学中的应用[J]. 实验室科学,2007,(5):94-95.

[6] 李若兰. “网页设计”课程之分层教学实践[J]. 大众科技,2007,(7):33.

[7] 韩慧. 关于“网页设计”课教学改革的思考[J]. 山西财政税务专科学校学报,2007,(10):79-80.

Teaching Exploration of Web Design

JIANG Hai-yan, DU Lin, LI Shu-jin, ZHAO Ke

(Department of Computer, Shandong Education Institute, Shandong Jinan 250013 , China)

第4篇：网页优化方案范文

1： 明确目标，制定战略

通常大公司都有十分完整系统的营销战略，每一步想要达到什么，障碍是什么，这些他们都很明确。小企业主往往处于跟风阶段，并没有十分明确的目标。也许你没有大公司那样的人力财力去进行系统的营销战略，但你仍然可以提前规划一番。想一想你在每一次的社交营销中想得到什么，是增加更多主页的流量？提高销售额？或者是找到更多的目标用户？目标不同，具体操作大不一样，因此最好在动手之前确定自己的目标。

案例1：

公司：Bakers Shoes

目标：让公司主页在用户圈中以正面的形象广泛传播开

做法：凡是“like”了公司Facebook主页的用户都会成为公司的VIP用户

2： 运用网页美化插件

大公司的社交网站主页都非常炫酷，几年前，想要达到这种效果，你必须雇佣专业的开发团队去设计，建设，和维护这些主页，耗资巨大，小企业通常难以承受。

但如今，很多方便的插件，比如ShortStack帮助小企业美化主页。你无需了解编程语言，也无需成为网页设计师，插件能帮你搞定一切。好好利用吧。

案例2：

公司：任何无法雇佣专业网页设计团队的小公司

目标：增加网页魅力程度，社交网络平台潜力最大化

做法：借助运用ShortStack等插件

3： 强调互动

社交网络用户喜欢互动，希望得到关注，大企业的营销活动成功的抓住了这一点。从各种有奖竞赛到虚拟礼物，内容分享，大企业很擅长利用这些战术。很可惜，很多小企业并未意识到这一点，他们的社交网络主页只有寥寥几张图片，简短的公司介绍等，这些静态的内容无法吸引用户的注意。想要利用社交网络，就必须了解其精髓：即用户粘性和互动性。有奖竞赛和虚拟礼物等营销伎俩已经有很多Facebook的插件可以帮助公司实现，所以，回到第二条，善用已有插件资源，营造社交性更强的氛围。

案例3：

公司：80sTees

目标：增强互动性和用户粘度

做法：利用耳熟能详的卡通人物做讨论点，在用户朋友圈中具有可传播性，这个“集体回忆”提供给用户与朋友互动的好话题，同时可以增加销量

4：及时行动，灵活机动

大公司通常都会专门配备社交网络运营负责人，长期时时在线，回答顾客问题，这是他们的优势，作为小企业经营者，24小时在线非常困难，在这一点上，请尽可能有效率的回复用户的购买要求。但与大公司繁冗的决策过程相比，小企业非常灵活，从收到反馈到采取实际行动之间的时间短，这是小企业主的优势。

第5篇：网页优化方案范文

>> 刍议网页制作中的CSS样式表 浅谈“网页中的美容师CSS样式表” 浅谈CSS样式表在网页布局中的应用 探析CSS样式表的不同用法 Web设计中CSS层叠样式表的应用思考 CSS样式表教学体会点滴 高中网络技术应用中CSS样式表教学中的一些问题和思考 用“所见即所得”来学习CSS样式表 浅谈案例教学在中职《CSS样式布局》教学中的运用 网页设计中CSS样式的应用分析 网页设计中CSS的链接样式研究 CSS样式在网页设计中的应用 应用Dreamweaver　MX中的css样式实现滤镜制作 基于XHTML与CSS样式Web标准的图书馆网站重构 DreamWeaver cs6网页制作中CSS样式的应用研究 DIV+CSS在网页布局和样式中的应用分析 基于Web标准的CSS样式优化分析 制作别致的表样式图表 DIV+CSS布局在精品课网站建设中的应用 CSS3在改善网站用户体验中的应用 常见问题解答 当前所在位置：L标签的语义化

“语义化”指的是计算机在更少的人为设定解释的情况下能蜓芯亢褪占信息，让网页直接能够被浏览器理解，提升执行效率。HTML 标签语义化是让大家直观的认识标签（markup）和属性（attribute）的用途和作用，如Hx系列一看就明白是标题，HTML5中更是增加了许多语义标签，如header、article、aside等。

4.合理使用嵌入式样式

在一些较为重要，或访问次数相当多等页面（如首页、订购页、详情页等）中，可以考虑使用嵌入式CSS代码，既能防止加载过多等无用代码，在带宽较为紧张的情况下也能让重要的内容可以正常显示。

三、结语

大型项目的CSS样式架构经常需要在追求灵活还是严谨、高效还是可扩展等问题上纠结，解决方法还是需要具体问题，具体分析，应该说没有最优秀，只有最适合的架构方案。

参考文献：

[1] 张明.网页设计中的CSS技术及优化分析[J].信息与电脑（理论版），2016（1）.

第6篇：网页优化方案范文

关键词：实践能力；案例项目；任务驱动；竞赛+实例；团队协作

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2017）05-0175-02

信息化和网络化是现代社会的标志，网络更是信息化社会的技术支撑。作为广大网络使用者，直接面对的是网页交互，因此网页设计与制作就成为最直接服务于用户，最大限度展示于用户的工作行为。顺应现实社会的需求，在高校很多专业都开设网页设计与制作课程，特别是计算机类专业、电子信息类专业、新闻传播类专业、电商类专业更是把它作为专业核心课程，因此该课程的地位和重要性不言而喻。

1日常教学中存在的现象和问题

τ谕页设计与制作这门课程，在通常的教学中，教师在课堂中讲解理论，演示软件中基本工具的使用，即使举例也是一些零碎的和现实脱节的教学例子，学生上机实习也是局限于练习软件工具的使用方法，缺乏设计规划和实际综合运用能力。看起来操作性很强的一门课程，学生在学完后教学效果并不好，要么是独立进行网站规划和页面设计的能力缺乏，要么是设计出的作品缺少应有的功能，视觉效果也难以让人满意。

2课程实践能力培养的思路

追求实战能力，需要有培养实践能力的良好途径。在教学过程中，我们力求突出案例项目的实践性，依据完成一个案例项目的行动体系，筹划技能训练单元及相关理论知识的讲解，综合学习内容，紧紧围绕着完成案例任务这一目标来组织教学。在教学实践过程中，以提高学生综合素质、知识水平和创新实践能力为原则。

2.1课程内容模块化，化解难点，循序渐进

在课堂的内容讲解上，把网页内容设置分为几大模块，并细心讲解每个小模块，让学生能够更好地理解和掌握版面的设置，进而能更好地对整个网页页面的设计进行统筹和整合。善于运用循序渐进的教学方式，将学生带入网页制作的“乐园”当中，并让学生学在其中，乐在其中。

2.2精挑细选案例项目，完善和优化教学设计

把现实中的真实案例、竞赛中有代表性的案例融入到教学全过程，凡是课程中重要的知识点都与实际应用结合起来。另外，在教学和实践的过程中，注重学生创新思维培养，引导学生重视团队学习和合作。注重教学方法的灵活运用，例如经典赏析使学生开阔视野，积累热情；知识讲授使学生吸收能量，积累思维；课堂练习和实践辅导使学生掌握技能，积累经验；创新操作更使学生获得成功，积累成就感。在学习形式上，除了利用多媒体教学，还有网上学习、交流沟通等手段。虽然教学和实践中方式方法较多，但教学案例法是最频繁也是最重要的教学方法和手段。对于案例的选择，在前期备课阶段都有详细的考虑和斟酌；不仅要找到生动形象与现实融合的案例，还要找到适合堂课教学重点的案例；与此同时，还有配合整个案例的逻辑框架结构的讲解，这样学生更容易吸收所学的案例。

2.3融合“教师教、学生学、独立练、实战做”为一体

落实在教学上就是，首先将逐个学习情景设计好案例，然后在教学中分配任务，将教师过程演示、学生练习设计、互相展示评价等一系列环节落实到位。在学会课程任务的同时，学生与学生之间通过展示评价互相交流和学习，往往更有意外收获。

2.4倡导使用任务驱动教学思想

任务驱动教学理念，摒弃了传统按部就班讲解的思路，以目标任务为导向，明确每节课的知识、技能目标，再根据这些目标设计具体的学习任务，目的性强，很有吸引力。另外，任务驱动教学法能较好地以目标引领学生自学，有很好的推动作用。

2.5加强课堂教学互动，激发学习热情

在课堂上重视并设计师生互动环节和学生之间的互动环节，在活跃课堂气氛中激发学生学习兴趣，进而提高学生分析问题、解决问题的实际能力。学生的学习积极性和主动性增强了，学习能力、应用能力和创新能力自然就提高了。因此案例驱动教学和基本知识紧密结合的教学模式，使得在整个教学过程中把分析讲解、操作演示、动手练习、独立实践有效结合，效果极好。

2.6以赛促教，以赛促学，以赛促改

在教学中加入“竞赛+实例”的教学模式，使学生的主体作用和教师的主导作用充分发挥。在指导学生参赛过程中，按比赛的要求对学生进行了网页设计与界面的审美能力和综合调度力进行了专门的训练。着重培养学生的网页编程能力，艺术设计能力。每个参赛队设置一名队长，队长对整个网站项目统筹管理，给队员分备任务，全队成员在合作中把整个项目完成，不经得到了知识能力的提高，而且锻炼了团队合作、与人沟通、创新发现等能力，培养了职业精神。教学过程参照实际应用，着眼于学生的发展，使知识的单向传播变为互动传播，引导积极主动的学习氛围，也带来了竞争与合作的理念。俗话说“一人为木，众人成林”，单人的能量是有限的，重视团队合作是成功的砝码。因此在教学过程中，多鼓励学生参与竞赛，在身临其境的实践中磨炼和完善自己，同时也培养了团队协作精神。

3课程实践能力培养的点睛之处

培养网页设计与制作课程实践能力的重要一环，就是参赛。针对竞赛的性质和特点对学生进行课外辅导，重点要做好以下工作。

3.1准备阶段

第一是确定网站主题。学生首先要有兴趣点才能做出好的作品，引导学生做一些贴近生活并有意义的事情，在此以“合肥三河古镇”网站设计为例。之所以确立设计三河古镇网站，是因为很多同学都去过三河古镇，相对比较了解，资料容易搜集。网站确定了栏目，从三河风光、三河历史、三河文化、三河美食、互动空间五大方面让人深入了解三河，爱上三河，爱上中国的古镇，从而由衷地敬仰中国古镇的悠久历史文化，达到宣扬中国历史文化名镇的意义。

第二是确定网站风格。针对竞赛的特点，引导学生查看优秀的历届获奖比赛作品，以及知名度较高的网页设计作品，使学生在提高审美能力的同时，激发他们对网页美术设计的灵感与热情。为突出三河古镇的古典风格，考虑网站以水墨画为背景，重点突出悠久的历史。教师指导学生在网站设计的细节上塑造整个网页浓郁的古典风格。

第三是确定使用的技术和数据库。学生对于asp程序和access数据库比较熟悉，为了提高团队效率，我们利用课余时间对学生进行补习asp程序设计、Dreamweaver、flash、PS软件的高级应用方法，提高学生网页设计综合能力，为后期动手制作打下良好的基础。

第四是对优秀的、学生比较喜爱的多个网页设计案例进行分析与讲解，最终确定参赛队的网页美术设计风格以及所用元素，学生能够明确优秀的网页美术设计流程和最终效果。

3.2制作阶段（以合肥三河古镇为例）

第一步让学生利用PS、flash软件将网页界面的整体效果图制作出来，其中包括导航条、按钮的图形、页眉、页脚等一些重要的板块。在制作期间，运用课余时间进行辅导，并时刻强调风格与元素运用的统一，对整体风格做出良好的定位。

第二步在首页中运用了一个动态的flas，增添了整个页面的动感，更全面地诠释了三河古镇的风貌。首页的文字排版严谨而不严肃，充分体现工整的同时，更好的突出了“三河古镇”标题。在flas下面的背景色运用了一张具有徽派建筑的图片，图片在背景中若隐若现，且光感度强，将整个视线集中到flash的播放框中，主次分明且主题明确。

第三步将主页面中导航条、按钮的字体和背景以及整体的背景色饱含古典元素，让人在不知不觉中进入到一个古香古色的情境中，引发人们观光旅游的欲望。整个网页布局合理，色彩搭配协调。

第四步应用内联框架布局，css页面控制网页格式，提高了制作的网页的效率，也方便网页后期维护。应用asp程序语言和access数据库达到了留言板的功能。

第五步是指导学生注重细节。在各个板块制作完毕的基础上，对整个界面设计效果进行测试，发现细节上的问题和错误，及时进行修改。

3.3网站

作品设计完成，通过测试后，指导学生使用FTP等软件把作品到互联网服务器上。服务器需要web服务器软件，如iis，apache、tomcat等，最后指导学生熟练使用相关软件。

4课程实践能力培养的硕果

网页设计与制作是综合实践性很强的专业核心课程，通过构建这样的实践能力培养模式平台，使学生学习和实践活动的气氛更浓，学习意识更强，学习效果更加坚实。这种实践能力培养策略一改过去“注重理论”和“被动接受”的学习思路，学生积极性和主动性明显提高，实践教学也变得生动、活泼。以上卓有成效的实践技能培养，以赛促教，以赛促改，以赛促学，充分调动学生学习的积极性。教学过程突出案例项目的实践性，高效地提高了学生综合素质、知识水平和创新实践能力；案例课程的教学使理论知识点讲解穿插于实践教学过程中，边实践边训练，实现理论知识和实践教学真正意义上的有机统一。

从实际成果看，以岗位职业能力、竞赛能力为导向的案例项目课程策略，注重知识、能力、素质的协调发展，适合教育教学改革实际，具有可持续性发展的教学思想；特别是不断鼓励和指导学生参加各类设计竞赛活动，使学生在实战中体验和发挥，在实战中完善和提升。2016年安徽省“中国大学生计算机程序设计”大赛上，我院2014级计算机多媒体技术专业2名同学荣获高职高专组网站建设一等奖和二等奖，2014级电子商务1名同学获网站建设二等奖。

参考文献：

[1] 张莉. 网页设计与制作课程教学改革初探[J]. 合肥：电脑知识与技术，2014（4）.

[2] 张奕. 浅述职校《网页设计与制作》教学改革实践[J].成功（教育），2011（8）.

[3] 罗静. 网页设计课程教学改革的思考[J].计算机光盘软件与应用，2012（11）.

[4] 杜卫军. 课程改革背景下《网页设计》课程教学的探索与实践[J].新课程研究（中旬刊），2011（1）.

[5] 王德才. 基于项目导向的高职综合课程开发研究[D].山东师范大学，2009.

[6] 张雅茹.《网页设计与制作》的教学设计与实践[J].陕西教育（高教），2009（11）.

第7篇：网页优化方案范文

关键词：网页设计；教学模式；师生互动

一、当下网页设计课堂的不足

1.网页虽然是个简单的名词，但是涉及到的知识种类繁多，不仅包含文字、图形、色彩、版式设计、还有动画、音视频以及编程等，对于艺术专业学生来讲，基本的平面设计能力和审美素养是具备的，能够利用所学知识设计出创意的平面广告。但是设计出一套优秀的网页还是不容易的。网页设计需要运用到photoShop、flash、以及DreamWeaver等设计软件，而专业老师需要具备熟练运用这三个软件的能力，并具有较好的设计能力，才能指导学生的网页作业和学习过程。因为学生在作业途中会遇到很多意想不到的问题，只有教师熟练掌握软件操作才能找到病因，除掉病根。无论课堂还是课下，学生都会在设计中遇到各种各样的问题而烦恼，教师稍微指点迷津，学生便豁然开朗。

2.如今的软件教学课堂大部分是案例教学，老师做一个案例，每个步骤学生跟着做，虽然学生能比着葫芦画瓢，但是他们不知道为什么用这些工具做，不出课堂就忘记了如何塑造自己想要的作品，对于这种教授方法不仅不能让学生完全掌握设计方法和能力，也不能熟练软件工具，并且在未来长时间学习中，学生的学习兴趣会慢慢降低，面对编程等问题更加懈怠，这样也会让学生的创意设计能力慢慢丧失。导致了学生累，教师累，让学生做设计根本无从下手不会做的状态，所以必须要有一个能提高学生学习积极性，又能提高教学质量的课堂教学模式。

二、教学模式的改进

1.加强师生互动。在课程的开始部分需要教师来引导，必须选择适合的教材和实训内容，通过演示软件的菜单和工具使用，让学生对软件使用进行初步的了解。第一步，教师需要案例演示，在演示中积极互动调动学生思维，如提问，接下来怎么做呢，用什么工具呢，引发学生主动思考，会有很多优秀同学回答问题，也会带动全班的学习积极性。同时提醒学生把所学的版式设计和色彩搭配以及构图的知识运用到网页设计中。第二步，讲解部分内容后，观察一下学生学习程度和能力，根据学生状况调整学习进度，讲解速度等。第三步，加强和学生沟通，了解学生的心里动向，对学生的学习兴趣点和当下流行趋势透析，教师与学生之间的心灵沟通极为重要。

2.循循善诱，由浅入深。在案例讲解的第一课，教师提问学生知道哪些网站类型，然后做一个关于校园首页、专业介绍、校园景色、访问留言等几个页面，页面内容简单大气，包含导航、字体版式、图片、动画、音乐等。学生初次完成第一张页面后，教师再举一反三，拿出刚才制作过程中的重点，比如表单的多种应用，列举文字字段使用后，让学生自己尝试使用复选框、单选按钮和按钮组、添加列表和跳转菜单、添加按钮等等。再如链接的几种方式，讲解完比较难的锚点链接后，让学生自己尝试使用空连接、文本和图像链接、电子邮件链接等。开始就学习这些比较简单的网页元素，不能学生在开始就啃骨头，不然就知难而退了。第二个案例讲解制作一些具有版式创意和内容丰富的页面，增加页面的Flash媒体元素，比如Flash按钮、视频等。在讲解第二个案例前必须重新复习网站开发流程，收集资料素材草图——规划站点——网页制作——测试。对于艺术专业学生学习的网页基本以静态网页为主。

3.任务导向，团队出击。在课程后期课堂给学生留出两节课时间，将学生分组，并布置关于手机界面设计的任务，给学生打印三至四份手机界面设计样稿，让学生传阅了解设计规范和说明。这次任务结果将是结课成绩，得出的最高分是获胜的团队。在制作过程中遇到问题，专业教师负责答疑解惑，帮助学生完善。作品展示：在规定时间内学生完成了网页设计任务后，将自己的设计思想和过程演示给大家，其它组的同学们可以根据设计的不足提出问题，要求设计组根据问题给予解答或更正不足。教师最后根据学生的作品评出优秀，并给较差的团队鼓励并指正问题，争取各团队在以后的设计比赛中得到提升。

4.现在的学生大多是娇生惯养比较懒惰，独立自主能力差，更缺乏刻苦钻研的精神。对于学生来说自己多做练习才有助于提高专业能力，网页设计需要更多的设计思路，并付诸实践才能学到真本领。加强作业布置的具体要求，并设定主题，严格要求作业的设计稿，不断的让学生思考修改，只有在不断的修改中才能得到提升。改变老师讲课为主变学生练习为主，让学生主动找老师辅导作业，积极鼓励学生参加一些设计比赛，如果老师讲的很多，不但老师累，学生也学不到东西，学习网页设计重在练习，在辅导作业的同时学生才能记住并领会到老师讲的知识点。总之一句话，授人以鱼不如授人以渔。

5.举一反三，与时俱进。同样对于图形图像处理等类似的课程，学生希望的是能够学完这门课程后真正的做出作品，甚至在全国性的比赛中获奖。所以在授课中应该多以典型的案例讲解，并提炼案例中的知识点来让学生举一反三的学习其它相关知识点。建议在整个授课过程中，教师需要灵活运用知识，使用多元化的教学手法，以便吸引学生的注意力。通常的黑板教学和PPT多媒体是常用的，加上CAI课件、教案与网页文件、视频动画等形式，可以说种类非常丰富，教师可以两种或者多种相互穿插的手法进行立体化教学。不仅丰富了教学内容，提高学生的热情，教师的应变能力也会得到提升。条理性、疑难性、重点性是教师授课的三大法宝，做一名“受学生欢迎”的教师而不仅是“优秀”这两个字所能代替的。在高科技发展的今天，教师只有不断学习，不断完善自己，不断的进步，才能与时俱进跟上时代的步伐。

三、总结

在课堂上学生是抱着很大的期望学习的，如果一个教师让学生失望了，估计再重新提起学习的热情是很难的。能够让学生喜爱自己的课才是真正的成功，而不是强迫学生上课学习，一个人性化的课堂是充满很高的热情氛围的。希望在未来的教学路上，笔者能够不断地提升自己，并寻找先进的教学方式。

参考文献：

[1]陈小燕，谢强，丁秋林.浅谈项目式教学在网页设计与制作中的应用[J].电脑学习第1期，2010（2）.

[2]吴俊荣.基于行动导向的网页设计与制作课程教学设计研究[D].吉林：东北师范大学，2012（3）.

第8篇：网页优化方案范文

[关键词]网页布局与人机学；研究意义；研究目标；研究过程；教学实践

中图分类号：U46 文献标识码：A 文章编号：1009-914X（2016）04-0216-01

我们生活的21世纪已经进入了信息时代，近年来随着智能手机，平板电脑的不断发展发展。人机界面的设计和开发已经成为国际上计算机设计领域最为活跃的研究方向。在网站策划、网站设计和网站运营的过程中，人机交互和用户体验是经常被谈及与运用的概念。一个网站布局得不合理，首先会表现在功能和页面设计的契合度上，具体表现就是用户在网站上找不到需要的信息，或者是我想完成一个操作找不到相应的按钮。这就是在设计网站时没有从用户的角度出发所造成的。为了让学生运用网站配色与布局知识设计出人性化的网站，更好的与就业岗位对接，在本阶段的课题研究中我将“网页布局与人机学的研究与实践”作为我研究的课题。学生在设计作品时能够运用人机学的知识，提高用户体验的舒适度。

一、网页布局与人机学的研究意义

通过本课题的研究，学生能够运用色彩原理进行网页颜色的搭配并且能够运用布局技巧进行网页的布局设计。同时能从临摹网页到自主设计，让网页效果设计真正从想法逐渐变成现实。在综合项目实战中，贯穿网页配色与布局的知识，综合运用人机学的原理，达到对网页设计制作的整体把握。有助于提高中职学生网页制作的能力。

二、网页布局与人机学的研究目标

通过对网页布局与人机学的研究与实践，不断改进网页布局综合案例的教学策略，力求找到提高我校学生网页设计能力的方式方法，提高教育教学质量，有效的把课堂变为真正的工作室。在综合项目实训中设计出与就业岗位充分对接的网页作品，为学生就业打下坚实基础。

三、网页布局与人机学的研究过程

（1）准备阶段（2013年7月～2013年8月）

专题研究准备阶段的主要任务是学习与课题研究有关知识，确定专题研究目标、研究对象、研究方法和研究内容，制定研究实施计划。

（2）实施阶段（2013年9月～2014年6月）

根据市场调研结果明确专业核心能力，制定相应的计划，编写技能检测手册。

（3）总结阶段（2014年7月～2014年9月）

对本课题研究过程及资料进行收集整理，形成课题总结报告，并将专题论文、调查报告和研究个案汇编成集，撰写个人结题研究报告。

四、教学实践的成果和结论

在学校课题的研究分类中，我主要承担的是《网站配色与布局》这本教材中网页布局与人机学这部分的教学研究。在几年的网页制作课程的教学实践中，不断尝试应用多种信息化教学手段，以“学生为主体教师为主导”的教学理念贯穿整个教学过程。体现了“做中学，做中教”的职业教学理念，充分调动了学生学习的主动性和积极性，较好的培养了学生独立思考，分析与解决问题的能力，取得了很好的教学效果。在教学中旨在网页布局与人机学的教学实践中有更为突出的成果，培养中职学生的职业能力，为学生今后成为一名优秀的网页设计师打下坚实基础。2013年7月在抚顺市信息化教学设计中获得一等奖；2013年9月辽宁省“创新杯“信息技术说课大赛一等奖；2013年11月获得部级”创新杯“信息技术说课大赛一等奖；2013年12月获得抚顺市级优秀课。2015年11月获得部级信息技术教学设计大赛二等奖。

1.网页布局与人机学的相关概念研究

通过对此概念的研究，在教学过程中，我采用实例讲解的方式。从iPad看人机学。iPad是当今社会较为流行的电子设备，也可以称之为街机。同学们对我列举的实例会非常感兴趣，由此学生会非常渴望即将要讲解的知识。iPad是著名的苹果公司出的平板电脑。iPad在人机交互操作上做得非常细致。为什么iPad无论老人小孩都会用，其基本操作甚至很少需要别人的协助和说明书？究竟是孩子容易接受iPad？还是iPad容易让孩子接受？iPad的设计可谓“童叟无欺”，老人、孩子都可以流畅使用。人机学应该是“傻瓜式”的，去追求一种更“本能”的操作，就像吃饭穿衣一样简单。通过以上实例的讲解，学生很快理解人机学的概念，并且知道在网站配色与布局这本书中为什么给我们介绍人机学的概念。让学生充分理解了网页的易用性和美观性非常重要，这样同学们就能很认真的学习人机界面设计的原则及设计方法。在教学中有效的突出了教学重点，突破教学难点。

2.网页布局综合案例的设计风格研究

引入案例――网页布局的风格类型。本案例的主要目的是在不改变网页内容的前提下，改变网页的风格类型。这就需要用的布局的知识。在之前的学习中我们已经掌握了各种网页布局的知识与技巧。不同的网页有不同布局。这样综合起来就形成了不同的网页风格类型。那我们常见的网页风格类型有哪些？有什么特点？引入理论学习知识，教学过程很自然的过度。经过理论讲解后，进行实战案例――设计临摹典型商业型网站。

在教学过程中引入实际案例，教师通过案例讲解相关理论知识，再让学生应用所学理论知识完成实战案例，使学生能够 “学以致用”，完成本课的技能目标。这样不仅增强了讲解的直观性，降低了学生学习的难度，还可以有效的激发学生的学习兴趣，充分调动和发挥了学生学习的积极性、主动性、创造性，培养职业核心能力，实现教、学、做一体化。

3.电子商务网站个案研究

网页设计是一项系统工程，它包含了从用户调研到最终上线的全过程。我将以一个电子商务网站为例，系统地讲解整个网页的设计过程。

在项目实战案例――新蛋购物网站主页制作讲解过程中。首先了解技术要点，包括（1）确定网站整体风格。（2）网页色彩搭配。（3）网页布局技巧。其次进行案例分析：随着网络的普及，网购已经火起来，给同学们阐述 “没有人上街不代表没有人逛街”的现象。同学们在这个过程中就会纷纷议论都在哪些网站上买过东西，喜欢浏览哪些网站，为什么喜欢去浏览那些网站，引出网页设计的重要性。电子商务网站作为网购的首要利器，是用户和商家的唯一互动平台。所以界面设计的好坏，对其销售额起着重要的影响作用。在授课过程中自然引入案例，要求在设计制作过程中注意体会如何运用网页配色与布局的知识来设计出人性化的购物网站。使学生能够自主学习、独立操作和自我评测。

通过对新蛋购物网站首页的制作，更加熟练的使用之前学过的技巧。深入了解页面的合理用色和颜色之间搭配使网页更有效果；图片在画面中的合理摆放；准确划分页面结构等。对前面所学的知识融会贯通，学以致用。在设计网站的时候，要分析网站的主题内容，选择符合主题表现形式的布局，采用搭配合理的色彩表现主题的风格，加上细心的构思和新颖的创意，必然可以设计出优秀的网站。

五、存在的问题和今后的设想

学生到企业学习的机会太少，没有实际开发项目的经验。每个企业都有自己的团队，每个人都有自己指定的设计项目，这就要求都得是有经验的设计师。而我们的学恰恰就缺少这中间的锻炼过程，很少会给我们中职学生提供实践的机会。这使我们中职学生不能够很好的与企业对接。

要想解决这一问题，我觉得我们任课教师必须走入企业，先接触一些开发网站的公司，在企业参观学习。在网页制作的课堂上，拿一些企业的真正案例让学生实践，制作网页配色和布局的整个流程，这样同学们才能真正的得到锻炼。让学生深刻体会网页界面布局的人性化设计，真正的将课堂变为企业的创作工作室，使学生能快速适应工作环境，提高中职学生的就业率。

参考文献

第9篇：网页优化方案范文

关键词：网页；设计与制作；教学模式；改革；实践

《网页设计与制作》作为一门高校网络与新媒体相关专业强化学生学习兴趣点的专业基础课程，开展课程教学模式改革与实践研究有着十分重要的现实意义[1].

1《网页设计与制作》课程教学中存在的问题

结合学生就业实际情况、已从事与网站建设相关岗位的毕业生反馈信息，现阶段《网页设计与制作》课程教学中存在的问题，具体而言：

1.1不够积极主动，学生实践能力不足

长时间以来，《网页设计与制作》课程大多推行理论课与实践课交替开展的教学模式，起先由教师对相关专业知识、软件技术操作内容进行教授示范，之后由学生通过随堂笔记或者学习记忆对教师教授内容开展模仿操作.教师占据课程教学主体地位，教学内容缺乏生动形象性，学生学习过于被动，学习主观能动性难以得到有效调动.一些学生对教师教授的理论知识、布置的上机作业等不感兴趣，沉溺于网络游戏、手机游戏等，致使专业知识教学成效不尽如人意.学生受基础理论知识与专业理论知识不扎实影响，对于自身面临的疑难问题难以迅速反应并开展自主解决.再加上理论教学内容与实践教学内容未能实现有效衔接，使学生在对于“何为过程性知识、何为陈述性知识？”、“何为理论性知识、何为实践性知识？”等认识上模棱两可，即便学生能够对教师所教授知识展开有效模仿操作，也难以将它们运用至实际工作中去.

1.2不够实事求是，学生动手能力不足

教师在《网页设计与制作》课程教学中通过操作鼠标进行示范，学生片面的认识十分简单，学习过程中不实事求是，等到进入实践课要求他们独立开展操作时，面对提供完备操作流程的学习任务不屑一顾，认为太过简单；面对未提供相关操作流程的学习认识则无从着手，进而产生“高不成低不就”的局面.学生未能基于独立自主实践队专业知识进行掌握，致使难以建立隶属自身特有的知识、经验架构，一旦进入社会职业岗位中便不知所措，无法独立自主制定工作方案，更别谈是付诸实际行动，难以有效将所学知识与实际结合，不具备自主解决问题的能力.

1.3各方缺乏沟通，学生适应能力不足

结合毕业生反馈信息，普遍存在学生沟通意识欠缺，不具备客户至上理念等问题，致使难以对职业岗位进行有效适应.一些学生不明确客户要求，亦或对客户要求抛之脑后，而凭借自身主管意识开展设计；一些学生对客户要求形成错误认识，为客户带来不必要的麻烦.受各方缺乏沟通或沟通能力不足影响，致使返工情况屡见不鲜，不但降低了工作效率，还会对客户信任造成负面影响，不利于企业的有序发展.这些不良后果极易使学生产生负面情绪，进而对后续工作造成不良影响，由此进入恶性循环；进而这些学生对工作产生厌烦心理，没有成就感，不具备工作的动力.

2《网页设计与制作》课程教学模式改革策略

在时展新形势下全国高校网络与新媒体专业，必须与时俱进，大胆进行改革与创新，引入先进的科技和成功发展的经验，进一步强化《网页设计与制作》课程教学模式改革与实践，对促进《网页设计与制作》课程教学模式改革与实践逐步开展可以从以下几个方面着手：

2.1强化教学内容改革

高校《网页设计与制作》课程强调对设计人员实践操作能力和基本功训练，对于网页设计等一系列相关操作技术要求每个学生必须能够娴熟掌握，具有管理、开发和维护小型网站的能力.鉴于此，《网页设计与制作》课程开展教学内容改革的重要前提是用人企业的需求.结合企业用人需求从事不同高校网页设计与制作专业、网上招聘启示及人才市场相关信息等，对不同行业需求开展总结：（1）以企业局域网为重要前提的操作，好比对等网的组建与维护、office文档的存储与整理、B/S企业MIS系统的管理与维护、计算机一系列软件的安装与使用等；（2）企业网站的管理，好比企业网站建设、企业网站文件管理、企业网站策划等；（3）企业电子商务活动，好比在线商务活动、产品在线宣传、互联网信息处理等；（4）具备相应计算机图形设计、软件设计能力，具备相应B/S应用程序开发能力；（5）娴熟掌握Flash、Dreamweaver等网页设计工具，精通CGI网页交互语言，熟悉HTML设计等[2].在此基础上，《网页设计与制作》课程在侧重Flash、Dreamweaver及Fireworks网页教学前提下，应当进一步关注HTML设计、图形设计与处理、JavaScript代码等的教学，以强化学生计算机图形设计能力、软件设计能力；此外，还应当强调网站建设、管理，强化学生对网站组建、管理、维护等内容的系统认识.

2.2强化教学方法改革

2.2.1案例教学法要想调动起学生学习主观能动性，避免传统灌输式教学模式，在教学期间应当推行案例教学法.结合教学进度、要求引入案例并开展好备课工作，对案例涉及理论、技能进行教授讲解，探讨案例中存在的相关问题及处理对策等，同时案例要具备针对性、典型性，自符合学生接受能力开展选取、设计.好比，可选取介绍“民族传统”、“家乡美景”等的门户网站，教师通过向学生开展讲解此类网站涉及的知识点，要求学生制订学期学习计划，设计制作一个小型网站，且网站制作过程要与课程教学内容保持协调.2.2.2项目化教学法选取实际项目为前提，加大对学生分析、解决问题能力培养的力度.在专业网站设计与制作过程的前提下建立学习项目，沿着职业岗位任务主要方向明确不同模块内容，包括网站建设方案制作、网站制作以及网站设计等，依托紧贴职业实际的教学内容，有效调动起学生浓厚的学习兴趣.依据职业岗位任务主要方向提取各项能力目标，并融入进制作网站建设方案、网页基础知识储备等多个不同模拟制作任务中，达到对学生分析、解决问题能力培养的目的.与此同时，制定一系列相关独立实践任务，以使学生在完成任务的同时，对自身所学知识理论进行巩固，进而娴熟掌握各项网页制作技能.2.2.3任务驱动教学法将实践操作任务、模拟制作任务作为载体，关注对学生学习能力、技术应用能力及工作能力等方面的培养.在教学中部署一系列模拟制作任务，并与其中插入相应的知识内容，经由任务背景介绍、操作流程讲述、知识点拓展等布置，引导学生进行自主思考.学生通过解决问题来掌握知识，经由任务把所掌握知识应用于实际问题解决中，进而强化自身动手、解决问题的能力.与此同时，需要学生自主完成实践操作任务环节，以增强学生自学能力、技能应用能力等方面训练.以某学院网站引导页任务制作为例，应展开下述操作：（1）背景介绍，经由该学院网站，提升学院影响力，为师生相互、校企相互、家校相互等往来提供便利；（2）任务要求，对学院网站特色进行尽可能凸显，吸引更多网页浏览者，并为浏览者留下深刻印象；（3）任务分析，设计前对学院网站用户相关需求展开全面研究，找准网站风格定位，可选取图片或者Flash动作用以引导页，将图片用以引导页第一步通过PS设计好引导页效果图及Flas，然后开展切片，最后完成表格设置工作，并将图片、Flas添加进网页引来浏览者，提升网站流量；（4）延伸知识点，包括表格属性设置、切片优势、切片方法等；（5）处理问题，要想加快网页浏览速度，通常要求将大图切为小图.基于任务制作过程开展知识点延伸教学，结合实际情况让掌握理论知识的同时，了解知识的获取渠道及方法，改善学生学习效率.由于伴随技术发展，学生职业生涯会受到一定影响，因此教师一方面要权衡知识的够用情况，一方面要权衡知识点的系统性.应当尽可能拓宽学生知识面，在知识点选定过程中不仅要结合岗位群，又要自技术发展、设备软件更新所对学生职业造成的影响出发，留有一定的余量.在全面教学期间，强调对学生综合职业能力、职业素质等方面的培养，汇集教、学、做于一体，尽量适应学生为主体、教师为主导的新型教学模式的需求.各模拟制作任务均很好地融入知识目标、能力目标，侧重能用什么做什么，尽可能凸显《网页设计与制作》课程教学与职业岗位能力需求的紧密联系，强化学生专业学习针对性、实用性.2.2.4激励教学法要想激发学生对网页设计的学习兴趣，锻造学生自学能力、创造能力，学校应当积极组织各式各样种类的就业技能大赛、Flash设计大赛、网页设计大赛等活动，通过激励性活动一方面促进学生对所学知识的实践应用，一方面有效发挥学生团队协助能力、设计创新能力.

2.3强化教学手段改革

2.3.1联机教学借助网络开展好《网页设计与制作》课程教学.《网页设计与制作》是一实践性强、应用广泛的技术，要想说明网页设计的性质及相关实践应用，实时展示极为关键，所以在网络教学中接入互联网，通过互联网对一系列理论知识开展详实说明，如此可有效提升教学课堂生动形象性，强化学生对《网页设计与制作》课程实用性、重要性的明确认识.2.3.2开设《网页设计与制作》在线课堂要想进一步改善《网页设计与制作》课程教学成效，可考虑开设该课程的在线课堂，促进教师与师生之间的互动，实时了解学生意见，优化整合教学方法、教学进度，对学生学习遇见的疑难困惑进行及时解答.此外，还可将该课程全部课程资源传输上网，诸如教学大纲、教案、课件等资料，还可依据课程章节补充相关设计案例等.如此，学生一方面可通过网络获取课堂教学的各项内容，一方面可借助多媒体优势满足自身自主学习需求.

3结束语

总而言之，高校网络与新媒体专业《网页设计与制作》课程教学模式的改革与实践，是一项十分复杂的系统工程.其是对传统课堂教学方式的一种挑战，对教师和学生均提出了极为严苛的要求.鉴于此，相关人员务必要不断钻研研究、总结经验，清楚认识《网页设计与制作》课程性质、教学特征及教学目标，全面分析《网页设计与制作》课程教学中存在的问题，“强化教学内容改革”、“强化教学方法改革”、“强化教学手段改革”等，积极促进促进《网页设计与制作》课程教学模式改革与实践有序开展.

参考文献：

〔1〕刘万辉,宋桂岭.基于工作过程的““网页设计与制作”课程改革的探索与实践[J].计算机教育，2010(02).