时间：2023-06-05 09:56:15
开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇个人网站设计，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。
中图分类号:TP393文献标识码:A文章编号:1009-3044(2009)33-9221-02
1 对个人网站的认识
个人网站是指个人或团体因某种兴趣、拥有某种专业技术、提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。个人网站一直是多元化互联网世界的一支重要力量,它是以一个人为中心、不需要强大的资历背景,且低成本运作,因此个人网站多属于草根类型,吸引了众多爱好者和追随者。
目前最流行的一类是根据个人爱好设置的个人网站,这类网站是给个人一个展示自我的空间,同时利用制作页面来达到熟悉网站制作的目的;一类是网站的内容基本上与计算机的软硬件有关,也会拿如何制作网站、各类软件、MP3和图片下载来当内容的;另一类就是在内容上力求单一,在未来发展上力求商业化的网站,这类网站通过广告宣传,推销商品等营销手段,达到网上开店的目的。这类个人网站随着电子商务的普及,具有广泛的市场与前景。
2 个人网站设计与制作
网站的开发是一个系统工程,有自己特定的工作流程,只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
2.1 网站的规划
个人网站的规划好比建一座大楼的设计图,它包含了建立网站目的、目标用户、组织结构和导航结构、使用的多媒体元素、用户界面、版面设计等内容。
1) 明确网站开发目的、目标用户、网站主题和构思创意。个人网站可以根据自己的兴趣爱好或自己关注的话题来确定网站的主题,如科普知识推广、文学笔者交流、计算机软硬件的疑难问题讨论,又或者直截做个人推销等等。网站应根据用户需求的不同而采用不同的形式,如有只提供简洁文本信息的,也有用多媒体表现手法,提供图像、动画、声音和视频的。要做到网站主题鲜明突出,要点明确,以简单明确的语言和画面体现主题。调动一切手段充分表现网站的个性和情趣,办出网站的特点。
2) 相关主题材料的搜集和整理。个人网站的选材需要小而精。收集的内容包括网站徽标、背景图片、按钮图片以及其他展示的相关内容。
3) 规划网站功能模块,确定网站的框架、组织结构和导航结构的设计。对个人网站需要设计的栏目和版块有明确的划分。所有的超链接应清晰无误地向读者标识出来,导航性质的设置,如图片按扭都要有清晰的标识;链接文本的颜色最好用约定俗成的:未访问的,蓝色;点击过的,紫色;清晰的导航条还要求:用户进入目的页面的点击次数不能超过三次。
4) 网站开发工具和开发平台的选择。根据设计者实际情况和个人喜好选择,目前常用的工具是Frontpage、网页三剑客Dreamweaver、Flash、Fireworks和ASP或等等。
2.2 网站的开发
1) 框架的开发。用树状结构把每个网页的内容大纲列出来,特别是制作一个较大的网站(页面很多)的时候,要把框架规划好,同时也要考虑到以后扩充的可能性,免得做好以后反复更改整个网站的构架。整体框架的设计确保网站格式统一和层次清晰,首页中提供各个页面的链接,并简要介绍网站的内容和主题。二级网页中设计好主要内容,针对栏目要求提供相应的三级页面内容链接。
2) 多媒体元素包括文字、图形图像、动画、声音和视频的文件制作。充分利用软件工具将需要展示的内容以新鲜有趣的方式做出来。这也是吸引浏览者注意力的有效方式之一,可以将页面的内容用三维动画、FLASH等形式来表现,增加趣味性,同时考虑客户端的传输速度。
3) 内容的增加。保证内容的准确性和合法性。网页设计是一种视觉语言,讲究编排和布局的合理性,使浏览者有一个流畅的视觉体验。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。首页是整个网站精华的汇集,因此首页的设计也是个人网站建设中最难最花功夫的工作。
2.3 网站的实现与维护
1) 网站测试与调试。制作出的网站可以先在本地进行测试,检查站点的浏览器兼容性已经可能存在的错误链接等,发现错误及时调试,然后再测试,直到无误。
2) 空间、域名申请与网站上传。在互联网上根据网站大小申请,选择一个相对速度快、性能稳定、网络环境适合的免费空间上传,也可申请收费空间。然后将网页通过上传工具(cuteftp, flashfxp)传至服务器指定的目录中去。建议申请个自己的域名,这样不管你走到哪里,你的虚拟空间换到什么地方,域名始终如一,朋友还是访客都能一样找到你。
4) 宣传推广与维护更新。为提高网站的知名度,可在搜索引擎上注册、登记,参加广告交换,也可以与其他网站友情链接,在各大论坛参与热点讨论等,提高访客点击率。网站最大特点就是更新快,因此网站更新维护需及时。
3 网站设计制作工具
主要介绍下常用的网页三剑客Dreamweaver、Flash、Fireworks和:
1) Dreamweaver。是做网站、网页的基本框架结构的。建立 Web 站点和应用程序的专业工具,将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于 CSS 的设计的领先支持到手工编码功能,Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序,从而使用户能连接到数据库、Web服务和旧式系统
2) Flash。设计网站中所需要的动画文件的。是交互式矢量图和Web动画的标准。设计者使用Flash能创建漂亮的、可改变尺寸的、以及极其紧密的导航界面、技术说明以及其他奇特的效果。
3) Fireworks。加工处理图片的工具。在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。业界领先的优化工具,在最佳图像品质和最小压缩大小之间达到平衡。它与Dreamweaver 和 Flash共同构成的集成工作流程可以创建并优化图像,同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。
4) ASP或。ASP全称Active Server Pages,“动态服务器网页”,所产生的执行结果都是标准的HTML格式,而且这些程序是在网络服务端中执行,使用一般的浏览器(如IE或Netscape)都可以正确地获得ASP的“执行”结果。不仅仅是ASP的下一个版本,而且是一种建立在通用语言上的程序构架,能被用于一台Web服务器来建立强大的Web应用程序。提供许多比现在的Web开发模式强大的优势。
4 网站建设中要注意的其它问题
1) 网页保存和代码输入过程中文件名和输入法不能使用中文,它可能导致上传到网上后由于系统无法识别而无法显示,且必须使用小写字母。
2) 统筹考虑网页的整体配色,与文字的选色要协调。
3) 图片最好用GIF格式,文件小,网速慢的时候打开也快,否则用户等不及就将网页关了,或换到其他快的网站了,你的访问量也会越来越少,形成恶性循环。
4) 图片处理。建议网页制作过程中标签中不要带上width和height两个属性,这是因为在制作过程中,图片往往需要反复修改,这样可以避免人为干预图片显示的尺寸,尽可能的发挥浏览器自身的功能,在网页制作的最后给附上width和height属性,防止抖动现象发生。
5) 文字处理。使用CSS样式表来定义整个网站文字风格。为了保证不同浏览器上字号保持一致,字号建议用点数pt或像素px来定义,pt一般使用中文宋体的9pt和11pt,px一般使用中文宋体12px和14.7px,这是经过优化的字号,黑体字或者宋体字加粗时,一般选用11pt和14.7px的字号比较合适。
参考文献:
[1] Colleen Coorough and Jim Shuman. Multimedia For the Web Revealed. Deluxe Education Edition.
关键词:工作过程导向;网页设计与制作;课程教学改革
目前,在全国高职示范院校中推动的基于工作过程的工学结合课程模式,标志着我国正处于推进第三次高等职业教育课程改革中,该模式也正在成为引领和推动高职课程改革的主流模式[1]。
我系计算机网络技术专业很早就开设了“网页设计与制作”课程,借助学院一轮课程改革的热潮,在核心能力分析的基础上,以职业实践活动为导向,以必需够用为基础,征求行业、企业专家意见并进行论证,对岗位所需的技能、知识和职业能力素质进行分析,将岗位所需的核心能力融入教学体系中,提出了基于工作程导向的“网页设计与制作”课程改革。
1教育标准
“网页设计与制作”课程以培养学生成为一名优秀的网页制作人员为宗旨,以到网络等相关公司实现零距离上岗,担任网页制作等工作而无须企业重新培训为目标,注重实际操作和必备的基本能力的训练,使学生熟练掌握网页设计与制作中的各种操作技术,具备开发、维护小型网站的知识和能力。有助于学生深入学习计算机网络技术专业后续课程的知识和职业能力,有助于完善本专业学生的知识结构,提高学生从事实际工作的综合素质。
1.1企业的用人标准
为使我校课程教学满足实际需求,通过调研用人单位、企业专家探讨、文献分析、毕业生个案追踪等手段,对人才需求进行全面的调查和分析,职业岗位主要有网站管理员、网页制作人员、网站编辑,总结出各行各业的主要需求。
(1) 熟悉基本的办公软件,熟悉电脑各类软件的安装与使用等。
(2) 公司网站管理,域名注册、虚拟主机管理、企业网站文件管理、企业网站的建设、企业网站策划等。
(3) 公司电子商务活动,例如产品在互联网的营销宣传、网上交易活动等。
(4) 熟悉网站建设的流程和网页设计制作流程。
(5) 精通Dreamweaver、Fireworks、Flash等网页设计工具,掌握HTML、CSS,能够独立完成网站的规划和网页制作。
(6) 有一定的美术功底,具有良好的领悟能力及沟通能力。
在以上这些需求中,小公司往往要求员工样样能行,而专门的网页设计公司或大型企业则分工较细,比较注重员工在某方面的突出能力。
1.2课程的教学标准
根据企业用人标准和计算机网络技术专业的培养目标修订“网页设计与制作”课程教学大纲,制定本课程的教学标准[2]。
(1) 能力目标。熟悉网站建设的整套思路流程;能熟练地运用网页制作软件设计制作静态网页;具备设计网站的综合能力;具备搜集信息、处理信息、整合信息和准备、加工素材的能力;良好的自学能力。
(2) 知识目标。掌握网页的设计原理与技巧;掌握CCS样式的使用;熟练掌握网页制作方法;熟练掌握网页制作工具软件的使用;掌握网站的建设与管理和维护等知识;掌握HTML语言的使用;了解脚本的运用;掌握网页中图片的设计与制作方法;掌握网页中动画的设计与制作方法。
(3) 素质目标。具有一定网站策划能力,具有一定的想象力和创新能力,色彩感悟力强,结构布局能力强。
2教学改革
工作过程是企业为完成一件工作任务并获得工作成果而进行的一个完整过程。生产复杂产品、完成重大项目都可能需要多个工作过程,从而构成了该产品、该项目的工作过程系统。本课程遵循以职业能力为主线、以职业生涯为背景、以岗位需求为依据、以工作结构为框架、以工作情境为支撑、以工作过程为导向的教学模式,通过对工作过程的分析,把复杂工作系统即劳动组织关系、工作内容、设备和工具、从业者应具有的技能、知识等要素结构化[3]。
2.1基本思路
课程内容以市场为导向,及时对教学内容做出调整,删掉旧内容、补充新知识,培养有足够的理论基础、较强的创新能力和扎实的实践动手能力的人才。通过本课程的学习,要求学生能够利用Dreamweaver、Fireworks、Flash完成网站设计、制作的全过程,开发出具有一定规模的网站。授课时以制作一个个人网站和一个商业网站为主线,贯穿Dreamweaver、Fire- works、Flash的知识。
2.2以工作过程为导向将课程结构模块化将课程实践项目化
课程改革要符合基于工作过程的模块化体系的特征,即每个模块相对独立,每学完一个模块可以获得一项技能、知识或能力,模块的内容依据职业岗位工作过程的实际情形确定, 围绕工作过程组织课程内容,强调技能训练或能力培养,传授工作过程知识,模块之间可以灵活组合,以课程的拓展部分形式构成扩展能力模块,使学生知识结构更加完善,每个模块可以包括若干个二级模块,它们也有明确的行为目标和具体要求。
制定授课计划时,根据岗位技能需要来选取课程内容和安排顺序,并以职业能力培养为目标,设计工作项目,具体涉及工作任务、能力目标、知识目标、拓展性知识等等。一个完整的工作项目包含一系列的典型工作任务,工作项目要在典型的行业中取材,必须在进行充分的行业调研和对职业资格的研究的基础之上,通过对企业生产或服务情况的了解,选择出形成该行业职业能力所必需的工作任务,并对技术要求做出明确的定位。典型的工作是以工作结构呈现的,选定工作任务后,还要对其进行教学化处理,这样才能成为具有学习价值的教学项目,这要靠教师把教学内容融入到项目中,设计一个切实可行的项目。可以以真实网站但不拘于一成不变为实践项目,将实践与产品、项目结合起来,强调学生将所学知识和技能在实践中的应用,积极引导学生自主学习。每个任务分为基础型和拓展型两个类型,这样能避免传统的任务驱动中学生会做这个不会做那个的问题。学生完成后对其完成情况进行评价,及时解决学生普通存在的问题,对完成较好的学生给予肯定。
项目的实施过程为:学生明确任务并获取信息制定计划做出决定实施计划过程控制评定反馈。在该过程中,教师和学生在共同实施一个完整的“项目”中进行学习的行为,也就是以工作过程为导向,以实际工作的任务为主线,由学生自主构建知识与技能的过程,强调学生在学习中体验到实际工作的全过程。教师把设计好的项目向学生介绍,包括项目涉及到的概念以及该项目在实际工作中有哪些用途。根据“网页设计与制作”课程的知识、能力目标,要求学生开发一个个人网站和一个旅游网站。前者可以分解为几个工作任务:认识网页创建站点应用网页元素对网页布局应用CSS美化页面给网页添加动态行为制作多个类似页面(模板),后者根据商业网站的要求,要求布局合理、页面整齐美观、具有动态效果,网站风格应充分反映出企业性质,网页浏览人性化等,也可以分解为若干工作任务:写网站设计方案用Fireworks制作旅游网站中的图片用Flash制作旅游网站中的广告动画用Flash制作旅游网站中的导航动画制作旅游网站网站测试与上传。学生在完成项目的学习过程中,通过具体实施行业的典型工作任务,掌握操作技能,学习与工作情境相关的理论知识,形成良好的职业行为规范和职业习惯,达到从事职业的基本要求,为就业打下良好的基础。
3.3以网页设计大赛激发学生学习兴趣
我系每年都会举行一次网页设计大赛,由计算机网络技术教研室承办,学生可以独立参赛或者组成小组参赛,初评入围的选手可以进入决赛。大赛要求全系学生参加,每位参赛选手在台上展示自己的作品并进行相关陈述,然后由专业教师、企业专家组成的评委团打分,并由其中一名评委对选手的作品和语言表达进行点评,最后评选出优秀作品并颁发获奖证书和奖品。通过每年一度的比赛,充分提高了学生的学习积极性,同时还培养了学生的创新精神和口头表达能力。
3.4以作品评价代替传统理论考试
本课程的最终目的是要求学生应用所学知识,设计出个性化的特色网站,并上传到Internet供用户浏览访问。因此,传统的理论知识考试方式不能评价学生的学习成绩和能力水平,可以改用评价学生所做的网站作品作为期末考试。期末考试要求学生在100分钟内完成一个完整网站项目的设计与制作,项目中包含一个学期中所学过的全部知识点和技能点。其中30分钟浏览给出的网站素材,根据要求构思一个网站,写出该网站设计方案,网站设计方案要求包含网站主题、网站栏目设计、网站布局设计,70分钟制作页面,必须按网站设计方案的内容来制作页面。教师给出作品的最低标准:各页面均有主题,主题鲜明、突出,页面布局合理、结构清晰、规范,有效网页不少于2页,主页有logo、banner(必须用FLASH制作广告条),分页与主页风格统一,页面标题栏、状态栏、版权、ICP备案编号等信息齐全。
作品评价时,网站设计方案占30%,页面制作占70%。期末总评学习成绩由三部分组成:过程考核(平时到课考勤、上课回答问题和随堂作品)占30%、技能考核(课外分模块作品)占30%和期末考核(期末综合作品、期末上机考试)占40%。这种考核方式注重实践操作和应用开发能力的培养,可大大发挥学生的学习积极性和主动性。
4结语
基于工作过程导向的“网页设计与制作”课程把复杂、分散的各知识点、技能点综合起来,选取了制作个人网站和制作商业网站两大项目,每个项目分解为若干个工作任务,理论知识以工作任务为载体,核心能力与任务实现过程密切相关,课程实践内容是网站的实际项目,可以充分发掘学生的创造潜能,培养和提高他们的实践能力、动手能力、分析和综合能力,让每个学生都能体验到成功的乐趣。使高素质技能型专门人才培养定位更加准确,大大提高了学生的培养质量与就业能力。
参考文献:
[1] 姜大源. 职业教育学研究新论[M]. 北京:教育科学出版社,2007.
[2] 顿祖义. 项目化课程改革:高职院校教学工作的重要抓手[J]. 湖北民族学院学报:哲学社会科学版,2008,26(6):61-63.
[3] 张建国. 我国职教课程开发模式的演变及启示[J]. 职教论坛,2007(4):4-10.
Investigation of "Web Page Design and Making" Teaching Reform
Based on Work Process Direction
OU YANG Wei-hao, WU Zhen-feng, LUO Zhuo-jun
(Department of Network & Media, Hunan Mass Media College, Changsha 410010, China)
在互联网越发普及的今天，越来越多的人接触互联网，有更多的年轻人对网上的各类网站很好奇，很想明白它到底是怎么一回事。今天我结合自己的教育教学实践，在这里谈谈关于个人网站制作的方式，与同仁共勉。
第一、确定个人网站主题。
做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣的内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
第二、进行页面总体设计。
一个网站设计成功与否，很大程度上决定于设计者的规划水平。设计的“风格”是抽象的，只是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。设计的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。
网站制作要有整体风格，各部分要保持协调，整个页面看起来才不显得凌乱。然后用平面设计软件制作整个页面，常用的软件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面设计的最好工具，我自己也一直用它做页面设计，它从6.0版开始特别增强了对网页制作的支持，非常方便。现在流行的Fireworks是Macromedia网页制作三剑客的重剑手，由于它与Dream weaver及flash无缝集成，越来越受到网站制作的欢迎。也只有如此制作出来的网页才能有个性、有特色，更具有吸引力。风格也是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。在明确自己的网站印象后，开始努力建立和加强这种印象。加强自己网站的交互式，发挥网络优势，使每个使用者都参与到其中来，这样的设计才能算是成功的设计。
第三、搜集与主题相关的材料。
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊。”要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集的材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
第四、制作网站主页。
确定了网站主题，明确了页面设计风格，做完第1步，搜集好材料。我们得到的只是一个个图片文件，还没集成网页上应该有的元素。接下来要将图片按制作需求切割成小图。我们要用HTML语言将切割下来的组件按整体设计“拼装”回去。众所周知，HTML语言是一种标记型语言，不需要编译就可以直接在浏览器中执行。所以理论上，我们可以用记事本等文本编辑工具来写代码。这要用专门的HTML编辑软件。HTML编辑软件大体上可分为两类：一类是代码型，典型代表为Home site、Hotdog等；一类是所见即所得型，典型代表为FrontPage。也有两者兼具的，就是大名鼎鼎的Macromedia Dream weaver。代码型实际上就是一个文本编辑器，不同的是，它可以有专门的代码提示功能，用起来比较方便。Dream weaver提供了代码编写模式和设计模式（即所见即所得），并且首次将“层”概念引入网页制作。Dream weaver几乎可以满足所有人的需求，甚至还提供了ASP、PHP等脚本语言的代码提示。
你也可以用Netscape4.0或者WORD7.0,我开始用的是FrontPage，打开Netscape,在file菜单里选Edit Page,便可以制作了。文字的处理基本跟Word一样,关键是插入图片和产生链接。在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm。因为网页默认的主页名称是index。制作主页其实很简单，只要多实际制作，工多则艺熟。
第五、个人主题网站。
要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一块硬盘空间。有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！
将制作好的页面放到服务器上，以便更多的人能浏览。目前的网页制作工具基本上都有工具，可以通过各种方式你的页面，如Dream weaver中的“站点管理器”。用户亦可使用FTP客户端软件进行这步操作。网站好之后，也要做好后期的跟踪，也就是所谓的用户体检，要留意哪些地方是用户比较喜欢去的地方，哪些又是用户不愿停留的地方，把一些用户并不喜欢的地方加以改善，更加完善自己的网站。
关键词：合成课程 信息技术学科 教学策略
中图分类号：G633 文献标识码：C DOI：10.3969/j.issn.1672-8181.2013.14.096
《普通高中技术课程标准（实验）（信息技术）》（以下简称“新课标”）从“知识与技能、过程与方法、情感态度与价值观”三个维度提出了“提升学生信息素养”的课程总目标。可见，高中信息技术课程不仅要求学生能掌握基本的信息处理知识和技能，还要将信息技术应用于实际生活中，培养独立思考和创新的思维能力，培养自主学习、自我监控、自我评价和自我发展能力，为学生应对未来挑战，实现终身发展奠定基础。
信息技术课程是一门综合性活动课程，涉及的知识面广，应用领域宽。课程不仅具有基础文化类课程、学科课程教学的特点，还兼有劳动技术教学和职业教学的特点。高中信息技术课程的设计具有如下三个特点：一是信息技术应用能力与人文素养培养相融合的课程目标；二是符合学生身心发展需求的课程内容；三是有利于所有学生全面发展与个性发展的课程结构形式。信息技术课程的教学方式和教学手段多种多样，在教学中会使用到网络设备、计算机、投影仪、多媒体设备及各类软件程序，而且具有很强的实践性。加上信息技术领域门类庞大，技术日新月异，这就要求教师在教学中能及时反映最新知识和主流技术，不仅要更新理念，转变角色，还要分析学情，设计情景，更要挖掘教材，研究教法。据此，笔者结合新课程教学改革实践，以新课程理念为指导，针对信息技术课程的特点，尝试从合成课程的视角，创新课程教学策略，以营造良好的信息氛围，引导学生自主、合作、探究学习，全面实现三维新课程目标。
1 师生共同参与，共同承担责任
传统教学以教师灌输知识为主，而学生则是被动接受，教学内容由教师确定，学生通过教师设计的习题、练习、作业等掌握知识。信息技术课程的操作性较强，教师在教学中虽然比较注重操作技能的训练，但只是重复示范和模式化的操作训练，全不顾学生的感受和兴趣，例如，文科生会对较难的编程内容不感兴趣，在学习中就会比较消极，甚至产生抵触情绪，这就忽视了学生在学习中的情感动力。另外，教学信息只是由教师向学生单向传导，缺乏师生互动和生生互动，学生缺乏学习主动性与责任感，不能体现出学生个性化的需求。
学生本身的知识基础、能力水平、兴趣发展和性格特点都具有特异性。教师在教学中要发掘和引导学生的个性需求，反馈到教学过程中，形成一个多样性的富有朝气的教学氛围，促进学生品格的发展，这是合成课程强调的重点。所以，笔者在新课程教学中更强调以学生为主体，体现师生共同参与、共同承担责任的合成课程理念。
首先，教师要注重学生的学习信息反馈。关注学生的个人体验和心理需求，引导学生主动参与教学活动过程，经常设计一些研讨性的教学任务，例如网站设计比较分析、个性应用软件推介等。要求学生课前自己准备讲解内容，在教师引导下，让学生自己去找感兴趣的内容，形成报告，课上在全班进行展示交流。整个过程中，教师只是根据教学计划确定探究方向，放手让学生自主合作完成，激发并保持了学生对于信息技术学科的学习兴趣。
其次，教师要改变教学方式。以往主要以做作业为主，教师的批改也在作业本上，缺少及时的反馈和学生间互动合作的学习情境。经几年努力，笔者将课程BBS、教学论坛、Moodle在线学习社区、教师博客、“云技术”等信息技术服务于教学。教学不再成为枯燥的单向传导，学生可将作业提交到学习社区的公共平台，教师可在教学论坛中拓展性的学习指导，学生也可在论坛中就某个问题发起探讨，感兴趣的同学都可参与。教师也可利用博客来展示自己的教学风采，以加强师生沟通，而云技术平台则为公共的信息交流提供了有力的保障，可以把各个班级甚至是以往学生的成果都放在一起进行交流。这些教学策略既反映了师生共同参与、共同承担责任的合成课程特点，也体现了师生互动合作、共同成长的理念。
2 强调思维、情感与行动的整合
教师的责任是传道、授业、解惑，教学不仅在于知识的灌输，也在于人格、品德的引导 。因为信息技术课程知识点清晰，操作要求明确，所以教师在教学中很容易偏重技能的训练而忽视学生情感态度价值观的培养。学习是个体认知的建构过程，教师的教学效果在很大程度上取决于学生对教师知识和情感上的认同。“亲其师，信其道。”学生喜欢信息技术这门课，很多是因为喜欢教信息技术的老师，被老师的人格魅力所吸引。从合成课程视角来看，教师在教学中要注重营造民主、平等、和谐教学氛围，培养学生积极健康、刻苦努力的学习心态，引导学生正视困难，鼓励学生积极面对挑战。
教师要设计丰富多彩的有效教学情境，让学生能体验到创造的乐趣。要瞄准学生的“最近发展区”，让学生能有抬起头就能吃到葡萄的幸福，有挑一挑就能摘到苹果的冲动，有绞尽脑汁争到大西瓜的可能。在教学中要面向全体学生，针对学生学习能力的差异，分层设计不同的学习任务，提出不同的学习要求，使每位学生都能通过自己的努力，在原有基础上有所进步，分享成功的快乐。例如，笔者设计的VB程序设计接力赛、网站设计比较分析、个性应用软件推介等任务都是团队作业，4～5个人组成一个团队，团队中的每个人根据自身的特点承担不同的工作，技术水平高的同学可以承担更富有挑战性的工作，技术水平稍差的同学也有自己的用武之地，每位同学都向共同的目标行动，积极的学习愿望推动积极自主学习和品性的培养。
3 课程内容与学生的基本需要及生活有密切关系
传统的中学信息技术教学有明显的大学学科教育的痕迹，教学内容系统、繁杂，其中部分内容，如编程方面的内容，学生学起来比较难理解。中学信息技术是基础课程。在中学阶段，我们可引导学生学习一些更实用、更贴近生活的计算机处理技术。基于此观点，新课标设置了“内容标准”、“例子”、“活动建议”等部分。“内容标准”是学生要求掌握的知识技术点，“例子”是和日常生活相关的计算机使用范例，“活动建议”明确提出了各种学习活动方式。
例如在讲解图像处理部分时，笔者要求学生制作一份海报，海报的内容可以是环保主题，也可以是青春风采展示。又如在讲解音频、视频处理技术时，要求学生做一小段视频，表现丰富多彩的课余生活。再如在学习程序编程时，请学生尝试建一个个人网站，虽然学生还没有技术水平独立完成网站的创建，但是在互联网上有很多自助建站的系统，我们完全可以借助这些现成的软件把网站建立起来。这些活动都和学生的生活紧密联系，能使学生在知识和技能的迁移中，认识信息技术在日常生活中的应用价值，从而引起他们在情感和理智上对于信息技术课程的认同，激发并保持持续学习的热情。
4 自我是学习的法定对象
教学是一个师生互动、共同发展的过程，教师是教学活动的组织者、引导者和合作者，学生是学习活动的主体，学生的主观能动性决定了学习的效率。在教学过程中，教师要注意培养学生的学习主体意识。我们设计的一些学习活动都是开放性的，即没有标准的答案。如网站设计比较分析，要求每个团队分析一种类型的网站设计，包括商务公司类网站设计比较分析、电子商务类网站设计比较分析、学校机构类网站设计比较分析等。这需要同学们分工合作，订计划，找材料，做分析，写报告，作演示，整个过程在教师引导下，学生自主完成。活动根据学生不同特长安排不同的工作，如擅长分析的同学做基础调研，美工好的同学做报告文档，能说会道的同学作演示。过程与方法是新课标提出的课程目标之一，合成课程下，应该让每位学生充分发挥自己的作用，体验学习过程的乐趣，共享合作成果。
5 课程的目标是要培养完整的人
高中信息技术课程的学习，当然希望学生能掌握所有的基本知识和技能，但这不应成为课程学习的唯一目标，更不能急功近利，仅仅为了应试而学习。信息技术的很多能力，例如问题分析、图像处理、文字处理、软件使用等不能完全在考试中反映出来，学生的学习习惯、思维能力、人格品质的发展更不能单纯以成绩来恒量。所以，合成课程下要从重结果转变到重过程。笔者设计的环保海报制作、课余生活视频展示、个人网站演示活动都是开放性、具有一定挑战性的活动，学生在团队合作中，学会互相协作；在问题解决中，学会知识迁移；在成果交流中，学会取长补短；在多元评价中，学会客观公正。学生通过自主、合作、探究学习来建构知识、提高技能、发展能力、内化情感，既很好地达成了学习目标，又促进学生心智和品格的发展，更在学习中学会了学习，这才是学生终身持续发展所必需的能力。
在新课标指导下，我们尝试从教学策略上做了一些改革。新课程改革要求我们从合成课程视角不断创新，使得高中信息技术教学真正成为一个以学生为主体，师生共同参与，强调思维、情感与行动的整合，以智育为核心的能力、品格、心智全面培养和发展的过程。
参考文献：
[1]教育部.普通高中技术课程标准（实验）[S].北京：北京师范大学出版社，2004.
一、美观大方的网站设计
对于访问网站来的人来说，网站的设计是留给他们首次的印象，一个只用官方模板，没有自己设计风格的网站，对于客户来说信任感是很难提高的。
二、及时更新有效的内容
有的网站内容半年不更新，陈旧的内容会影响用户体验，还有就是内容的有效性，如果没有原创性的内容，没有及时与网站相关的内容，客户的信任感也会降低的。
三、详实的关于介绍及图片
对于企业的网站来说，要有详细的企业介绍，还有企业办公和员工的照片，对于个人网站来说，放自己的照片头像，也可以提高网络营销信任感。
四、具体的联系和沟通方式
要有具体的联系地址和位置，有许多网站上只留一个手机或QQ，客户如何对网站的网络营销产生信任，可以加上固定电话，在线的客服，免费的客服电话更能增加客户对网络营销的信任。
五、完备的证件和备案认证
像ICP备案这个是必须有的，如果有工商认证和其它权威行业认证，都可以放到上面，证件齐全的网站才能放心在上面交易和消费，大家可以看一下新浪首页下面的证件有多少个。
六、用第三方交易平台交易
可以利用现有成熟的第三方交易平台进行交易，如淘宝和拍拍，用他们的支付宝和财富通进行支付交易，增加交易资金的安全性，也可增加客户对网络营销信任。
七、真实的客户记录和案例
以往客户的记录和评价更能促进新用户的信任，还有就是以前做过的一些真实案例，建设性的负面评价更能提高真实性，增强网络营销的信任。
八、权威的机构和媒体证实
如果有权威的机构，如政府部门和行业协会等和传统的以及网络媒体的证实与报道，将加分不少。
九、交流沟通的流程和标准
与客户有交流和沟通要有一个流程标准，让每位客户都感觉到是一致的服务流程，另外可以把这些常见沟通问题和流程放到网站上。
十、网站的域名和友情链接
【 关键词 】 教育资源网；IA；设计
Design of Educational Resources Website from the Perspective of IA
Gao Chun
（Henan Police College HenanZhengzhou 451000）
【 Abstract 】 This paper describes the current situation and problems of the construction of educational resources in China， and points out the important role of the IA theory to guide the construction of websites.
【 Keywords 】 education resource network；ia；design
1 引言
在教育信息化推动下，我国教育资源网站发展迅速，作为教育资源的重要组成部分，资源网站不仅可以有效促进学习，而且能推进学习的个性化和社会化。因此，各教育机构和高校都纷纷建立起了自己的教育资源站点和远程教学网站，通过共享学习资源，为学习活动提供必要的资料，对教学活动开展起到很好的促进作用。目前，根据资源网站的组织情况，国内教育资源网站大体可以分为三大类：国家和地方级教育资源网站，分类教育资源网站，学校、企业或个人网站。
虽然我国在教育资源网站建设上取得了很大成绩，但由于国内教育信息资源标准化研究太慢，对于资源网建设还没有一个统一的标准化体系，导致网站建设随意性较大，存在几个问题：（1）网站设计花哨，实用价值不大，容易分散学习者注意力；（2）网站页面信息量大，栏目太多，内容不易查找；（3）页面层次感、清晰度不够，部分网站文字模块过于繁杂，导致信息过载；部分网站图片使用意义不明，比例设置失衡；（4）为获取利润，一些教育机构在网站上挂有太多广告，容易引起学习者负面情绪；（5）网站缺乏整体规划，结构松散，没有一个统一的标准体系。
从以上问题可以看出，现阶段我国资源网站的建设，没能真正站在用户需求的角度去开发。未来教育信息化的发展应偏向于资源的有效利用上，如何更好地促进学习，做到资源共享，是资源网站设计者们应考虑的问题。
2 IA理论在教育资源网站建设中的重要作用
IA理论即信息构建（Information Architecture），由美国建筑学家R.S.Wurman提出，基本含义是组织信息和设计信息环境、信息空间或信息体系结构，以满足需求者的信息需求、实现他们与信息交互的目标的一门艺术和科学。它包括调查、分析、设计和执行过程，设计到组织、标识、导航和搜索系统的设计，目的是帮助人们成功地发现和管理信息。
由于互联网上的信息种类繁多、内容特征多种多样的多媒体信息，造成信息空间的混论，用户在其中很容易迷惑和迷失方向。因此，互联网尤其需要信息构建成为信息化和优化的思想和工具，以帮助用户在异质的信息空间中管理和获取信息。随着网络的发展，IA理论被引入到网站的设计开发过程中。
网站IA是指借助图形设计、人机交互图书馆学等理论方法，在用户需求的基础上，组织网站信息、设计导航系统、标识系统和搜索系统，帮助用户方便地查找和应用信息，其核心思想是“让信息可访问”和“让信息可理解”。本文认为，将IA理论应用于资源网站建设有积极作用：（1）获得和理解信息内容，将信息组织好；（2）优化信息结构；（3）面向用户传达信息内容；（4）提供一个清晰的易于信息获得的界面。作为一门新兴的学科，用IA理论指导教育资源网站设计，是一种全新的理念。
3 教育资源网站信息构建设计与分析
教育资源网站作为一个服务性网站，旨在为学习者提供教学资源，对其进行信息构建不仅能使网站的功能、内容和风格上更符合学习者的需求，方便学习者快速获取信息，而且有助于增强网站的灵活性和可扩展性，为后期维护提供便利。
3.1 网站页面风格设计
页面风格设计包括整体形象设计、字体设置和色彩搭配。教育资源网站要立足教育服务和教育文化的理念，不同风格的页面设计要针对教育内容和学习者类型。色彩和字体的设置也要考虑学习者的喜好，不同专业、不同年龄段的学习者对色彩和字体的喜好都有所不同。
3.2 组织系统设计
组织系统设计是对网站所有信息进行有序分类、合理布局，方便学习者快速的查找定位到所需要的信息。信息组织系统包括信息组织体系和信息组织结构两个主要方面。信息组织体系也就是组织的维度，分为精确性组织体系和模糊性组织体系。精确性组织体系对信息类别界定比较清晰，方便用户对信息的查找。模糊性组织体系对信息类别的界定不太清晰，方便用户对信息进行模糊性检索。教育资源网站应提供多种信息获取方式，两种组织提醒同时使用，精确性组织体系用于显性内容的浏览，模糊组织体系用于相关信息的检索。组织维度的选择就是确定组织的上下左右关系，教育资源网站信息组织结构的设计，应以自上而下的树形结构为主，以自下而上和超文本结构为辅，组织结构在广度上不超过10项，在深度上不超过5层。
3.3 标识系统设计
标识系统就是标签系统，负责网站内容的表述，为内容确定标签、内容或描述。标识系统有五种表现形式，分别为标题型、导航型、上下文链接型、索引型和图形。标识系统的设计不仅可以对页面起到装饰作用，还可以引导学习者，使网站更具个性化。设计标识系统应遵循两个原则：（1）有效的标识系统应明确学习者是谁，为学习者提供什么，怎么用等问题；（2）标识的设计要统一，即版面样式、设计风格、语法、两个相同信息内容的标签等要统一，不可产生歧义。
3.4 导航系统的设计
导航系统就是信息组织系统的页面化显示，其目的是让学习者能够知道自己所在的位置，所能获取到的信息，就像地图一样，让学习者知道自己从哪里来，这里有什么，将要到哪里去。网站导航系统主要有几种类型：全局导航、局部导航、情景式导航、辅助导航。为满足不同学习者的学习需求，在教学资源网站的设计中，要综合使用各种导航。其次导航的位置要符合学习者的习惯，通过调查得知，绝大多数学习者习惯全局导航放在网站顶部，而将局部导航放在网站左边，这样的布局使学习者有一种熟悉感。
3.5 检索系统的设计
教育资源网站内容多、信息量大，检索系统的设计可使学习者快速直接获取自己所需要的信息。在设计检索系统时应注意几个问题：（1）提供多种检索方式，为满足学习者不同的信息需求，应设置全文检索、作者检索、图片检索、视频资源检索等多种检索方式，方便学习者查询；（2）检索界面的设计应提供简单检索和复杂检索两种方式，提供模糊、精确和二次检索功能；（3）检索结果应设置必要的提示，当学习者无法检索到所需信息，系统应提供相关检索建议。
参考文献
[1] 陈洪磊.基于IA的高校门户网站问题分析与对策[J].情报杂志，2010.12.
[2] 徐瑾.信息构建探析[J].科技进步与对策，2005，22（2）：170-171.
[3] 陈建勋.Web信息架构（第三版）[M].北京：电子工业出版社，2008（8）.
这只是一本适合于大中专在校生、网页设计初学者的入门级读物，但它的确是一本易学实用的书。
书的装帧、版式还不错，印刷也很精美。所有页面底色均罩有一层淡淡的黄色，字号大小适中，阅读起来非常舒服，说明清华大学出版社做书还是很精益求精的。再看内容，作者从视觉传达的角度，对色彩原理进行了讲解，对网站的色彩表现进行了分析；通过色彩分类以及实际的网站配色案例，结合网站结构和功能进行深入剖析，为网页设计人员提供了系统而完整的配色理念和配色方案。同时书中还列举出各年龄段的色彩心理，对网站色彩按照形容词、名词、心理感觉等进行分类；通过对门户类、资讯类、时尚类、企业形象类、电子商务类、文化生活类、政府机构类、娱乐类等站点的色彩构成进行梳理，使读者直观地理解不同类别网站的不同风格。并且还对可口可乐、索尼等著名品牌站点，在风格、结构、色彩等方面，逐一进行归纳和赏析，让读者更加深刻地体会到：色彩是如何在网站信息传达中发挥着重要作用，并怎样对网站功能产生影响的。
光盘文件抓图（光盘里面附有我们常用的色彩文件，非常详细，TIF文件格式）借鉴的。
本书前言：
互联网逐渐跻身于当今传媒的主流。在这种背景下，视觉传达在网络传播中的位置得以突显。人们在进行资料搜索、电子商务和游戏娱乐时，必然借助于便捷易用、赏心悦目的网站界面，同时通过网站界面，可以直观地感受到不同站点的风格和特点，获得更多的网站信息。网站色彩在视觉传达中，能够给人以强烈的第一印象，因此，处于“重中之重”的位置。网站色彩已经成为网络信息时代具有挑战性和创造性的研究课题。
书中列举出各年龄段的色彩心理，并对网站色彩按照形容词、名词、心理感觉等进行分类。通过对门户类、资讯类、时尚类、企业类、电子商务类、文化生活类、政府机构类、娱乐类、个人类和另类站点的色彩构成进行梳理，使读者直观地理解不同类别网站的不同风格。同时对可口可乐、索尼等著名品牌站点，在风格、结构、色彩等方面，逐一进行归纳和赏析，让读者更加深刻地体会到：色彩是如何在网站的信息传达中发挥作用的，怎样对网站功能产生影响；从企业形象的角度，如何运用色彩对网站进行准确定位与推广。总览全书，作者对色彩原理进行了讲解，对网站的色彩表现进行了分析，并通过色彩分类以及实际的网站配色案例，结合网站结构和功能进行深入剖析，为网页设计人员提供了系统而完整的配色系统理论和配色方案。同时，对启发和开阔设计人员的设计思路，也具有一定的作用。
本书主要面向专业的网站设计人员和广大网页设计爱好者，是一本不可多得的网站色彩理论书籍。通过本书，可以系统地学习网站色彩知识，掌握网站色彩搭配技能，提升网站色彩运用理念。也可以将它作为一本字典式的工具书，通过成功的配色方案，以及多种角度、多个案例的结合，为读者的实务设计提供新的灵感和创意点。特别需要指出的是，本书强调了企业形象识别系统在网站设计中的渗入与应用。作者认为，网站色彩是企业形象识别系统中不可缺少的重要组成部分。希望网站设计和企业策划人员通过本书能够得到更多的启示。
本书内容翔实，结构紧凑，覆盖知识面广泛。如果网站设计师和网页设计爱好者们能够从书中各取所需，那正是作者所期望的。同时，由于编写时间较为仓促，书中难免会有疏漏和不足之处，恳请广大读者提出宝贵意见。
本书目录：
网页配色密码
主编：顾群业
作者：宋玉远 张光帅
第一章 网站色彩理论
1.1数码色彩原理
1.1.1 数码技术与互联网
1. 数码软件技术
2. 互联网的功能
3. 网站色彩
1.1.2 三原色原理
1.1.3 色相、明度和纯度
1.色相
2.明度
3.纯度
1.1.4 色彩的对比
1.1.5 冷色与暖色
1.1.6 灰彩
1.1.7 色彩恒常性
1.1.8 色彩同化
1.1.9 色彩的易见度
1.1.10 色彩的错觉
1.1.11 色彩的补偿
1.1.12 色彩的膨胀和收缩
1.2 网页色彩的基调
1.2.1 色彩调子的重要性
1.2.2 色彩调子的种类
1.鲜艳色调
2.浅调
3.亮色调
4.深色调
5.中色调
1.3 网页色彩的美感
1.3.1 美感与心理
1.3.2 美感与设计
1.4 色彩模式
1.4.1 RGB色彩模式
1.4.2 CMYK色彩模式
1.4.3 HSB色彩模式
1.4.4 Lab色彩模式
1.4.5 Indexed Color（索引）色彩模式
1.4.6 Bitmap（位图）色彩模式
1.4.7 Grayscale（灰度）色彩模式
1.4.8 双色调（Duotone）模式
1. 5 Web 216安全色
第二章 网站的色彩表现
2.1 网页色彩的情感表现
2.1.1 网页设计色彩的情感表现
2.1.2 网页设计色彩的感情分析
1.冷暖色彩对人的情感表达
2.色彩对人的情感倾向性表达
3.色彩的心理联想
2.2 网站的色彩表现
2.2.1 性别的色彩表现
1.男性色彩的表现
2.女性色彩的表现
2.2.2 年龄的色彩表现
1.婴儿、儿童色彩的表现
2.青年色彩的表现
3.中年色彩的表现
4.老年色彩的表现
2.2.3 文化的色彩表现
1.五色（五行）说色彩
2.中国京剧脸谱
3.传统书画色彩表现
2.2.4 商业的色彩表现
2.2.5 城市文化的色彩表现
2.2.6 虚拟网站的色彩表现
2.2.7 自然界的设计色彩表现
2.2.8 流行的色彩表现
2.4 网站的色彩信息量
2.4.1 红色的信息量与网页表现
1.红色配色常识
2.红色的性格特点
3.红色引起的联想与信息
4.关于红色网页色彩搭配分析
2.4.2 黄色的信息量与网页表现
1.黄色配色常识
2.黄色性格特点
3.黄色引起的联想与信息
4.黄色调网站色彩搭配解析
2.4.3 绿色的信息量与网页表现
1.绿色配色常识
2.绿色性格特点
3.绿色的联想与信息
4.绿色调网站色彩搭配解析
2.4.4 蓝色的信息量与网页表现
1.蓝色配色常识
2.蓝色性格特点
3.蓝色联想与信息
4.蓝色调网站色彩搭配解析
2.4.5 黑、白的信息量与网页表现
1.对黑、白的描述
2 黑、白色的性格特点和配色
3.黑、白色的联想与信息
4.黑色调网站色彩搭配解析
5.白色调网站色彩搭配解析
2.4.6 灰色信息量与网页表现
1.灰色性格和特点
2.灰色联想和信息
3.灰色调网站色彩搭配解析
第三章 网站色彩魔法宝典
3.1 按形容词分类
3.1.1 柔和的，柔和的，明亮的
3.1.2 柔和的，洁净的，明朗的
3.1.3 可爱的，快乐的，有趣的
3.1.4 活泼的，快乐的，有趣的
3.1.5 运动的，轻快的
3.1.6 动感的，华丽的
3.1.7 狂野的，充沛的，动感的
3.1.8 华丽的，花哨的，女性化的
3.1.9 回味的，女性化的，优雅的
3.1.10 高尚的，自然的，安稳的
3.1.11 冷静的，自然的
3.1.12 传统的，高雅的，优雅的
3.1.13 传统的，稳重的，古典的
3.1.14 忠厚的，稳重的，有品位的
3.1.15 简单的，洁净的，进步的
3.1.16 简单的，时尚的，高雅的
3.1.17 简单的，进步的，时尚的
3.2 按名词分类
3.2.1 红色(Red)
3.2.2 橙色(YellowRed)
3.2.3 黄色(Yellow)
3.2.4 黄绿色(YellowGreen)
3.2.5 绿色(Green)
3.2.6 青绿色(BlueGreen)
3.2.7 蓝色(Blue)
3.2.8 蓝紫色(PurpleBlue)
3.2.9 紫色(Purple)
3.3 按色彩心理感觉分类
3.3.1 友善
3.3.2 土性
3.3.3 堂皇
3.3.4 神奇
3.3.5 柔和
3.3.6 热情
3.3.7 热带
3.3.8 清新
3.3.9 清爽
3.3.10 平静
3.3.11 流行
3.3.12 烂漫
3.3.13 可靠
3.3.14 活力
3.3.15 怀旧
3.3.16 古典
3.3.17 丰富
3.3.18 动感
3.3.19 低沉
3.3.20 传统
3.3.21 奔放
3.3.22 专职
3.3.23 强烈
3.3.24 高雅
第四章 网站设计实战案例分析
4.1 门户类网站
4.1.1 色彩设计与网站风格
4.1.2 框架及色彩
4.1.3 风格设计的创新与延续
4.2 资讯类网站
4.2.1 网页导航及布局
4.2.2 框架及色彩
4.2.3 风格设计及各类信息
4.3 时尚类网站
4.3.1 流行文化及时尚
4.3.2 风格设计及各类信息
4.3.3 文体时尚
4.3.4 品牌时尚
4.4 企业类网站
4.4.1 企业文化与VIS的统一
4.4.2 风格设计及各类信息
4.4.3 以形象为主的企业网站
4.4.4 以产品为主的企业网站
4.5 电子商务类网站
4.5.1 信息的可信度
4.5.2 框架及色彩
4.5.3 商品信息与网站层级结构
4.5.4 小店铺型风格设计
4.5.5 风格取决于消费者的偏好
4.6 文化与生活类网站
4.6.1 网站文化与网站气氛
4.6.2 框架及色彩
4.6.3 风格设计
4.6.4 女性网站
4.6.5 男性网站
4.6.6 儿童网站
4.7 政府机构类网站
4.7.1 大气的网站风格
4.7.2 框架及色彩
4.7.3 内容简单明了
4.8 娱乐类网站
4.8.1 网站的受众定位
4.8.2 多样的色彩风格
4.8.3 气氛营造与网站风格
4.8.4 影音类网站
4.8.5 游戏类网站
4.9 个人网站
4.9.1 风格多样化
4.9.2 自由的色彩
4.9.3 多样的色彩风格
4.10 另类网站
4.10.1 另类网站的自由与特点
4.10.2 另类网站的独立性
4.10.3 另类网站的多样风格
第五章 经典网站配色与鉴赏
5.1 可口可乐(coca-cola)公司网站
5.1.1 可口可乐公司简介
5.1.2 可口可乐网站页面
5.1.3 可口可乐网站配色采集
5.2 阿库拉（ACURA）汽车网站
5.2.1 阿库拉（ACURA）汽车品牌简介
5.2.2 阿库拉（ACURA）汽车网站页面
5.2.3 阿库拉（ACURA）网站配色采集
5.3 索尼（sony）电子网站
5.3.1 索尼（sony）公司信息简介
5.3.2 索尼（sony）电子网站页面
5.3.3 索尼（sony）电子网站配色采集
5.4 福特（Ford）汽车销售网站
5.4.1 福特（Ford）汽车公司简介
5.4.2 福特（Ford）汽车网站主页
5.4.3 福特（Ford）汽车销售网站配色采集
5.4.4 福特（Ford）汽车发动机内网
5.5 Claren公司清洁护理商业服务网站
5.5.1 Claren公司商业服务网站简介
5.5.2 Claren公司商业服务网站页面
5.5.3 Claren公司网站配色采集
图书在版编目（CIP）数据
网页配色密码/顾群业 主编，宋玉远，张光帅 编著.—北京：清华大学出版社，2006.12
（七彩网络）
ISBN 7-302-14059-6
I.网… II.①顾…②宋…③张… III.主页制作—配色 IV.TP393.092
1、电子商务专业：是融计算机科学、市场营销学、管理学、法学和现代物流于一体的新型交叉学科。目的是培养系统掌握电子商务的基础知识和基本技能，熟悉各类电子商务活动的基本业务流程，能熟练运用电子商务技能和现代信息技术从事电子商务活动、电子商务网站及系统建设和安全维护工作、电子商务管理业务的高级应用型技术人才。
2、电子商务专业的专业方向：电子商务专业有六个专业方向分别为网站设计与程序方向、网络营销编辑方向、网络产品规划方向、企业信息化、个人网络创业及银行卡的研发方向。电子商务专业在不同高校里要求的课程也是不一样的，一些院校注重电子商务网络技术计算机技术，还有一些院校会把课程重点放在商务模式上面，这些主要体现在这个专业所在的院系，有的在管理学院，有的会在信息科学与技术学院，有的会在软件学院，在这样各个院校培养出来的学生的专长也会有一定的区别。
3、电子商务专业的就业方向：专业毕业后，可从事银行的后台运作、企事业单位网站的网页设计、网站建设和维护、或网络编辑、网站内容的维护和网络营销、企业商品和服务的营销策划等专业工作，或从事客户关系管理、电子商务项目管理、电子商务活动的策划与运作、电子商务系统开发与维护工作以及在各级学校从事电子商务教学等工作。专科学生,还可以在呼叫中心从事电话营销、电子商务助理等文职的工作。
4、电子商务专业的就业前景：近年来，随着全球电子商务高速增长，我国电子商务也急剧发展，使得电子商务人才严重短缺，由于互联网用户正以每年以百分之百的速度递增，该行业的人才缺口相当惊人，预计我国在未来10年大约需要200万名电子商务专业人才，从社会调查实践来看绝大多数企业已陆续步入电子商务行列，采用传统经济与网络经济结合的方式生产经营。根据这个现象可以知道中小企业步入电子商务行列急需电子商务人才，所以电子商务就业前景是有希望的，国家政策正在大力支持电子商务的发展，商务部已经对电子商务专业人才给予极大重视。
（来源：文章屋网 ）
关键词：高职软件；技术专业；课程教学；互联网
在高职软件教学模式的建立中，教师应该坚持“以人为本”的教学理念，提升学生对于高职软件课程知识的掌握水平。在互联网背景的终端课程教学活动中，教师应该针对计算机应用基础课程群的特点，开展计算机应用基础教学工作。对于办公软件的应用教学，应该积极地引导学生实践学习，在重复的实践操作活动中，逐渐掌握软件学习的有效方法。
一、高职软件技术专业课程中“互联网+”教育的课程安排
在操作系统应用课程能力建设活动中，教师应该对学生的网络应用能力进行培养，重点开展网络课程专业知识的教学工作。在数据库设计互动中，可以让学生参与到具体的设计活动中去。我们可以在程序设计课程中，配合C语言程序设计与开发，强化窮数据结构分析与算法能力的提高。在软件工程课程群建设活动中，推行课程教学改革，应该体现出教学工作的实效性，让学生对现阶段的流行软件进行学习和研究，从而提高学生互联网理论常识性知识的积累和表达能力。在高职软件教学中，对于主流软件和网络系统，应该开展重点教学，比如Android系统、iOS苹果主流软件系统、Windows-phone单机系统，webAPP系统等等。教师在教学活动中，应该从UI美工设计的角度切入，开展软件工程与软件测试技术的投入研发与技术创新活动。
二、高职软件技术专业课程中“互联网+”教育的有效方法
（一）常用类软件的教学
从数据库系统基础运营尝试出发，让学生能够面向对象开展对应性的软件设计与开发活动。在JAVA程序设计的活动中，让学生能够掌握软件设计与开发的精髓。在软件工程课程群开发的活动中，教师应该从MS-NET课程教学开发的细节入手，做好软件程序设计的内容规划。在JAVA-web应用开发活动中，应该对商务网站设计的方法进行辅教学，强调对于学生个人网站设计能力的综合性培养和开发。在“互联网+”网络课程实践教学形式的运用过程中，高职软件课程教师应该在教学项目中加入课内实验的板块，让学生能够在课堂学习基础理论知识的同时，进行针对性的个人软件开发能力的培养，将自己学习到的理论课程知识运用到实践活动中去。在实践学习的活动中，教师应该提高教学的层次性，从仿真项目的开发运用中，让学生积极参与到课程实训活动中去，让学生积极加入到课题小组的研究活动中去。如果学生对于单项研究领域有比较浓厚的兴趣，应该从学校和企业的合作模式入手，让一部分拥有一定开发能力的学生参与到软件开发的商业项目中去。
（二）实践教学的学生能力开发
在高职学生电子商务专业技术能力的培养活动中，学生应该会使用计算机工具制作网页，并且逐渐学会建设静态的网站。教师应该从计算网络管理、网站设计与管理和动态网页设计等多个方面开展教学活动。在软件技术专业中，重点以C语言教学的知识板块为切入点，强调课程综合实践教学中的计算机应用教学基础实现。在课程综合实践教学活动中，开展C语言面向对象的程序课程教学设计方法改革，通过数据结构优化的方式，实现SQL-SERVER2000类型结构数据教学。在课程综合实践教学活动中，教师应该从数据ADO-NET数据库应用开发的方式入手，实现UML基础软件工程的全面性建设。对学生的课程综合能力进行培养，强调在教学活动中凸显实践板块的重要性，实现专业综合实践能力教学的价值。
（三）专业板块教学能力培养
在高职院校数字媒体专业学生教学活动中，学生应该能够进行常规的图像处理，并且要具有一定的网页美工表现能力。学生具备了平面设计能力、广告设计能力才能够进行简单的网站制作。高职学生在具备了应有的网络技术服务能力，才能够在后期的求职活动中占据一定的优势。在专业能力培养的活动中，应该对于学生广告创意设计以及三维动画制作方面的知识进行专业教学。可以开展以JAVA语言教学为基础的综合性实践活动，进行基于ASP-NET专项知识板块的设计方法探讨。在课程能力考核的过程中，应该对学生程序完成的完整度、程序的正确性、代码规范性和设计思想创新性四个方面出发，实现教学评价的全面性建设。强化对于学生数据信息维护能力的培养，让学生学会使用指定的软件进行数据加工等活动处理，参与到数据抢救与修复。在硬件故障排除与维护知识教学活动中，教师应该对学生JAVA应用程序设计能力进行培养。优秀的高职院校软件毕业生，能够进行规范的数据挖掘与分操作，根据计算机产品开展策划、营销、推广的相关后期服务工作。
结束语
在“互联网+”模式的课程教学活动中，教师应该对常用类软件的操作系统进行教学，对LINUX系统管理方法进行剖析，让学生在学习活动中逐渐掌握互联网软件的运行原理。在计算机网络课程教学活动中，可以配合物联网教学的相关知识，开展LAMP技术的对应性教学。
参考文献：
[1]聂宇,邹贤芳,周香庆等.从Web发展探索高职软件专业的网页课教改之路[J].福建电脑,2011,27(8):178-179.DOI:10.3969.
[2]陈玉平.对高职计算机应用专业中开设移动软件开发类课程的思考[J].科技致富向导,2011,(21):41.
[3]刘燕,张少华,李智高等.基于Moodle系统的高职药学专业网络教学平台的设计和实践[J].中国高等医学教育,2012,(1):54-55.DOI:10.3969.
[4]张小玲,秦凤梅,邱玉辉等.基于工作过程导向的课程开发研究与实践[J].计算机科学,2013,40(z2):421-422,425.DOI:10.3969.
【关键词】网页设计；教学方法；实践
拥有自己的网站是政府机关、企事业单位以及广大网络爱好者的共同需求，制作精美的网页来吸引浏览者，提高网站的知名度，是大家共同的目标，而这一切都依赖于网页的设计和制作技术的运用，因此，也说明了网页设计与制作课程的重要性。《网页设计与制作》是近年来计算机领域发展最快和应用最广的课程之一，现阶段急需培养掌握网页设计、面向不同应用层次的人才。
1.《网页设计与制作》课程的特点
《网页设计与制作》课程的特点是涵盖知识面广，综合性和实践性较强。《网页设计与制作》不是作为一门课程孤立存在的，它需要依靠多门课程的知识给予支撑。它们相互渗透和依赖，构成一个科学的、完整的课程体系。
《网页设计与制作》课程的教学以“实用、必须、够用”为原则，强化培养学生的实践操作能力及分析应用能力，做到“讲、学、练”统一协调。课时分配上注意将理论与实践进行科学、合理的安排。突出实践环节，注重培养学生的实践动手能力，提高理论服务于实践的意识。
2.《网页设计与制作》课程的教学方法
2.1 项目教学法
将《网页设计与制作》课程的总项目确定为开发一个具有一定实用功能的网站，并根据其中涉及到的知识点，将课程总项目划分为若干子项目。项目以任务书的形式下发给学生，按制定计划、实施、评价、和实际运行等阶段写出时间和目标要求。
2.1.1 制定项目计划
对项目涉及的问题进行分析，确定操作步骤，选择方法，制定计划。在此阶段，学生的主要任务是制定项目实施计划。教师的主要任务是关注学生的做法是否正确，启发和指导学生。在教学中采用分组法，将班级学生分成多组，每组人数约8人，选派一名“项目负责人”，为了让大家都能得到锻炼的机会，一般让团队的学生轮流当项目负责人。学生以团队为单位制定项目计划。例如，在做“学院主页”这一项目时，教师将此项目的学习目标和能力目标告诉学生。然后和学生一起分析项目，制定完成项目的基本步骤：首先确定网页的主题、内容、布局结构、色彩设计方案等以及团队人员的分工安排；然后根据设计绘制草图；最后写成项目计划书。项目教学注重学生主体作用的发挥和综合能力的培养，在制定项目计划过程中，教师要重视学生个性发挥，鼓励学生形成自己的特色。制定好计划后，教师要让每个团队的“项目负责人”介绍制定的计划，并说明设计理由。通过对项目计划的介绍，一方面可以提高学生的表达能力，另一方面，学生之间可以互相启发和学习。教师适当的把自己的见解和意见告诉学生，帮助提高计划的可行性。
2.1.2 实施项目计划
在实施过程中，要求学生注意两点：一是团队的合作精神和工作效率；二是要求学生认真记录每个操作步骤和过程。教师不仅要为学生提供充足的资源，而且要在学生实践操作过程中边观察边指导。学生在制作网页时，由于分工不同，处理图片的学生与设计版式的学生往往不是同一人，处理出来的图片经常会与布局规格不一致。教师要及时指导学生按照计划书的设计图进行设计，指导“项目负责人”组织好团队，与同学做好交流和沟通。有时候，计划书里一些预期的设计效果学生不能完成，如层的精确定位、FLASH动画的透明显示等，教师可及时进行指导，一方面可加深和巩固所学的知识点，另一方面，提高学生的学习积极性。
2.1.3 项目评价
学生在完成项目后，教师要求他们进行自评和互评。学生对各自项目自评，不仅有利于学生的自主学习，而且可以改进课程或教学的设计，其作用是重视学生学习主体，重视学生的反思，以促进学生的发展。学生互评是让学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见，教师要引导学生尽量客观地从正面进行相互评价。
首先让每一组同学进行自评，完成自评过程后，请每一组以项目负责人为主，介绍本组设计的网站，在介绍过程中要求说明各自网站的设计的过程，遇到过什么问题，这些问题是如何解决的。其他组的同学可提出问题，让设计者解释网站所用的相关技术及特点，随后进行互评。在评价过程中要充分发挥学生的评价能力，适时引导学生通过自我反思和相互评价了解自己的优势和不足，学习别人的特长和优点，以评价促进学习，让学生在互评中相互学习、相互促进，共同提高。最后教师对各项目组的网站进行综合评价，这一工作很重要，是必不可少的。教师在评价学生网站时不能只进行优劣评价，而应该要指出问题所在，给出具体改进及修改建议等，让学生去完善网站。
2.1.4 项目归档及
项目完成后，归档工作也是网站工作的一部份。要求每个项目组对各自网站设计时的书面材料的右上角标注编号，并做好各种材料的目录表。对文本文件，图像文件，Flas文件、声音文件、视频文件，以统一的格式保存，做好这些文件材料书面记录。记录好在网站设计过程中使用过的软件名称、型号、版本号和相关参数手册、说明资料等。最后刻录好光盘，做好用户手册，并制作好电子文件的备份。
每个项目组，申请一个域名及网站空间，并把各自的网站传送至Web服务器中，完成站点的工作。进行市场化运作的项目交用户验收使用，并要经常对用户网站进行维护和更新，以提高网站的访问量，达到好地宣传效果。
实践表明，以项目为驱动的教学方法，有效地建立了课堂与社会现实生产生活的联系，使学生学习更有针对性和实用性，为以后进入实践和实习打下了基础；同时也有效调动了学生的积极性，充分发挥了学生的主动性和创新精神。
2.2 案例教学法
从《网页设计与制作》课程的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。例如，层与导航、书籍专卖、旅游网站、房地产公司网站、个人网站等。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学布局。在案例教学中，首先要确定掌握哪些基本原理，然后，再选择出能够说明这些原理、理论的案例来。具体实施步骤如下：
2.2.1 收集和整理素材
这是实施案例教学法的基础和前提。信息是网站的根本，根据网站主题内容收集各种信息资料。如学院网站包括：学院简介、专业简介、招生就业等内容资料。整理资料则是根据将上述收集到的资料进一步挑选和细化，收集到的网页素材应落实为站标、内容、导航栏等页面元素。将收集到的资料转换成网页所能识别的文件格式。我们可以在各类网站收集或自己制作所需的网页素材，以便在教学案例中使用。
2.2.2 选择和设计网页案例
在选择和设计教学案例时应注意几点：一是案例必须具有教学性：通过直观的网页案例可以形象生动的展示学习的目标，也使学生能明确所学知识的实用价值，从而提高学生学习的兴趣和积极性，这也是运用案例教学的主要目的。二是案例必须具有典型性：所选择的案例要能充分地考虑理论知识点和操作技能等学习目标，应遵循由简到繁，由易到难，循序渐进地原则。所选择和设计的网页教学案例更要能突出重点，突破难点，真正起到帮助学生理解如何制作和设计网页的作用。三是案例必须具有针对性：选择和设计教学案例应针对学生的实际兴趣和接受能力来选择，这样学生就会学得兴致盎然，教师的点拨也会事半功倍。
2.2.3 演示和讲解网页案例
通过案例演示，提出问题，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。将案例分解为若干个可行的任务，然后在一个个任务的驱动下，逐步完成案例的演示。一个网页案例往往包含了多个知识点，授课教师在讲操作时如果一口气把整个案例过程讲完，学生虽然能听懂，但不能记住。因此必须分步骤讲解，新知识点越多，步骤应分得越细。教师每讲完一步就要让学生练习一步，学生练完、练会后，老师再接着讲。这样直到学生一步一步地跟着老师把整个案例完成为止。教师在授课时一定要注意控制好速度，在讲到一些新知识点或学生操作比较生疏时，速度要尽量放慢些。一段时间后，学生有了一些基础，讲课速度可稍快些，特别是一些已经学过的知识点，可以快速讲解，甚至可以略过而只讲新知识点，以便多节省点时间给学生练习。
2.2.4 总结和应用
在每次课结束前，引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进行总结。并针对案例的不足之处，进行引申和提高。注意在这个阶段，强调的是“引导”学生，而不是老师讲解。
案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生预习。
在《网页设计与制作》课程中采用案例教学法，让学生对网页设计的基本理论知识的理解和技巧的掌握更具体化。案例教学法对激发学生的学习兴趣、提升学生的学习效率作用十分明显。
3.网页设计实践环节
当学生已基本掌握了本课程的大部分内容时，可以布置一份综合作业，要求每位学生设计一个网站。要求学生对自己的网站要做到既有鲜明、统一的风格又有完善的内容，将页面的结构、图片的位置、链接的方式设置合理，做到网页布局的和谐统一，并且还要做到容易更新等。要做到这些，就必须在制作网站之前，对网站进行一个总体规划，然后再逐步进行设计。
为了让学生有良好的创作技巧和独特的风格，把综合作业布置之后，先让学生进行选题，构建出自己的网站结构，再上网查询相关的资料，然后对网站进行规划，写出书面的网站设计方案，教师对每个学生的方案进行审查和评阅，及时指出应改进的地方和存在的问题，符合要求了，学生方可开始制作。
3.1 培养自主学习能力和基于问题式学习能力
综合作业里贯穿着问题式学习方法，完成综合作业需要学生发现问题，带着各种问题，考虑自己要学习哪些内容，在课后自行学习课堂和书本上未曾讲过的知识，需要自行查找大量的资料，确定设计方案，独立完成从设计、测试、排除问题到实现的全过程，通过综合作业，培养学生灵活运用所学知识解决比较复杂的实际问题的能力。
3.2 培养团队合作精神
在实际工作中，很多工作都不是一个人能独立完成的，这就需要团队合作，以集体的智慧攻克难关。学生在完成综合作业的过程中，势必要遇到一些相对比较棘手或者百思不得其解的问题，这个时候同学之间的沟通与交流乃至合作是非常必要和有益的。在对问题的讨论过程中不仅能了解对同一问题的不同解决方法，更能加深对知识的理解，同时学生自身的能力也在这一过程中获得了提高。
3.3 鼓励学生勇于创新
在布置综合作业的时候，要给学生留有充分发挥的空间，鼓励学生勇于创新，最大限度地接触最新技术，鼓励学生敢于向难题挑战。在满足综合作业基本设计要求的前提下，鼓励学生自行添加附加功能，为自己的作品“锦上添花”。在网页设计综合作业中，个人网页设计精彩纷呈，有些没有讲过的技术，学生也能应用。学生的思维是非常活跃的，只要加以正确的引导，在建立了兴趣的基础上，他们总能带给我们“意外的惊喜”，甚至是惊叹，教师在这一过程中也能从学生那里学到一些新知识。
学生在完成综合作业以后，不仅仅增强了动手能力，巩固和提高了对知识的掌握和理解，更是极大地培养了创新意识与创新思维。我们只有让学生在快乐的基础上主动学习、实践，让学生在学习的过程中尝到成功的喜悦，感受到自身能力的提高，增强学习的主动性，才能够真正达到学习的目的，才能最大限度地将“以学生能力发展为本，培养学生的创新意识与创新思维”的教学理念渗透进教学中去。
4.结束语
《网页设计与制作》课程教学内容活泼多样，教学方法灵活多变，目的明确。实践证明，以上教学方法及实践环节，都充分调动了学生的学习积极性，体现了以学生为主体的思想，充分体现了理论与实践的紧密结合，学生既学到了理论知识也掌握了实践技能，提高了学生的技术应用能力，收到良好的教学效果。
参考文献
[1]刘英晖.探索项目导向法在《网页设计与制作》中的运用[J].制造业自动化,2011
(6):188-190.
[2]韩勇.案例驱动教学法在《网页制作》课程分阶段教学中的运用[J].电脑与信息技术,2010(4):68-70.
关键词：网站设计
据中国互联网络信息中心统计，截至2008年6月，使用“.省略”域名的政府网站总数发展到近1.省略)的组织下，网站标准开始被建立。
1.框架程序技术。对于政府网站，程序的选型这里推荐使用JSP。JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理。然后将生成的HTML页面返回给客户端的浏览器。JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。
MVC即Model-View-Controller的缩写，是一种常用的设计模式。MVC减弱了业务逻辑接口和数据接口之间的耦合，以及让视图层更富于变化。MVC本来是存在于Desktop程序中的，M是指数据模型，V是指用户界面。C则是控制器。大部分Web应用程序都是用像JSP、PHP或者ASP这样的过程化语言来创建的。它们将像数据库查询语句这样的数据层代码和像HTML这样的表示层代码混在一起。经验比较丰富的开发者会将数据从表示层分离开来，但这通常不是很容易做到的，它需要精心的计划和不断的尝试。MVC从根本上强制性地将它们分开。随着技术的发展各种框架不断涌现，这里推荐的是STRUTS框架。
2.框架。Struts是MVC的一种实现，它将Servlet和JSP标记用作实现的一部分。Struts继承了MVC的各项特性，并根据J2EE的特点，做了相应的变化与扩展。struts框架具有组件的模块化、灵活性和重用性的优点，同时简化了基于MVC的web应用程序的开发。除此之外，Struts的优点主要集中体现在两个方面：Taglib和页面导航。Tagllb是Struts的标记库，能大大提高开发效率。
二、新功能
政府网站由于信息量大，信息质量标准要求高，一些栏目互动性强等特点，要求在功能实现上，更具挑战性。这一切使得网站维护进入了“内容管理时代”。CMS是ContentManagement System的缩写，意为“内容管理系统”。CMS具有许多基于模块的设计，可以加快网站开发的速度和减少开发的成本。内容管理解决方案重点解决各种非结构化或半结构化的数字资源的采集、管理、利用、传递和增值，并能有机集成到结构化数据的商业智能环境中。在这里举例说明内容管理中的常见功能模块。
1.所见即所得编辑器。基于Web的Javascnpt HTML WYSIWYG编辑器。采用JavaScript／ECMAScript开发，支持通过插件的方式进行扩展。
2.网站管理功能模块。记录下管理用户登录时的访问ip，登录地点，登录时间以及登录的身份，登录次数等。信息的统计功能。提供强大完善的权限设置功能，能够将权限级别定义到具体每个栏目、每个页面的操作上，并能够通过灵活的配置适应各种权限分配需求。
3.栏目信息转发功能。一次信息添加，即可多栏目转发信息，省去多栏目再次添加的工序。
4.栏目定时。对于时效性较特殊的新闻。我们可以定制其与显示的时间。
三、新风格
网站风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、内容价值、存在意义等诸多因素。在设计以内容为主的新闻类网站时，应该运用干净的结构和清晰的元素组合。直观地呈现信息是一个在线新闻站点的根本需求，为满足这种需求甚至可以牺牲一些界面视觉。外框、线条、颜色等都是结构的基本元素，将这些元素舒服地排列会给页面带来节奏感和连贯性。并大大地加强和突出内容，将内容清晰地呈现给用户。
1.简单布局。和几年前相比，我们似乎正在寻找更加简单的单栏或双栏布局。总的感觉就是普遍认同简单的页面表现更好。阅读这类页面只需要从上看到下即可，你的眼睛不用在页面上转来转去拼命寻找想要的东西。同时在浏览过程中它也提供更加平和、稳定的浏览体验。
2.有许多留白。一般来说，留白越多越好。当然，留“白”不一定是白的，但它必须留出一定的空间。
【关键词】制作原则;建站流程;建网工具;格式
引言
网站制作 需要网站虚拟空间、域名以及动态网站的数据库这三个最基本的条件。网站虚拟空间是用来存放网站文件，如：图片信息，html文件，php文件等，相当于一个硬盘空间，域名即指访问网站的地址。动态网站的数据库用来存放网站数据的空间，这里的网站数据并非网站的html文件、图像信息等，指的是如网站访客提交的留言，个人信息等，传统的静态网站无需数据库支持。随着浏览器和W3C标准一致性的改善，以及无表格网页设计的认同性增加，超文件标示语言与层叠样式表共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展，使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。
1.制作原则
在互联网的时代，网站的制作并非是一个单纯的技术性问题。特别是模板网站的出现，只要会打字，几乎谁都会，网站制作它包括逻辑思维、文字内容表达、美工设计等因素，但你最终目标是吸引更多用户访问。网站制作和设计是根据它设定的目标，在一个商业网站的情况下，网页设计的定义是根据它设定的目标。网站制作过程如果你是新的开始，有很多工具来创建一个很好的网站。适应他们的理念，以创建网站的过程中，网站上的乐趣。企业网站制作的主要目的是增加供应和品牌的知名度。
2.建站流程
2.1 先确定要做的是一个什么网站，就是说做这个网站是用来干什么的;比如说，我想做的网站是一个企业网站，是做电子电器的，那么我就要围绕这些内容来进行构想，也可以参考一些同类的网站。
2.2 根据构想好的网站主题来取一个域名，域名一定要取好，这个对你网站以后的发展很重要，所以一定要根据你网站的主题来取好。
2.3 待网站程序源码搞好并在本地测试正常后，根据网站要用到的空间需求来租用服务器空间，一般的企业网站用300M的空间就足够了（以视频形式展示的企业网站除外），还有一点需要注意的是：服务器分国内和国外，最大的区别就是国内的空间要进行备案而国外的空间不用，购买后可直接使用。
2.4 服务器空间购买好后，就将网站的程序源码用ftp上传工具上传到服务器空间，并将后台数据导入到空间数据库，网站就可以正常在互联网上运营了。
3.设计网站风格
制定了网站框架之后，您就需要设计网站的页面了。网页设计可以说是一门艺术，它既包含了平面设计中的设计法则，也包含了网页制作的要素。个人网站制作人员毕竟不是专业美工，您需要掌握一些基本软件的使用方法和设计规范。CHIP建议您浏览一些具有美工知识和软件操作方法，以及文字特效和图形效果等制作教程的网站。
4.建网工具
网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰从最基本的HTML编辑器到非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，下面是耀杰科技几款具有代表性的网页制作器：
4.1 HTML编辑器。虽然HTML代码复杂，编辑和调试要花费大量的时间，但因HTML的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。
4.2 所见即所得的网页编辑器。其中以Microsoft Frontpage为代表，它具有如Word一样的操作界面，熟知Word功能的操作者，只要稍加培训就能轻松编制网页。而且，Frontpage还能解析网页的HTML源代码，并提供了预览支持。
4.3 非常流行的Macromedia公司出品的Flash互动网页制作工具。能够轻松输出各种各样的动画网页，它不需要特别繁杂的操作，也比JAVA小巧精悍！但它的动画效果、互动效果、多媒体效果十分出色。
4.4 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
因此，在实际的网站设计中，总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置。所以，最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。关于链接结构的设计，在实际的网页制作中是非常重要一环，采用什么样的链接结构直接影响到版面的布局。
5.做网上广告，促进销售
面向企业提 供广告服务业务。网上广告通常以一个醒目的图形贴在ISP网页上，企业可以利用自己或别人的网页在网上打广告。一些专业的网络服务者在网上开设汇总信息的大型信息服务系统。通过该图形可以链 接更多的和更具体的广告信息，其信息量可以很大。企业网站自己就是广告，一些企业在网上建立自己的网页，或者开设自己的网站，把企业信息集中起来，分类分栏，方便浏览及节约需求者时间，从而提高知名度模式，也带来了更多顾客能给企业带来一定的经济效益。现代社会中的所有著名企业都在网上建立了自己的网页或网站。
6.静态网页
静态网页多数为单一的超文件标示语言档案。现今不少网站皆倾向把动态页静态化，从而令搜寻引擎最佳化。
7.动态网页
动态网页的内容随着用户的输入和互动而有所不同，或者随着用户、时间、数据修正等而改变。
任何地址中带“？”号、“&”号（及其他类似符号）的网页都会把“蜘蛛”程序挡在门外。这些网页通常由CGI、PHP、ASP等程序产生，技术上较先进，但不适合搜索引擎的“蜘蛛”程序。虽然目前有的大型搜索引擎（如Google）已具备检索动态网页的能力，但相当一部分数引擎还是不支持它的。而且即使是能够索引动态网页的Google，也在多个场合中明确表示不保证检索全部的动态网页。
8.结论
