网站制作论文

近日小编精心整理了《网站制作论文(精选5篇)》的相关内容，希望能给你带来帮助!摘要：笔者经过学习网页制作后，发现在实际操作中，仍然会出现较多问题。因此本文查阅部分相关资料，试对网页设计与制作的相关内容的一些制作技巧进行整理归纳，希望能为大家提供一些较为有用的具体的可行的制作技巧。

第一篇：网站制作论文

基于网站制作的Web前端开发优化

摘 要：21世纪以来，人们的生活已经开启了互联网时代，生活变得更加的丰富和便利。作为网络维护和优化的重要手段，Web前端开发技术的出现对整个互联网产业都产生了巨大的影响。本文对网站建设的Web前端开发技术进行了介紹，并结合其应用背景和时代需要，对其未来优化方向进行探讨。

关键词：网站制作;Web前端开发;优化

本文著录格式：何煜琳.基于网站制作的Web前端开发优化[J].软件，2021，42(02)：112-114

Optimization of Web Front end Development Based on Website Production

HE Yulin

(Bayin Guoleng Technology College， Korla Xinjiang 841000)

【

【Key words】：Website production;Web front end development;optimization

0 引言

网站制作的内容是比较广泛的。从细微处来看，其主要包括图像的处理、网页布局和数据库的建立。在当前科学技术飞速发展的阶段，互联网所承接的信息源越来越宽泛和多样化。为了满足不同用户对信息获取的不同需求，网站的制作也体现出越来越丰富化的趋势。当前社会，随着网络与信息技术的快速发展，科技化、智能化等正以无法想象的速度影响与参与着人们的生活。人们的生活变得更加的自动化、现代化。总体来说，在网站建设方面，基于网站制作的Web前端开发技术起着相当重要的作用，它使网页呈现方式不再同以往相同，只是由过去的静止图片及文字组合而成，先进的网站建设，内容和形式都更加多样和复杂，除了让用户体验到更加新鲜精彩舒适的浏览观感，更可以使网站建设很好地为广大用户服务，实现其建设的真正价值。

1 Web前端开发技术阐释

1.1 Web前端开发技术基本含义概述

从宏观来说，Web前端开发技术主要包含三个关键性语言，分别是Java Script、HTML和CSS，这三种语言有着不同的作用与特点，执行标准也并不完全一样，但相互间又存在某种牵连性。其中HTML是超文本标记语言，“超文本”表示用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本;Java则是一种操作简单但功能却异常强悍的编程语言，吸纳了大众非常熟悉和了解的C++语言特征，同时对C++中一些理解困难的内容做了摒弃处理;CSS则是用来表示HTML的计算机语言，它的功能是将元素变为动态。这三种语言在Web前端开发技术中各司其职，但彼此相互间联系紧密，是此项技术同等重要的三个组成部分。现阶段，最寻常的网络环境是B/S结构，结合当前的网络环境技术，对浏览器进行分析研判。这种方法契合现代网络技术的搜索需要。首先，使用浏览器时，使用者会先行输入待浏览的网页网址，输入完成后，浏览器会向URL输出请求信号，然后服务器会接收讯号，并详细分析请求网址的域名，然后获取网址的IP地址，这样就完成了浏览任务的第一个重要步骤。这些操作完成后，使用浏览器的客户端会向服务器终端发送HTTP，浏览器则会根据请求对HTTP进行确认，确认之后的文件一般会呈现出网络地址的形态。其中，Web服务器主要的应用文件内容和URL参数进行相关数据处理并生成HTML文件。文件生成完成后，服务器会将HTML文件传输回浏览器。浏览器在接收文件后再一次对其进行分析，并请求服务器将相关的资源文件进行发送。服务器接受请求后，把目标资源文件等传输到浏览器，再由浏览器根据资源文件进行相应的数据整合，最终用户就可以在浏览页面上显示出搜索内容。

1.2 Web前端开发技术的重点研究方向

从该技术的开发过程来看，基于网站制作的Web前端开发技术开发之初，HTML和CSS就承担了不同的功能。HTML技术的职能仅局限于帮助使用者访问网页内容，而CSS技术则将重点投放于网页的架构和页面的美化。这项技术发展到现在，已经开始转向网页自动跳转及过渡到不同的内容。另外，基于网站制作的Web前端开发技术新增了“禁止网页非法访问”技术，未来应该会作为最基本功能运用。与此同时，为消除非法人员企图伪装成普通用户成功进入通信网络系统的问题，基于网站制作的Web前端开发技术特地增加了“防插入入侵权限”的功能开发设计，对于加强建设身份认证控制系统的功能，保障网站安全性起到了重要作用。另外，任何事物的发展过程中，都会呈现其多样性和特殊性，很多事物都是利弊相互交替的，并无所谓的绝对好与不好。随着Web技术的日渐强大，网络病毒也呈现疯狂态势。为彻底将网络病毒控制好，基于网站制作的Web前端开发技术又开发设计了安全密码保护系统，希望可以为网络安全保驾护航。另外，Web前端开发技术对于适时阻止非法入侵行为，同时进行技术创新，对网站中很多问题可以提供行之有效的解决举措，进而实实在在地避免不稳定因素的出现[1]。

如何获取用户的满意，是Web前端开发技术应该着重考虑的问题。广大用户在网络日常消遣中，主要集中在网络游戏、网络娱乐、网购等几个方面。而在网络用户的需求中，基础功能是影响用户满意度的最首要功能。因此，网站的建设，保障最基础的功能顺畅运行的同時，适当创新是具有竞争力的重要方面。针对用户的需求来看，如何快速实现网页访问及浏览的自动化，以及如何实现信息检索的快速化是长远发展的方向。因此，首先要实现网页的自动化，这样才能最大限度地减轻人工操作系统的复杂性，提升网站使用效率，与此同时，也能在这一条件下实现信息共享，最终为用户带来便捷体验。

