时间:2022-04-28 10:25:50
导语:在网站制作毕业论文的撰写旅程中,学习并吸收他人佳作的精髓是一条宝贵的路径,好期刊汇集了一篇优秀范文,愿这些内容能够启发您的创作灵感,引领您探索更多的创作可能。
摘要:本文是音乐网站的一个设计报告,根据设计实践,分析开发语言、服务器和数据库的优劣;分析整个设计流程,数据结构;分析网站所用到的技术及其优势。以及对关键性技术进行合理的说明。
引言
随着互联网的普及与发展,网站已逐渐成为形象宣传、产品展示推广、商务贸易,信息沟通的最方便快捷的桥梁。网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。下面是就我们小组制作音乐网站整个过程书面说明:
一:如何规划
1.1、网站类型的确定
为了完成毕业设计,我们小组所有成员结合毕业设计所要求的题目进行讨论,并上网查看相关信息,初步决定做专业性的音乐网站,专门向音乐爱好者提供一个音乐视听空间,这样可以结合自己的兴趣以及专业知识做出一个非常棒的音乐网站。为了尽快完成任务,我们小组成员全体行动起来,毕竟我们都是新手,这么一个大型的音乐网站,觉得有点力不从心,后来经过我们详细的分析各个组员的专业水平及做事态度等等,决定了我们的最佳分工方式,并且彼此保证一定尽最大的努力本论文由整理提供
做好自己的工作。
1.2、网站规划书
确定好做音乐网站后,我们将进行下一个步骤——做一个网站规划书。这个步骤是必不可少的部分,是建设一个网站的前期工作。一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的,确定网站的功能,确定网站规模、投入费用,进行必要的市场分析等。只有详细的规划,才能避免在网站建设中出现的很多问题,使网站建设能顺利进行。
网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能,并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用,对网站的内容和维护起到定位作用。写网站规划书一般都有一定的格式,我们根据本网站的具体要求,加上小组成员的共同商讨,最后决定把网站按以下几个方面完成:
(一)、建站前的市场分析1.自身条件和市场优势:我们学的就是这个专业,我们对于我们专业知识有信心,对音乐方面,我们平时对它亦十分的感兴趣。现在的年轻人都爱好音乐,一个好的专业音乐网站正是大家所期待的。2.有关行业的市场及其竞争者的分析:现在有网上有许多的音乐网站,怎么样才能让我们的音乐网站有特点呢!我们决定做一个纯音乐网站。
(二)、建站的目的和功能定位3.建站的目的;为广大音乐爱好者提供一个专业的音乐服务,同时把自己的知道应用,实践。4.确定网站的功能定位;只提供音乐视听,下载服务。
(三)、网站技术解决方案1.操作系统:WINXP、WIN98、WINME、WIN2000、WIN20032.网站安全性措施:数据库加密技术3.服务器:Apache,HelixUniversalInternetServer4.程序开发:PHP5.数据库;MYSQL(四)、网站内容规划1.网站页面结构:2.网站主体结构
(五)、网站引擎(后台)的设计:用PHP开发的,用MySQL数据库
(六)、网站前台的设计:用一些网页开发工具,使页面看起来美观大方
(七)、流媒的制作:提供音乐的视听支持
(八)、网站维护与测试:完善和扩展网站的功能
(九)、建站日程
(十)、总结
有了这样的大纲,我们就可以根据它来轻松地规划我们的网站了。分别落实到每个小组成员身上,我就负责网站引擎(后站)的开发。根据分工情况,小组成员各自上网查找资料,分析资料,首先把各自分配到的内容写好,然后把每人写好的内容合成,初步进行统一整理,不足之外再由小组成员共同修改,使各块内容前后衔接,条理清晰。经过多次的反复修改排版之后,最后大一起审核,终于把一份完整的网站规划书完成了。
二:如何开发
2.1、前台方面
2.1.1、制作软件
本网站主要采用我们熟悉的软件(DreamweaverMX,FlashMX和Photoshop)。
Flash主要是用来制作引导页及每个网页上的动画,Photoshop主要是用来处理图片,Dreamweaver是做本网站的主要软件。
2.1.2、基本因素
设计一个网站,首先应该考虑下列八条基本因素,这些因素对网站的成功与否有着重要的影响。(1)、整体布局网站主页就好象是宣传栏或者店面——对访问者产生第一印象,都希望尽量给人留下好的印象,不是吗?一般来说,好的网站应该给人有这样的感觉:干净整洁、条理清楚、专业水准、引人入胜。网页应该力求抓住而不是淹没浏览者的注意力,过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择,就象一些商店,播放震耳欲聋的发烧音乐,你要做的唯一决定就是离开那里,越快越好。本网站采用蓝色为主调,经过多次讨论采用二分栏,给人有清爽之感,整体干净整洁,条理清楚。
(2)、信息无论商业站点还是个人主页,都必须给人们提供有一定价值的内容才能留住访问者,因为我们人类总是惟利是图,第一个问题总是:“对我有什么用处?”所以,必须提供某些有价值的东西,当然并不是说必须提供某些免费的物品——免费书籍、免费入场券、免费度假等,这些“有价值的东西”可以是:信息、娱乐、劝告、对一些问题的帮助、提供志趣相投者联络的机会、链接到有用的网页,等等。如果经营的是企业网站,需要提供关于产品或服务的信息:容易理解、容易查询、容易订货。因此,本网站设有还待于完善,使用户可以花更多的时间在我们的网站上逗留。
(3)、速度我们都知道,页面下载速度是网站留住访问者的关键因素,如果20—30秒还不能打开一个网页,一般人就会没有耐心。至少应该确保主页速度尽可能快,最好不要用大的图片和比较大的音乐文件。但是许多网页设计者往往忽视了这一点,为了视觉上的美观在网页上插了一些大而无意义的图案背景,使用大量的JAVASCRIPT等控件来显示自己的水平,这样只会使网页的显示速度大大降低。结果可能在你网页的文字内容未显示前,读者已因等的不耐烦离开了。所以我们时时提醒自己,网站首页就像一个广告牌。当开车经过一个广告牌时,没有时间阅读上面的详细说明,也不可能赞赏其复杂的图案,广告标志从眼前一闪而过,必须在一瞬间给人留下印象。网上访问者也是“一闪而过”本论文由整理提供,所以,得保证首页简单而快速。
(4)、图形和版面设计图形和版面设计关系到对网页的第一印象,图象应集中反映网页所期望传达的主要信息。颜色也是影响网页的重要因素,不同的颜色对人的感觉也有不同的影响,例如:红色和橙色使人兴奋并使得心跳加速;黄色使人联想到阳光,是一种快活的颜色;考虑到浏览者及网站性质,本网站采用蓝色调,蓝色---是最具凉爽,清新,专业的色彩。
(5)、文字的可读性我们仍然用广告牌的比喻来说明,文字要在广告牌上突出,周围应该留有足够的空间。也许你曾到过一些网站,要么拥挤不堪的文字觉得好像只有把脑袋钻进去才能阅读,要么深色的背景给人的感觉好像处于非常狭窄的空间里,而且让人的心情感觉很压抑。某些背景色的令人阅读困难;紫色、橙色和红色让人眼花缭乱。颜色的运用除了能够起到强调整体文字中特殊部分的作用之外,对于整个文案的情感表达也会产生影响。这涉及色彩的情感象征性问题,限于篇幅,在这里不做深入探讨。另外需要注意的是文字颜色的对比度,它包括明度上的对比、纯度上的对比以及冷暖的对比。这些不仅对文字的可读性发生作用,更重要的是,你可以通过对颜色的运用实现想要的设计效果、设计情感和设计思想。参考报纸的编排方式,为方便而又快速阅读,可以将你的内容分栏设计,甚至两栏也要比一满页的视觉效果要好。本网站采用的就是二分栏。另一种能够提高文字可读性的因素是所选择的字体,通用的字体(Arial,TimesNewRoman,GaramondandCourier)最易阅读,特殊字体用于标题效果较好,但是不适合正文(试想浏览整页的Gothic,Script,Westminster,orCloister会是怎样的感受)。因为阅读费力,你的眼睛很快就会疲劳,不得不转移到其他页面。
(6)、网页标题的可读性必须尽量使你的网页易于阅读,除了分栏之外(将页面纵向分割),也需要利用标题和副标题将文档分段。为所有标题和副标题设置同一字体,并将标题字体加大一号,使浏览者一眼就可以看到要点,以便找出并继续阅读有兴趣的内容。标题的重要性可见一斑,要认真写好每个标题!也可以将整句采用粗体或用不同的颜色突出某些内容,不过不要用难以阅读的颜色。(这些本网站在设计过程中都经过讨论后做到了)。(7)、导航由于人们习惯于从左到右、从上到下阅读,所以主要的导航条应放置在最显眼的地方,对于较长页面来说,在最底部设置一个简单导航也很有必要(如关于我们,联系方式,意见反馈等等)。确定一种你满意的模式之后,最好将这种模式应用到同一网站的每个页面,这样,浏览者就知道如何寻找信息。
(8)、词语一个网站如果只有漂亮的外观而词语错误连篇、语法混乱,同样是失败的,对于网站所有者和负责人将产生很坏的影响,人们会用许多贬义词来评价你:粗心大意、懒惰、外行、没水平等等。所以在设计过程中,要求每个组员认真对待,审核每个写上的内容。
2.1.3、内容编排
经过整组成员的讨论及分析,整个网站主要分为四大部分:
(1)片头
(2)主页
(3)子页(主要内容包括:通俗音乐,本站会员,帮助等等)
2.2、后台方面
2.2.1、脚本语言
后台采用的语言:PHP语言、脚本语言--Javascript语言。功能:来实现网上互相交流等。PHP是一套服务器端的脚本环境,当用户从浏览器向Web服务器请求PHP文件时,PHP脚本开始运行,然后Web服务器调用PHP,PHP全面读取请求的文件,执行所有脚本命令,并将Web页传送给浏览器。Javascript主要用于接受用户的输入,并且把其他的一些组件捆绑在一起。最主要的web浏览器都内建了Javascript引擎,它能接受这些无格式的Javascript文本代码,并在客户段将突发的指令翻译。Php语言的特点:多数WEB开发者眼中,ASP和JSP都被认为是领跑者,而PHP却被认为是个弱小的“挣扎者”,或者说它是一门被贬低为业余者才使用的语言,不值得参与企业Web开发的竞争。在我看来,PHP没有被当作竞争者的理由是评论者缺乏对它的了解,而且也不了解用于Web开发的其他操作系统。和一些观点相反,Windows不再占有Web虚拟主机服务市场的最大份额,我猜想它在Web开发这一领域里也在被摧城拔寨。1、在企业开发里为什么没有PHP?很显然,PHP被认为落后ASP和JSP太多,以至于它是没有什么用的,但是这恰恰与事实不符。PHP本身就是一门强大的语言。它事实上在每个发行版的Linux上都有,在MacOSX上也有。获取开发和使用PHP代码的构件(building-block)工具和软件都是免费的。用于开发PHP应用程序的商业集成开发环境(commercialintegrateddevelopmentenvironments,IDES)也可以找到——这样的工具有Komodo(它运行在Linux和Windows上)和ZendStudio(这个应用程序能够运行在任何带有Java运行环境的操作系统上)。你几乎可以在每个Web虚拟主机上运行由PHP建立的网站,而不要考虑服务器所运行的是什么操作系统,这一事实让PHP更加具有吸引力。2、PHP能够提供什么?先把PHP周围有什么忘掉一会儿,而考虑一下PHP自身能够提供什么。它是一门强健的服务器端语言,能够提供相当多的功能,而且能够迅速地为页面提供服务。3、容易使用使用C或者Perl或者具有类似风格和句法的另一种语言的任何用户都能够很快上手PHP。尽管它是设计用在Web上的,但是它也能够作为命令行语言使用。你正在编写的Web应用程序需要每个小时或者每天执行一次某些代码吗?使用cron或者类似的计划安排管理器,你可以计划安排PHP代码在你希望的时候执行,使用普通的命令解释脚本或者批处理文件就能够执行这样的代码。不需要自动调用浏览器就能够查看专门的网页,从而执行你的事件,也没有必要依赖来访者的点击来告诉你的系统:特定的代码需要在特定的时候被执行。PHP在这一领域可扩展性的事实是绝对具有吸引力的。4、PHP的好处我不是JSP或者ASP的老手,在此我也不想贬低这些语言。相反,我会把注意力放在PHP的好处上。(1)本地化PHP让你能够为网站的访问者提供本地化的服务。当用户点击进入网站的时候,网站会根据他们浏览器的设置自动地以其母语向其提供页面。要实现这一点不需要使用用于语言翻译的烦杂文件,而是使用和本地化的C程序所具有的相同能力,通过一个叫做gettext的系统实现的。如果被请求的语言文件存在,那么用户所看到的文本就是其母语;如果语言文件不存在,那么文本就是缺省的英语或者其他任何你所指定的语言。许多本地化的UNIX应用程序都将gettext作为标准,它让第三方的翻译变得轻而易举。(2)轻易地使用命令行PHP支持在需要的地方设置和执行命令行程序。使用标准的UNIXdiff工具,它能够生成错误最后一次修改同要使用电子邮件发送到错误的所有者的当前注释之间的不同。PHP代码对在系统上所编写的两个文件执行diff,将其输出作为输入,再生成一个要发送的电子邮件。这封电子邮件是通过PHP自己来发送的。(3)其他好处上面的只是我在自己程序里所用到的强大功能中的两个,而还其他的功能。例如,你可以:即时创建简单的Flash动画。即时创建PDF文档。使用高级数学功能,以及面向对象的编程技术。读取和写入到本地和IMAP邮箱。在PHP里就可以使用任何标准的Internet协议。想要编写基于PHP的FTP、Web或者新闻客户端?没有问题!只使用PHP你就完全能够编写出使用标准TCP/IP套接字的客户端和服务器,并以此创建自己的协议。实现对加密的支持,以及对各种数据库服务器的支持。在编写的Web应用程序需要每个小时或者每天执行一次某些代码吗?使用cron或者类似的计划安排管理器,你可以计划安排PHP代码在你希望的时候执行,使用普通的命令解释脚本或者批处理文件就能够执行这样的代码。不需要自动调用浏览器就能够查看专门的网页,从而执行你的事件,也没有必要依赖来访者的点击来告诉你的系统:特定的代码需要在特定的时候被执行。PHP在这一领域可扩展性的事实是绝对具有吸引力的。4、PHP的好处我不是JSP或者ASP的老手,在此我也不想贬低这些语言。相反,我会把注意力放在PHP的好处上。(1)本地化PHP让你能够为网站的访问者提供本地化的服务。当用户点击进入网站的时候,网站会根据他们浏览器的设置自动地以其母语向其提供页面。要实现这一点不需要使用用于语言翻译的烦杂文件,而是使用和本地化的C程序所具有的相同能力,通过一个叫做gettext的系统实现的。如果被请求的语言文件存在,那么用户所看到的文本就是其母语;如果语言文件不存在,那么文本就是缺省的英语或者其他任何你所指定的语言。许多本地化的UNIX应用程序都将gettext作为标准,它让第三方的翻译变得轻而易举。(2)轻易地使用命令行PHP支持在需要的地方设置和执行命令行程序。使用标准的UNIXdiff工具,它能够生成错误最后一次修改同要使用电子邮件发送到错误的所有者的当前注释之间的不同。PHP代码对在系统上所编写的两个文件执行diff,将其输出作为输入,再生成一个要发送的电子邮件。这封电子邮件是通过PHP自己来发送的。(3)其他好处上面的只是我在自己程序里所用到的强大功能中的两个,而还其他的功能。例如,你可以:即时创建简单的Flash动画。即时创建PDF文档。使用高级数学功能,以及面向对象的编程技术。读取和写入到本地和IMAP邮箱。在PHP里就可以使用任何标准的Internet协议。想要编写基于PHP的FTP、Web或者新闻客户端?没有问题!只使用PHP你就完全能够编写出使用标准TCP/IP套接字的客户端和服务器,并以此创建自己的协议。实现对加密的支持,以及对各种数据库服务器的支持。我觉得,那些寻找顶级Web开发语言而排除掉PHP的人是极其短见的。无论是像错误追踪系统这样的高级功能,还是简单地重复使用页眉和页脚这样的普通功能,我都使用PHP编写过。我用PHP编写过半静态的页面,也编写过全功能的多媒体演示。我不是唯一一个使用PHP的人。如果PHP不值得引起注意,如果它只是小儿科或者爱好者的语言,那它为什么会是在Web开发上成长最快的语言呢?如果它没有ASP或者JSP那么强大,那么它为什么会被用在流量巨大Web网站上?例如Yahoo,据说它就是由PHP建成的。5、开发人员习惯用熟悉的产品我敢肯定,ASP和JSP有它们各自的强项,但是我相信人们是用它们不是因为它们能够提供比PHP更加强大的功能,而是因为人们已经了解了它们,并希望以自己习惯的方法编写代码。排除PHP只能表示对这一语言的无知。
2.2.2、数据库本站采用MYSQL数据库,MySQL数据库可以称得上是目前运行速度最快的SQL语言数据库。除了具有许多其它数据库所不具备的功能和选择之外,MySQL数据库是一种完全免费的产品,用户可以直接从网上下载数据库,用于个人或商业用途,而不必支付任何费用。MySQL是完全网络化的跨平台关系型数据库系统,同时是具有客户机/服务器体系结构的分布式数据库管理系统。它具有功能强,使用简单,管理方便,运行速度快,安全可靠性强等优点,特别适用于Web站点或应用软件的数据库后端的开发工作,用户可利用许多语言编写访问MySQL数据库的程序。作为开放源代码运动的产物之一,闻名遐迩的速度和易用性使MySQ关系数据库管理系统越来越受到人们的青睐,应用范围也越来越广。开放源代码所提供的设计更新间隔正是系统同企业实际操作进行同步所需要的,至少是在尽可能地同步。由于MySQL数据库与php的结合更是完美无缺。我选择了MySQL作为我们的数据库。总体来说,MySQL数据库具有以下主要特点:1同时访问数据库的用户数量不受限制;2可以保存超过50,000,000条记录;3是目前市场上现有产品中运行速度最快的数据库系统;4用户权限设置简单、有效。
2.2.3、网站服务器
网站的服务器我首选的当然是apache服务器的。ApacheServe的前身是NCSA的httpd,曾经在1995年成为最为流行的万维网的服务器。因为强大的功能和灵活的设置及平台移植性,ApacheServer取得了广泛的信赖。ApacheServer的主要功能有:1、支持最新的HTTP1.1协议(RFC2616)。2、极强的可配置和可扩展性,充分利用第三方模快的功能。3、提供全部的源代码和不受限制的使用许可(License)。4、广泛应用于Windows2000/NT/9x、Netware5.x,OS/2和UNIX家族极其他操作系统,所支持的平台多达17余种。5、强大的功能,涵盖了用户的需求,包括:认证中的DBM数据库支持;错误和问题的可定制响应的目录导向功能;不受限的灵活的URL别名机制和重定向功能;虚拟主机(多宿主主机)支持多个域主页共存一台主机;超强的日志文件功能;利用站点的分析;拓展于维护等等。正因为这些强大的优势,使ApacheServer与其他的Web服务器相比,充分展示了高效、稳定及功能丰富的特点。ApacheServer已用于超过600万个Internet站点。于是我决定用apache作为我们这个网站的服务器
2.2.4、网站的内部数据结构
本站也可以说是一个网络应用管理信息系统(MIS),管理信息系统(MIS)是一个由人、计算机等组成的能进行信息的收集、传递、存储、加工和使用的系统。随着科技的发展,信息的膨胀,企业信息化成了企业在竞争中处于不败地位的有效手段之一。而MIS不仅能够及时全面地提供信息和数据,简化统计工作,对不同的管理层次提出不同的报告之外,还能根据过去的数据预测未来的情况。因此,采用何种方法开发出一种兼顾开发效率和运行效率,同时满足分布式事件处理功能的管理信息系统就显得尤为重要。而本网站正是利用到了一些网络三层结构的知识。一说到三层式结构,一般人总是先想到JSP/Servlet,其实用任何语言都可以实现网络的三层结构,而本站亦可以说是一个网络音乐管理系统,我在做这个网络后台是首先想到也就是要用三层网络结构来组织我们的数据。下面我简单的介绍一下什么是网络应用程序的三层体系结构,所谓三层结构是针对于过去的主机终端模式或者服务器客户机模式区别而成的,它的特点是在后台有一个后端数据支持服务器,在中端有一群应用服务器,提供结合用户业务和具体应用的相关系统解决方案,在前端会有很多的接入设备,通过接入设备与客户机。连接在三层结构当中,数据流的流动方式是从后端数据支持层流向应用层,进而流向前端接入层,最后达到用户层。如果把它和电视系统比较就可以看到,前端接入层就象电视机,而中间应用层就象是电视发射设备,而后端的数据支持层就象一个电视台,这样由前、中、后构成一个完整的系统。系统的三层体系结构如图1。
整个管理信息系统采用Browser/Web/DataBase的三层体系结构。Web服务器接受请求,通过应用程序服务器执行一个Java服务器端小程序Servlet并返回其输出,从而实现与客户机进行信息资源的交互。数据库服务器用来存储管理信息系统中所用到的各种数据,数据由数据库管理程序直接录入。系统的客户端只需要一个浏览器即可。相关人员通过浏览器来查询、增加、修改、删除数据,对信息进行管理。
2.2.5、后台程序设计思想
本站使用了模块化的设计思想,使用模块化的设计思想可以实现代码的重复利用,易维护、易使用、易编写,可以在支持PHP的任何平台上工作,还不要重新编写,体现了“一次编写,随处运行”的思想,有利于高效、高速的开发网站,有利于经验的交流。本站的部分模块及其功能如下:预定义模块(config.php):定义本网站的基本信息(如站名、域名、背景色等),管理员,数据库等基本信息公共模块(public.php):预定义一些使用频率较频繁的函数(如用户是否登陆判断、出错判断等)数据管理模块:音乐数据的添加、删除、修改、更新。帮助模块:提供一定的帮助。用户登陆模块:提供用户的登陆服务。
2.2.6、正在进行中的后台部分功能的扩展与完善
1、需要完善的地方界面的完善,虽说现在这个界面已经可以用了,我们不是专业的美工,总是有不尽人意的地方,这种感觉是一个长期过程,我想我们要想做到完美,可能不需要一段时间的培养与积累。脚本代码的优化,做一个程序总是不可避免的产生一些冗长而累赘的代码,为了加速后台的运行,我们需要对程序进行代码优化。2、需要进行的功能扩展论坛:现在的留言板不能方便的用户进行交流,为了更好的增加用户之间的交流与互动,有必要增加一个论坛,现在这个工作正在制作中,这个论坛的引擎(也就是说后台)我已经开发完了,现在要做的就是前台的设计。
三:本网站实现的关键技术
下面就是本人认为的关键技术及其实现方法
3.1、用户是否登陆的判断
在许多页面中的一些特殊的功能是需要验证用户是否是登陆的。这就需要我们做一个函数,以便在需要的时候可以方便的调用它。但是它的实现是有点难度的。
首先是数据库连接模块,代码如下
3.2、数据库的使用
本网站之所以说是动态网站,正是因为有强大的数据库支持,我才可以大言不惭说我们的音乐网站是一个动态网站。我们里面几乎所有的功能模块都是用数据库来实现的。也只有这样我们的网站才是动态更新的。首先是数据表的建立,本站目前来说还只是一个纯的音乐网站。这里面几乎全部的数据都是来自数据库,但是要对众多的数据进行分类不是一件容易的事情,经过几天的努力,并求助于网络,总算是把我们的数据进行了分类,并建立了数据表。下面就是建立本站相关表的SQL语句://歌手地域表province`),KEY`user_id`(`user_id`))TYPE=MyISAM;而我们这里用到的主要是数查询,其中多表查询和数据的溢出处理发了我一些时间,下面就简单的介绍一下。(1)多表查询:本网站有许多地方用必需要用到多表查询。MySQL数据库是一种关系数据库,它的多表查询有许多方式,我在这里采用了一种比看起来比较简单的方式,例如,我需要查找最新加入的前4张CD的歌手和CD信息:语言的甜饼机制,这是最不好控制的地方,至少我认为是这样的,php的session真的不好弄,有时候出错也另人不可思议。这也许是众多php学习者和使用者头痛的地方,我也上网于助过,不过得到的答案也不是那么的另人满意。不知道新版的php5有没有好好的解决这个问题。直到现在我也没能弄清这个问题,看来我还得研究一下这个东东才行。
3.4、php面向对象的编程方法,如果用到了php面向对象的方法的话,那就是专家级的php程序员啦,现在虽说有些地方已经用到了这个方法(例如客户论证机制,登陆的判断机制等等),但是还不是真正意义上的面象对向的编程。一个好的程序员不仅到学好程序开发语言,而更主要的是明白怎么样去编程,即编程的思想。这就是为什么一个非计算机专业人可以考过高级程序员,但却无法真正的去写程序。这四年我认为我真正学到的也就是这一点(即编程的方法)。
四:如何体现专业性与实用相结合
1、本网站集文字、图片、色彩、动画于一体,通过它,可以一下子就抓住用户视线,给用户留下印相,增加用户的回头率。2、合理的数据组织结构可以让网站速度提升,而合理的界面布局可以使用户可以很快的找到他自己需到的东西。3、提供动态的数据更新,可随时更新、更正、省时省力,节省了大笔的人力及财力。4、数据的模块化,使得我们可以更好更容易的进行网站更新和维护。
五:心得,体会
通过这次设计,我们学到了很多新的知识,温故遗忘的知识,并充分发挥了团队合作精神,在设计过程中,互帮互助。特别是在制作前期,与企业商谈时,更是学到了很多从未学过的知识,更加体现到社会与学校的不同之处。整个设计下来,我们对这三个软件有了更好的掌握,深入使用各个功能,对自己的设计生涯有了很好的提高。对于个人而言,在这个工程中让我过了一把瘾,在这个过程中我学到了不少的知识,真正体会到了什么才是“完美结合”——Apache、PHP、MySQL的结合,知道了知识只有实践才是真正的有价值,同时在这个过程中遇到了到现在都还不能很好解决的问题(见上15页的三—3和三—4)。在以后的学习工作中我一定会逐步的去解决我所遇到的问题。
六:后记
两个月的时间一晃就过去了,这我们网站的制作过程中,我们非常感谢同学们为对我们的网站所进行的测试,同时也感谢他们为我们所提出的宝贵意见,使我们的网站得以完善。在这个过程中,我们更想感谢的是席泓老师,如果没有她的指导和帮助,我想我们的网站无法完成的这么顺利。同时我们还要感谢4年来学校领导,老师对我我们的教育和帮助,给予了我们学习计算机知识和技能的机会,使我们才有今天才有机会来制作这个网站,相信不会让您们失望!当然,其中肯定还有很多不足之处,希望您们继续批评指正,使我们的专业水平日趋提高。在此表示衷心的谢意!
论文摘要:网页的内容通常是由图片和文字组成。由文字构成网页的主体,而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站,往往能让浏览者流连忘返。因此,有漂亮的图片是你的网页能吸引人的一个有力保证。
一、介绍
超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息,使用户和网站进行交互,使你找到用户的详细信息。表格在许多工作中有着广泛的应用。
框架网页是一种特殊的HTML网页,使用框架网页可以同时浏览几个不同的Web页面,使用Web页面显示一致的用户界面和灵活的页面内容。
网页制作的高级技术包括:在网页中插入FLASH动画利用Java或者javascript制作网页的动态效果。网页中使用插件,视频等Web组件以及创建、和管理站点等技术。
Web页面往往是具有各种各样的页面元素、丰富的内容和复杂的布局。因此仅仅使用到一种或者两种网页制作技术,不可能创作出一个优秀的Web页面,一个美观而实用的Web页面往往需要综合利用各种技术。
二、概述
1.网站名称:“济南中天环保设备有限公司”
2.步骤:
(1)确立主题
(2)收集资料
(5)美化网页
三、目的
运用已经掌握的知识完成一个环境保护企业网站。通过此次设计可以达到全面理解、运用网页制作的知识,并使之得以融会贯通,在掌握运用Dreamweaver制作网页的基础上再加以实践,进一步提高、加强自身的综合能力。
四、要求
根据公司的要求,设计一个企业站点,以达到宣传该公司及其产品的目的。有整体框架结构,表格定位等,布局合理,色彩搭配协调统一,内容丰富多彩,页面风格独特。
五、设计工具
Dreamweaver、Flash、Photoshop等。
六、站点构思
1.整体构思:
本网站主题为:济南中天环保设备有限公司。总共有网页24个。主页是一个总目录的网页,里面加有网页动画效果“滚动字幕”及Flash动画,本站几个主要分网页分别为:公司简介、资质认证、产品介绍、业务范围、经营业绩、联系方式。还有许多子网页。
2.页面构思:
下面介绍一下网站中的几个网页的制作。
业务范围中的二氧化氯发生器产品公司服务承诺页面,背景色采用跟主页一样的蓝色,淡蓝色的背景给人以干净大方的感觉,与环保网站的主旨相一致。上方为Flash动画与链接页,左下方是用Photoshop
处理过的图片,与主页是一致的。右边的标题是用Photoshop制作的图片,小标题采用斜体加黑,这样制作丰富了页面内容,使整个页面条理清晰。服务承诺分条目标示,一目了然。最后的“空气净化服务范围”标题,即可以链接到空气净化服务范围页面。
标题“服务范围和承诺”是用Photoshop制作的,先用油漆桶工具把背景色填充为与页面相同的淡蓝色,调整文字的大小与位置,两边分别加上符号“【”、“】”和“”,使图片看起来更加美观。
经营业绩页面,背景色与Flash动画,链接页与主页保持一致。这一页的主要内容是用表格形式来固定的,边框设置为1,颜色为淡灰色。表格宽度与Flash宽度一致。整个页面清晰有致,比较大方,浏览者可以清楚的看到公司近年来的经营业绩。
联系方式页面,左下方的图片与右边的标题都是用Photoshop制作的,在联系方式中还添加了一个outlookexpress电子邮件,方便用户与公司的联系,用户可以直接点击给公司发送邮件。outlookexpress作为全球范围内的联机通讯软件,已经被越来越多的人所接受,无论是与同事和朋友交换电子邮件,还是加入新闻组进行思想与信息的交流,OutlookExpress都已成为不可或缺的助手。联系方式中除了电子邮件,还列出了公司地址,电话,传真,邮编。
左边的图片是在Photoshop中,先用椭圆选框工具选中所要的部分,放置新建的画布中,再用油漆桶工具把空白处填充为与页面背景相同的蓝色并对画面进行淡化处理。右边的标题是在Photoshop中,用油漆桶工具填充背景色,然后写上“联系方式”,调整其大小与位置,“方式”二字较“联系”稍小一些,左右分别加上符号“”,“「”,“”,“”,使图片放置页面中显得美观,更突出了主题内容。
FLS-系列风淋室,净化空调厂房,中效送风机组,各种医疗器械设备及实验室设备等页面由页面“产品介绍”链接的,并且均以淡蓝色为背景底色。页面大部分有图片和文字两部分组成。文字部分由表格固定,表格边框设为零,图片是用Photoshop制作成的。
所有页面整齐划一,设计风格保持一致,加上淡蓝色的背景,给人简洁、明了、大方的感觉。
七所用各技术的特点
1.Dreamweaver:Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是当前主流的站点和网页编辑器,其代码简洁、兼容性和整体功能都很强。Dreamweaver的介入,使得网页一些部分的实现变得更加直观简便。
Dreamweaver的主要特点:
最佳的制作效率
Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具,如PlaybackFlash,Shockwave和外挂模组等搭配,不需离开Dremweaver便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
网站管理
使用网站地图可以快速制作网站雏形,设计,更新和重组网页。改变网页位置或档案名称,Dreamweaver会自动更新所有链接。使用支援文字,HTML码,HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
无可比拟的控制能力
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组,Dreamweaver支援精准定位,利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。
所供即所得
Dreamweaver成功整合动态式出版视觉编辑及电子商务功能,提供超强的支援能力给Third-party厂商,包含ASP,Apache,BroadVision,ColdFusion,iCAT,Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时,所供即所得的功能,让您不需要透过浏览器就能预览网页。
梦幻样版和XML
Dreamweaver将内容与设计分开,应用于快速网页更新和团队合作网页编辑。建立网页外观的样版,指定可编辑或不可编辑的部分,内容提供者可直接编辑以样式为主的内容,却不会不小心改变既定之样式。您也可以使用样版正确地汇入或输出XML内容。
全方位的呈现
利用Dreamweaver设计的网页,可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和鼠标换图效果,声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能,Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时,只要从Dreamweaver的网站下载它的描述档,便可得知详尽的成效报告。
2.Photoshop:Adobephotoshop在绘图、色彩调整等诸多方面有着出色的功能,集成度高、适应面广和操作简便。他不仅提供强大的绘图工具,可以直接绘制艺术图形,还能直接从扫描仪,数码相机等设备中采集图像,并对他们进行编辑、修复、以及调整效果,同时可以改变图像的颜色模式,并能在图像中制作艺术文字等。Photoshop中的高级绘图工具,可自动生成背景纹理、图层效果,多种特殊效果滤镜,可创建多种艺术效果和绚丽的web图形并可直接在photoshop中定义和编辑切片的工具透明控制,包括用于混合到任意背景中的边缘的仿色透明度。强大的彩色校正工具——修复画笔,可在消除瑕疵的同时保留色调和纹理图层。Photoshop的强大工具可以使操作者不管制作任何图像都游刃有余。对于设计网页,photoshop是不可或缺的工具,是强大的图片处理工具。
3.FlashMX:Macromedia公司出品的Flash是制作网页动画的利器。严格来说,F1ash是网络多媒体制作工具而不是网页编辑工具。F1ash是制作动感网页的权威。对于使用者来说,只需很短时间的学习,就可以用它制作出美观的网页动画。可以让制作者随心所欲地实现各种创意,并且可以和javascript一起创作出具有强大交互性的网页动画。
Flash是一种绘制矢量图形和创作互动多媒体动画的软件。它可以用少量的矢量数据就可以描述相当复杂的对象,所以生成的文件尺寸小,便于在网上传输。Flash创建的动画集可以插入到html文档中,也可以单独制作网页。使网页的效果更加完美。
八网页制作的优缺点
比较明确,风格统一。并运用了一些其它的设计软件加以辅助设计。使网页更加具有动感,形式丰富。就内容而言,比较丰富。大量运用了图片,并进行了文字说明,做到了图文并茂。但是由于我们刚接触网页制作,做出的效果还是有些稚嫩的,需要以后不断的实践。
论文摘要:网页的内容通常是由图片和文字组成。由文字构成网页的主体,而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站,往往能让浏览者流连忘返。因此,有漂亮的图片是你的网页能吸引人的一个有力保证。
一、介绍
超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息,使用户和网站进行交互,使你找到用户的详细信息。表格在许多工作中有着广泛的应用。
框架网页是一种特殊的html网页,使用框架网页可以同时浏览几个不同的web页面,使用web页面显示一致的用户界面和灵活的页面内容。
网页制作的高级技术包括:在网页中插入flash动画利用java或者javascript制作网页的动态效果。网页中使用插件,视频等web组件以及创建、和管理站点等技术。
web页面往往是具有各种各样的页面元素、丰富的内容和复杂的布局。因此仅仅使用到一种或者两种网页制作技术,不可能创作出一个优秀的web页面,一个美观而实用的web页面往往需要综合利用各种技术。
二、概述
1. 网站名称:“济南中天环保设备有限公司”
2. 步骤:
(1) 确立主题
(2) 收集资料
(5) 美化网页
三、目的
运用已经掌握的知识完成一个环境保护企业网站。通过此次设计可以达到全面理解、运用网页制作的知识,并使之得以融会贯通,在掌握运用dreamweaver制作网页的基础上再加以实践,进一步提高、加强自身的综合能力。
四、要求
根据公司的要求,设计一个企业站点,以达到宣传该公司及其产品的目的。有整体框架结构,表格定位等,布局合理,色彩搭配协调统一,内容丰富多彩,页面风格独特。
五、设计工具
dreamweaver、flash、photoshop等。
六、站点构思
1.整体构思:
本网站主题为:济南中天环保设备有限公司。总共有网页24个。主页是一个总目录的网页,里面加有网页动画效果“滚动字幕”及flash动画,本站几个主要分网页分别为:公司简介、资质认证、产品介绍、业务范围、经营业绩、联系方式。还有许多子网页。
2.页面构思:
下面介绍一下网站中的几个网页的制作。
业务范围中的二氧化氯发生器产品公司服务承诺页面,背景色采用跟主页一样的蓝色,淡蓝色的背景给人以干净大方的感觉,与环保网站的主旨相一致。上方为flash动画与链接页,左下方是用photoshop
处理过的图片,与主页是一致的。右边的标题是用photoshop制作的图片,小标题采用斜体加黑,这样制作丰富了页面内容,使整个页面条理清晰。服务承诺分条目标示,一目了然。最后的“空气净化服务范围”标题,即可以链接到空气净化服务范围页面。
标题“服务范围和承诺”是用photoshop制作的,先用油漆桶工具把背景色填充为与页面相同的淡蓝色,调整文字的大小与位置,两边分别加上符号“【”、“】”和“”,使图片看起来更加美观。
经营业绩页面,背景色与flash动画,链接页与主页保持一致。这一页的主要内容是用表格形式来固定的,边框设置为1,颜色为淡灰色。表格宽度与flash宽度一致。整个页面清晰有致,比较大方,浏览者可以清楚的看到公司近年来的经营业绩。
联系方式页面,左下方的图片与右边的标题都是用photoshop制作的,在联系方式中还添加了一个outlook express电子邮件,方便用户与公司的联系,用户可以直接点击给公司发送邮件。outlook express作为全球范围内的联机通讯软件,已经被越来越多的人所接受,无论是与同事和朋友交换电子邮件,还是加入新闻组进行思想与信息的交流,outlook express都已成为不可或缺的助手。联系方式中除了电子邮件,还列出了公司地址,电话,传真,邮编。
左边的图片是在photoshop中,先用椭圆选框工具选中所要的部分,放置新建的画布中,再用油漆桶工具把空白处填充为与页面背景相同的蓝色并对画面进行淡化处理。右边的标题是在photoshop中,用油漆桶工具填充背景色,然后写上“联系方式”,调整其大小与位置,“方式”二字较“联系”稍小一些,左右分别加上符号“”,“「”,“”,“”,使图片放置页面中显得美观,更突出了主题内容。
fls-系列风淋室,净化空调厂房,中效送风机组,各种医疗器械设备及实验室设备等页面由页面“产品介绍”链接的,并且均以淡蓝色为背景底色。页面大部分有图片和文字两部分组成。文字部分由表格固定,表格边框设为零,图片是用photoshop制作成的。
所有页面整齐划一,设计风格保持一致,加上淡蓝色的背景,给人简洁、明了、大方的感觉。
七 所用各技术的特点
1.dreamweaver : dreamweaver是美国macromedia公司开发的集网页制作和管理网站于一身的网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。dreamweaver是当前主流的站点和网页编辑器,其代码简洁、兼容性和整体功能都很强。dreamweaver的介入,使得网页一些部分的实现变得更加直观简便。
dreamweaver的主要特点:
最佳的制作效率
dreamweaver可以用最快速的方式将fireworks,freehand,或photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。dremweaver能与您喜爱的设计工具,如playback flash,shockwave和外挂模组等搭配,不需离开dremweaver便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使dreamweaver自动开启firework或photoshop来进行编辑与设定图档的最佳化。
网站管理
使用网站地图可以快速制作网站雏形,设计,更新和重组网页。改变网页位置或档案名称,dreamweaver会自动更新所有链接。使用支援文字,html码,html属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
无可比拟的控制能力
dreamweaver是唯一提供roundtrip html、视觉化编辑与原始码编辑同步的设计工具。它包含homesite和bbedit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组,dreamweaver支援精准定位,利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。
所供即所得
dreamweaver成功整合动态式出版视觉编辑及电子商务功能,提供超强的支援能力给third-party厂商,包含asp, apache,broadvision, cold fusion,icat, tango与自行发展的应用软体。当您正使用dreamweaver在设计动态网页时,所供即所得的功能,让您不需要透过浏览器就能预览网页。
梦幻样版和xml
dreamweaver将内容与设计分开,应用于快速网页更新和团队合作网页建立网页外观的样版,指定可编辑或不可编辑的部分,内容提供者可直接编辑以样式为主的内容,却不会不小心改变既定之样式。您也可以使用样版正确地汇入或输出xml内容。
全方位的呈现
利用dreamweaver设计的网页,可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态html支援和鼠标换图效果,声音和动画的dhtml效果资料库可在netscape和microsoft浏览器上执行。使用不同浏览器检示功能,dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时,只要从dreamweaver的网站下载它的描述档,便可得知详尽的成效报告。
2.photoshop:adobe photoshop 在绘图、色彩调整等诸多方面有着出色的功能,集成度高、适应面广和操作简便。他不仅提供强大的绘图工具,可以直接绘制艺术图形,还能直接从扫描仪,数码相机等设备中采集图像,并对他们进行编辑、修复、以及调整效果,同时可以改变图像的颜色模式,并能在图像中制作艺术文字等。photoshop中的高级绘图工具,可自动生成背景纹理、图层效果,多种特殊效果滤镜,可创建多种艺术效果和绚丽的web图形并可直接在photoshop中定义和编辑切片的工具透明控制,包括用于混合到任意背景中的边缘的仿色透明度。强大的彩色校正工具——修复画笔,可在消除瑕疵的同时保留色调和纹理图层。photoshop的强大工具可以使操作者不管制作任何图像都游刃有余。对于设计网页,photoshop是不可或缺的工具,是强大的图片处理工具。
3.flashmx: macromedia公司出品的flash是制作网页动画的利器。严格来说, f1ash是网络多媒体制作工具而不是网页编辑工具。f1ash是制作动感网页的权威。对于使用者来说,只需很短时间的学习,就可以用它制作出美观的网页动画。可以让制作者随心所欲地实现各种创意,并且可以和javascript一起创作出具有强大交互性的网页动画。
flash是一种绘制矢量图形和创作互动多媒体动画的软件。它可以用少量的矢量数据就可以描述相当复杂的对象,所以生成的文件尺寸小,便于在网上传输。flash创建的动画集可以插入到html文档中,也可以单独制作网页。使网页的效果更加完美。
八 网页制作的优缺点
比较明确,风格统一。并运用了一些其它的设计软件加以辅助设计。使网页更加具有动感,形式丰富。就内容而言,比较丰富。大量运用了图片,并进行了文字说明,做到了图文并茂。但是由于我们刚接触网页制作,做出的效果还是有些稚嫩的,需要以后不断的实践。
Flash文件可以边下载边播放,Flash适合制作网络传输的网页动画。Flash的动态网站制作的特点是体积小,可边下载边播放,这样就避免了用户长时间的等待。只需安装插件即可。Flash动态网页提供的Shoc喻avcFlash插件很小,小于170KB。由于用户对网络带宽的要求不断提高,用户希望浏览速度的不断提高,Flash动态网页优势明显,主要表现为:①及时性:文件使用的是矢量图技术,具备文件小、速度传输快、采用流式技术播放的特点,动画文件是边下载边播放,如果速度控制得好,就感觉不到下载文件的过程。即使是在网络状况较差的时候也不需要长时间等待。②增加网站吸引力:Flash网站其视听冲击力会让我们有眼前一亮的感觉,动画+声音的模式让你同时得到视觉和听觉的享受,在浏览者中留下了很深的印象。③互动性:没有人喜欢一个死气沉沉的网站,Flash网站有其强大的互动性是最明显的优势,网站里穿插Flash短片,FlashMV、Flash按钮、Flash导航、Flash图标等元素,这一切满足了浏览者对网站的更高要求,以丰富的互动性实现了强烈的视听享受。④压缩技术:Flash记录的只是控制动作和关键帧,生成的比较小巧的播放文件(*.sw匀,用Flash制作的动画、文件是矢量的,无论把它放大多少倍的状态下都不会失真。
设计Flash动态网站的过程
1.网页的形式与设计
①网页版式设计及风格,动态网页往往包含很大的信息量。Ffash动态网页的超链接特征,使它有无限扩展的空间。Flash动态网页上是一个假想的三维空间,它是由多个具体的二维平面空间组成。二维的平面空间即是网页。网页是借助各个构成元素的位置关系、比例关系以及动静变化等空间因素表现出来的。各个元素的形象的色彩变化、大小变化、弯曲变化、纹理的变化、能丰富平面的视觉深度,使之产生的空间效果富有弹性层次。浏览者在视觉感受空间设计的同时,也会产生不同的心理感受。②导航菜单设计,Flash动态网页浏览的基础是导航菜单设计。导航菜单设计的简洁、有效,可以使浏览者迅速找到所需要的信息。设计导航菜单还要注意简洁,易用。③色彩设计,Flash动态网页色彩搭配既是一项技术性也是艺术性工作,因此,设计者还要遵循相应的艺术规律,才能设计出性格独特、色彩鲜明的网站。一个页面的色彩设计尽量不要超过4种色彩,用太多的色彩让人没有侧重,没有方向,会显得杂乱无章。
2.FlashAetionseript脚本
Actionscrlpt是Flash的脚本语言,是Flash内置的编程语言,是从好几种程序语言中深化而来的。可以实现各种动画特效,对影片的良好控制,强大的人机交互及与网络服务器的交互功能,在Flash的应用程序和内容中体现数据处理、强大交互性等功能。FlashAction己经成为设计辅助重要的手段,实时计算都是由Action来完成很多意想不到的动态效果,FlashAction的灵活运用会使动态网站设计达到一定高度层次。ActiollscriPt使用英文单词和元件提供了一种为Flash影片设置指令的方法。用户可以用鼠标或键盘与动画实现交互功能。单击动画中的按钮,跳转继续播放动画的其他部分;可以在输入信息到表单中等等。使用ActionscriPt可以扩展Flash创作动态网站的能力。
作者:侯素红单位:石家庄理工职业学院
尊敬的各位领导,各位评委大家好:
首先感谢大家给我这个机会来这里参加竞聘,我叫,我竞聘的岗位是网页设计员。
年大学一毕业我就进入新华社从事新华网福建频道的网页设计制作,技术支持,网络维护工作工作,至今已整整5年了。回首往事,庆幸自己在新华社福建分社新闻信息中心这个温暖的集体里,各级领导热心的指导下,各位同仁积极的支持下,在过去的5年中,得到了学习,成长,锻炼的机会,很好地完成了自己的岗位职责。
对于竞聘网页设计员的岗位,我用六个字来概括我竞聘这个岗位的优势与认识,那就是"诚心,成长,诚意"。
一,首先是"诚心"
本人本着诚挚踏实的心态,认真负责的对待工作,在过往的工作中较好的完成本职工作并履行岗位职责。
1,参与福建频道改版工作,完善频道内容建设,执行网站日常维护工作。
年至今新华网福建频道进行了五次全面改版,那幕和同仁并肩点灯的情景历历在目。但回首:除对频道首页面进行数次修改外,通过一次次的改版新华网福建频道的内容日见丰富,各个子栏目也日益完善,不但原有传统子栏目,如经济,旅游等的页面得到改进,还设计制作了多个新增子栏目的网页,如房产,名牌,诚信,体育,税收,统战等。在完成频道改版任务之外还在日常工作中,我随时根据频道内容建设需要添加或修改网页,完善频道内容,做好网站的日常维护工作。
2,建设网群用户网站与各市县区在线网站,根据要求制作网站应用系统
在过往的工作中,网群用户的网站建设也是工作中的重点。年来本人设计制作了多家网群用户网站,计有漳州新闻网,福建省委统战部网站,莆田国土资源局网站,宁德蕉城在线,福建体坛网,福建体育彩票网,福建体育商情网,福建国税之窗等;以及各市县区在线网站,如莆田在线,南安在线,丰泽在线等。在网站建设中我不断推陈出新,网页设计简洁大方,清新流畅,获得了用户的认同;我还设计制作了这些网站的后台管理应用系统,并根据用户的需要为其制作了专门的应用系统,如福建省委统战部网站的各地市统战单位信息上报系统,宁德蕉城在线的新闻评论系统,福建体育彩票网的开奖查询系统,福建体育商情网的供求信息系统等,完善了这些网站的功能,丰富了网站的内容。
3,制作专题与直播报道网站,参与网上现场直播活动
年以来福建频道重点开展了专题报道与网上现场直播网站的建设,这两项业务的网页设计工作也主要由我负责;到此共设计制作了包括福建预防禽流感,构建海峡西岸经济区专题,好战士郑忠华专题,百年小平八闽追忆,舍已救人好战士郑忠华专题报道,八闽防抗第5号强台风"海棠",红土地上红支书学习张仁和专题报道,首届海峡两岸图书交易会,福建人民纪念抗战胜利60周年,八闽健儿征战十运会等数十个专题报道网站;还成功设计了涵江区首届文化艺术节暨经贸洽谈会,纪念长征70周年走进宁化苏区,海峡两岸名牌大学校长论坛,第届漳州花博会暨农洽会,第九届中国国际投资贸易洽谈会等网上现场直播网站,并参加了各次的网上现场直播活动,为直播提供良好的技术支持,保证了直播的顺利完成,并在现场直播活动中与同事配合,成功应用了网络现场音频视频直播,丰富了直播的内容,使现场直播活动达到了更好的效果。
4,配合营销人员开展业务
作为技术人员,在工作中还积极配合营销人员开展业务,对他们在业务开展中遇到的相关问题帮助解答,应对客户的咨询问题;对已经签下的合同,根据合同内容要求及时制作完成,很好的配合了中心业务的开展。
5,保障中心的上网线路畅通与各部门的电脑正常运行,对网络服务器进行的日常维护
定期对中心的网络线路与电脑进行保养维护,及时升级杀毒软件,查杀病毒;对出现故障的电脑与线路,当天排除故障,保证同事们的工作不受影响。对于应用于网络业务的服务器,也定期对其进行日常的系统维护,及时添加系统补丁,进行系统优化,保证安全,防范攻击,使服务器能够正常运行。
20世纪40年代科学字发明了计算机之后,人们的工作效率大大提高,但是单个计算机能够存储和处理的信息是非常有限的,为了便于信息的传递和处理,人们就把众多的计算机连接起来。
网页制作的心得体会----网页制作论文摘要通过这次个人网页的制作,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上,对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品,那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的,而不是单单为了完成作业而已。这是一个完全关于自己的个人网页,既然是介绍自己,就应该让观者在浏览了之后了解自己其人
关键字页面设计ASP和数据库
1.一般来说,个人主页的选材要小而精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。注意:网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。
2.题材最好是你自己擅长或者喜爱的内容。比如:您对诗歌感兴趣,可以放置自己的诗词;对足球感兴趣,可以报道最新的球场战况等等。这样在制作时,才不会觉得无聊或者力不从心。
3.不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。
选定了一个好的题材,是不是可以立刻动手制作了?不,经验告诉我们,必须要先规划框架。这是很重要的一步!每个网站都是一项庞大的工程。好比造高楼,没有设计图纸,规划好结构,盲目的建造,结果往往是倒塌;也好比写文章,构思好提纲,才不至于逻辑混乱,虎头蛇尾。全面仔细规划架构好自己网站,不要急于求成。
规划一个网站,可以用树状结构先把每个页面的内容大纲列出来,尤其当你要制作一个很大的网站(有很多页面)的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,十分累人,也十分费钱。
大纲列出来后,你还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。
一、构建突出职业素养的教学评价体系
1、基础评价
基础评价是指该课程是否应该开设,以及开设该课程的目标。基础评价主要是通过访谈相关专业教师,调研行业、企业专家,学生,并且通过对兄弟院校的人才培养方案、课程表转、教学计划、任务等的查阅来确定是否开设该课程,以及该课程适合于哪些学生,该课程在整个的课程体系中处于什么位置,该课程所对应的岗位,该课程所选取的项目是否合理、是否能过突出学生的职业技能等等。
2、教学环境的评价
教学环境的评价是指对课程实施过程中的教学用具、设备,师资队伍,教学计划,教案,课件,教材等教学的资源情况所作的评价。从课程教学设备方面评价,重点在开设该课程的教学设备是否具备,例如教学实训室,校外实训中心,投影,计算机等其他教学设备;从课程教学方面评价,重点在该课程的教学方案是否完整,师资是否符合实际要求,例如,课程整体设计、单元设计、考核方案、教案、教材、学习资料、课程网站等是否完整;课程的教学团队是否有企业人员的融入,是否有企业的生产经历,是否是双师等等。
3、教学过程的评价
教学过程的评价是指通过学生评价、教师评价、行内企业评价、专家评价等多元化的评价方式对整个教学的过程进行评价。重点包括教学计划的执行情况,教学方法是否突出也职业素养,教学环境是否满足实际的需要。
4、教学成果的评价
教学成果的评价是指对学生取得成果的评价,即对学生的评价。重点是通过学生间的互评、教师对学生的评价,企业人员对学生的评价,学生自身的评价四大方面,并且评价也不只是单一的“一锤定音”,在学期末通过传统的知识考试进行的评价。(1)网站制作课程教学成果评价方案设计为突出学生职业素养培养这一核心问题,我课题组设计了网站制作课程的教学成果评价方案,该方案分为过程考核评价和结果考核评价。把过程考核评价分成了在教学过程中的阶段性的小教学项目的考核,主要评价学生对知识点和技能点的掌握情况,把结果考核评价分成了课上教学产品、课下教学产品的考核,这两项的考核评价方式要求学生利用ppt汇报,另外,学生可以通过参与学院及企业的实际项目来加分,结果考核评价主要评价学生的团队合作能力、职业道德等职业素养。各部分具体权重:过程评价中评价内容为教学项目1———教学项目4的评价,占总分30%,培养学生的职业素养包括:语法的记忆、设计员基本素质、网站设计的步骤,评价过程采用独立上机操作和小组汇报的形式。结果性评价中评价内容为课上及课下教学项目的评价,占总分的70%,培养学生的职业素养包括:产品需求分析能力、产品合作开发能力、独立制作能力,产品展示能力,评价过程采用ppt汇报的形式。(2)网站制作课程教学成果评价方案实施在过程考核评价中对每个教学项目考核评价结束后都要给学生进行及时的反馈,使学生了解自身的不足,切不可都课程结束时再反馈给学生,评价的目的是要使学生不断的进步而不是单纯的考试成绩。对结果考核评价中涉及的课下教学产品,我们要鼓励学生小组合作完成,并引导学生遵循企业实际的工作流程,教师要给予咨询、辅导及服务。课程结束后教师要按照各部分的权重给出成绩,成绩一律采用五级制,即优秀、良好、中、及格、不及格来对学生做出综合且公正的评价。
二、研究成果分析
为了验证突出职业素养的《网站制作》课程教学评价体系对学生的制作网站综合能力的促进作用以及职业素养的提高。我课题组成员对我系实践班的学生、行内专家、企业人员进行了座谈及问卷调查。结果表明,有90%的同学认为新的课程教学评价体系对掌握各方面的技能有帮助,也充分调动了他们的学习兴趣及自主学习能力。有85%的行内专家及企业人员认为新的课程教学评价体系能够极大地突出学生的职业素养,符合企业用人的需要。
三、总结
高职教育不是单一的把学生培养成为具备专业知识的技术人员,而是要将其培养成不仅要具备某一领域的技术,而且能可持续发展的高素质的技能型人才。因此,推进突出职业素养培养的课程评价体系的改革已经成为高职教学改革的核心问题。今后的研究,我们要进一步完善《网站制作》课程教学评价体系的方案及实施过程,使学生与企业零距离,进而提高网站制作方向的就业率。
作者:孙晓娟 单位:辽宁林业职业技术学院
自从互联网进入商业应用以后,人们对互联网的依赖程度逐渐增强,网民数量逐年稳步上升。在众多的网络行为中,电子商务应用占据了很大部分。CNNI《C第29次中国互联网络发展状况统计报告》中的最新数据显示:截至2011年12月底,中国网民数量达到5.13亿,全年新增网民5580万人。让众多网民们在互联网上流连忘返的一个重要去处就是——网站。同样的,中国网站的数量也与日俱增,2011年12月底达到了230万个。这个数字似乎显示了网站欣欣向荣的局面,然而令人遗憾的是,CNNIC数据显示,中国网站的使用率却非常低,其中近八成网站几乎处于闲置状态。
1电子商务网站重构策
1.1电子商务网站重构策划
网站的浏览量及使用率过低便滋生了另一个行业,那就是企业对网络营销的重视和利用,在注重网站内容提高的同时,大多数企业加大网络营销的推广力度,不惜砸以重金采用名目繁多的网络推广手段。这样有可能网站排名和网站访问量都不错,但是却没有有效的转化率、回报率,这时就应该思考网站自身的原因。所以,网站重构及网站重构策划日益得到相关人士的重视。电子商务网站重构策划,属于电子商务的一个部分,是网络营销策划中的一个方面,是网站策划人员的工作范围之一。由于网站工作内容不断细分,用户对网站专业化程度、网站易用性等要求不断提高,因而诞生的一个工作类别。网站重构策划归根到底就是网站架构的梳理、优化、整合与框架布局的重新搭建,应该说,网站重构属于一种理念。这里我们思考“以用户体验为中心”的设计理念来重构网站,从电子商务应用的角度,它包括网站目标定位、网站用户访谈、网站的结构梳理、用户体验流程设计、网站框架设计、网站交互设计等内容。
1.2电子商务网站重构策划的原因
分析网站重构的原因可以从三方面来考虑:
(1)企业原因。网站比比皆是,也许网站的点击率很高,网站排名也靠前,但是企业网站的收益不理想,也是企业投资所得到的回报率(ROI)不理想。衡量企业投资收益的度量标准最常用的是“转化率”,通过跟踪用户在网站浏览的过程中有多少被“转化”到了下一个步骤,就可以衡量网站达到企业“商业目的”的效率有多高,通常需要重构的网站在这方面是不尽人意的。所以通过网站重构,不仅可以提高用户访问的有效性,还可以降低企业成本。
(2)用户原因。用户访问网站,是希望网站能够给自己带来效率,“以用户体验为中心”的设计理念就是站在用户的角度,考虑网站访问的可用性和方便性,从而能主动地访问网站,这直接带来网站访问量和企业的网站收益。
(3)网站自身原因。在研究网站的过程中,发现网站自身也存在许多隐患因素,常见的因素是由下列构成的:
①网站程序安全性不高。
②网站结构不系统。
③网站不符合W3C等国家通行标准。
④网站可扩展性差。
⑤网站色彩丰富,但栏目布局杂乱。
在网站重构策划中,考虑了这三方面的因素才能使得网站的“存活”的更久。
2“以用户为中心”的网站设计理念
2.1“以用户为中心”的设计理念
“以用户为中心”的设计是一门高度综合的交叉学科。要求必须具备认知科学知识,才能构想适当的网站界面和用法;要具备营销知识才能对网站的整体市场策略和定位进行深入思考;要善于与客户(即用户)交流沟通才能洞悉客户在网站上的真实动机;要有战略的思维才能对网站的整体架构和布局作出有正见的决策;要有美图设计的眼光才能使得网站排版赏心悦目;当然还要能够编程用户体验(UserExperience,简称UE)是指“人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应。”因此,用户体验是一种纯主观的、在用户使用一个产品(服务)的过程中建立起来的心理感受。又因为它是纯主观的,所以带有一定的不确定因素。因而个体差异也就决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。不过设计者可以界定一个明确的用户群体,这些用户体验的共性是能够经由良好设计的实验来认识到。“以用户为中心的设计方法(UCD)”是AJAX之父的JesseJamesGarrett提出来的。用UCD来进行网站设计关注的是网站的思路而不是工具或技术。他灌输了关于“网站用户体验开发的总体概念”,即从战略和信息架构需求到视觉设计。这种方法有助于任何一个网站开发团队去创建一个成功的用户体验。
2.2“以用户为中心”的五个要素及网站设计思路
用户体验的整个流程开发,要考虑到用户有可能采取的每个行动的每种可能,并且站在用户的角度去理解整个过程的每个步骤的期望值。因此,可以把设计用户体验的工作分解成五个要素。将用户在网站中的浏览过程看作是用户对整个网站的体验,将这个过程自下而上地设计成五个层面:战略层、范围层、结构层、框架层和表现层。见图1所示。在最低的战略层只关心网站如何满足我们的战略(同时也满足用户的需求),在最高的表现层只关心网站所呈现的最具体的细节,这样,随着层面的上升,网站的决策就一点点地变得具体,并关系到越来越精细的细节中,同时,每个层面都是根据它下面的层面来决定的。所以,表现层由框架层来决定,框架层则建立在结构层的基础上,结构层的设计基于范围层,范围层则是根据战略层来制定的。这种依赖性具有“连锁反应”,层层制约,共同保障着整体网站建设的进程和质量。
(1)战略层。战略层关注用户的需求,也就是用户希望从网站上得到什么,这对应的就是企业的网站目标和用户需求。明确这些因素就知道:企业为什么建这个网站;企业要从这个网站上得到什么;用户要从这个网站上得到什么。
(2)范围层。进入范围层,网站建设关注网站的内容需求和功能,要弄清楚如何去满足战略目标,也如何满足用户需求,即网站要建设什么。用户的需求会有优先级别之分,需要站在用户的立场,采用一些方法去收集需求和确定需求优先级。
(3)结构层。战略层的决策和范围层都有些抽象,进入结构层,要转移到用户体验的具体因素,实质是范围层的内容建设的具体化。通过对用户需求的优先排序,综合多个学科内容,用户交互设计和信息架构来构建用户体验。
(4)框架层。充满概念的结构层中开始形成了大量的需求(这些需求来自战略目标的需求),在框架层,需要更进一步提炼这些结构,确定很详细的界面外观、导航和信息设计,这样能使晦涩的结构变得更直观实在,逐步将下层的抽象过渡到了具体。
(5)表现层。五层模型的顶端,实质就是用户会首先注意到的:视觉设计。在表现层,内容、功能和美学汇集到一起产生出网站的最终设计,这就是最终的网站设计效果。表现层将满足其他四个层面的所有目标。
3电子商务网站重构策划的核心及内容
3.1电子商务网站重构策划的核心
以“用户为中心”的设计理念去重构电子商务网站,策划的核心内容是:从用户需求层、管理战略层、编辑运营层对电子商务网站进行重新诠释、并定位包装,使网站在既有基础之上,更满足用户的使用需求、更符合管理层的战略定位、更便于运营人员的编辑使用。
3.2网站重构的内容
用UCD进行网站重构,需要站在用户的角度,按照UCD五要素从下至上进行分析和构建。首先进行网站目标的定位,从战略高度确定网站目标;为了实现网站目标,进行网站用户访谈,分析得出用户的需求;将用户需求进行优先级别排序后,梳理网站的结构;进行网站框架设计,进一步提炼满足用户需求的结构层次,用详细的界面外观、导航设计和信息设计等诠释网站的内容;最后,考虑到用户的感官活动,通过视觉设计和网站交互设计,将网站的内容、功能、和美学高度融合在一起,最后是一气呵成,整体网站展示在用户眼前。
4电子商务网站重构的策划流程
根据UCD的思路,网站重构策划的流程如下:首先进行网站目标定位(战略层设计,确定网站目标)——用户访谈(范围层设计,了解用户需求及其优先级别)——用户体验流程设计(结构层设计,通过流程体验确定用户界面的友好)——网站框架设计(框架层设计,确定网站详细的界面外观、导航和信息设计)——网站交互设计/交互菜单(表现层设计,网站内容、外观和视觉元素融为一体)——网站策划原型展示。
5电子商务网站重构策划过程中的注意事项
在电子商务网站的重构策划过程中,也需要注意以下事项:
(1)注意承前启后。应该尽量对原有的网站体系进行形式或内容上的传承,并在此基础上发展、深化。
(2)标准化开发。网站开发时贴近最新技术形势,使用标准化开发,从而可以促进多平台模块的互通,也强化了相互之间的沟通渠道。
(3)建立完整的用户体验流程,设计完善的交互菜单。
精品课程建设是高等学校本科教学质量与教学改革工程的重要范畴,建设精品课程的目的是实现优秀教学资源共享,精品课程网站是实现这一目的的重要平台。我校医学寄生虫学在2001年就建成寄生虫教研网站,为学生提供了几代教师历经60年,在教学和科研工作中积累了丰富的教学资源。随着教学改革的深入,现代教育技术水平的提高,我们在对医学寄生虫学精品课程建设的同时,不断地加强对课程网站完善与更新,以求达到精品课程网站所具有的相应标准规范,并在网站建设中充分展现出学科建设的鲜明特色。本文从课程网站制作的实践中对优质精品课程网站的设计理念与建设内容做出一些探讨。
1设计原则
1.1明确以学生为服务主体
在精品课程的建设中,由于建设目的与主要使用者的区别,一门课程往往应该建设两个网站,即申报网站和课程网站。申报网站是以评审专家为主要使用者,而课程网站服务对象主要是学生(泛指所有学习者,以下同),所以应明确课程网站服务的主体是学生,这是课程网站设计原则之根本。在此原则下,切实地从学生的角度出发,从网站的设计到建设内容尽可能地考虑满足学生的需求,努力做到实现精品课程的高层次、大尺度的共享、交流、提高[1]。
1.2充分融入学科建设特色
在全国高等医科院校众多的寄生虫学课程中,我们的医学寄生虫学精品课程建设具有“科研促教学、教学有创新”这一鲜明特色。通过一些模块的设计,如“创新教育”、“学术动态”、“课外科研”等栏目,充分把本学科建设特色融入到课程网站建设中。这些具有学科建设特色的栏目是学生了解本学科创新教育内容的窗口,同时展示了创新教育的实践成果,激发了学生积极参与创新教育实践的主动性。
1.3恰当运用制作技术手段我们的课程网站开发比较早,但随着教学改革的深入和网站制作技术提高,为网站的完善与维护提出了新的要求,如图、文、音、像并茂的教学资源;师生交互、动态网页、时时更新的网络功能等。我们运用不断发展的现代网站制作技术与手段,实现了精品课程网站逐步“升级”。建设了由本学科教师可时时维护更新的网站管理后台,制作、上传各类使用简捷、方便下载、网页美观的教学资源等。使各种技术为网络化教育服务,把精神(教学理念、教学设计、教学方式)与物质(教学内容、教学资源)完美、实用地呈现在这个网络平台上。
2建设内容
2.1网站的栏目根据课程网站建设的统一规范
标准和上述设计原则,医学寄生虫学课程网站设计为一级栏目、二级栏目及三级栏目。其中主要栏目结构如图1所示。
2.2首页的设计
网站首页设计的风格、内容体现着精品课程网站的整体风格与内涵,也应该一目了然地表现出学科建设特色。
2.2.1网页色调
网站的色调是网页画面的灵魂,对学习者有情绪影响和心理暗示的作用。医学寄生虫学网站的主色调是黄色,辅色调是红、蓝色。主色调和辅色调艺术性地和谐搭配,并巧妙地遵循了医学生同时具有文理性质的专业特点,满足文理性质对色调偏好[2]。再加上寄生虫、显微镜、标本馆等图片对Logo的点缀,突出了学科内容,引人注目。主要版面内容是白底黑字,网站首页的整体效果是清新、简洁、明了。
2.2.2网页内容
内容上选择了能充分体现本学科“科研促教学,教学有创新”的栏目,如学术动态、成果专利等,通过“学术论文”、“推荐本科生阅读”、“seminar时间安排表”这样的直接链接,让学生了解寄生虫学的最新研究动态,选择参加感兴趣的学术活动。另外,通过课堂上对本科生的调查结果,把学生最感兴趣、使用率最高的教学资源制作成快捷键,如教学课件、教授讲堂、考试考核、课外科研、病例讨论等,方便学生快速查找学习。最新公告和标本图库是首页上的两个动态版块,大量、清晰的标本图片和即时更新的学科公告,从内容到形式科学地结合起来,既美观了页面,又实现了内容展示。
2.3特色鲜明的建设内容
2.3.1实践教学
实践教学是医学寄生虫学教学的重要组成部分,建设成一级栏目,包含了实验大纲、实验课多媒体课件这类常见的二级栏目。此外,还增加了实验课堂录像和实习基地栏目,实验课堂是综合性设计性实验课的教学录像,丰富了医学寄生虫学教学音像资源。实习基地主要内容是教师指导预防医学生毕业实习的实践工作与成果,包括毕业生科研实习课题、论文等。实践教学的内容反映了我校在医学寄生虫学教学中充分重视实践部分,并开拓了课堂内外的实践活动,取得了良好的效果。
2.3.2创新教育
创新教育栏目下有三个子栏目:即课外科研、创新基地、挑战杯竞赛。课外科研中主要介绍每学年开展的本科生课外科研课题,参与学生发表的论文、获得的成果和奖项;软硬件俱全的创新基地,为学生开展一系列的科研活动提供了有力的保障。坚持在“教与学中求创新”,取得了优异的成绩。学生从立项、实施到项目参评,完成了“科研思维、方法、操作”全面的培养与锻炼。这个栏目让“学有余力”的本科生了解创新教育的内容,并激发学生积极参与的主动性。
2.3.3学术研究
这个栏目包括研究方向、承担课题、论文专著、成果专利。主要介绍我们教学团队在医学寄生虫学研究领域的工作与成绩,同时反映出国内外发展研究动态。这个内容的建设,不仅提供给学生、教师大量的科研信息,也是初步培养学生科研兴趣与志向的平台。
2.4人性化的交互平台
精品课程网站必须具备一个教师与学生之间的交互平台,这是对在校生课堂教学的延伸和必要的补充,更为远程学习者提供了直接交流的场所。我们以“师生互动”一级栏目,实现教师与学生、学生与学生之间教与学的交流。页面设计简洁方便,同时具有专业交流网站的流行元素(如头像、表情),符合使用者上网交流习惯。科学的后台管理系统,可让全体任课教师参与在线答疑,并能通过“审核机制”对互动内容进行“监督”,确保了网站内容准确与健康。师生互动栏目整体设计人性化、易操作,大大提高了医学寄生虫学精品课程网络教育的效果。
课程网站建设在精品课程建设中扮演着重要的角色。单纯依靠技术人员制作不出优秀的精品课程,只有学科教师和技术人员相配合,围绕课程的教学活动进行设计和实施,以实用为导向,将先进教育理念与技术相结合,把信息技术渗透到精品课程建设的各个环节中,才能制作出优秀的精品课程网站,为全国的高校教师和学生学习提供优秀的教学资源,从而提高学生的信息素养和学习能力,达到全面提升我国高校教学质量的目的。
随着Web技术的发展,采用传统营销和网络营销相结合的方式已成为各类公司发展的必然选择。在网络营销中比较有效的手段是建立一个适合自己公司规模的网站[1-2]。目前网站开发的主流平台有LAMP(Linux操作系统、Apache网络服务器、MySQL数据库、PHP编程语言),J2EE和“.Net”商业软件。由于PHP、MYSQL具有免费、开源等多方面优点,因此受到整个IT界的关注。从网站的流量来说,70%以上的访问流量是LAMP来提供的,LAMP是最强大的网站解决方案[3]。
本文将结合一个职场咨询网站———卓企网的开发过程,对基于PHP与MYSQL数据库相结合的网站开发所涉及的开发环境,需求分析,功能模块,数据库操作与安全等进行分析与讨论。
1开发环境分析
1.1开发语言的选择
作为当今网站开发的3种主流语言:ASP.NET、PHP、JSP,它们存在的各自优点与不足如表1所示[4-5]。本项目确定以PHP为开发的语言环境的原因:
1)免费。因为项目较小不适合采用付费的ASP.NET和JSP的开发平台。
2)支持性强。中国现在很多中小型网站甚至一些大型网站,如百度、新浪等都加入了PHP的大家庭,从而能更简单地解决开发过程中遇到的各种难题。
3)移植性好。尽管最初是被设计用于基于Linux的ApacheWeb服务器系统,但现在的PHP已经被移植到了任何操作系统并兼容任何标准Web服务器软件,即绝大部分的Web主机提供商都会支持PHP,因此根据需要更改主机将会非常方便。
4)语言简单。由于PHP同C编程语言有很多相似之处,对于熟悉相关语法的开发人员来说,PHP则非常容易上手。
5)发展迅速。由于是开放源代码产品,PHP将继续快速发展,更为重要的是相关漏洞补丁将免费地定期植入到核心库中。此外还有PHP实现对加密的支持以及对各种数据库服务器的支持等。
1.2开发环境搭建
目前,基于PHP的开发平台较多。一般开发人员喜欢LAMP的开发环境,有一定开发经验的人可以选择相关的服务器、数据库、数据库管理软件和操作系统来构建自己的PHP开发平台。为了便于开发人员更好地利用PHP来开发网站,市场上也出现了多种集成的PHP开发环境,如AMPS-erv,WAMP,XMAPP,AppServ,PHPStudy。目前主流的是ZendStudioPHP集成开发环境。ZendStudio包括了PHP开发所有必须的部件,通过一整套编辑、调试、分析、优化和数据库工具。ZendStudio缩短了开发周期,简化了复杂的应用方案,已经成为目前最强大的PHP集成开发环境。ZendStudio的强大之处,除了一般编辑器所具有的代码高亮、语法自动缩进、书签功能外,其内置的调试器可以支持本地和远程(debugserv-er)2种调试模式,支持诸如跟踪变量、单步运行、断点、堆栈信息、函数调用、查看实时输出等多种高级调试功能。另外,最新版(ZendStudio5.5.1)对中文的支持也是非常稳定的[6]。
1.3环境搭建注意事项
对于对PHP开发环境不甚了解的开发人员建议不要自己搭配开发环境,各软件的版本之间支持性不一样有可能会造成版本冲突,而且复杂的配置问题也很难解决。此外在正式开发之前还应注意如下问题。
1)PHP语言版本问题。开发前,必须确定要使用的版本和服务器所支持的版本是否一致。现在主要存在2种版本:PHP4和PHP5。不同版本对SESSION、异常处理、函数、变量有效范围和支持的数据类型等都有不同。前期若不注意这些问题会给后期的开发带来很多不必要的麻烦与不安全。
2)服务器问题。Windows平台上,用PHP写的程序要求是部署在apache服务器上。如果部署在IIS上,可能由于IIS对PHP支持不是很好,经常出现一些莫名其妙的问题。并且IIS使用中,有些设置必须要手工修改。比如上传文件时,需要设置可写权限,还要重新设置上传文件大小,比较烦琐。而使用apache服务器则不存在这些问题。
3)数据库问题。PHP可以使用的数据库管理系统有MySQL、ORACLE等。MySQL由于开源、免费、小巧、高效而受到开发人员一致的青睐。对于中、小型应用系统,MySQL是一款非常理想的数据库服务器软件。除了支持标准的ANSISQL语句外,它还支持多种平台。在Unix/Linux系统上,MySQL也支持多线程运行方式。和PHP、Apache一样,MySQL也属于开放源代码软件。MySQL对其提供权限访问、建立、删除等一系列支持,使之成为中小型PHP网站的首选。
2基于PHP语言的开发模型
PHP语言以其免费、开源等多方面优点,逐步成为中小型企业网站开发语言的首选。具体开发步骤如下:
2.1需求分析
一个网站项目的确立是建立在各种各样的需求上面的,这种需求往往来自于客户的实际需求或者出于公司自身发展的需要,其中客户的实际需求占了绝大部分。面对网站开发拥有不同知识层面的客户,项目负责人对用户需求的理解程度,在很大程度上决定了此类网站开发项目的成败,因此,如何更好地的了解、分析、明确用户需求,并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员,保证开发过程按照满足用户需求为目的正确项目开发方向进行,是每个网站开发项目管理者需要面对的问题。除了基本的用户需求分析要点(模块、流程、带宽、最大同时访问量等)外,需求分析还需要注意以下问题:①需求分析来自项目接收方的负责人或由其确定或认可;②需求最好以文件方式确定下来;③与需求方进行深入有效的分析与讨论,告知其需求的可行性和代价。
2.2功能模块设计
根据需求得出的需求报告在与客户进行讨论之后得到的双方都认可的确定稿之后,网站的开发人员根据高内聚低耦合的思想结合相关的知识与经验结合成若干大模块。
2.3数据库设计与实施
包含需求分析、概念设计、逻辑设计、物理设计、系统实施、运行与维护等多个阶段。在数据库设计与实施的各个环节应注意以下问题:网站数据库是网站的核心,数据安全性至关重要。数据损坏、丢失、被非法复制都会引起很多不必要的麻烦,而且有时会带来非常大的不良影响与损失,甚至触犯他人的合法利益,且造成的错误很难恢复。MYSQL数据库采取以下安全措施[7]:
1)账户安全。MySQL每一账户都由用户名、密码以及位置(一般由服务器名、IP或通配符)组成,其包括合理权限和安全检查。合理权限的目的就是通过给不同类型的账户赋予不同的权限,给同一用户不同数据库或数据表以不同权限来实现在保证数据库安全的前提下进行合理的授权。MySQL数据库主要使用3种不同类型的安全检查:登录验证、授权、访问控制。
2)存储数据加密[8]。在应用程序的大量信息中,也许你只想对很小的一部分进行加密,如用户的密码等。这些密码不应该以明文的形式保存,它们应该以加密的形式保存在数据库中。一般情况下,大多数系统(这其中包括MySQL本身)都是使用哈希算法对敏感数据进行加密的。
3)数据库字符集与编码[9]。安装的Web服务器软件,例如Apache,默认的编码都不是UTF-8。当从以UTF-8编码的页面中的表单输入数据时,前台浏览正常,在phpMyAdmin里查看时,中文则变成乱码。解决办法可以将MySQL的默认编码改成UTF-8或连接数据库时指定数据的编码(mysqli_query($dbc,“SETNAMES‘UTF8’”),就可以告知MySQL采用UTF-8编码传输数据了[10]。
4)功能模块实现。功能模块实现的要求:尽量少的代码,尽量详尽的注释,尽量工整的书写形式。功能模块实现的目标为:高复用性、高可靠性、高效率、高安全性、高可读性等。
3实例
以PHP语言为基础,开发了职场咨询网站———卓企网。卓企网主要包括检索模块、专家咨询模块、维护模块、会员互动模块、问题讨论模块、文档浏览模块、登陆注册模块、帮助模块和其他辅助模块等九大模块,如图1所示。
图1卓企网包括的模块
每一个大模块包括一些功能模块,如在卓企网的会员互动模块中,包括留言、显示留言、删除留言等。实现“留言”模块的前台代码如图2所示,与之对应的后台处理代码如图3所示。
图2“留言”模块的前台处理代码
图3“留言”模块的后台处理代码
具体的流程是用户在留言窗口(如图4)留言并点击提交后页面将相关数据传送至后台处理页面,后台处理代码调用用户的session值查找对应的身份信息后将留言插入数据库,待正确无误后跳转回留言页面并刷新留言板,从而用户可以马上就看到自己的留言(图5)。
由于PHP语言的免费、开源、高可靠性、可移植性,并且可与MYSQL数据库、Apache服务器完美结合,逐步已经成为当今网站的主流。
精品课程建设是高等学校教学质量与教学改革工作的重要组成部分,是一项深化教学改革,提高教学质量的系统工程,其建设的核心是解决好课程内容建设问题。课程内容建成后的共享与应用是精品课程建设的关键点和落脚点。现阶段课程内容的共享主要采用的是精品课程网站的形式,通过互联网将优质的教育资源共享给广大的学习者。精品课程网站的实现可以采用多种方式,本文主要针对利用CMS来完成精品课程网站。CMS具有许多基于模板的优秀设计,可以加快网站开发速度和减少网站开发成本。
一、内容管理系统(CMS)概述
内容管理系统(ContentManagementSystem,简称CMS)它的出现主要是为了解决在信息更新、网站维护和网站升级过程中所出现的高成本、低效率的问题。针对企事业单位网站建设的需求经过深入分析后设计开发的,专门面向网站内容编辑与的应用系统,具有灵活的产品架构、严密的安全性、无限的扩展性和伸缩性,能够高效构建起各种网站应用型平台。重点解决各种非结构化或半结构化的数字资源的采集、管理、利用、传递和增值,易于与其他应用相集成和功能扩展,并可以快速进行部署。
二、内容管理系统(CMS)的特点
CMS把一个网站的内容(如文字,图片)与网站的组件分离开来,将各个页面连接到一起,控制页面的显示。通过CMS可以方便地管理、、维护网站的内容,而不再需要写HTML代码或使用Dreamweaver建立每一个页面。所以内容管理系统的使用人员不需要编程基础、网页设计基础就可以出布局合理页面美观的信息。CMS将页面的显示进行了模板化,由于采用了统一的页面标记,所以只要更换页面模板就可以完成整站的改版工作。对于用户管理可以根据不同的用户组分配不同的权限,各组用户根据自己的权限来进行网站建设和信息、信息审核等操作。CMS本身提供了许多功能模块,如文章、图片、下载、分类信息等,并集成自定义模型、自定义字段等功能组合成强大、易用、扩展性强的开源网站管理软件。CMS具有完善的SEO(搜索引擎优化)为网站的推广起到了至关重要的作用。CMS在优化显示性能方面普遍采用了页面静态化技术提高系统的承载能力。CMS提供了内容搜索功能,实现的方式多种多样,有标题检索、站内第三方搜索引擎全文检索、站内自建搜索引擎标题或者全文检索等。同时CMS还提供了丰富的二次开发接口,方便与其他系统对接。
三、精品课程网站设计
精品课程组人员根据国家精品课程建设实施纲要以及对精品课程建设的要求,结合所要建设课程的学科特点,完成栏目的设计,提出网站界面设计要求。制作者根据所选用的CMS系统完成课程网站主页模板的定制、导航的设计、内容页的选用等工作。同时要根据课程的需要添加相应的通用模块使网站的功能更加完善。根据国家精品课程申报要求,课程网站至少提供课程的教学大纲、授课教案、习题、实践指导、参考文献目录等材料,以及至少3位主讲教师每人不少于45分钟的现场教学录像,录像按照“国家精品课程教学录像上网技术标准”制作。在此要求基础上,课程组人员结合所要制作的精品课程的学科特点设计出符合课程特色的一级栏目和二级栏目。在精品课程网站栏目确定后,搜集和提供网站界面素材,界面设计要用最少的操作最明显的提示来完成网站的使用。四、精品课程网站开发
(一)CMS的获取与服务器的架设
根据课程网站设计的要求选择合适的CMS,通过登录CMS的官方站点进行软件的下载。以科讯CMS为例,可以登录进行软件下载,选择合适的版本,把程序下载到本机之后在根目录下进行解压。如果需要上传到空间调试的可以使用FTP工具将KesionCMSFREE上传到空间。本机调试需要进行服务器的架设工作,首先需要安装IIS服务器,然后打开Internet信息服务,把主目录指向到科汛程序文件,并且启用父路径。打开浏览器,输入http//,进入之后输入默认用户名、密码登录后台。
(二)配置网站信息
登录系统后台之后在基本信息设置中设置精品课程网站名称,网站标题,网站首页生成形式;专题是否启用生成静态,允许上传的文件类型,网站版权信息,网站META关键词等。为网站的首页和各个二级页面进行模板绑定。网站的每一页都包括各种各样的内容块。可以使用现有的模板,也可以根据现有的模板进行相应的模块布局修改,达到精品课程网站的要求。为了方便师生交流,开启用户注册功能和留言论坛功能,设置关键字屏蔽和留言审核,学生留言经过管理员审核之后才能显示在网页中。
(三)网站页面的制作
通过对网站首页模板的模块布局调整建立适合于精品课程的网站首页,精品课程的网站首页通常包含院校名称、精品课程名称、导航栏、申报材料、课程简介、课程负责人、课程特色、课程公告、师资队伍、在线调查等内容。根据系统默认的主页模板通过布局的调整和相关元素的添加完成主页框架的制作。根据首页中的各项内容收集相关的文字和图片材料进行页面的完善工作。网站顶部的banner和logo需要专业美工人员进行设计,作品要符合精品课程网站的要求,做到简明、醒目、信息完整无误。网站主页制作好之后利用CMS添加栏目功能完成精品课程所需的申报表、课程设计及教学内容、教学队伍、教材建设、方法手段、实践教学、教学改革、教学效果、特色与支持等二级栏目的建立。所有二级栏目根据需要选择是否在导航栏中出现,同时要添加相应的外部链接栏目丰富网站的内容和功能。根据二级栏目的需要进行三级栏目的建立,比如教学内容下设置课程大纲、授课计划、电子教案、内容解析等栏目。网站的整体框架建成之后开始进行单个页面的制作,在每个栏目下根据申报表的内容完成所有页面内容的录入工作,这其中包括文字、图片、课件、视频等内容。在单页面制作过程中,录入文字信息时为了节约时间和保护版权,通常将word文件通过MacromediaFlashPaper软件转换成Flash插入到页面中。由于部分CMS还不支持PPT文件的插入,PowerPoint制作的电子课件要通过ISpring软件转换成Flash插入到页面中。视频录像要用专业的格式转换工具如VideoConverter转换成流媒体格式文件,同时要保证清晰度。在佐证材料等栏目内容的编辑中需要用到图片资料,为了保证页面的响应速度,图片也需要按照网页图片的格式要求使用Fire-works软件进行处理。所有内容页面添加完毕之后进行网站测试。测试中发现问题之后进行调试、完善工作。
(四)内容访问控制
内容访问控制是通过权限管理完成的,主要包括两个方面:网站会员的管理和后台维护人员的管理。网站会员是指在通过IE访问课程的用户,除了注册会员之外,系统允许匿名访问。网站会员管理的主要功能是用户的增、删、改,以及用户对应的权限设定;后台维护人员管理的主要功能是对后台所有维护人员的管理(增、删、改)、权限的设置。主要针对课程开发人员和使用精品课程的教师。根据不同的需求,系统管理员为他们分配不同的权限。比如教师应该有管理学生留言的权限,包括留言的审核、删除、回复等。
五、精品课程网站维护
精品课程网站的维护工作主要分为三部分:1、网站内容的更新。课程管理人员和课程负责人要经常更新课程的相关内容,如教案、习题、实训报告等,并且要对学生提出的问题及时答复。2、网站安全的保证。网站管理员要做好服务器的安全维护工作,保证网站的正常运行。3、网站数据的备份。一定要定期做好数据备份工作,以防止网站数据丢失所造成的严重后果。
信息化时代背景下,网络已经成为我们获取信息的主要途径之一,信息化时代已经悄然影响人们的生活。不同行业为了提高自己网站的知名度及关注度,在网页制作工作上增加许多新颖的版块来吸引客户。对于一个成功的网站设计,最为重要的标准之一就是该网站对色彩的搭配是否有新颖度。
【关键词】色彩搭配 网页制作 主页 网站
色彩是人们视觉捕捉最为敏感的东西,对于平面设计和网页设计者来说,主页的色彩搭配绝佳,可以给浏览者留下深刻的印象,从而达到提升网页知名度和关注度的效果,而且还会事半功倍。因为,当我们远距离的观察电脑屏幕时,视觉影像捕捉到的是色彩而不是美丽的图片。
1 色彩的基本原理
1.1 了解色彩的概念是网页制作色彩运用的基础
色彩是人们视觉最快捕捉到的信息,大自然是颜色的最大载体,它给予颜色丰富的意义。许多行业为了突破以往的艺术风格,为了能够吸引更多的客户,从而对色彩的搭配进行深入彻底的探索。在此探索过程中遇到重重困难,人们并没有退缩。因为,只有在自己的领域中设计出新颖独特的网页,才能更加精准的抓住客户的眼球从而吸引他们的注意。那我们首先应当了解的是色彩最基本的知识,不同物体和事物都呈现出不同的色彩,花有花的颜色、草有草的色彩。在大自然中,五彩缤纷的世界包含了成千上万的色彩。但是,只有红、黄、蓝才是最基本的颜色,这三种颜色调和了自然界的色彩。我们也可以对颜色所属的范畴进行分类,将自然界的色彩分为彩色、黑白、灰度等。三种色彩的表现形式,其实也有他们的共同点,他们都有自己的明度、纯度、色相,除了这些之外,还有其他两个元素,在进行不同的色彩调配时才会产生色性和色绸的特性。充分了解色彩基本知识才能在网页制作中发挥其重大的作用,体现出色彩强大的魅力。
1.2 熟悉掌握色彩的视觉特点及赋予的意义才能更好地搭配色彩
色彩的搭配技巧需要结合色彩的基本知识和色彩所赋予的意义,好的搭配技巧会让作品赋予生命力,无疑是激发了网页浏览者的兴趣,从而提高了知名度和关注度。虽然色彩是无声的,但它隐藏的视觉语言可以改变人们的思想和情感。研究表明,大部分的人看到某种特定的颜色会引发联想,感受到色彩带给他的微妙变化。我们可以了解下身边的色彩,例如:绿色,植物大部分都是绿色的,它象征着生命力和活力,它也象征和谐、自然、真实、和平,世界上大多数的国家军服都是以绿色为基调,那是为了便于掩护,绿色也是生活不可缺少的颜色之一。这是色彩的魅力所在,不同的颜色都会引起人们心理的变化。单一的颜色就可以有这么多丰富的意义,那如果将色彩搭配起来,它的作用及影响力是非常大的。因此,不同的搭配会产生多样化的视觉感受,要学会合理的搭配色彩从而达到自己预期的效果。
2 网页色彩选择应遵循的原则
网页色彩的选择应该以红、黄、蓝、跟任何色彩搭配,因为,这三色是基本色也是万能色,可以调配出成千上万的颜色,但也不能缺少黑、白、灰三色。如果需要降低明度的可以配上黑色。许多网站上会有许多留白的地方,一是因为白色是网站最普遍的颜色,二是体现出留白的艺术,缓解压力,也可以弥补网页的衔接的不足之处。网页色彩的选择和搭配三大原则:
(1)符合网站的风格和主题。为了追求网页内容与形式的统一,需要根据网站的风格和主题来使用不同的色彩和视觉元素,这样才符合人们的认知习惯。例如学校的网站一般以蓝色等轻快的颜色为主,突显学生心理的纯洁。网购类的网站就可以采用多种色彩互相调配的方法,吸引浏览者的眼球。
(2)网页的色彩和内容要符合绝大部分浏览者的审美观。每个版块颜色层次要鲜明、内容要清晰,才可以吸引浏览者的兴趣。许多食品网站选用绿色为主色调,原因在于绿色代表环保健康,运用这个色调显得有说服力。
(3)在网页色彩的选择上,紧扣网页的主题大胆的发挥自己的色彩的想象力,突出网页的独特性,创造出不一样的视觉效果。
3 网页色彩的搭配技巧
在制作网页的过程当中,不仅需要结合色彩发挥的想象力,还要有一定色彩搭配技巧,两者互相结合,才能制作出令自己和浏览者同样满意的网页,需要遵循以下三点:
(1)首先需要我们在紧扣主题的前提下,定出整个主题的基调色,将其通过黑白两色调节它的深浅,就是调节它的透明度和饱和度。围绕着基调色调节颜色,让整个网页颜色得到统一并符合人们的视觉审美。
(2)我们需要为网页选择用同一色系的颜色来制作,这样可以更加直观的表现出网页的内容。例如,在制作关于内蒙古介绍的网页时,可以采用草原绿地的额颜色绿色为主的同一色系的颜色来制作,更加能表现内蒙古草原的特点。
(3)我们在制作网页的过程中,可以采用两色选一色的方法来获取两色的对比色。例如:政府网站基本以红色和黄色为主调,选二者的对比色为辅色,即能突显政府的庄重严肃,又不会觉得复杂碍眼。
(4)不管是制作什么类型的网页,需要确定风格,其次是要根据不同的需求者确定网页的主色调,再加以确切的内容互相衬托,都可以达到自己想要完成的网页效果。比如是学生群体,第一:需要了解学生的心理,整个设计页面风格要以版块分配明了为主,更加适合学生浏览阅读。第二:需要根据学生的喜爱程度来选择网页的主基调色,要考虑什么样的版块用什么颜色,分清主次及重要程度,方便学生有选择性阅读。在知道网页制作的步骤后,就要按部就班的制作,有助于提高网页设计者的水平,也提高了网页的知名度和关注度。因此,根据不一样的网站,选择不同的色彩来定主题风格,才能提高整个网页制作行业的业绩。
(5)在网页配色中的误区:不管是平面设计师还是网页设计师,切记不要将全部的颜色都运用到设计当中,要控制在三色以内,避免造成浏览者的视觉压抑。
在网页设计过程中,要以突出文字内容为主,需要将文字和背景的差距拉大,让内容和网页的主体背景协调的融合在一起,切记不要采用复杂的图片当作背景。
4 结语
当我们浏览或打开一个网页时,第一眼捕捉到的是色彩,并不是那美丽的网页图片,因为人们对色彩视觉敏感度是最高的。我们不仅要学会色彩的基本概念和网页制作的工具,还要理解色彩赋予每个事物的魅力及重要内涵。这对于平面设计和网页设计者来说,这样才可以制作出吸引浏览者眼球的网页,从而提升网页的知名度和关注度。
作者简介
张东霞(1984-),女,广东省韶关市人。大学本科学历。现为计算机科学与技术助理讲师。研究方向为计算机应用技术、电子商务。
作者单位
广东省电子商务高级技工学校 广东省广州市 510663
摘 要:在网站建设的过程中,需要做好网页制作工程,为了提高制作的效率,必须优化制作流程,要提高网站工作人员的设计水平以及技术能力,这样才能保证其工作的效率以及质量。文章对网页制作流程的优化方式进行了介绍,还对提高网站制作效率的措施进行了探讨,希望对网站设计人员有所帮助,提高网站设计的质量,吸引更好的浏览者,使网站可以发挥出信息传播的作用。只有掌握网页与网站的制作关键技术,了解制作时应注意的问题,才能实现网站的建立与完善。
关键词:网页制作;网站开发;效率优化
网站可以提供信息交流与传播的平台,在建立网站后,需要做好网页制作以及网站制作工作,要优化网站的主页,这样才能吸引更多的浏览者,才能做好网站的推广工作。文章对优化网页制作流程及提升网站制作效率的方式进行了介绍,只有做好优化设计工作,才能保证网站操作的方便性,才能使浏览者看到网站的优点以及用处。在当前信息时代中,网站的数量比较多,竞争也比较大,所以,网站的建设人员一定要提高自身技能水平,要不断的学习新的知识,提高工作的效率,这样才能保证网站制作的质量。
1 网站建立与制作的意义
进入21世纪后,我国逐渐进入了互联网时代,互联网技术在人们的生活中越来越重要,网络的覆盖率也越来越高,应用互联网技术以及信息技术,可以获取全球的信息,可以实现信息的传输与传播,这有利于了解当前社会的发展形势,还可以使人们了解全球资讯,可以从多个渠道获取所需信息。网站是信息的聚集点,其可以提供多种服务,为了吸引更多的浏览者,设计人员需要做好网站的优化工作,要提高网站制作的技术水平,还要提高工作的效率,网站的建设者要优化制作流程,这样才能达到惠民的作用。网站建设还需要保证信息的全面性,通过用户调查的方式,可以了解到用户的需求,可以对网站进行人性化建设,要从用户的实际体验出发,对网页进行修改,保证操作的方便性。在制作网页与网站时,还要考虑用户群以及界面等因素,要全方面考虑影响网站制作质量的因素。建立网站,还要提高知名度,要做好宣传工作,最主要是还是保证网站制作的质量,这样可以增加浏览率,可以扩大网站的影响力,从而发挥出对信息的传播作用。
2 优化网页制作流程的方法
2.1 做好网页制作策划工作
在优化网页的过程中,首先要确定客户群,要对客户信息进行及时的掌握,还要做好网页制作的策划工作,对网站项目进行优化设计,建立详细的网站制作方案,根据用户的需求,可以增加网站的功能,在制作的过程中,要遵循一定原则与规律,要根据相关标准对网站进行完善。确定网站主页的风格后,还要做好各个板块的风格统一工作,要以统一的设计思路对网页进行优化,网站建设者可以与客户进行协商,了解客户的需求以及要求,对网页制作进行改进,经过多方考虑后确定出一份完整的制作方案。
2.2 优化网页设计图纸
网页设计与策划是一项重要的工作,在对网页进行策划后,设计人员需要明确网页的总体风格,要对网页进行优化与完善,在设计的过程中,可以采用图纸的方式制作出草图,这样可以方便后期的优化。设计人员需要确定网页的宽度,要保证页面的充实感以及饱满感,有的网站网页宽度比较大,这种风格需要对页面的排版进行优化,不能使网页显得过于空洞,这会影响网站的美观性。
2.3 做好资料收集工作
在制作网站时,要满足用户的需求,在制作的过程中,需要做好资料收集工作,客户提供的信息可以为材料收集提供线索,在收集的过程中,要收集相关资料,这包括图片以及文字等多种形式,利用互联网也可以获得更多全面的信息,通过收集一些有些的网页,可以为设计人员提供参考,在制作网页时,要突出网站的特点,利用图片或者网页的源代码,也可以获取更多的资料,可以扩展资料收集的渠道,有利于为网页制作提供充足的资料。
2.4 根目录的设计
网站制作是对信息的集合,是对多个文件的集合,在集合的过程,会对文件资料进行整理与分类,通过分层与规划,可以制作出根目录,这有利于提高文件查找的效率,可以提供文件打开的统一途径,在设计根目录时,需要保证浏览的方便性,根目录对数据查找有着导向的作用,可以节能浏览者的搜索时间,在网站的主页上设置超级链接,可以进行目录或者页面的直接跳转。根目录设计需要确定高级类别,而且高级类别的数量不宜过多,在网站的主页上,不能设置过多的超级链接,否则会出现适得其反的效果。
2.5 掌握计算机网络语言
在制作网页的过程中,要确定计算机网络语言,常见的语言形式有ASP、PHP以及JSP,而网站制作一般采用的是PHP+MYSQL或者ASP+ACC的数据库形式,所以,根据数据库的类型,需要合理选择网站语言。在确定计算机网络语言后,可以保证网页制作流程的规范性,可以提高网页制作的水平。
2.6 测试网页
在网页制作完成后,需要做好测试工作,要保证网站的页面可以正常的跳转,还要保证网站可以在各个浏览器中打开。网页中一般有多个链接,在测试的过程中,需要保证这些链接可以正常使用,在发现异常现象后,要找出异常原因,并采用有效的措施进行维护,从而保证网页功能的正常发挥。
2.7 站点
网页测试完成后,要对外网站,可以运用远程,也可以是本地,要注意语言的对应性。使用ASP语言,就需要对应ASP服务器,如果要上传到网络上,还可以运用远程FTP工具。
3 提升网站制作效率的措施
3.1 统一网站整体形象
网站整体形象设计主要包括网站主题色彩、Logo标志、标准字体、图像、动态效果、图标等,另一方面,要具有统一的菜单、标题、底栏等版块。
3.2 整合开发团队资源
要根据网站开发团队现有的资源,在网站规划设计之后,将这些设计任务分配到每一个团队成员手中,各团队成员之间要互相协作,以便发挥出团队的整体优势;而要避免因为分工不明确等问题造成团队成员之间任务重复或者任务缺漏,尽量做到1+1>2,而不是1+1
3.3 全面测试网站内容
在网站各个版块完成之后,要进行全面的测试,测试内容主要包括:速度、兼容性、交互性、程序健壮性、链接正确性、超流量测试等等。另外要对客户有可能使用的浏览器版本进行测试,随着移动端的发展,还要测试用户有可能使用的设备,尽可能考虑各种屏幕大小对网站内容的影响。在测试中发现的问题要进行相关分析研究,制定调整方案,只有这样才能让网站不断完善。
3.4 不断进行网站维护
网站维护是网站建立后使其继续保持更新和完善的必要措施。网站内容的每一个细节上出现数据丢失都可能造成页面出现错误信息。因此,为确保网站健康运行,在建设网站之前,就需要考虑制作“网站副本”。这样可以大幅度减少网站错误的发生。在网站维护中,还要合理有序的存放不同类型的文件,比如为图片、网页分别新建文件夹,各自单独存放,或者根据不同栏目新建文件夹,这样可以有效提高维护和更改网站的效率。
3.5 警惕网站安全问题
网站的安全性是不可忽视的一个重要因素,要采用多种有效的防护手段,确保网站健康的运行。比如建立防火墙,对外界干扰或者破坏进行阻隔,防火墙有有助于保证网站运行的安全性。再比如,防止恶意病毒的入侵,有害JavaScript代码的网页注入,还要对不良广告采取拦截,只有这样才能保障客户访问网站的安全性,避免恶意程序对客户设备的损害和客户财产的损失。
4 网站、网页制作中需要注意的问题
网站与网页制作都具有较强的专业性,相关工作人员需要具有较强的技术水平,还要对网站的建设流程比较熟悉,根据网站的组织,要对文字、图像以及色彩进行优化,做好协调工作。主页也网站的门脸,也是传达信息的主要位置,在优化的过程中,要体现出网站的人性化设计理念,要从用户的角度出发,更好的满足用户的需求,考虑用户群因素以及界面因素对网站、网页制作的影响。(1)网页制作需要按部就班的进行,要保证每一页的质量,不能只重速度不重质量,一定要做好后期的维护工作。网页制作是一项基础而重要的工作,网页需要做好编排工作,还要做好色彩搭配工作,在对网页链接进行反复的核查,还要做好主页面与子页面的转换工作,在优化的过程中,需要利用相关模板,这有利于统一的网页的主题,有利于提高网页设计的效率,还可以制作出风格统一的网页与网站。(2)在网页中设计图片时,可以采用链接的方式,通过使用缩略图,可以节省页面的空间,可以缩小图片的大小,使浏览者可以看到更多的图片,这可以保证网站图片的充足性,可以扩充网站的容量。在制作图片时,缩略图不宜做的太小,这会影响观看的质量,会影响网站的浏览量以及好评度。(3)在制作网站与网页时,要选择好图片的格式,jpg与gif都是常见的格式类型,其中jpg的彩色分辨率比较高,而gif比较适合256色以内的图片。在选择图片时,其大小不宜超过30k,小图应尽量控制6k左右。(4)在网页中,还可以对个别图片进行加注解操作,这可以使浏览者更清楚的了解图片的实际意义,有的图片加载比较慢,所以,通过文字注解,可以使浏览者了解到图片是否对自己有用。
5 结束语
网站设计是一项专业性较强的工作,在设计的过程中,需要采用多种技术,设计人员需要做好资料收集工作,在设计的过程中,还要与客户进行沟通与协商。网站设计包括多个网页的制作,设计人员需要优化网页制作流程,这样有利于提高制作的效率。文章对网页、网站制作的流程进行了介绍,还对提高制作效率的措施进行了探讨,希望对相关设计人员提供一定帮助,在今后的工作中,不断的创新与改进方法,保证网站功能的正常发挥,还要美化网站的主页,这样才能吸引更多的浏览者。