时间：2023-05-29 17:39:05
开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇网页优化方案，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。
【关键词】网页设计；图像切图；探讨
网页制作技术伴随着网络的快速发展而快速兴起，目前，国内外计算机行业对于网页制作的研究较多，但是由于受到初学者个人风格和操作技巧的影响，在网页制作中普遍存在不同程度的问题。而对图像进行切图处理也是一个存在网页制作中的问题。基于此，本文就网页设计中图像切图技巧进行了探讨，并提出了一些有关的技巧，相信对图像切图的工作能有一定的帮助作用。
1 切图技术
切图就是指在网页制作过程中，用图形图像处理软件提供的切片工具，将美工设计的网页效果图这种大幅图像，分割成为一系列小的图像，这些小图像称为原大幅图像的切片。一张图可以有多种切图方案，但不是所有的切图方案都适合后期的网页制作的。因此需要在众多切图方案中，找出一种适合后期网页编程的最佳切图方案。本文中所说的切图技术，就是指的实现最佳切图方案的切图技术。由于它遵循一些切图原则和技巧，所以它能够实现最佳切图方案。
由于切图时，图像的最小单位是像素，矩形对边上的像素个数应该是相同，或者遇到圆角应该是锐化的。但是在人工操作时，可能会发生像素个数的变化，或者圆角产生顿挫角。因此，在切图时，将原图采用300%以上的放大倍数切图。切完整个大图后，把一系列的切片全部选中，接着利用软件中的图像优化工具，即菜单栏中“窗口”下拉菜单“优化”命令对所有的小切片进行优化来解决以上问题。然后利用文件菜单下的“导出”命令生成HTML网页和图像，最后在网页制作软件DREAMWEAVER中建立站点，将上面导出的网页和小图像都放在网站里。导出的网页文件是不能用的。因为一个网站的页面大小要求统一。因此，接下来的工作是在网页制作软件中制作表格。用分块的思想来看整个网页的布局，一个块就是一个表格。把网页看成是多个独立的表格组成的。将导出的图片插入到单元格中。日常工作中常用的图形图像处理软件有Photoshop、Flash、Firework等，这些软件中都有切片工具，但是在网页制作时，图形图像处理软件首选使用Firework。因为DREAMWEAVER中只要对图像双击，系统会自动调用Firework软件。
2 切图原则
一张图可以有多种相关的切图方案，但不是所有的切图方案都是合适网页编程的。所以在切图技术中，应该保证实现的是最佳切图方案，因此切图技术中还涉及了切图的原则和切图的技巧。
2.1 块与切片的概念
在本文中所说的一个块与切片概念是不同的。块和切片都是网页中的一部分，但是块指的范围比切片大。块中可以包含一个或多个切片。块是指在网页上内容相关的区域范围。切片是从图中相关范围中分割出来的一小图形。如果转换成网页后，块对应了网页中的表格，而切片对应的是表格中的单元格。
2.2 分块的原则一：以相关内容为一块
根据原图中相关内容，确定整体的切分策略，即切分要有分块的思想，把整个网页看成是多个块构成的，每个块就是一个table，块中每一个细节内容就是table中单元格中内容。即将整个网页看成是由多个table组成的，然后在具体到每个table，去考虑里面应该如何切。必须强调的是，应该把整个网页看成是多个独立的块构成，切片是块中的内容。依据这种思想去切图，然后在网页制作软件中，插入多个表格。块对应成了网页中的表格，切片对应成表格中的单元格内容。在切图时，同一块中的内容是完整的，也就是说，要保证完整的一部分在一个块内，例如某区域的标题文字，网页的LOGO，网页的广告，网页的导航区等可以分别是一个独立的块，这样做的目的是方便日后网页编程和修改。
2.3 分块的原则二：尽量分成大行，平行的切
当一个网页的内容比较多时，在显示网页时是有时间差的，这时要求内容的显示是从上而下从左到右逐行显示网页的内容，决不允许一个网页上的内容杂乱的跳出来。因此，在分块时也应该贯穿逐行分块的原则。切图的时候要尽量平行的切，也就是说，分成大行，然后再逐行的切。如果一个网页的显示页面是由多个表格构成的，这样做的目的是当客户端浏览一个网页时，由于它是由多个表格构成的，因此，客户端与网页服务器会生成多个request请求，多个表格同时下载信息，因此网页下载的速度就会相对快。避免出现把网页整个页面看成一个块，然后块里又分块，出现块中嵌套块。因为这种结构在由切片转换成网页后就出现了表格的嵌套，表格的嵌套影响了客户端网页浏览的速度。
2.4 切片的原则：以属性相同为依据
一般切图原则是：属性相同的区域适合分为一个切片。属性相同主要是指颜色和形状都没有变化，或者在X或在Y方向上没有变化。属性渐变的区域适合分为一个切片，渐变有两种表现形式颜色渐变，形状渐变。
3 切图的技巧
切图也有技巧。构成一张图片的信息量是非常大的，因此在服务器中存储一张图片时占的容量也是很大的，同时从服务器里下载图片到客户端也需要时间也就相当长。因此，在利用切片转换成网页时，可以利用一些技巧，即减少切片个数和减小切片的大小，可以解决以上存在的问题。
3.1 减少切片的个数
网页上的文字与图片信息都是存储在网页服务器上的，一个切片就是一张小的图片。根据显示的点阵原理可以知道，对于同一张大图像来说，切片数减少，存储在网页服务器上这张图的信息量也就减少了，也就是说在网页服务器上占的空间减少。所以当切片的背景是单一颜色，切片的文字没有效果，这时就可以采取这种特殊的处理方式对此切片进行处理。即可以将单一颜色和文字没有效果的切片丢掉，在DREAMWEAVER中打开站点，插入表格，在对应的单元格中，利用DREAMWEAVER软件提供的设置单元格的背景色，直接从键盘上输入文字内容。这种做法实现了切片的效果，同时可以使网页服务上存储的切片数减少了。以“京东商城特卖新”网页页面为例，在实验中保证网页页面效果相同的情况下，采用减少切片个数和未采用减少切片个数方法，可以得到下面表中的数据。从下面表中的数据可以看出两种处理办法造成的结果是：未采用减少切片个数方法时，图片总容量为102MB，而采用减少切片个数方法后，图片总容量为40.3MB，明显前后图片的总容量变化很大，值得提倡这种做法。
表1 采用减少切片个数和未采用减少切片个数的参数对照表
3.2 减小切片大小
大面积的颜色相同的，或者形状相同图块，可以只从原图中切出一个像素的切片，然后DREAMWEAVER里面，用切片平铺形成所需要的图。例如，图1是一个带圆角的矩形，这时可以切出三个切片，在DREAMWEAVER中插入一个一行三列的表格，左边切片是圆角矩形的左图，右边切片是圆角矩形的右图，圆角矩形中间部分是利用中间的小切片在单元格中平铺形成。以图1为例，在实验中未采用减小切片大小和采用减小切片大小方法，可以得到下面表中的数据。从下面表中的数据可以看出两种处理办法造成的结果是：未采用减少切片个数方法时，图片总容量为72KB，而采用减小切片大小方法后，图片总容量为14.71KB。
图1 圆角矩形切片示意图
表2 采用减小切片大小和未采用减小切片大小的参数对照表
4 结束语
综上所述，切图技术是把美工设计的网页效果图转换成网页时所用的技术，切图技术中贯穿了分块和切片的思想。但是不是所有的切图方案都适合网页设计的，因此，选择正确适用的切图方案对于网页制作设计有着非常重要的作用。
【参考文献】
【关键词】网页设计；网站；页面
【中图分类号】TP3
【文献标识码】A
【文章编号】1672—5158（2012）10-0082-01
随着计算机与网络的普及，Interet已成为人们生活中的重要组成部分，网页制作与网站建设也成为网络时代必备的技能之一。但是很多网页制作者认为只要用好了网页制作软件，就能搞好网页设计了，我觉得这种思想还是有一定的误解。
网页设计其实是—个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。要设计出美观实用的页面，我觉得一定要把握好以下几点：
一、清楚网页设计的任务
设计的任务是要实现设计者的意图，网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。
第一类是资讯类站点，这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站，这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。
第三类则是形象类网站，这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。明确了设计的任务之后，接下来要想的就是如何完成这个任务了。
二、合理的运用色彩
色彩搭配是页面中刺激记忆最初、最持久的元素，失去色彩，人们会失去快乐的心情、娱乐的气氛，色彩是人们生活多姿多彩的表现，是互联网生机的来源。一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。
色彩是网页设计的灵魂之一，是最先也是最持久地印记在浏览者脑海中的网站印象。它对形成网站风格设计、网站气氛等感觉性设计的作用非常大。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。
三、遵循设计的原则
设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。
统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。
分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。
和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。
四、进行必要的网页优化
在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。
在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用CSS样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。
图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop或Fireworks可以将图片切成小块，分别进行优化。输出的格式可以为gif或Jpg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为Jpg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。
表格（table）是页面中的重要元素，是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为O，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。
网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600或1024*768下制作网页，最佳浏览效果也是在800*600或1024*768分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。
网页能融合文字、图片、声音、动画于一身。这是传统艺术所达不到的，所以如何制作出实用美观的网页，在人们频繁使用网络的今天变得非常的重要，如何使更多的人来使用和使他们浏览过之后记住这个网站，这是网站制作者永远的追求！
参考文献
[1] 唐良瑞、李丹.网页设计的诸要素分析.北方工业大学学报，2000，（1）
其实有很多简单粗暴，又很有疗效的优化方法，我觉得有必要给各位产品经理分享一下，好让你们去督催开发哥哥优化，改善一下网页的加载体验～
首先，我们来看下网页的加载流程。打开一个网页，会先拉取一个html页面，然后浏览器解析了这个html页面后，会根据页面的内容，去拉取javascript、css和图片文件，最终根据这些文件，将页面渲染出来。
我们可以看到，影响一个网页展示速度的主要因素不是网页本身，而是它依赖的一些其它文件。如果优化了这些资源的加载速度，那么网页展示的速度也就上去了。
有哪些简单粗暴的方法呢？让我来一一列举：
1.优化图片资源的格式和大小
一个网页中，图片资源的大小占比是最多的，而且单个的文件的大小也很可观。因此，在保证图片质量不变的情况下，尽可能的使用高压缩率的图片格式，图片格式可以按照这个优先级选择webp > jpeg > png > bmp。同时也要根据图片展示尺寸来拉取大小最为匹配的图片资源，不要没事就把原图拉下来使用。以前我就遇到过这种情况，一个196*196大小区域展示的图片，它的文件竟然达到了几兆，最后才发现把1960*1960分辨率的原图拉下来了。
2.开启网络压缩
大部分浏览器在发出请求时，会带上这个标记“Accept-Encoding: gzip， deflate”，表示这个浏览器可以接受以gzip压缩方式传输数据，如果你的网页服务器也支持gzip压缩数据，那么数据以gzip方式传输时，会减少70～80%的流量。
3.使用浏览器缓存
同一个站点下面的不同页面，往往都会复用一部分资源文件，如果把这些资源文件设置为可缓存的，那么在刷新或者跳转到另一个页面时，都无须再从网络拉取相关资源，这样就大大加快了网页的加载速度。
4.减少重定向请求
有的网站对于不同的终端制作了不同的页面，比如说在手机上访问微博，会从weibo.com重定向至weibo.cn，每一次重定向都会导致浏览器重新发起请求，延长加载时间。对于这种情况，应该尽可能使用响应式设计，一个weibo.com站点覆盖至所有终端。
5.使用CDN存储静态资源
CDN是一种静态内容分发网络，它在每个省，甚至每个城市都部署有自己的服务器，用于分发这些静态内容，那么当某个城市的用户要拉取某个资源时，他会首选从本地的CDN服务器上拉取，这样可以保证他最快速的获得该资源。据砖家统计，网络资源中有70%的是静态资源。这就意味着，有70%的内容产生后是不会变化，那么将它们全部放在CDN上面，可以提升这70%的资源的下载速度。
6.减少DNS查询次数
很多人喜欢把不同的图片挂在不同当域名下，比如说图片A挂在a.pm-teacher.com，图片B挂在b.pm-teacher.com。当一个网页同时使用图片A和图片B时，浏览器需要查询两个域名，要知道，每次解析域名都是会浪费时间的，所以尽可能的将全部图片放在一个域名下。
7.压缩css和js内容
福建蔡先生网银中全部21万元存款不翼而飞,这是今年3.15晚会上最让人印象深刻的一幕,而“肉鸡”也成为3.15后最流行的词之一,地下木马产业正通过各种“肉鸡”控制工具,疯狂侵蚀着网民的个人财富和隐私。网络安全也因此成为越来越多的用户关注的重点。
赛门铁克最新的生活调查报告也显示,尽管99%的成年人都认为他们采取了安全的网络保护措施,但很多个人用户在网上谈恋爱、公开隐私和结交朋友时并未受到完全保护。
虽然普通个人用户意识到他们需要网络安全保护,但是大多用户很少对网络威胁采取防范措施。甚至更糟糕的是,全球仍有20%的成年人根本不用任何安全软件。统计资料显示:一半左右的在线成年人经历过硬盘崩溃带来的困扰,而三分之一的成年人丢失过音乐、照片、视频和财务文档等有价值的电子文件。正是基于这样一些调查报告,赛门铁克最新推出了诺顿360 3.0版。
关注在线活动的安全
诺顿360包含的“诺顿网页安全”,是一种网站评级服务,旨在增强在线防护能力,让用户安心地浏览网页、搜索信息,并与他人互动。
而实际上,经诺顿网页安全识别的不安全站点中,近60%的站点都包含无需用户下载或安装文件即可感染用户电脑的威胁。在这个情况下,用户在打开网页之前,就需要有工具来帮助他们判断这个网页是否安全。诺顿网页安全可以为网站所有者提供一个知道自己网站是否安全的渠道,让用户认知这个网站是否安全,然后在用户输入密码时对密码进行保护。
赛门铁克公司中国区消费产品事业部总经理黄智华先生介绍道:“在诺顿360 3.0版中,会针对某一个网页是否安全进行评定。针对我们判断为不安全的网页,用户可以点击相应的分析报告,这个报告会告诉用户,不安全文件的相关路径是什么,是什么类型的文件,除此之外,该产品能对网站进行信用评估。”
一体化的解决方案
相对于其他的安全软件,诺顿360 3.0版更关注的是一体化的安全解决方案,同时关注电脑本身的安全和在线活动的安全。对于用户而言,电脑中有很多临时文件,最容易造成入侵安全的隐患。所以对这些临时文件的清理很重要,而诺顿的系统优化功能就是针对磁盘进行整理,包括临时文档、浏览器的临时文件清理等,这能消除很大一部分危险隐患。
另外,用户在网上交易时经常输入用户名和密码,如果没有得到充分保护,很有可能输入这些东西时就被程序跟踪,因此诺顿360 3.0版提供了一个身份管理的功能,用户可以很有效地管理交易用户名和密码。在网络安全方面,诺顿能给用户提供非常一体化、高度集成的平台。通过这样的平台,用户可以得到最基本、最有效的防护。
Web应用安全问题随着互联网的广泛应用而逐渐受到重视。网站篡改、网站敏感内容泄漏、网上银行安全隐患、挂马攻击，已经随处可见。统计数据表明，随着应用力度加大，政务网站安全问题凸显。网络攻击大多数是针对应用自身的弱点，其中最常见的攻击是Web应用攻击及SQL注入。
面对多种Web应用攻击，政府网站安保工作刻不容缓，信息化管理水平必须大幅提升。
现有Web防护系统已无法为政府、企业的网站提供足够的保护，智恒联盟WAF制定了更全面的攻击防护体系和方法。
Web应用安全隐患在于Web应用程序在开发阶段留下的安全隐患能被攻击者利用。这主要是因为Web应用发展过于迅速，开发者更多考虑的是如何快速提供服务，从而忽略了之前在传统软件工程开发中的安全问题。因此，Web上的很多应用都没有经过传统软件开发所必须完成的细致检查和完整处理过程。
针对这种情况，WebGuard-WAF集成了业界领先的Web应用检测技术，可检测出Web应用自身的脆弱性，诸如SQL注入、跨站脚本（XSS）等页面漏洞，为解决根本问题提供技术依据。
智恒WAF应用安全网关防护系统对HTTP数据流进行分析，应用了先进的多维防护体系，对Web应用攻击进行深入的研究，固化了一套针对Web应用防护的专用特征规则库，实现了对当前国内主要的Web应用攻击手段的有效防护机制，可应对黑客传统攻击（如缓冲区溢出、CGI扫描、遍历目录、OS命令注入等）以及新型SQL注入和跨站脚本等攻击。
黑客攻击技术不断发展，Web安全攻防是持续变化的过程。攻击者可以调整攻击力度，采用新的攻击手段，突破攻击防护设备的性能极值，而WebGuard-WAF及时跟踪、发现互联网上新的Web应用攻击类型，并最优化防护技术，为客户提供对抗最新攻击的解决方案。
针对目前猖獗的网页篡改攻击，WebGuard-WAF提供了“安全-成本”的最佳平衡点，从事前、事中及事后进行综合考虑：事前提供漏洞扫描，作为预防解决方案；事中，基于智能特征分析技术，对网页篡改所采用的主要攻击手段（如SQL注入、XSS）进行检测并做有效阻断，且及时跟踪、发现互联网上新出现的SQL注入攻击类型，并最优化防护技术，帮助用户对抗最新攻击；事后对Web网页篡改能进行检测并做应急保护，有效阻止非法页面和被公众浏览，极大降低了网页篡改引发重大影响的风险。
智恒WAF应用安全网关防护系统在对电子政务进行全面安全防护的同时，还通过连接池、缓存等机制，实现应用加速，优化电子政务系统的性能。
关键词：网页设计与制作；课程标准化；实施方案；标准
1基于标准化的课程内容分析
1.1了解技术标准，锁定课程框架任何一门课程，都应该是基于某种需求而存在，这种需求必定有一个标准。而对于网站建设也是如此，W3C标准对建站相关内容都制定了成熟与完整的标准。《网页设计与制作》课程作为建站的主干课程，所有课程内容都应该来源于W3C标准框架之中。1.2深入行业调研，熟知技术要求标准一旦制定，便不会轻易改动，而课程的完整内容也不会有太大变化。但对于内容的理解和使用却是随着技术和行业的发展而变化。尤其对于网页设计，技术更新更是迅速，例如由原来的表格布局发展到现在的DIV布局，甚至将来可能的响应式布局、弹性布局、网格布局等等。内容还是这个内容，只是它的作用和用法发生了变化。而这些都是需要我们深入企业一线去调研才能知道的。1.3充分探讨沟通，完善课程内容一旦对技术标准和行业要求有了深入的认识之后，就要确定合理的安排课程内容，无论课程内容如何，重点是教授这门课程的老师。相关老师集中对内容进行讨论，不仅可以更好的对课程内容进行设置和安排，同时也是一个学习和提高的过程。
2构建标准化的课程内容
通过对标准的解读和行业的调研后得知，《网页设计与制作》这门课程大体可分为3大部分来构建：网页结构、网页表现与网页行为。2.1网页结构（HTML）此部分内容以HTML标签为核心内容，根据需要创建的内容，使用具有较强可读性和可识别性的标签来进行表示，例如要创建一个段落，我们可以使用<p>来表示，如果要创建一个章节，则可以使用<section>。这样不仅可以实现网页内容的创建，同时也完成了对网站结构的优化。通过W3CSchool和W3School的内容参照，可将HTML内容分为基础教程、高级教程、HTML媒体及XHTML等内容，由于目前最新推出了HT⁃ML5，在新旧技术的过渡时期，尽量将新旧知识点分开讲解，有利于更加清楚的分层。2.2网页表现（CSS）此部分内容为网页制作里面最重要的一个技术环节，用于网页布局与网页美化，CSS是网页课程里面的一项重要组成内容，同样分为两个版本，CSS2.0与CSS3.0，依据W3C标准，将选择器、属性、hacks、单位等等归纳完整，分类清楚。通过W3CSchool和W3School的内容参照，可将CSS内容划分为CSS基础教程、CSS样式、CSS框模型、CSS定位、CSS选择器及CSS高级教程。目前行业正处在新旧技术交替状态，因而在内容制定上也要分开制定，使得层次递进更加分明。2.3网页行为（javascript）此部分内容为实现网页交互，网页中使用的主要技术为javascript。而javascript是属于客户端脚本语言的一种，它也成为web前端技术里面的重要成员。目前很多非程序员都在使用它，可见javascript是一门相对容易上手的技术。原生的javascript对于一般人来说是有难度的，但是对于理解js（之后都用于javascript简写）是十分必要的，目前有很多基于js的框架，例如jQuery是一款非常优秀的js库，因为此部分内容可以设定为原生javascript与jQuery两个部分的内容。上述3个方面，按照W3C标准严格制订内容，便可基本全部涵盖课程所有内容。
3加强关联课程建设，做好课程衔接
仅仅依靠《网页设计与制作》课程内容是无法满足岗位与技术要求的，它需要大量其他课程内容的知识来支持，才能更好地学习和掌握，例如：网页美工，除了要求掌握网页结构、网页表现外，还要会使用设计软件先对效果图进行设计，甚至在目前已经越来越多的企业还要求网页美工掌握网页行为部分的知识技能，因而根据整个行业体系，可将建站内容分成3个阶段：3.1网页美工主要针对网页效果图，网页元素设计，可将此部分内容加入到平面设计课程中例如Photoshop、AI等，且平面课程一定要在网页课程之前开设完成。此阶段的课程内容必须要有针对性，要求对网页的构成元素的设计，网页的配色、网页的风格设计，以及客户需求的分析制定相关内容。此阶段将很大程度上影响到后续课程内容的学习的效果。通过个人实际的教学中发现，做出一个好的效果图作品，将会极大的促进学生的学习积极性，也会无形中使得学生学习更加主动和自信。3.2web前端此阶段是紧跟上一阶段的，当学习完网页美工，制作出最后的效果图后，紧接着就是将图片效果先实现成静态网站。这里存在一个重要的环节，那就是切图。许多人对于切图并不太重视，但实际情况是，切图的好坏，直接影响到整个建站的效率。切图不好也会造成流量浪费及网速变慢等后果，这就需要美工与前端人员之间能够很好地进行沟通和合作，因而这个阶段并不是完全的独立存在。3.3网站后台开发当静态网站建站完毕后，此时网站只具备在客户端电脑浏览的基本功能，人机之间无法实现数据的传输。例如当需要在网站留言，并马上显示在网站中时候，当需要对网页的数据进行及时的更新修改的时候，这都需要服务器端技术的支持。目前建站的服务器端技术主要有PHP、JSP、ASP等。从过程可以看出，此阶段是必须承接上一个阶段的才能继续实施的，如果更好的实现对接，这就要求前端或美工人员与后台人员之间进行详细的沟通。上述3.1和3.3是可选内容，各专业可根据自身需要选取开设。
4完善教学资源，规范教学内容
完备的教学资源是课程标准化建设不可或缺的一部分。制定完课程内容后，如何学习课程是至关重要的。由于师资不同、专业不同等原因，同一门课程，教学内容却相差甚远，应该针对具体的知识点，制定统一的基础案例，也就是必讲案例，不分专业，不分教师，凡涉及某知识点，此对应的基础案例为必讲内容，然后可在此案例基础上，自由增加其他案例。这次既可保证课程内容的标准化，又可灵活变通。必备的主要课程资源大致有以下几种：4.1标准化的教学大纲此标准化教学大纲是课程学习的指导性文件，应该是针对课程内容统一制定，不区分教师，不区分专业，对每一个知识点都提出达到的目标要求。教学大纲不易经常性变动，它是一个完整的指导纲领，只有当内容发送实质性变化时，才会做出改变，最后由各专业针对自身特点从此教学大纲中有选择性的执行。4.2标准化的实训大纲如果说教学大纲是一个指导性的文件，那实训大纲就是实实在在的执行方案，针对每一个知识点都应该设定一个独立的案例，有详细的实现步骤及过程，也要对每一个案例提出明确的实训目标。实训案例不仅仅要针对一个个小知识点，更要有完整的案例，通过小案例的叠加，并最终能实现一个覆盖全部环节的完整案例。4.3视频教程仅仅有文字性的指导文件不够，配套的视频教程是必不可少的。课程内容的制定向来都是开放的，课程的学习应该是不受时间和空间的约束。视频可以很方便地将知识点清楚的呈现。视频的制定应尽量碎片化，按知识小节进行准备，时长在20分钟以内比较适宜。有了视频，学习者就可以更加方便的自学了。4.4反馈系统课程的内容的完善和优化，需要不断地在实践过程中发现问题，总结问题，通过反馈系统，将各种建议和意见进行收集整理，查缺补漏，不断完善和改进，此反馈系统可以通过网络手段，通讯手段等方式实现。4.5网络平台如何将课程内容更好的呈现和管理也是课程标准化建设的一项重要任务。可以建立一个网络平台，如专门建设此课程的网站，与优质课程，共享课程，精品课程看齐，将反馈平台、视频案例、教学大纲和实训大纲有组织地结合在一起，并实现资源的共享。
5创新考核方式，将考核落在实处
对于操作性极强的课程，使用传统的考核方式效果并不理想，如何创新考核方式呢？这里有以下几点想法：5.1以赛代考以比赛成绩作为课程考核成绩。通过比赛提高学生学习积极性，并将课程所学知识运用到实际大赛中，这样既考查了学生的学习情况，也可进一步提高学生的学习能力。5.2以证代考可鼓励学生参加相应职业资格证书考试，以职业标准来考查学生学习情况，以考证成绩作为课程考核成绩。5.3答辩式通过对所做案例进行详细分析和讲解，由专业老师和同学进行提问的方式进行考核，这样不仅可以促进学生的学习积极性，也可以加强对学生监督考查。5.4自荐式一个班级的学生能力总是有差异的，有的学生学习能力较强，在课程中期便已经掌握课程要点，为了促进学生学习积极性，充分体现差异化的教学特色，可由学生自己申请考试，便在学期中期就完成考核，以便学生可以更加自由的利用和分配时间。无论采用哪种考核方式，只要真正地把考核落在实处就是好的考核方式。
6结束语
当前对于教育的创新和改革不断地深化，无论是教学方法的创新还是教学模式的改革，都必须立足于课程的建设，《网页设计与制作》课程标准化建设不仅是对课程内容的重新梳理，更是一个自我提高和学习的过程，对于提升教学质量，促进专业发展都是很有意义的！
参考文献：
[1]郑伟,薛岚.高职院校图形类专业实践教学研究[J].科技资讯,2010(12):248-248.
[2]郑伟.高职院校非图形类专业《网页设计与制作》课程教学改革的探讨[J].福建电脑,2011,27(1):205-206.
1、诊断分析(《网站诊断分析报告》)
2、优化方案(《网站优化执行方案》)
3、优化执行
4、效果检测
5、排名维护
Google搜索引擎SEO排名得分算法公式
在论坛看到以下有关网站在GOOGLE的SEO排名数据分析，真实与否，不去深究，现在转下来给大家参考一下，数据计算方法还比较复杂，但还是值行SEO人员们学习学习：GoogScore = (KW Usage Score * 0.3) + (Domain Strength * 0.25) + (Inbound Link Score * 0.25) + (User Data * 0.1) + (Content Quality Score * 0.1) + (Manual Boosts) - (Automated & Manual Penalties) 中文：Google得分=(关键词得分X0.3)+(域名权重X0.25)+(外链得分X0.25)+(用户数据X0.1)+(内容质量得分X0.1)+(人工提分)-(人工/自动降分)一、关键词得分影响因子：·网页title ·Hx ·文本内容·外链中·域名/网址二、域名权重：·注册历史·域名年龄·外链权重·外链、给出链接相关度·使用历史、链接形式三、外链得分：·链接时间·链接域名权重·锚文本·链接数量/链接权重(PR或其他参数)·外链网页的主题四、用户数据：·搜索引擎结果页面(SERPs)的点击率·用户在网页上呆的时间·域名或URL搜索量·访问量及其他Google可以监测到的数据(工具条、GA等)五、内容质量得分：·流行的内容/关键词人工加分·Google投票人员·机器算法
七种添加网站链接的简单方法
一、热门关键词排名较好的反向链接。一般情况下，超级热门关键词排名较好的网站除了熟悉的门户外都有专门的进行优化链接建设，通过查找他们的反向链接会有不错的收获。当然，竞争对手的反向链接更值得关注。例子："wow gold"在Google排名前三的网站，到yahoo上观察其反向链接。除了其自身的站群链接外，很大一部分还是都可以共享的。当然这里面的垃圾链接也相当多，要进行筛选！
二、善于综合应用Google Hack命令进行查找。要熟知intitle，inurl，intext，site，双引号“”，减号-，filetype等用法。例子：1)博客intitle:注册；2)"robots.txt" "Disallow:" filetype:txt(后台禁止抓取的目录或地址)
三、根据特征名词进行搜索。博客建设是很多SEO公认的最简单最有效的链接建设方式之一，有的人用博客群建，有的人手工注册添加。这个过程中可以跟踪某些特征词进行搜索挖掘，如：某个人惯用的注册用户名；某些特定的程序标签。例子：1)博客inurl:williamlong；2)注册intitle:"powered by"
四、dofollow博客留言搜索。
五、站点地图提交到社区化RSS阅读器中。曾经我讲过网摘推广是主要的网站推广方式之一，其实Feed提交更实用。只要将你的站点内容做一个可更新的sitemap.xml并提交到主要Feed中，就会有大量的反向链接。例子：将/的rss.xml文件提交到Bloglines中。(注：Google Reader通过Ajax技术暂不能分享链接)
[关键词]互联网营销 课程体系 实践教学
中国互联网信息中心2013年1月的调查报告显示，截至2012年12月底，受访中小企业中，利用互联网开展营销推广活动的比例为23.0%。互联网营销已经成为我国中小企业进行营销推广的首选渠道，其中搜索引擎营销推广以53.2%排名第一。百度公司和前程无忧联合2012的《中国互联网营销职业发展白皮书》报告显示，互联网营销人才的需求旺盛，未来3年岗位需求增幅将达30%，培养互联网营销人才已经刻不容缓。本文针对高职互联网营销专业人才培养课程体系的设计思路和构成进行阐述，结合软件工程人才培养思想，探讨互联网营销人才的培养模式。
一、课程体系设计
随着大数据时代的到来，互联网营销越来越受到关注，互联网营销人才的缺口仍然很大。互联网营销人才的培养要从市场需求出发，注重实践性和实用性的课程。通过进行充分的市场调研，明确专业人才培养目标，以及和百度公司的合作，我校开设了培养互联网营销人才的新专业。该专业学生有两条学习主线，分别是软件开发方向和互联网营销方向，主要学习PHP（Hypertext Preprocessor， 超级文本预处理语言）技术和SEM（Search Engine Marketing， 搜索引擎营销）技术，从而掌握网站开发技术以及互联网营销方案设计等。
在设置课程时，以能力培养为目标，分析职业特点，在加强实践特色的基础上，制定了该专业的课程体系。该体系包括理论课程和集中实践，理论课程又分为公共基础课、专业基础课和专业技术课。其中“C程序设计-网页基础-数据库基础及应用-PHP程序设计”构成了软件开发核心课程主线，“SEM基础-SEM基础方案训练-SEM营销方案设计”是互联网营销核心课程主线。
二、课程体系构成
（一） 公共基础课
公共基础课是根据目前我国大学教育的指导方针制定的，主要包括人文素质类课程、外语类课程、政治类课程及体育类课程等，目的是为了提高学生基本素质，完成学校规定的基本素质教育，提高学生的思想道德水平和认知能力。
（二） 专业基础课
专业基础课是使学生了解计算机的相关基础知识，掌握数据库和网络的基础知识，熟悉电子商务的特点，了解互联网营销的基础知识，熟悉网页开发的整个过程。核心课程如下：
1.数据库基础及应用：使学生掌握数据库系统的基本概念和基本原理，掌握SQL语言和主流数据库的使用。
2.计算机网络及应用：掌握网络通讯原理，理解OSI参考模型中各层的任务及TCP/IP协议族典型协议的基本结构、通讯方式。
3.C语言程序设计：目的是培养学生的程序设计理念、掌握程序设计的基本方法，为后续专业课程打下基础。
4.网页基础：目标是培养学生掌握基本的静态网页、客户端动态网页的设计方法，为后续学习PHP打下基础。
5.电子商务：目的是使学生掌握电子商务的基础知识，为后续的网络营销课程打下坚实基础。
（三） 专业技术课
专业技术课的培养目标是使学生掌握互联网营销方案的分析设计和管理，掌握网页设计技术以及Web应用程序开发技术等。核心课程如下：
1.PHP程序设计：目标是使学生掌握使用PHP进行Web开发技术和方法，培养学生的Web应用开发能力。
2.SEM基础：使学生理解互联网营销的基本概念和原理，了解网络推广常见的方法及特点。
3.SEM基础方案训练：要求学生掌握SEM基本原理和了解百度网盟推广，通过基础方案的训练，掌握推广方案的基本制作方法和流程。
4.SEM营销方案设计：培养学生整合营销的思想，正确分析企业的营销目标，掌握SEM方案制作思路，管理和优化设计方案。
5.SEO搜索引擎优化技术：该课程从技术层面优化网站，使其更容易被搜索引擎命中。
6.网站分析工具：学习如何利用网站分析工具，对网站数据进行分析，从中寻找有价值的结论，指导公司管理层的决策，最终创造更大的网站价值。
（四） 集中实践
互联网营销专业的应用领域广泛，结合两条主线的课程体系，依据学院软件工程人才培养模式的目标，通过不断深化、循序渐进的实践和实训，尤其是一些综合性的实践环节，将理论知识与实践相结合，提高学生实际动手能力。
在我们的课程体系中，第1～4学期分别设置了一级、二级、三级实践课题和毕业实训。
一级实践课题安排在第1学期的最后1周。一级课题是使用C语言，完成一个基于控制台的小应用程序，系统地训练学生的编程思路及C语言基本语法和编程方法。
二级实践课题安排在第2学期的最后3周。二级实践课题是通过设计和制作动态网页，练习HTML网页标签基础和JavaScript动态脚本技术。
三级实践课题安排在第3学期的最后3周。三级实践课题有两种方式。一种是通过百度沙箱系统模拟互联网营销环境，练习营销方案的设计与优化。另一种是WEB应用程序开发，通过使用PHP技术完成网站的设计与实现，系统的练习开发网站的流程和方法。
毕业实训安排在第4学期。毕业实训是让学生在校外或校内的实训基地进行完全实境的项目练习，体验实际的项目工作环境和工作过程，进一步为走向工作岗位积累工作经验和社会经验。
各个实践环节环环相扣，由易到难，由单一到综合，形成一个完整的实践体系。
三、核心问题与相关措施
互联网营销近几年发展迅速，技术知识更新块，营销推广平台也是多种多样，因此互联网营销专业课程体系建设过程中会遇到一些核心问题。本文从教学方式、师资力量、实践环节等方面进行分析，并提出对应的相关措施。
1.单靠传统课堂教学方式无法满足专业需要。新技术层出不穷，对两年专科的学生来说，时间短任务重，只能有重点选择主流技术平台进行讲解。新技术的一些介绍可以穿插在专业课程中讲授，或者利用讲座或者培训等对新技术进行讲解。积极利用和企业的合作，让师生都能够参与到企业的真实工作中去，了解最新行业动态。
2.缺少适合教学的成体系的教材。目前把互联网营销作为专业开设的院校还相对较少，配套的系列教材更是凤毛麟角，所以选教材时只能根据教学大纲来选择相近的技术书，主要还是依靠老师自己编写讲义。这给授课带来了很多不便，对学生听课过程也要求更加严格。该问题的解决需要教育管理部门和众多同行的共同努力。
3.师资力量较薄弱。为了保证教学质量，一定要加强师资力量的建设。重视教师培训，通过请企业相关专家来校对教师进行新技术的普及，以及将教师送到公司加强培训，及时补充新知识。另外，不定期聘请互联网公司的营销技术专家举办讲座，拓展学生的知识面。
4.模拟实践环境与现实应用之间存在差距。实际的教学过程中，使用模拟平台进行营销方案的设计与管理，相对于现实中的实际应用，还是存在一定差距。重视实验室建设与校企合作，尽量为学生提供真实的实践环境，并鼓励学生多了解和使用不同的平台和技术。
四、结语
为了培养创新型和应用型的互联网营销人才，我院建立了科学的互联网营销专业课程体系，以两条主线贯穿整个教学过程，并依靠实践环节提高学生的实际应用能力。我们希望在社会环境的支持下，互联网营销人才培养模式能够得到改进和发展，培养出更多高质量的满足市场需求的互联网营销人才。
[基金项目]1、河南省教育厅科学技术研究重点项目（软科学），软件学院发展中的若干问题研究，项目编号：12A520051。2、中原工学院校级教改项目，文号：中工教（2014）22号，软件工程专业实践教学体系的改革与实践。
[参考文献]
[1]车战斌，韩玉民，刘安战.高职Java手机游戏开发专业课程体系建设研究[J].职业教育研究， 2012，（2）：44-45.
[2]廖卫红.精细化人才培养模式下高职“网络营销”课程教学改革[J].温州职业技术学院学报， 2011，（02）：94-96.
面对日益复杂的网络、内容和应用，CDN服务提供商蓝汛既要为客户提供更快更好的网络服务，又要把服务量化、透明化，展示自身价值。
借助Compuware APM，从第三方的角度监测、采集网络访问等数据信息，蓝汛正为越来越多的客户提供从外部Web到内部应用、从本土到国际的，更快、更好、更省钱的网络服务。
互联网的8秒定律已广为人知，即整个网页打开时间超过8秒钟，网民将放弃浏览。而现在则是4秒定律，有些导航网站要求甚至更高，网页打开时间不能超过3秒、2秒，因为当网页打开的时间每增加一倍，客户流失量就增加一倍。
当移动互联网开始兴起，从博客到微博的互联网内容不断改变，移动终端的平台也开始多样化，从OA到ERP再到电子商务的企业应用越来越复杂， WiFi、2G 、3G、4G等网络也在不断发展。面对日益复杂的网络、内容和应用，CDN服务提供商北京蓝汛通信技术有限责任公司（ChinaCache，简称蓝汛）既面临着如何为客户提供更好服务的问题，又不得不考虑如何将自己服务的价值量化、透明化，更好地向客户展现。
新一代内容感知平台
蓝汛成立于1998年，是中国领先的专业CDN服务提供商，向客户提供全方位网络内容快速分布解决方案，在全国多个城市拥有服务节点，覆盖中国电信、中国联通、中国移动和中国教育网等各大运营商网络，向客户提供高质量的CDN服务。2007年，蓝汛开始逐步拓展海外市场，在洛杉矶成立北美分公司，目前它在北美和欧洲均设有节点。
作为2000年首家获前信产部许可的CDN服务提供商，蓝汛目前在全世界100多个大中城市拥有13000多台服务器，业务遍及欧洲、亚洲、美洲和大洋洲。蓝汛平台每天承载着： 2.5亿个移动和互联网终端客户，20亿个的网页展示，2亿个视频及多媒体文件传输 ，2700万个音乐文件传输和80万笔电子商务交易。它为国内外上千家知名公司提供网络服务。
蓝汛公司副总裁傅亮在接受中国计算机报记者独家采访时介绍，蓝汛首批客户主要是门户类的网站，这些网站在互联网发展初期承载着很大流量的并发。之后，政府新闻类的网站也成为蓝汛的客户。再后来互联网的泡沫和迭起，随着新一波视频大潮，一批视频网站也都先后成为蓝汛的客户。到今天，蓝汛把整个市场分为互联网、移动互联网、企业和电商、媒体和娱乐、政府机构等几个方向。
在国际市场，蓝汛的重点客户来自于两方面：一方面是“引进来”，海外知名企业正在加快在中国的布局，它们非常不熟悉中国的网络，蓝汛为它们分析中国网络；另一方面是“走出去”，比如较大的本土网游类、软件类企业和大型企业正在向国际扩展，这些中国企业的国际化布局不再走传统路线，需要借助互联网低成本、高效率的平台来推广业务，于是它们都成为蓝汛的客户。
互联网改变生活，网民改变互联网。2011年，蓝汛调整定位口号为“内容感知平台”，旨在感知互联上内容，不只是静态的内容，而是越来越深入的企业应用，需要感知在互联网上有什么样的传输、什么样的问题，并且解决问题。
现在移动互联网开始兴起，平台多样化，博客、微博等内容不断改变，移动终端的多样化， WiFi、2G、3G、4G网络不断变革发展，如何给予客户最好的解决方案，是蓝汛目前面临的重大挑战。在形式、展示以及内容上蓝汛都需要不断努力，调整步伐，迎接挑战。
第三方数据展示服务价值
早在2005年，蓝汛就与Compuware展开合作，从第三方的角度进行监测，采集网站实际访问数量等数据信息，将蓝汛的服务价值以可量化的形式透明地展现给客户。同时，Compuware APM能从不同终端、不同类型、不同应用的角度，帮助蓝汛量化、细化服务质量，让客户更放心。
Compuware大中华区方案销售总监李翔向记者介绍，整合了Gomez和dynaTrace的新一代Compuware APM从最终用户出发，提供端到端的可视化解决方案。它能够提供主动监控方案，包括记录和回放业务流程，并提供真实的用户体验监控；与此同时，提供深入交易流程的全面分析方案，包括企业级端到端的交易追踪，主动监测、分析并解决单一用户界面的性能问题。通过PurePath技术，监控和分析可以扩展到大机内，实现从服务器到数据库到应用直至代码级的跟踪。
Compuware APM解决方案通过掌握边缘的复杂程度提供最佳的用户体验、性能和可用性，使用主动和真实用户监控优化本地应用和移动应用性能。突破传统的IT监控模式，Compuware APM以最终用户体验为导向，提供涵盖整个应用传输链的一体化应用性能管理平台，其应用范围从互联网终端云应用直达数据中心。Compuware APM平台帮助客户主动解决问题，缩短新应用的上线时间，并通过智能分析和先进的APM自动化应用管理降低成本。
蓝汛为客户提供更快、更好、更顺畅的网络服务，而Compuware作为一个观察员，则可以在提供的多维度数据基础上进行分析，告诉客户网络问题的解决情况和用户应用体验的改善情况。
从外部Web到内部应用
“Compuware解决了What（是什么）和Why（为什么这样）的问题，而蓝汛解决了How（如何实现）的问题。Compuware除了提供外部Web方面的相关技术透明化、目标化之外，更能为我们共同的客户提供整体解决方案，能够提供从内部系统应用到外部Web访问的监测、评判。” 傅亮说。
同时，Compuware还能出具行业报告，如快速消费品行业中，是可口可乐的首页打开速度更快还是百事可乐打开更快，让网络和应用从透明化、清晰化走向目标化，不断帮助行业向更良性、更明确的方向发展。简单概括，就是更具有目标化。
关键词：Photoshop 网站 设计 京东商城网
Photoshop在各个领域里应用非常广泛，其功能非常强大，它可以将图片、视频剪辑、图形以及美术作品结合在一起，并进行处理，使之产生各种唯美甚至超乎想象的滤镜特效。在很多行业以及我们的日常生活中都需要使用到它。因此，在网络高速发展的今天，学会如何使用Photoshop软件就非常有必要了。
我校以“京东商城网”为例为学生讲解Photoshop在网站建设中的布局与应用，“京东商城网”是一个典型的电子商务网站系统，在现实生活中应用非常广泛，它的定位清晰，受众明确。电子商务类网站需要提供更多的图片信息，各功能在实际工作中经常用到，Photoshop的布局应用也很有代表性。下面，就“京东商城网”为例，谈一谈Photoshop在网站建设中的应用。
一、Photoshop在网站建设中的作用
1.布局灵活
在设计“京东商城网”过程中，Photoshop里面的图层起到了不可或缺的作用，每层可以放置不同的元素，图层之间可以相互链接，也可单独存放，每个图层上的图像位置可以随意挪动而不影响其它图层的图像位置。如此灵活的功能，完全可以让我们随心所欲设计而不受任何约束，而Dreamweaver等软件给我们提供出自由度降低很多，其效果也会大打折扣。
2.修改方便
“京东商城网”网站建设前期首先需要在Photoshop中做出效果图和同学们一起研究。一般情况下，一次构思出的效果满意率非常低，总会提出修改意见，而且还会不断地提出修改方案。这时我们就可以利用Photoshop的强大功能将我们研究出的最佳方案方便地进行修改和优化，直到达到满意的效果为止。
3.可以加快浏览速度
在设计“京东商城网”的过程中，我们发现一个设计不美观不规范的网站是没有生命力，然而一个打开、下载速度慢的网站也是没有存在的价值。所以，使用Photoshop设计“京东商城网”时，网页经过裁切后体积相对要小得多，相同的元素因为其格式变化也会大大提高下载速度，因此Photoshop就成了提高速度，提高点击率的制胜法宝。
二、Photoshop在网站开发中的应用
以我校设计的“京东商城网”为例。首先要明白运用Photoshop设计的网站是各个网页的整体效果呈现。网站制作中对图片的精准度要求很重要，图片过大会被压缩扭曲，导致图片不清晰，太小会显得不美观。建立图层组是很重要的，制作一个页面会有很多层，如果都放在一起，杂乱无章，也影响工作效率。
在设计“京东商城网”系统中，主页包括LOGO，标题栏，广告栏，文字等，如果放在同一个文件里面会有非常多的图层，可以先制作好各个部分，然后组合到一起。在主页设计时应考虑到：“图片”适当地插入网页中可以起到画龙点睛的作用：“文字”与“背景”的合理搭配，这样可以使文字更加醒目和突出。
1.网站LOGO的设计
LOGO的应用领域非常广泛，无论是平面媒体还是电视广告，无论是互联网上还是互联网外都能见到它。因为它代表着企业的形象，所以它起到宣传企业形象、加深人们对企业印象的作用。拥有一款优秀的LOGO，可以使品牌视觉形象如虎添翼，加快企业的发展步伐。
“京东商城网”的LOGO包含了自己的名称和网址。起初制作的时候色调上搭配很不协调，放到网页中显得很突兀。而且我们网站的LOGO是以蓝颜色为主的，要想让其信息跟蓝色颜色不冲突，我想只能用蓝颜色，但是如果整体呈现这种颜色是很不明显的。后来将部分位置改用黄颜色，这样即没有改变原来的LOGO，又达到了协调的目的。
2.标题栏的设计和制作
一个网页版面除了头、底要特别制作外，中间部分应该考虑制作标题样式，统一风格。还要考虑表头背景、一些常用的边框等。“京东商城网”是典型的B2C网站，通栏用来展示热销的商品、新上市的产品及推荐的产品，可以通过品牌通道迅速到达二级域名。右栏用于部分商品讯息展示。在制作标题栏的时候，放个简单的小按钮会更加增色。制作标题栏最好将其设计成立体效果。
3.图片的处理
网站不能只用文字，那是枯燥乏味的，必须在页面上适当地添加一些图片，增加可看性。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小，另外，网页中最好对图片添加注解，当图片的下载速度较慢，在没有显示出来时注解有助于让浏览者浏览的方便，很有必要为图片添加一个注解。这是一个小地方，却能体现一个网页的制作水准。
根据“京东商城网”网站的需要，图像处理要简单化，如把一副图像裁剪为合适的尺寸。网站中商品的图片最重要的是突出商品，因此需要对图片明暗进行调整，压缩图片的大小，尽量减少对网页传输速度的影响。
4.特殊字体的应用
在网站制作中，特殊字体的运用是非常重要的。使用不同的字体，颜色可以吸引目光，对于希望客户快速了解的信息，可以适当变大或者更改颜色。在图片制作中我们对特殊字体的使用较多。用较大且突出的字让客户迅速了解信息。
5.网页背景的应用
图像的另一个重要应用是作为网页的背景。网页的背景并不一定要用白色，选用的背景应该和整套页面的色调相协调。我校设计的“京东商城网”网站背景并没有特别的要求，是白色，这样显得更加明快。
三、Photoshop在网站后期中的应用
Photoshop在网站后期的处理中并不需要太大的调整，通常都是用来进行小地方的调整。更新网站图片，制作新商品图片等。
总之，在使用Photoshop设计的“京东商城网”电子商务网站过程中，我学到了很多，工作、生活上都得到了很大的提高。也让学生更加明了LOGO的含义，丰富了自己对不同图片、内容设置不同字体，不同版面运用不同动态效果，制作整体布局的经验。在此过程中我们碰到很多问题，从最初的无法很好的对网页进行布局，不知道网页布局应注意的问题，到如今我们已经能合理搭配，并开始注重细节的表现，经常交流经验，在设计中不盲目的制作。在“京东商城网”制作的过程中，又一次加深了我使用Photoshop设计网站的教学能力。
参考文献：
【1】《Photoshopcs3中文版高级实例教程》 方晨著 上海科学普及出版社 2008.6
[关键词] 聚类挖掘 电子商务 关联规则 超图
由于Web具有方便、易用、高效的特点，电子商务显示出越来越强大的生命力，同时各种商业Web站点也面临越来越激烈的竞争。
有效聚类Web用户和网页对改进网站质量、完善电子商务中产品销售策略具有十分重要的意义。在电子商务中，浏览模式相似的用户具有相似的购买习惯，通过聚类挖掘，将这些用户聚集在同一类，可以制定相似的销售策略。根据浏览模式聚集在同一类中的网页，是大多数用户共同访问的网页，在这些网页之间建立超链接，以方便用户使用。
现有的基于浏览模式的Web聚类挖掘研究方法中，只要用户请求了一个网页，便认为用户阅读了该网页，事实上有些被请求的网页用户并不关心，不会认真阅读的。通常一个实用网站包含大量的网页，现有的Web聚类方法将每个网页当作一个被聚项，无论用户访问的频繁与否，总是归入一个类中，结果造成有些类中的网页之间几乎没有相关性。
鉴于以上考虑，本文提出了基于关联规则和超图分割的聚类Web网页及用户的方法，不仅考虑了用户浏览网页的时间长短，还考虑了聚类层次（级别），将不相关网页项排除在聚类之外，使每个类中的网页具有较高的相关性。采用这种方法，可以优化Web站点拓扑结构，指导企业调整营销策略，给客户提供动态的个性化的高效率服务。
一、建立电子商务网站的层次模型
建立电子商务网站的层次模型出于三点考虑。第一，网站中网页内容组织呈现树状结构。第二，在进行关联规则挖掘过程中，可能最下一级挖掘不出达到指定Support的强规则，但是能从上级层次挖掘出达到指定Support的强规则，或根据实际需要在某一个层次进行聚类分析。第三，对于电子商务网站，有些用户虽然访问了某网页，但是对其内容并不感兴趣，可能只是扫一眼就放弃。在此情况下，不应该认为用户认真阅读了该网页，所以应该记录网页的长度，通过计算用户的浏览时间和网页长度的比值来判断用户是否真正认真阅读了该页内容。
层次模型采用树状结构来描述，节点的数据域包含对应网页的层次名称（编号）和网页长度。树根应该取所研究的网站根目录（研究整个网站）或所研究的网站分支的最上层目录。在建立层次模型时，应根据网站的具体情况决定采用的方法。通常情况下，网页文件名能完全反映网页所在的层次，可以采用完全自动方法进行转换。
二、基于关联规则的聚类挖掘
1.预处理
在Web站点中，服务器日志文件记录用户的访问方式、所访问的页面、访问时间、用户IP地址等信息，通过收集Web日志所记录的用户浏览信息可以对网页和用户聚类。首先要对收集到的数据进行预处理，获得每个用户所访问的网页序列。将一个用户对某个特定网站的一次连续浏览（从登录该网站一直到离开该网站）所访问的网页序列称为一个用户浏览事务。如果用户中途访问了另一网站，而后又返回该网站，返回后所浏览的网页序列将组成另一个用户浏览事务。处理后的事务序列将具有如下的形式：
u_id（用户标志编号），p_id(页面编号)序列
2.挖掘关联规则并计算关联规则可信度的平均值
对经过预处理的浏览事务进行关联规则挖掘，挖掘出满足一定支持度的关联规则。关联规则是在挖掘出频繁网页集的基础上发现的，由于频繁网页集是大多数用户在一个事务，即一次网站访问中所共同浏览的页面，所以频繁网页集反映了这些网页或共同访问这些网页的用户之间存在一定的联系，如网页内容高度相关。在进行聚类时，应该首先考虑将频繁网页集中的网页聚合在一个类中。
通常挖掘频繁网页集的方法是在给定某一支持度的基础上进行的，满足该给定支持度的一个频繁网页集中的网页可能是另一个或另几个频繁网页集中的元素，那么将这些网页应该聚合到前一项目集还是后面的某一项目集？正确的选择应该是看这些网页和哪一项目集联系更为密切，可采用的方案有两种：提高支持度继续挖掘频繁网页集直到每一网页仅处于一个项目集或利用各频繁网页集中网页之间关联规则的可信度。进一步仔细分析，前一方案不可取，首先可能不存在一个支持度使每个网页仅位于一个频繁网页集中；其次即使存在这样一个支持度，再进行多次的频繁网页集挖掘代价也太高，实际中是不可行的。
相比之下，后一方案可行度高，在挖掘出满足指定支持度的频繁网页集的基础上，可以较为方便地计算出每一个频繁网页集中的每个关联规则的可信度。可信度的大小也反映了网页之间关联的密切程度。为此，计算每个频繁网页集中所有的关联规则的可信度，在此基础上计算其所有关联规则可信度的平均值，用可信度的平均值反映网页与不同的频繁网页集之间联系的密切程度。
3.利用超图进行网页聚类
超图是对图的扩充，允许一条边连接三个或三个以上的点。每条边带有权的超图称为加权超图，在挖掘出频繁网页集和关联规则的基础上，可以得到网站的加权超图。超图中的一个顶点代表一个网页，超图的边称为超边，超边连接的顶点是频繁网页集中的网页。每个超边的权取该边所对应的频繁网页集中所有关联规则可信度的平均值。
上图为超图的示意图，代表A，B和C所组成的频繁网页集的超边的权值，0.7是A，B和C三个网页所组成的所有关联规则可信度的平均值。
为了使聚集结果的每个类中的网页具有高度相关性，超图中仅包含出现在强关联规则中的网页。利用超图进行聚类的方法是逐步切割超边将超图进行分割，分割成多个子超图，分割的原则是被切割的超边的权值和尽可能小，从而保证将相互关联比较小的网页分割在不同的子图，而将关联比较密切的网页保留在同一子图内。分割过程继续进行直到被切割超边的权值和与留下的超边权值和的比值大于某一临界值，或所得到的子超图数目达到某指定值，分割过程结束，留下的各子超图便是聚类的结果。每一个子超图对应一个聚类，超图中的各顶点代表该聚类中所包含的网页。
4.事务和用户聚类
在将网页进行聚类的基础上，可以将浏览网站的事务和用户进行聚类。浏览事务聚类的原则是根据事务和网页聚类的相似度进行，将事务聚合在相似度最高的网页类中。事务和网页类的相似度可以按照如下公式计算：
|Tj∩Ci|/|Ci|
其中，Tj为一个事务，Ci为一个聚类，|Tj∩Ci|为Tj和Ci中所包含的相同页面的数目，|Ci|为Ci中所包含的页面数目。
在记录网站用户标志的情况下，可以通过用户的浏览事务聚类将用户进行聚类，即将访问相似网页的用户聚在同一类。
5.聚类挖掘结果的可视化
聚类挖掘的结果是多维的，由于笛卡儿坐标系最多只有三个坐标，所以不能用通常的方法作图。而且这些多维的数据集一般不含有空间语义，数据集的各维之间没有空间连贯性，这也很难用传统的二维或三维图形直接表达多维空间。本文采用了一种通过主分量分析将多维空间坐标转换为三维坐标的挖掘结果可视化方法，实现聚类挖掘结果的可视化。根据生成的各个点之间的距离和簇的形状，我们可以有效地从大量数据中发现对我们有用的信息。
三、结论
阐述了在电子商务系统的研究和应用中，利用基于关联规则的多层次、超图分割聚类方法，对Web网页和用户进行有效聚类。该方法借助网站层次图，可以根据实际需要，在各个层次上进行聚类分析；在挖掘出满足一定Support的关联规则的基础上进行聚类，仅将高度相关的网页和用户聚在同一类，而将关联性较小的网页排除在聚类外。该方法对于改进网站质量、完善电子商务中产品销售策略具有十分重要的意义。
参考文献:
[1]Pei J, Han J, Behazad M, et al. Proceedings of the 1999 KDD Workshop on Web Mining[C], Kyoto: PKDD, 1999. 396-407
[2]Cooley R, Mobasher B, Srivastava J. Data Preparation for mining World Wide Web Browsing Patterns [J]. Knowledge and Information System, 1999,1(1): 25-29
[3]Karypis G, Aggarwal R, Kumar V, et al. Multi-level Hypergraph Partitioning: Applications in VLSI Domain[R]. Minnesota: University of Minnesota, Department of Computer Science, 1997.1-50
近年来，动态网页的发展的进程取得了很大进步，动态网页不同于静态网页，动态网页可以说是一种技术含量较高的网页编程技术。对于静态网页来说，其显示的效果与相关的内容较长时间内不会发生变化，但是对于动态网页来说，就可以通过一些页面的代码不同，而使页面的相关内容由于环境、时间或者是相关数据库的改变进而实现变化，在动态网页早期的时候，大部分使用的是网关接口技术来实现的，然而在进行编程的过程中出现了较多问题，如编程的效率低、技术难以实现以及修改过程复杂，正因如此早期动态网页技术在逐渐的被新技术所取代。与此同时，新技术的不断完善使得动态网页设计以及表现形式更加灵活。动态网页的设计在通常情况下是按照由上到下的原则而实现的，先从较高层的页面一级一级的向下进行访问页面的相关内容，但是要求是在不同的文件中要放置不同的页面相关内容。正常情况下，上述的情况由静态页面是不能实现的，而且对于用户来说是非常不方便的。在动态页面上的显示的文件大都为原页面文件，所以一定要使用递归调用的方法。另外一方面，对于数据库的访问结果要进行处理。根据用户给定的条件，在进行数据库的检索过程中需要将结果反馈给相关用户，这是用户通过输入条件的不同，进而获取不一样的检索效果。
2动态网页设计的探索
2.1网页设计原则。
计算机动态网页设计主要目的是有效抓住用户的相关需求，进而能够给相关的企业带来最大的经济效益。因此在进行网页设计的过程中，需要遵循一定的设计原则：首先，网页的设计要有好的对比度，而且还要具有一致性，收到简洁明了的效果，表达出网站的主题内容。一致性主要表现在相关网页的风格与色彩的布局上。在对比度上，好的对比度主要体现在网站的内容上一定要有重点。只有做到这个原则才能够制作出非常优秀的网站。
2.2网站设计构思。
对于网页设计之前，首先，需要进行的工作是构思。对于设计者构思设计方案，首先要明确网站的主题内容，比如对于一个相关的论坛，可以有不同的主题，如以爱好、学习技术为主题，拟定了主题之后再确定网站的主要内容。其次，要确定网站上目录的链接，为了突出其重要性，要将目录放在最为突出的地方，还要协调其他内容，放在较为合理的位置。最后，对于动态网页最重要的就是要明确在网页上的主要图片，对于主要图片需要根据动态网页的主题来选择，而且要能够突出网站的主题。依次根据以上的三个步骤，其主要的风格基本得到确定，另外如果有特殊需要，可以进行一些相关的调整，增加或减少一些内容等。
2.3网站风格探讨。
对不用户来说，不难发现不同的页面能够看出有不同的风格。在版面的设计上，需要细致的观察到版面的和谐、美观以及最重要的实用性。另外，在传统设计的基础上，可以再进行一些个性化的创新设计。例如，在论坛网页的设计上，主要使用的是d型的架构，进而进行创新。这一设计融合了边框的设计，将一些左边框的内容加入到上边框上能够减少空间的使用，使得页面更加整洁、美观。对内容区进行规划时，使用到的是左右对称法则，而且还用到了共享边框技巧，从而都具有边框，有效统一网页风格。其中需要特别注意的是要在每一个栏目当中都要建立独立的文件目录，使用到的图片都要放在其下面的独立文件夹中。这样能够有效避免所有的文件都堆放在一起，也能够使网站的结构看起来更加清晰。对于首页的制作也是网站非常重要的工作，因为首页是一个网页的门户。第一，对于首页要求能够体现网站的相关主题，让用户更加清晰；第二，首要要有吸引力、美观，让用户有进行下一步游览的欲望。另外，为了能与用户进行有效的交流，可以在论坛的左栏设置投票系统，得到用户的直接反馈。
2.4网站管理方法。
虽然现阶段的网站涉及到的软件都越来越容易使用，尤其是目前各行各业都在提倡以人为本的服务，进行设计工作，这就促使要有一个非常好的网站应该很方便去管理。设计中需要体验用户的感觉，进而能够使得网络的管理者使用起来非常方便。另外，对于管理员要设置密码，只有这样才能保证网站的安全性，并且保证管理员具有对密码进行修改的权力。
3网站优化设计技巧
3.1表格设计技巧。
大部分的网站在进行页面设计时会用到表格，使用表格来实现布局，由于表格能够很好的实现较为复杂版面的设计工作，因此非常受欢迎。但是，也存在一定的缺点，也就是将大部分元素尽在图中呈现，在浏览器中有时会出现显示不全的现象。为了能够有效的缩短时间，需要将大的、整个的表格打散成许多较为独立的、小的表格来实现，另外，还需要注意的是对于意义不大的表格要进行删除，避免出现空间的浪费，否则这些表格会使网页的速度降低，带来许多不便。
3.2杜绝表格嵌套。
目前的动态网页设计过程中，设计者都倾心与使用表格嵌套的思路。因为使用表格嵌套能够进行网页版面设计，其好处是能够设计出非常具有创意的版面来，也就是这一点能够吸引着较多的设计人员，但是对于嵌套的层数越多的表格，对于浏览器来说，需要进行解释与显示的时间就会越长。所以建议在不放弃表格嵌套设计带来的优秀创意优势外，建议表格嵌套层数不超过三层，只有这样才能充分的利用表格嵌套设计版面的优势，还能够很好地避免由于过多嵌套带来的浏览器显示速度缓慢的问题。
3.3有效优化脚本运行。
有很多的网页设计者，为了能够便于所设计的网页，在进行下载前需要先启动脚本语言。然而，放置大量的脚本代码将会导致整个页面的下载或者是显示的速度变得更为缓慢。因此，为了能够有效的减少过量脚本代码在中带来的显示速度缓慢问题，需要将那些后来执行的脚本程序放到之前进行，还可以将其放到一个外部的文件中。到使用的时候，再进行一些调用工作。这能够在很大程度上由于网站设计的不合理，进行相关的优化工作，还可以通过采取一些简单的技术进而加快网站的下载速度。
4结束语