1.3 Web前端开发技术的发展前景

当前，受众使用率最广泛的浏览器集中在百度、360、IE等，但这些浏览器都有一个共同的缺陷：兼容性不够。这也就成了Web前端开发首要要解决的问题。Web前端开发语言是目前公认的可能影响兼容的因素，作为Web前端开发技术中的重要语言，HTML、CSS、JavaScrip

担任着极端重要的作用。另外，基于网站制作的Web前端开发技术将为以后的科技进步提供更多的可能性。Web前端开发技术影响着网站的制作，使网站制作趋向于成熟。此外，结合其他网站开发工具，Web前端开发技术有利于完善网站制作。目前，Web前端开发工具主要有CSS3和HTML5，随着Web前端开发技术的不断壮大及完善，CSS3和HTML5开发技术也会得到相应的完备。Web前端开发技术作为网站开发的中坚力量，势必会作为主要实现技术应用到未来网站制作中。因此，人才需求与技术需求也在Web前端开发中占据越来越重要的地位。要注重当下的Web前端开发技术在网站制作上实现主要功能，以及使用者对于此项技术的要求。在将来的技术变革中，Web前端开发技术将会面临更多挑战，因此要不断完善技术支撑，满足目标客户的需求。Web有怎么样的发展前景，依赖于高端专业人才的培养以及Web技术的进一步开发[2]。

2 Web前端开发技术如何进行优化的策略参考

网络技术的广泛应用，极大地丰富了人们的生活，并为人们的生活提供了便利和机遇。随着科技的日益革新，人们在计算机网络方面的需求也在时刻更新着。为了满足不同人的需求，以及满足同一个人不同阶段的需求，就要使Web前端开发技术的优化保持与时俱进的态势。用户的体验感受应该作为Web前端开发技术首要应该考虑的因素，而在优化时，要特别注重用户的体验感，以提供给使用者更优质的服务作为实现目标，专注技术的升级换代与革新，最后实现技术水平的逐步提高。

2.1 对网页请求进行优化

Web技术通俗解释，就是将用户的请求以最终的网页效果形式呈现在用户的显示器上。为提升用户使用的满意度，丰富用户使用体验与感受，要对网页浏览速度进行实时的优化更新，并将信息获取时间控制在最短范围内，以此来满足用户对网页浏览速度的需求。因此，为了更优质地将Web前端开发技术运用在网页制作中，需要不断优化HTTP请求模式，并筛选请求的内容，便于在Web前端开发技术运用中，提升网页响应速度。同时，基于HTTP请求的内容趋于广泛的特点，服务器承接文件、浏览器建立链接以及传输数据等各个方面，提升对程序处置时间的控制很有必要，同时也能为目标用户带来优质的感受。

2.2 对网页内容进行优化

在基于Web前端开发技术中，对网页内容的优化占据着重要的位置。在实际的优化操作过程中，因为内容优化的独特性，就要充分考虑Web技术所有方面的情况。通常，浏览器完成各种信息和数据的加载后，针对网页的内容，CSS会进行一些艺术加工，以此来为用户提供更加丰富的体验。另外，因为用户在浏览页面时，会有下载的相关需求，因此对于Web前端开发技术的优化，需要优化CSS加载以及script，同时确保脚本对页面产生积极影响，保证页面下载效果，避免出现页面缓冲时间过长、加载失败的情形出现。总之，网页内容的优化设计是需要详细考虑所有细节的。

2.3 对文件规模类型进行优化

优化文件类型可以说是网页优化的关键内容，当用户在访问网页时，上传到网页的文件和下载的文件在格式上存在差异。因此，在下载文件的环节里，错误和乱码是非常容易出现的故障。为了更好地应对这一现象，就需要规定文件类型，同时优化网页代码，用来保证优化Web技术可以顺畅有效。与其他任务相比，这项工作更要紧也更加复杂。在对文件的类型进行优化处理时，首先要对JavaScript或CSS文件进行优化，之后再对其他代码进一步优化。除此之外，程序员还可以适当地调整代码，例如，通过改变文件存储空间的大小来实现优化网页代码的目的[3]。

2.4 对DNS查询次数进行优化

用户使用网页搜索时，DNS首先要对搜索内容进行解析。因此，DNS是让时间成本提升的另外一个因素。优化Web技术代表着一定会优化DNS，即优化DNS的查询次数。通常情况下，DNS解析一次需要使用20-120ms。但是，若浏览器反复出现DNS解析情况，相当于解析请求过于频繁，这样势必会增加计算机系统的压力，降低解析效率，致使信息传输速度降低，就会出现网页加载慢、运行不流畅等情况。另外，在浏览器中，DNS作为基本内容，如果请求没有完成，当前域名中的内容不会被下载所限制，重视优化DNS的查询次数，是提高Web前端开发技术整体水平的重要手段。

2.5 对cookie信息进行优化

cookie信息是产生于硬盘上的，若要求与域名相关就需要HTTP的请求。就像网速的快与慢一样。使用者浏览的信息越多，网速就会越慢。cookie信息同样如此，如果cookie信息内容明显增加，卡顿时间就会延长，请求也会逐步增大。因此，(1)要清除或禁用多余的cookie。(2)要将cookie信息体量降到最小，以此来提升网页的运行速度。(3)要为cookie设置一个过期时间，这样关闭浏览器时cookie会把信息储存在硬盘上。(4)访问中，大多数情况下cookie是用不到的，所以可以运用不同的方式，减少对它的使用，以此来提升速度。

3 结语

现今的网络环境下，网络制作前提下的Web前端开发技术还有许多不足，这些不足和缺陷是多方面的。并且每个方面的问题都不一样，因此要多方面都做到相应优化。目前，我们知道，网络制作的水平有了很大程度的提升，但是我们不应该满足于最终效果的呈现。想达到满足现代社会的需求，就必须把握好Web前端开发所体现出来的需要。当然，这不是一蹴而就的，这个过程中，需要有相关技术人员的技能支持，需要国家的高度重视，才能使这项技术的革新和进一步完美优化推动社会的发展。

参考文献

[1] 曹艳琴.基于网站制作的web前端开发技术与优化策略[J].电脑知识与技术，2020(23)：59-60+67.

[2] 庄新妍.基于网站制作的web前端开发技术与优化[J].信息技术与信息化，2020(7)：17-19.

[3] 许跃颖.网站制作web前端开发技术与优化措施[J].电子技术与软件工程，2020(7)：31-32.

作者：何煜琳

第二篇：优化制作流程,提高专题学习网站制作效率

摘 要：文章参照“内容、结构、表示、行为”分开的网页制作标准，探寻双线程的专题学习网站开发模式，力求为开展学科与信息技术整合提供高效率的资源平台。

关键词：专题学习网站;优化流程;网站制作效率;学科与信息技术整合

随着学科与信息技术整合研究的不断深入，专题学习网站(主题学习网站)在其中扮演的角色越来越重要，它在营造新型教学环境、实现新的教与学方式、变革传统教学结构等方面具有特殊的优势。本文中的专题学习网站特指根据某一特定学习主题专门制作的资源网站，它实现的主要功能包括多类资源的呈现、教学中的实时评价、学习参与者的交流等。传统的制作流程具有制作难度大、制作周期长等缺点，某种程度上制约了学科与信息技术整合的发展，因此，优化专题学习网站制作流程，提高制作效率显得尤为重要。

一、两种专题学习网站流程对比

传统的制作专题学习网站的主要流程是：教师备课—网站规划—网站制作—教师试讲—修改网站—完成制作。由于专题学习网站制作涉及视频、图像等多种媒体的加工，技术性较强，所以一般专题学习网站都由信息技术教师制作，备课教师提供素材。一堂成熟的课往往需要多次打磨，如果教案有了改动，那么量身定做的专题学习网站就避免不了大动干戈了。

目前主流网站都实现了三层结构，即数据访问层、业务逻辑层(又称领域层)、表示层。通过多种角色的参与细化网站制作分工，提高网站制作的效率。参照这一设计理念，在制作专题学习网站时，信息技术教师和执教教师进行分工，执教教师负责内容数据的编辑，信息技术教师负责逻辑层、表示层的制作。体现在流程上就是双线程：信息技术教师，搭建网站平台—根据教学的主题定制一套模板—修改模板;执教教师，使用后台完成栏目的设置—内容的添加—栏目、内容的修改调整。

传统流程中，信息技术教师一般使用Dreamweaver或FrontPage等软件制作一个站点，把备课教师的素材整合成一个网站，执教教师和制作者始终有一方处于旁观状态。在教师试讲后，如果教学方案有了调整，那么专题学习网站就需要随之更改，甚至推倒重来。此种流程对信息技术教师依赖性大，哪怕几个文字的修改执教教师也不能自己动手。如果将“数据编辑”和“页面表示”编辑工作分开，就能很好地解决这个问题，执教者和信息技术教师各司其职，也相应提高了专题学习网站的制作效率。

二、常见网站制作平台简介

目前许多网站都实现了“前台+后台”的模式，即“数据”与“表示”分开，如果从零开始编写此类系统，难度大且安全没有保障，一般我们提倡“拿来主义”，找一些开发相对成熟的文章系统进行二次开发。国内比较好的网站平台有塞普森信息管理系统、帝国网站管理系统、新云网站内容管理系统、动易SiteFactory等，其中动易的产品市场占有率较高，目前约有60万网站使用动易系统，成为国内CMS开发的先进企业之一。

动易产品中Siteweaver和SiteFactory都适合用来开发综合性网站，目前比较流行这两个版本。SiteFactory虽然是最新的CMS网站系统，实现了“DIV+CSS”页面内容与样式分离的网站布局，访问速度快，但是并不适合用来制作小型网站，主要原因是“DIV+CSS”模式对编写者的代码编写要求高，目前不能实现可视化编写。学校教师并不都是专业的网站开发人员，所见即所得的Siteweaver可以成为专题学习网站开发的利器。

SiteWeaver已经实现开源化，安装时不需要任何插件。它具有便捷的后台管理功能，可以采用表格的方式对页面元素进行布局。登录网站后台，可以增加文章栏目，使用类似于Word工具的“在线编辑器”添加文字、图片、音视频、Flash等内容。栏目的名称可以随时修改、任意排序，文章的内容也可任意修改、移动、删除。

三、结合Siteweaver细谈专题学习网站制作流程

在Siteweaver的平台上，我校先后开发了《莫高窟》、《黄果树瀑布》、《长征》、《心脏与血液循环》等数十个专题学习网站，其中一些课例在省市内有较大影响。由于团队协作、分工细致(见图)，制作一个较为成熟的专题学习网站的周期缩短到4-7个工作日，一些相对简单的网站两三天就能完成。

1.确定开发主题，完成教学设计

信息技术与课程整合的微观意义在于优化，应以是否利于学生综合素质提升为基本准则。笔者不赞同为整合而整合，信息技术更多的是充当平台、载体。基于上述考虑，笔者认为并不是所有的课程都适合在网络环境下开展，教师在选择主题时应考虑这一点。

2.架设Siteweaver平台，创建参与角色

登录http://www.powereasy.net，下载最新版的Siteweaver，将代码文件夹复制到服务器，打开IIS,配置好站点。Siteweaver提供SQL、Access两种数据库类型，由于执教教师有时需要更换工作单位，需将网站在短时间内安装在其他服务器，对服务器的要求相对较低，而且专题学习网站的数据量较小，不需要大型数据库，所以我们一般使用Access数据库。

站点建立以后，还需设置不同的角色管理员，为接下来的双线程制作网站做好准备。一类为超级管理员，具有专题学习网站的全部管理权限;一类为内容管理员，只能添加、修改栏目文章内容，内容管理员由执教教师担当。内容管理员的权限不宜过高，防止因误操作破坏网站。

3.使用Photoshop设计网页效果

专题学习网站的外观很重要，必须紧扣主题。在参加一些教学交流时，笔者发现一些专题学习网站使用的是商务模板，或者网页布局千篇一律，二次开发程度不高，严重影响了教学环境的营造。另外，如果网站制作完了再否定网站的布局、风格，修改的工作量会很大，所以使用Photoshop设计好网站的效果图尤为重要。设计好样图后，经过执教者或教学研修团队的讨论后再进行模板的设计。

4.切片制成网页模板，添加数据标签

设计好样图后，还需使用Photoshop进行切片。在Photoshop中选择切片工具，将图片中的“导航栏”、“banner”、“logo”等功能区域进行划分，然后单击菜单“文件”—“保存为web所用格式”，输出网页和块图片，并将图片上传到服务器的站点文件夹内。使用Dreamweaver对输出的网页进行修改，如将需要呈现文字的单元格的图片修改为背景图片，为了防止页面变形，还需设置好此单元格的宽度和高度。

在Dreamweaver中使用“查找、替换”将所有本地图片地址修改为服务器地址后，就可以把代码复制到Siteweaver中，并插入数据引用的代码。

5.划分网站栏目

执教者根据课堂设计意图在后台设置好频道和栏目名称。在Siteweaver中，可以灵活地调整频道栏目的名称，并且可以设置是否在菜单中显示。在频道栏目设置时，要注意文章范围不重叠、栏目设置具有开放性、栏目名称的语言风格一致等要求。

6.添加网站数据

频道栏目设置好后，执教者就可以上传文章数据了。Siteweaver自带了FCKeditor编辑器，执教者可以像编辑Word文档一样编辑网页内容。在编辑框左侧有“自动下载文章内容里的图片”复选框，启用此功能后，如果从其它网站上复制内容到右边的编辑器中，并且内容中包含有图片，编辑器会在保存文章时自动把相关图片复制到本站服务器上。有时文章较长，在需要分页的位置单击工具栏上的“P”插入手动分页符按钮，代码中自动会插入[NextPage]标签，前台页面就会在此处进行分页。

7.修改网站

在执教者试讲后，依据研修团队的意见，信息技术教师和执教者分头修改，在最短的时间内调整专题学习网站。

四、专题学习网站中的一些优化措施

1.生成静态页面，提高访问速度

学生在集体使用专题学习网站时，如果是动态页面，服务器上的ASP解释程序会在服务器端处理数据，并将结果以HTML格式传送到客户端浏览器上，因此服务器的压力较大;如果专题学习网站采用的是静态页面，服务器的数据处理压力就会降低，并能提高学生的访问速度。因此，把动态页面转化成静态页面很有必要，在Siteweaver中，我们只需要把频道属性设为“全部生成静态页面”，然后单击“生成”，就能完成静态页面的转换。

2.使用公网ip建站，异地编辑网站

信息技术教师经常在单位加班，有时为了制作各种教学软件通宵达旦，严重影响了生活。在架构网站平台时，可以将网站架设在公网，信息技术教师和执教者可以分别在家中完成网页制作，不受地点的限制。

3. 嵌入使用第三方网页模块

Siteweaver等网站平台并不是为教育教学量身定做的软件平台，所以我们还需要在其中嵌入一些功能模块，如多样化的投票统计系统、实时练习反馈系统、BBS讨论区等。我们可以将这些源文件复制到站点文件夹内，然后在Siteweaver中创建一个页面，使用语句来嵌入。

使用双线程制作专题学习网站，可以一定程度上减小信息技术教师的工作强度，提高执教者的参与度，为执教者提供了更灵活的资源平台，降低了专题学习网站的技术门槛，可以为更广范围地开展学科与信息技术整合服务。

参考文献：

[1]朱成.巧用动易内容管理系统 构建语文专题教学网站[J].中小学电教，2010，(5).

[2] Siteweaver 动易公司.“动易起航”[EB/OL].http://qihang.powereasy.net/Index.html.

(编辑：鲁利瑞)

作者：许雪松

第三篇：网页设计与制作的制作技巧

摘要：笔者经过学习网页制作后，发现在实际操作中，仍然会出现较多问题。因此本文查阅部分相关资料，试对网页设计与制作的相关内容的一些制作技巧进行整理归纳，希望能为大家提供一些较为有用的具体的可行的制作技巧。

关键词：网页设计制作;技巧;网页制作

目前，随着科技的日益进步，电脑手机等电子设备已经成为人们生活中必不可少的部分，同时利用电脑手机等查询资料也变得越来越大众化。而查询资料就需要应用网页。因此，网页等内容的设计以及如何制作出更好效果的网页则成为越来越重要的问题。如果能够有效的解决此类问题，设计出整洁好看美观大方的网页界面，将会有效提升网站的用户数量，并给予用户更好地视觉感受，也能够更好的促进网站的成长与发展。

一、网页设计中应注意的问题

在网页设计与制作之前，制作者应先仔细考虑好自己想要做的内容及大概的风格，并从观众的角度看问题，仔细思考，并为其选择合适的颜色、配乐、排版等。但设计时仍要注意一下以下的问题。

(一)适当选择背景颜色可以增加整体效果

制作者可以選择纯色或彩色等鲜艳的颜色用于背景颜色的制作。例如黑色、红色、白色、灰色或紫色等是网页中的主要颜色之一，他们一般都能产生比较好的制作效果。例如黑色具有深沉庄重等含义，可以利用它较好的展现庄严肃穆的感觉，同时线条的变化也能突出科技感。而白色是设计中最常用的颜色，它具有干净简洁的特点，同时白色与其它色彩进行结合也能够表现出空间感和通透感，彩色在白色的背景中，能够体现更好的侧重点，同时还可以起到良好的过渡作用。利用红色会给人以温暖，喜庆的感觉。尤其红色是中国春节期间的主颜色，与黄色的搭配能够给人一种灵动、活力的感觉，并在观看效果上使网页界面更为突出及时尚。同时在购物网站上，红色网页的界面也能有效的激起人的购物欲望。黄色在色彩中是明度很高的颜色，其在网页界面设计中的应用能够给予用户一种光芒以及温暖的感觉，并且彩色能够给人一种鲜艳、热烈的感觉。

(二)合理安排网页内容及结构

在网页制作环节，内容的合理筛选对浏览者的信息获取有着重要意义，而网页内容的筛选需要以框架设计为前提，即根据网站框架情况，决定网站内容的含量。那么在制作网页之前，就需要先对其进行规划。同时，受众经过长时间的观看后，对于设计良好的版面，也会使受众产生愉悦感。那么这就需要设计者进行仔细计划，首先，需要整理和组织框架内容，明确网页主旨，并围绕要求进行收集、筛选相应素材，建立清晰脉络;做好计划是其中很重要的一点。第二，要考虑具体的技术执行等内容;其次要掌握受众的群体信息，及实际需求。需要根据受众的掌握情况，安排相应的内容，不能安排过难或过简单的内容，选择适合的内容难度展现给受众;再然后，列出初分类，做好页面的制作计划;并且，着手进行层级内容的规划及网页内容的规划;最后对内容进行丰富及完善。

同时，本文提出建议，从内容编排的合理性角度考虑，主栏目应当放置与主题密切相关的内容，其他的辅助信息(如个人信息等)则应当尽量放在网站的最底部或者左侧、右侧，避免辅助信息出现在不恰当的位置，转移受众的注意力。而在版面布局方面，常见的结构类型主要有以下几种(1) 国字型布局，即把标志或者广告等内容放置在页面最上方，将最终的内容放置在中间放置因为中间位置是受众第一眼看到的部分，然后，在最下方的部分可以放置联系方式、版权等信息;(2)T型布局，即将标志或者广告放置在页面最顶部，下方为导航栏及网页正文信息。即向受众展示网页的主要内容，及本网站都有哪些内容;(3)POP布局，以精美海报画面为主体。而具体的制作方式，则需要考虑内容及整体效果等因素。

二、网页制作中的技巧

内容与色彩的选用有了初步方案后，但在网页制作的过程中，仍然不可避免地会遇到一些实际问题。以下介绍一些较好的方法。

(一)常用图片切换方式

在网页制作中经常使用两种方法实现图片切换：第一，JavaScript代码，首先创建SQL数据库，引入外部代码进行编辑，最后，调用数据库。第二，Flash软件制作，随后插入网页中。准备好需要切换的素材图片，然后导入图片，各个图片占一个图层，选中以后转变成为图形元件。把帧转换成关键帧，按照顺序排列好，存储文件。在网页中插入Flash，完成循环播放。其中利用CSS技术实现图片切换能够得到较好的应用。编写代码简单，文件占用空间较小，后期维护较为简单，对素材图片没有太多的要求，仅需改变链接地址与图片地址即可。

(二)网页尺寸选择技巧

大多数初学者在制作网页时，并不知道如何设定网页界面的宽度尺寸。本文建议设计者规定好合适的字体大小，方法程度后，选择合适的比例，避免出现设计太窄太宽等问题，同时也尽量避免因受众放大或缩小而导致影响最终效果。尽量保证滚动部分宽度等设计合理，避免出现图片或者视频变形，影响最终效果等问题。网页的页面宽度选择技巧如下：网页宽度在778之间，不建议出现水平滚动条部分，在1 002像素内建议不出现水平滚动条，选择垂直滚动条更对版面的设计起到作用。

(三)文字处理技巧

网页上文字内容的排版也需注意，如果文字过密，或与背景颜色相似、反差较小，长时间观看都会使受众产生疲劳感，进而引发反感心理。如果文字排版可参照报纸的编排方式，将网页内容分栏设计，两栏比一满页的视觉效果好，更方便访问者快速阅读。字体也会影响文字可读性，通用字体(Arial等)最易阅读，特殊字体(Gothic、Script、Westminster、Cloister)用于标题效果较好，但不适用于正文。同时，设计者也可以针对关键词采用加粗或者变颜色的方法加深效果，使关键内容一目了然，同时更有助于受众理解设计的内容，而非大段阅读，难以找到重点等问题出现，甚至对设计者所准备的内容产生厌烦感。

除此之外，制作特效时，考虑到用户浏览的流畅性，应当优选JavaScript，并尽可能减少动态网页、视频、声音等元素。对因网站主题需要，涉及大量图片时，应当考虑以缩略图链接的形式，兼顾加载速度与信息展示效果。其次，考虑到不同分辨率的图片在加载、下载速度方面的差异，制作时应当合理设置注解，以帮助浏览者了解图片的基本信息，改善其浏览体验。这些问题也应多多注意。

三、结论

网页设计与制作是非常重要的一个部分，文中可见，制作前的大纲及提前准备十分重要，同时设计者在制作之前也应学好基础的理论知识，这样更有助于设计者对其内容的理解。而后进行不断的实践，在实践中也应注意文中提到的几点，例如在整体制作之前先考虑整体的框架、主题，并选择合适的颜色及字体字号等。充分设计完成后再进行制作，制作时也可以参考本文提出的图片切换等技巧，帮助设计者提升整体的制作效果。

参考文献：

[1] 陈凤琴.网页设计中的色彩搭配及技巧[J].黑龙江纺织.2019年 01期：29-31.

[2] 夏鹏举.网站设计及网页制作技巧[J].电脑编程技巧与维护.2020年01期：171-173.

[3] 吴晓清.网页制作教学中图片切换的CSS应用[J].计算机产品与流通.2020年 08期：85.

[4]周金容.网页制作过程与技巧[J].软件导刊.2016年 06期：149-151.

作者简介：

明欣玥(1999—)，女，汉族，吉林长春人，延边大学师范学院教育技术学专业，17级在读本科生(学号2174043696)。

作者：明欣玥

第四篇：商业网站与新闻网站竞争策略浅析

新闻网站和商业网站既是战略合作伙伴——新闻网站向门户网站提供新闻产品，是门户网站上游内容供应的重要合作伙伴之一，又是风云变幻的网媒市场上互不相让的竞争对手，二者各有优势和劣势。在激烈的市场竞争中，唯有扬长避短，找到适合自己的发展道路，才能获得生存和发展。

商业网站：建立适合自身特点的多元化赢利模式

商业网站体制灵活，反应快，资本雄厚，没有体制和传统观念的束缚，在与新闻网站的竞争中明显处于优势地位。商业网站要想取得更好的发展，除了继续保持原有优势，并在信息的集纳性和深度上下工夫外，还必须找准自己的定位，积极寻求并打造自己的特色和发展方向，走个性化发展之路。

在几大商业网站中，除了新浪靠新闻起家、百度致力于搜索、QQ主营即时通讯的定位一直未变外，其余网站都在不断的摸索中逐渐确立自己的定位。网易在遭遇2001年停牌危机后，毅然将主攻方向从新闻转到了“网络游戏”业务上，凭借独立开发的本土网游《大话西游online II》、《梦幻西游online》打了一记漂亮的翻身仗，其电子邮箱在商业网站中也是首屈一指的。TOM则在几经探索后将赢利点定在了电信增值服务上。在各领域永远争不到第一、股票长期处于低位的搜狐近年来也打出了“搜狐矩阵”的旗号，相继收购了焦点网、17173、ChinaRen以及地图服务，开发了搜索引擎“搜狗”、并凭借网游《骑士》、《刀剑》、《天龙八部》、《鹿鼎记》等获得了丰厚利润。搜狐游戏业务的成功，在一定程度上盘活了搜狐整个业务群组，成为与广告收入比例相当的赢利来源，张朝阳雄心勃勃地宣称搜狐的目标是进入国内游戏产业的前三名。搜狐下一步的发展如何，是业界瞩目的焦点之一。与此同时，新浪和QQ也在不断探索新的赢利模式，新浪前几年大力发展“名人博客”，QQ力推“自动弹出式新闻”都是明证。

如前所述，每一种赢利模式都有其独特性及其特殊价值，但一个网站开发的成功与否，并不单纯取决于某一个模式的成功与否，而是取决于网站的产品构成和组合的合理性。单一赢利模式在竞争激烈的网络媒体世界，容易遭受挫折和打击，也不利于可持续发展的要求。①

比如，网络游戏成就了网易，同时也让网易几乎退出了门户之争，成为一家“拥有门户业务的游戏公司”。但网络游戏运营受单款游戏成败和生命周期的影响太大，所以马化腾说，网游市场很快会饱和，还是网络广告的天花板比较高。丁磊2001年曾预言，互联网有三大赚钱法宝：无线应用、网络游戏和IM。他忽视了广告。尽管近几年网易在内容上投入力度很大，但成效并不明显。②

显然，商业网站的赢利手段中，单一模式在总收入中所占份额的比例越低，其收入来源就更趋多元化，抵御市场风险的能力就越强。为此，商业网站需要建立符合自身特点的多层次、多元组合、互相补充的经营模式，不断地寻找新的利润，分散风险增长点，这样才能应对更大的挑战。

新闻网站：巩固新闻核心竞争力，积极开展多种经营

新闻网站面临的困难比商业网站多得多：庞大的商业门户网站群、大大小小的各级新闻网站、实力雄厚的综合类门户网站和不断涌现的专业类垂直门户网站构成合围之势——其外部生存环境可谓“四面楚歌”，内部还面临着体制和观念的束缚。

新闻信息是新闻网站的拳头产品，也是其核心竞争力——其他网站无法复制，更无法获得这些特有的新闻资源。做好新闻，巩固核心竞争力，与此同时积极开展多种经营，是新闻网站发展的关键。具体措施有以下几点：

1. 提供個性化即时信息

新闻网站在新闻来源上占优势，但一个明显的事实是，往往商业网站从新闻网站转载的重要新闻所产生的影响大于或者等于新闻网站首发新闻所产生的影响。为了避免这一情况发生，新闻网站一是可以在速度上下工夫，加大即时滚动新闻的比重，抢在商业网站之前发布来自其他媒体的信息。二是在深度上下工夫，把握时机开展网上直播和访谈，围绕重大事件策划网络新闻专题。在获得政策许可后，还可以对报纸上已经刊登过的新闻进行适合于网络传播特色和网民阅读需求的重新编辑，凸显网站团队的力量，将内容竞争上升到人才的竞争。这种“二次加工”的新闻也是一种原创新闻，其他网站即便可以拷贝新闻，但整个新闻编辑团队对自己网民的理解、对新闻的把握、整个团队的运作系统和集体智慧是无法复制的。

2. 采用新技术提高新闻业务水平

在高速发展的信息时代，谁拥有更多新介质媒体，谁就能在未来的竞争中处于有利位置。新闻网站应积极应用手机、音视频、网络直播等多种新技术;善于采用超链接形式拓展传播空间;促进网站和受众的互动交流，发挥传播潜能。

3. 创建新闻品牌

网站的知名度来源于整体实力，但没有子品牌的支撑，也是难以实现的。人民网“强国论坛”、新华网“焦点网谈”、光明网“理论频道”、中国广播网“银河台”、东方网“东方网眼榜”、红网“红辣椒评论”等都在本领域独树一帜，以高雅的品位，严肃的态度、犀利的观点为受众提供了大型商业网站所不能提供的知识和思想，其独特的品牌形象牢牢地吸引住了部分忠实网民。

4. 保持权威性

对于中央新闻网站而言，依靠强大的实力和许多重大信息的独家发布权，发布独家、权威的信息，使其一方面阻挡了商业网站的凌厉攻势，另一方面也构筑起了地方新闻网站的“进入壁垒”。人民网的“中国共产党新闻”、央视网的“网络电视直播”就是其他媒体不可复制的栏目。

5.强调地域特色

对于地方新闻网站而言，一方面在规模、影响力、竞争力上都无法与“国家队”抗衡，且大的中央新闻网站所开设的地方频道夺走了部分受众资源，另一方面受到省级其他网站及省内大的市级新闻网站的夹击，日子更为艰难。突围之计不是效仿中央新闻网站，做面面俱到的国际新闻和全国新闻，而是利用自身优势，在做大做全做深本地新闻、本土资讯上下工夫。本地新闻的比重至少应占到50%以上，才能牢牢抓住本地受众。

6. 扩展赢利渠道

新闻网站长期以来多是内容靠行政整合，资金依赖财政支持，囿于传统媒体的思维，运营模式较单一，其赢利能力无法商业网站相比，但新闻网站最终必须走市场化之路已成为一个普遍的共识。目前国内发展相对较好的网站都是企业化经营、市场化运作的，东方网、红网、浙江在线、青岛新闻网等无不如此。由此，新闻网站的运营模式必须向商业网站学习，转变单纯“新闻+广告”的思维方式，发挥传媒集团的整体力量，通过新旧媒体互动、捆绑，走跨媒体经营之路。方兴未艾的报网互动是一个很好的模式，既提高了内容售卖的效果，又可以增加广告收入。此外，手机短信、ISP、宽频、电子商务、衍生产品开发、与其他媒体联合经营、线下连锁企业等也是可资赢利的项目。当然，这些赢利应该建立在保证新闻内容的核心地位以及适合本网特点的基础之上。

在2007年底召开的第七届“中国网络媒体论坛”上，国务院新闻办公室副主任蔡名照表示，将积极推进新闻网站体制改革试点，列入改革试点的新闻网站可以尝试通过多种渠道拓展资金来源，引进国有战略投资者，在确保主办单位控股的前提下，建立现代企业制度，组建股份公司，条件成熟时在国内上市。③这也意味着，新闻网站将会打破长期封闭的状态，在市场化的道路上跨出一大步。相信在不久的将来，当新闻网站逐步改变僵化的体制和观念后，会有一个飞跃式的发展。

注释：

①刘莉莉宋正伟：《三大门户赢利模式比较与拓展建议》，智库网

②洪波：《三言二拍：搜狐会不会成为第二个网易》，对牛乱弹琴博客

③周婷：《国务院新闻办：将积极推进国有新闻网站上市》，《中国证券报》，2007年12月5日

(作者为华中科技大学新闻与信息传播学院博士生)

作者：刘　琼

第五篇：校内考研网站设计与制作

摘要：为了更好地为本校考研学生服务，建立一个校内考研网站很有必要。建立校内考研网站的目的是为了给本校考生提供一个交流的平台，帮助同学复习高等数学、线性代数、概率论与数理统计、复变函数、积分变换与数理方程，以及英语、政治等重要基础课，还有数学分析、高等代数等专业课。本文对这样一个校内考研网站的设计与制作进行了一些探讨。

关键词：考研；网站；设计；制作

一、引言

随着我国研究生教育的飞速发展，每年报考研究生的人数持续攀升。20年来，报考研究生的人数只有在2008年和2014年出现二次小幅回落，但这只是两个小小的回档，这并不影响考研人数大的攀升趋势。每年都有那么多的同学报考研究生，那么如何服务好这些同学就是我们迫切需要解决的问题。参考文献[1]对如何利用网络优势为学生考研服务做了详细分析。目前互联网上已经出现了很多专门为考研学生服务的网站，比如中国研究生招生信息网：http：//yz.chsi.com.cn/，这个是官方报名网站，网上报名或者研究生录取调剂的时候必须登陆的一个网站。中国教育在线考研频道：http：//kaoyan.eol.cn/，是有关考研信息比较全面的一个考研网站。中国考研网：http：//www.chinakaoyan.com/，有关考研方面的信息也比较全面。此外还有新浪考研：http：//edu.sina.com.cn/kaoyan，腾讯考研：http：//edu.qq.com/y/，搜狐考研：http：//learning.sohu.com/kaoyan.shtml，是三大教育平台维护的考研信息查阅网站。免费考研论坛：http：//bbs.freekaoyan.com/，是全国最好的考研论坛，人气很旺。易考网：http：//www.ekaokao.com，是免费的考研试卷下载网站。各个高等院校或科研院所等招生单位基本都建有面向全体考生的官方研究生招生网。参考文献[2]分析了此类研究生招生网站的基本功能，阐述了八大功能模块，分析了研究生招生网的现状，并提出了发展建议。此外，还有很多民间考研网站在此不一一列举，这些考研网站的特点是针对全体考生的。当然如果考生已经决定好考哪所学校了，那么该学校维护的考研网站绝对是很有价值的，比如某考生已经决定考浙江大学了，那么浙江大学考研网：http：//www.zhedakaoyan.com/，就非常有用。虽然有关考研的网站有很多，但这些网站大多数是面对全体考生的，从而包罗万象，包含的内容非常多，让人目不暇接，显得有点杂乱无章，从而针对性方面较差。而像浙江大学考研网这样的网站是为外校学生考浙江大学服务的，所以为本校学生考外校服务的考研网站目前还很少，本文的目的就是要建设一个为本校学生考外校服务的考研网站，结合本校的特点，更有针对性，可以更好地帮助本校考生挑选报考学校，更加有效地帮助他们复习考研基础课和专业课，切实提高考研的成功率。

二、校内考研网站的设计与制作

校内考研网站设计的总原则是：服务好本校迫切需要解决复习考研过程中出现各种各样问题的学生。网站的整体规划及框架设计必须是具可扩充性的，前台页面的设计必须能保证网站在增加栏目后不会破坏网站的整体结构。后台数据库的设计必须具有高度的扩充性，使得后台管理人员能够根据需要对栏目进行增、删、修改。

校内考研网站的设计风格为：综合性考研网站，清新、简约风格，有一个统一的logo图案，背景为学校鸟瞰图。界面创意为标准的图标风格设计，统一的构图布局，统一的色调、对比度、色阶和图文风格。

校内考研网站的功能要求为：（1）具备完善的类别：机构设置、招生工作、学科建设、历年真题、资料下载等功能。（2）资源的共建共享：使用者可以随时、随地通过网络访问、上传下载存放和使用库中资源。（3）WEB集成：基于WEB的应用模式，使教学资源制作、管理，信息发布、教学交流、资源共享与交流都能在网上进行。（4）自主学习：提供完善的网络课程库、真题库、专家答疑辅导功能、试题库与在线考试功能，学习者可以自主完成专业课程学习。

校内考研网站的后台管理包括：（1）图片管理：对图片的管理包括添加、删除、修改，图片的内容元素主要包括图片的名称、所属的栏目分类，分类由“栏目管理”中动态生成、上传图片，将图片上传到网站页面上。（2）栏目管理：一般是以設置图片或内容的类别作为栏目，在这里可以进行栏目的添加、删除修改栏目名、菜单的排序、类别排序、首页排序。（3）静态页管理：生成静态页面的栏目，包括关闭网站静态页面功能、首页更新静态页、列表页更新静态页、内容也更新静态页。（4）用户列表：用户的各项参数设置。（5）系统设置：进行系统的参数设置，包括系统名称、是否允许用户注册、用户申请后是否需要审核。（6）密码修改：管理员密码的修改。（7）公告管理：首页显示的公告内容。（8）留言管理：对留言的回复、修改、删除。

此外校内考研网站还应该具有下列功能：（1）强大的后台文章编辑器的功能。可方便地用拖动的方式进行图文混排、图片远程上传、上传图片显示效果处理等操作，以及“从word中粘贴”功能，能全部清除word排版格式多余代码。（2）自由编辑栏目模版，可设置多个模版。（3）自由增删修改栏目以及设置此栏目模版。（4）新闻/图片代码调用在后台生成。（5）可增加多个低权限的录入员，增加新闻时会记录新闻的增加录入员是谁。（6）新闻自由设置固顶或推荐，自由更改新闻标题的颜色，可独立设置某条新闻的URL转向。（7）新闻发布功能，可在后台发布相关新闻。（8）后台修改新闻管理页面，可以修改新闻的添加时间和阅读数。（9）后台新闻管理时，排序上下条移动的功能。（10）具有审核员权限用户。除可以审核文章外，其余功能与录入员相似。

系统提供如下客户端浏览器支持：IE6.0及以上各版本、FireFox3.0及以上各版本、Maxthon2.0及以上各版本、搜狗高速浏览器、360浏览器、腾讯浏览器等等。系统的开发环境为：PHP+MYSQL。参考文献[3]讨论了基于.net技术的四层架构考研网站设计与实现。

我们设计的校内考研网站栏目结构图如图1所示。

其中网站首页用动态php页面，将整个网站的最新信息在首页显示。网管在后台可以随时更新首页的内容。浏览者一访问首页就能够了解整个考研网站的最新信息。考研信息栏目主要介绍一些有关考研的最新信息。课程复习栏目里主要放一些有关考研基础课比如高等数学、线性代数、概率论与数理统计等的复习资料。网站链接栏目里放一些与考研有关的点击率比较高的热门网站链接供同学们参考。最后一个栏目也是比较重要的一个栏目是交流互动栏目，实际上是一个考研论坛，同学们在复习考研的过程中如果碰到一些问题，可以在这个交流互动栏目里提问，管理员应该及时加以解答，此外考研的同学之间也可以通过这个栏目进行交流，达到互相帮助的目的。

我们经过制作初步完成的校内考研网站首页如图2所示。

三、结论

虽然互联网上关于考研的网站多如牛毛，然而这些网站多数是面向全体考生的，内容面面俱到，从而针对性方面有些欠缺。本文着眼于建设一个只为本校考生服务的内部考研网，为本校考生考研服务，更有针对性，从而应该可以服务得更到位。具体效果如何还是由实践来验证吧。

参考文献：

[1]吴伟伟.利用网络优势为学生考研服务[J].理论观察，2011，（6）：140-141.

[2]张国栋.浅谈学校研究生招生网站的功能[J].学位与研究生教育，2003，（8）：27-29.

[3]董洁，胥凤.基于.NET的四层架构考研网站设计与实现[J].电子技术与软件工程，2013，（20）：57-58.

作者：寿华好