时间：2023-05-30 10:08:23
开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇设计网站，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。
一、JSP语言开发过程中的应用程序比较
JSP（Java Server Paga）是新一代Web开发的语言，JSP继承Java的各种优势，能够对异常处理机制的反应来有效的预防系统的崩溃，可以利用沙箱和内存管理机制加强系统的安全性；而且还采用了新的执行方式：先把原来的代码转换Servlet代码，接着编译成字节码文件来执行，访问速度会比ASP、PHP快几倍，甚至是数量级的提高。JSP与Microsoft的ASP技术类似。它们最明显的不同是编程语言的差别， ASP与JSP有一个本质的区分，就是两种语言的引擎用的确是完全不同的程序代码。
还有，PHP也是一种嵌入到HTML页面中的脚本语言，它大量借用C++和PERL语言的语法，并结合PHP的独特性，使开发者能迅速的开发动态页面。同时，PHP还具有良好的跨平台性，它对数据库的支持极其广泛，性能及其效率都很高。这些使JSP特别适合功能强大的Web程序。
综上所述，JSP无疑会成为将来软件设计的走向。现在很多的电子商务提供商都是用JSP/Servlet，例如IBM的E-Business。JSP现在是很多商务系统开发的语言标准。
二、 开发中的现例
我们用JSP开发的一个大型网购系统――中国数据中心网，用户可以自由浏览、检索、免费使用和购买自己喜欢的软件。该文原载于中国社会科学院文献信息中心主办的《环球市场信息导报》杂志http：//总第539期2014年第07期-----转载须注名来源应用程序通过GDBC与数据库进行连接。根据系统整体的自身结构，系统强大的功能模块，便捷的购物流程三个方面了解JSP开发网站的优势和特点。
{1}系统整体的自身结构
系统的自身结构大致分为三层，即浏览器―Web服务器―数据库服务器，其中Web服务器被分为前后端两个部分。三层结构将用户使用界面、应用的逻辑和书籍管理彻底分离，各自独立。同时为了保证系统自身的安全和网络的访问性，又考虑到将应用逻辑划分出去。一般的数据流只能到Web服务器；网络交易的私人、后台管理数据是由Web后端服务器进行处理的。
（2）系统强大的功能模块
这个系统的功能主要有两个。其中网上交易主要是针对普通客户的商品选择、订单提交、在线支付，同时也可以订阅杂志、留言、投诉等一系列相关的服务。后台是由管理员操作完成，其中包括信息添加、修改和删除，客户付款后注册码的发送，分类统计购物信息，维护订单，利用邮件群发广告和杂志，维护网站安全等。
（3）利用JSP技术来重点评价与分析
建立一个在线购物系统，有三大核心技术――第一个是连接后台数据库和存取数据库数据，第二个处理用户购物的信息，第三个就是安全性。
三、JSP技术的了解
JPS作为现在的一种便捷网络语言，在很多网站上都有涉及。例如www网利用超文本标识语言和超链接技术将互联网上的资源和信息组织在一起形成WEB。而描述www网上的信息资源是Html超文本标识语言，通过Html符号的描述就可以实现很多媒体信息检索。像文字、表格、声音、动画等。但是超链接技术也存在着存在一定的缺陷，也就是客户端只能静态的获取Internet上的信息，无法实现两者的交互。虽然CGI通用网关接口可以进行一定的交互，但由于复杂的编程的方法，所以有一段时间让Internet的发展缓慢下来。而JSP的开发，很有效的解决了www网所存在的客户端与服务器端不能两者交换的问题，这一技术给Internet的用户带来了一丝希望。
JSP的开发，使得Internet的信息与用户不仅仅是显示和浏览的关系，而且更能够可交互、实时的、动态的表达技术，进而使用户获取信息并对客户操作进行响应的WEB界面所代替。JSP脚本就是满足这种需要而产生的语言，这种语言用户非常喜欢。所以尽可能的掌握JSP编程方法和基本知识是用户的迫切需求。
事实上，JSP是一种基于事件和对象的一种驱动，并具有动态性、简易性、安全性、广泛性等特点。应用它的目的是嵌入在HTMLJava程序中与WEB客户端的交互，进而可以开发出客户端的应用程序。JSP的研究开发弥补了HTML的很多缺点，使WEB页面功能更加完美。并且它还具有具有简易性、基于对象的语言、较强的安全性等特点。
一、 电子商务网站分析：
近年来，随着我国网民数量的不断增长，在国家政策的大力支持下，中国的电子商务已经从概念化发展为全民网购的热潮。传统的网络营销模式为建设一个网站然后在搜索引擎上进行竞价排名，这样通过付费广告来推广网站并得到潜在客户的光顾从而进行线下交易。有了电子商务平台后，多数商家选择在电子商务平台上开网店进行交易。
二、 需求分析
(1) 企业需求
网站需要一个对外宣传的平台，实现包括企业文化，企业新闻等信息的管理和平台，简称CMS系统，该部分以企业形象宣传、企业定位、企业资讯为内容。和一个在线交易的在线商城B2C的SHOP平台。
(2) 市场需求
网络购物的优势
第一，网络购物不受时间和地域的限制。只要消费者有条件连接上互联网，任何时间和地点都可以在线购买产品。相对于传统购物必须在固定地点和固定的零售时间而言，网络购物体现出更大的购物自由度。
第二，网络购物方便省时。消费者只需轻轻点击鼠标就能完成从挑选产品到付款的购物全过程，购买的商品也会送货到你手中，对于繁忙的人们来说大量节省了自己的时间，也省去了许多来回奔走的麻烦。
第三，商品种类齐全且价格低。由于网络上商品信息不受地点限制，消费者可以购买全国各地乃至国外的商品，无疑可购买的商品种类大大增加，消费者的选择性增多。电子商务企业利用信息技术可以有效降低产品的存货，许多产品是厂商直销，剔除了中间商的成本，因此销售产品的成本较低，商品价格往往比市面上的便宜，这些都给消费者带来实惠。 如果说前十年主流消费群体还是70后的话，那么现在的消费群体都是80后和90后了，千万不能忽视这两代人，如果说80后还是只有少部分人选择网购的话，那么90后必然是8成以上的人选择网购。。
三、建站规划
1.明确建立网站的目标和用户需求
企业网站的设计是展现企业形象、介绍企业的产品和服务、体现企业发展战略的重要途 径。必须明确设计网站的目的和用户需求，从而做出切实可行的设计计划。要根据消费者的 需求、市场的状况、企业自身的情况等进行综合分析，牢记以消费者为中心。
2.主题鲜明
在目标明确的基础上，即网站是面向企业客户的还是个人消费者客户的，是销售还是服 务，完成网站的构思创意即总体设计方案，对网站的整体风格和特色做出定位，规划网站的
组织结构。网站应针对所服务的对象(企业或个人)的不同而具有不同的形式。
3.网站的版式设计
网站网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。充分向客户介绍企业产品的功能和特点，以吸引消费者/企业购买。
4.多媒体功能的利用
网络资源的优势之一是多媒体功能。可以吸引浏览者的很大注意力，页面的内容可以用三维动画、Flash等来表现。但要注意，由于网络带宽的限制，在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度。
5.网站内容更新与沟通
企业网站建立后，要不断更新内容。网站信息的不断更新、让浏览者了解企业的发展动 态和网上业务等，同时也会帮助企业建立良好的印象。在企业的网站上，要认真回复用户的 电子邮件和传统的联系方式，做到有问必答;要使网站访问者感受到企业的真实存在，并由 此产生信任感。
6.合理运用新技术
新的网页制作技术几乎每天都会出现，如果不是介绍网络技术的专业站点，一定要合理 运用网页制作的新技术，切忌将网站变成一个制作网页的技术展台，永远记住用户方便快捷 地得到所需要的信息是最重要的。
四、商务网站整体风格设计
网站的整体风格是指网站整体形象给访问者的综合感受。应根据企业的要求与具体情况找出特色，突出特点。比如网易网站，网站定位个人互联网应用的门户网站，它面向年轻、时尚的人群，这使得B2C 企业、消费品供应商、生活资料供应商用网易搜索引擎向最终消费者推广成为首选。淘宝网作为C2C 平台，其亲切活泼、方便安全的特点吸引了千万访问者将其网站作为创业平台。作为电子商务网站，风格的一致性也是极其重要的。网站结构的一致性、色彩的一致性、导航的一致性、背景的一致性以及特别元素的一致性都是形成网站整体风格的重要因素。
(1) 设计网站标志。 网站的标志(Logo)也可以说是企业的标志，应尽可能地出现在每一张网页上，例如页眉、页脚或者背景上。标志可以是中文、英文字母、符号、图案，如新浪网站是用字母Sina 和眼睛组合作为标志。也可以用代表性的人物、动物、花草作为设计蓝本，加以卡通化和艺术化，比如搜狐网站的标志，标志的设计创意来自网站的名称与内容。专业性网站可以用本专业最具代表性的物品作为标志物，如工商银行。最简单与常用的方法是用网站自身的中、英文名称作标志，如淘宝网。
(2) 设计网站的标志色彩。 标志色彩是体现网站形象与网站内涵延伸的色彩，确定标志色彩是相当重要的事。例如阿里巴巴与淘宝网的标志色彩都与网站标志颜色一致，其主色调是大多数客户都喜欢的。IBM 的深蓝色及乌镇旅游网的古色古香都让人感觉贴切、和谐。要注意网站的标志色彩不能过多，标志色彩也主要用于标志、标题、主菜单与主色块。文字的链接、背景、边框色彩尽量与标志色彩一致，给人整体统一的感觉。
(3) 设计网站标志字体。 标志字体是用于标志、标题、主菜单的特有的字体。一般要求在关键的标题、图片、菜单里使用特别的字体，体现与众不同的风格。因为只有被安装 在客户计算机操作系统中的字体才能显示出来，而操作系统所安装的字体又是有限的几种，因此，大多数商务网站采用网页的默认字体。
(4) 设计网站标语。 电子商务网站的标语是网站的精神，是网站的目标表达。网站
的标语可以用一句话或者一个词来概括，类似实际生活中的广告句。Intel 的“给你一颗奔腾的心”，阿里巴巴网站的“全球最大的网上贸易市场”，主题突出，个性鲜明。这些标语放在首页动画、Banner 里或者醒目的位置，所起的作用相当大。需要说明的是，电子商务网站整体风格的设计并不是一次就能完成的，但需要在第一次设计时定位，然后通过网站运行与管理的实践再行强化和调整。
电子商务网站常用的功能模块
五、网站内容设计的要求
电子商务网站内容设计是网站建设的重点。企业要在互联网上展示自己的形象，宣传 企业文化，开展商务活动，网站内容的设计是决定成败的关键。网站内容设计一般从以下 几个方面考虑。
(1)信息内容要有特色
网站内容是客户最为关注的，客户访问网站的目的就是为了发现自己感兴趣的信息。因此，网站内容的新颖、专业、精炼是吸引用户访问，提高网站效益的关键。网站规划者与设计者应把网站内容的特色放在第一位考虑。其次，内容的及时更新也至关重要。网页的内容应是动态的，随时可进行修改与更新，以紧紧抓住用户。
(2) 使用操作方便易行
电子商务网站主要是实现网上商业贸易，客户并不都是计算机操作能手或者贸易专家。 因此，要充分考虑网站使用操作的简便性。要提供方便易行的交互功能，包括留言簿、反 馈表单、在线论坛或者社区;要提供强大的搜索工具与帮助功能，方便客户检索与交易;
要为客户提供个性化的服务，满足不同客户的需求;设计贸易流程要清晰流畅，减少客户 商业贸易过程中的信息干扰等。只有当客户能方便地在网站上进行信息交流，实现网络贸 易时，网站才能吸引客户，才能与客户建立良好的互动关系，从而增加销售与服务的机会。 (3) 访问快速安全
如果网站内容能吸引人，但打开网页的速度让人失去耐心，最终会影响网站的访问量。因此，网站必须具备良好的硬件与软件环境，网页设计也要考虑简洁明快，以提高访问速度。另一方面，设计网站时，要充分考虑客户获取信息的便捷性，如果客户想了解某种型号的产品的相关信息，一般都要能够在2～3 次点击之内得到，也就是网站首页有指向产品网页的链接，产品网页有指向各型号产品网页的链接，型号产品有指向更为详细介绍产品信息的链接。在电子商务交易过程中，应该尽可能地保证服务器不发生死机，防止病毒发作等问题，以免引起客户的交易中断，信息丢失等问题。
六、营销推广手段
传统硬广告
楼宇、站台、公交、电视广告等
网络硬广告
覆盖面广，成本高，针对性弱
主流网站广告、MSN、QQ、覆盖面广，成本高，针对性邮箱站点广告等
较强
软文营销 资讯、论坛、博客软文营销 覆盖面中等，成本低，质量
要求高
SEO 搜索引擎优化 技术要求高，成本低，效果好，但注意程度掌握
Google、Baidu合作 网络广告联盟
竞价排名、购买关键词 成本高，效果好，关键词选择要求高
CPC、CPM、CPA、CPS、CPP1等合作方式
成本一般，对广告商的信誉要求高，转化率有高有低 成本低，效果一般 成本一般，针对性强，效果
网站合作 特定渠道推广
合作销售、链接合作 特定场合的针对性宣传，如
房产展博会上宣传册发放。 好
促销推广
有奖活动、促销、积分券组合等
人员推广
线下合作、线下直销
成本一般，吸引力高，效果明显，但有时间要求
成本高，周期长，风险较大， 但收益也大
EDM营销
邮件目录发放 成本低，转化率低，对注册
用户可征求发放
QQ群、团购推
广
其它 由销售人员组织QQ群和团购队伍 成本低，周期长，对组织者能力要求较高 短信营销、银行合作营销等 成本较高，合作门槛较高，
效果较好
七、计费方式
CPC： 每点击成本，按广告商网站浏览者点击广告客户的广告次数来收费;
CPM： 每千次展示费用，按广告商网站展示广告客户的广告的次数来收费;
CPA： 每行动费用，指按广告商网站浏览者点击广告并在广告客户网站注册的次数收费; CPS： 按广告客户网站受益于广告商而带来的销售数量进行收费;
CPP： 按广告客户网站受益于广告商而带来的成交笔数进行收费。
八、第三方物流选择
物流配送是消费者在网络购物过程中非常关注的要素之一，消费者在意购买的产品能否快速、准确及适时地将货物送到，尽管B2C企业的物流环节只是整个网络购物流程的一部分，但这个环节给予消费者的体验感觉是至关重要的，所有的消赀前都希望立马拿到购买的产品，并尽快享受到使用产品时的愉悦，一旦产品送达时出现拖延或途中有所损坏，消费者的感觉将十分糟糕，这直接影响到消费者的网络购物情绪，并对B2C商家的形象产生不好的印象。
对网站用户的订单商品配送，考察选择多个物流合作伙伴，探讨合作方式，目前主要的服务于电子商务的第三方物流企业有：顺丰快递、宅急送快递、EMS、全一快运、、圆通速递、申通速递、中通速递、中铁快运、天地华宇等;
对物流合作企业进行物流价格、覆盖范围、运输条件、配送时效、货物配送安全性等多指标的综合考察，筛选优质物流合作企业。
[关键词] Struts 商务网站 MVC
随着计算机和网络技术的飞速发展，IT技术在商业贸易领域中的应用将越来越普及，对于一个大型企业利用计算机和通信技术实现网上商务活动势在必行。在各种技术的应用中，往往是网站开发人员把编写程序的代码与企业的业务逻辑混合开发，出现网站开发周期长及维护管理混乱等困难。采用基于Struts框架开发技术来设计网站，这些问题将迎刃而解。
一、Struts框架简介
Struts是通过提供一个总体的开发框架来实现MVC（Model-View－Controller）设计模式，这个框架提供了一系列的系统服务作为管理HTTP请求及响应的补充。该框架技术主要包括以下内容：
1.MVC架构设计
使用MVC设计模式构建的应用主要分为三个层次，M（模型）主要负责业务逻辑处理，V（视图）主要负责页面显示，C（控制器）主要负责控制管理职能。这样整个应用分为三个层次开发使应用程序的重用性和可维护性更好，而且利于分工，提高开发效率。
2.Struts标签库设计
Struts框架提供了一组标签库用于和Beans组件进行交互。其中form标签可以嵌套商务网站中的文本输入框、下拉列表等表单，Beans标签为设置它的属性提供了方便，并可以对组件的参数进行访问。
3.配置文件设计
在Struts框架应用中最重要的要属配置文件struts-config.xml文件的设计。通过它可以设计网站访问的数据源、动态的表单组件、全局映射表及异常处理等。
二、基于Struts的网站设计应用
1.在集成开发环境下装载Struts库
该过程主要包括两个部分，一个是装载运行时的Struts库，一个是装载编辑时的Struts库。前者目的是便于在继承开发环境上运行应用服务器时，服务器能找到相应的Struts库，因而需要将Struts的标签库文件放到指定的目录下面。后者目的是使在进行Struts程序开发过程中不会出现编辑错误。
2.实现Action中央控制器
ActionServlet是Struts最核心部分，相当于中央控制器，通过org.apache.struts.action.ActionServlet类来实现，web应用程序通过它来控制页面流程，通过传来的参数来分配下一个页面。
ActionServlet负责接收所有页面提交的请求，并产生相应的响应送到请求页面。一旦web容器接收到外部请求时，它的doPost方法将会处理来自客户端信息，并调用RequestProcedessor对象处理该请求。其工作原理如下图所示:
Action Servlet工作原理图
3.组件类设计
Form Bean类负责网站的显示内容，进行基于Struts的Form Bean开发是通过其基类ActionForm类来完成的，该类继承于org.apache.struts.action.ActionForm类，可以自动将页面的表单内容保存起来，并通过请求模块进行信息传递。
4.配置Struts-config.xml文件
如前所述，ActionServlet是Struts的控制器，是最核心部分，这个控制器通过配置Struts-config.xml来完成。
Struts通过定义路径参数来定义转向Dispatch的路径，在该文件里添加标签，这样实现了转向路径的可配置化，避免在程序中写具体路径，易于今后的数据维护和程序修改。
设置动态Form Bean不需要事先创建Form Bean类，直接在配置文件中定义相应的名字和每一个字段类型即可。
5.创建表单校验器
商务网站中提供了大量的表单输入，假如在完全输入后才进行校验显然是不行的，可以采用基于页面输入校验的Struts Validator来解决。Struts Validator是基于Struts来进行页面校验的组件，它可以完全通过配置来完成页面的校验，不需要写代码，它实现了页面显示层和页面校验层的分类，又通过配置将二者整合，整个过程是利用插件标签来实现的。
三、构建、部署和测试Struts应用
由于jakarta项目已经为JSP平台提供了一系列应用系统，因此使用jakarta Ant 来构建和部署Struts应用不仅使开发大型网站变得更容易，而且还具有良好得跨平台特点，结合Junit更发挥了自动化测试功能。可以说基于Struts的网站开发应用构建了电子商务建设领域新的里程碑。
参考文献：
[1]杜明李朝纯:Struts+EJB在J2EE平台上的设计与实现[J].计算机应用研究,2005,(03)
[2]冯相忠:基于MVC设计模式的Struts框架及其应用的研究[J].计算机技术与发展,2006,(08)
关键词： 《建立主题网站》 教学设计 教学反思
一、对教材的分析与处理
（一）教材分析：（我对教材的认识与理解）
本节课是教科版《网络技术应用（选修）》第四章《建立主题网站》的第一节课，要让学生通过网站更好地表达自己的思想，制作出有个性、有创意、有意义的优秀网站。本节课是至关重要的一节课，是为接下来的课时做铺垫打基础的。
（二）教材处理：（我对教材的使用与处理）
这一章的第一、第二节分别是“规划网站”和“网站设计”，根据信息集成的一般过程：选题立意—规划设计—开发制作—评估测试，本节课主要完成选题立意和规划设计中的部分工作，而本章第一节中的选择网页制作工具可到开发制作阶段再讲，所以我将第一节和第二节的主要内容进行加工重组，具体设计思路是：通过复习导入，让学生明确建立主题网站要经历的阶段，观摩一些优秀的主题网站，并根据自己的兴趣爱好确定网站主题及网站名，之后围绕自己的主题合理有效地规划网站结构（含栏目设计）及首页框架，课后根据需要收集素材，并强调注意保护知识产权，避免侵犯他人的版权。
二、对学习者的分析
学生在上学期已经尝试利用FrontPage软件模仿制作了一些简单的网页，但是并没有经历从主题的确定到网站的规划到制作出有创造性的个性化的作品这样一个过程。高一的学生有自己喜欢的网站，而且他们已有了一定的网页制作基础，以主题网站为平台，可充分调动他们的积极性，激发他们的潜能，让他们的思维能力和创新能力得到尽情的发挥。
三、教法阐述与学法指导
（一）教法阐述
基于对教材的全面分析、理解与加工，对学习者心理和知识水平的了解与分析，本节课主要以学案为支架，在“复习导入”环节，主要采用讲授法，通过教师引导、学生复习回顾，来引出课题；在“探究实践”环节，采用任务驱动教学法，先让学生观察，再经过师生共同分析和交流，从而确定网站主题，规划网站结构和设计首页框架；在“评价小结”环节，通过自评和互评，使学生形成积极主动学习和利用信息技术、参与信息作品创作的态度。当然，整个教学过程始终贯穿“赏识教育法”，希望给学生营造愉快、积极、向上的学习氛围，让学生愉快地学习。
（二）学法指导
把学习的主动权交给学生，以学案为支架，通过实例体验信息集成的一般过程，通过欣赏优秀作品，激发学生的学习兴趣，同时观察、提炼和归纳学习要点，在与同学的交流中，进一步巩固所学知识，在自主、轻松的过程中完成学习任务。
四、教学设计（对教材的设计与加工）
（一）教学目标
1.知识与技能
（1）能根据自己的兴趣爱好确定网站的主题；
（2）学会根据主题合理有效地规划设计网站；
（3）能对网站的主题、内容、创意之间的关系进行评论并阐述自己的观点。
2.过程与方法
（1）通过学习学案中的资料，结合自己的兴趣爱好，确定网站的主题，并合理有效地规划设计网站的结构图及首页框架；
（2）通过师生的讨论和实践的过程，能够深刻体会到做事要进行事前规划的思想方法。
3.情感态度与价值观
（1）能阐述自己的观点，并能正确的评价他人的作品；
（2）在进行网站的选题立意、规划设计的实践中，使学生形成积极主动学习和利用信息技术、参与信息作品创作的态度；
（3）能够体会到借鉴别人作品和代码时应注意知识产权的问题。
（二）教学重难点
重点：确定网站主题、结构及首页框架；
难点：围绕网站的主题合理的规划设计网站结构及首页框架。
（三）教学过程
1.激趣导入
师：通过课前的观察和交流，老师知道大家肯定和我一样喜欢上网，你能向大家介绍下你经常去的网站吗？这个网站有哪些吸引你的地方？
【设计意图：激趣导入，拉近距离。】
学生自由回答或指名回答。
师：我们在必修中学过，网站也是信息集成的一种表现形式，首先我们来复习一下，信息集成的一般过程：选题立意—设计规划—开发制作—评估测试。大家一定也想拥有一个属于自己的主题网站吧，今天我们就一起来学习第四章《建立主题网站》。
【设计意图：复习回顾，引入新课。】
2.探究实践
（1）确定网站主题
请同学们浏览学案资料一中推荐的六个主题网站，同时思考：（1）你喜欢其中的哪个网站？（2）这个网站的主题是什么（如教育、音乐、公益等等）？网站名是什么（如“淘宝”、“搜狐”等）？（3）你有更好的网站推荐给大家吗？有的话请补充在资料一下面。
【设计意图：让学生通过欣赏优秀的主题网站，激发创作愿望，同时能够提炼、归纳网站的主题，并了解网站主题和网站名之间的联系。】
指名学生发表自己的观点。
师：根据刚才信息集成的一般步骤，我们要建立主题网站首先应该做什么？
生：确定主题。
师：资料二中列出了全美知名的十类网站主题，同桌之间互相讨论，可以进一步细化并扩充，然后确定你的网站主题和主题名，这里老师有三个小小的建议：（1）选择自己感兴趣的；（2）主题定位小而精；（3）网站名形象、简单、易记。
学生自由交流，然后确定各自的网站主题和网站名，教师巡视了解。
（板书：规划设计主题网站）
师：好，现在请大家看看同桌的网站主题和网站名，对你是否有启发。
根据齐鲁网及山东传媒职业学院毕业生岗位调研结果，我校毕业生在网页设计方面适应的岗位主要有网页页面设计、前端网页开发、后台动态网页开发等。
网页页面设计：主要应用Photoshop、Illustrator等图片处理和图形设计工具;
前端网页开发：主要应用Dreamweaver、Notepad++、Editplus等网页编码工具;
后台动态网页开发：主要应用Mysql数据库、PHP动态页面开发工具等。
这些工作岗位要求学生熟悉整个网页设计和开发的工作流程，具备所需的基本知识和操作技能，同时还要有良好的职业道德和团队精神，以适应行业发展需求。为了进一步实现职业院校的人才培养目标，提高职业教育的教学质量，围绕实际的网页设计和开发的工作过程，对《网页综合实训》课程进行改革和开发。
二、课程设计原则和设计依据
设计原则：以学生为主体，提高学生的学习兴趣;以职业岗位任务为导向，组织教学内容;以职业岗位需求为依据，突出职业能力培养;以项目为载体，训练学生职业岗位能力和自学能力。
设计依据：本课程以真实完整的网站开发项目为载体设计教学过程，以网站技术人员的岗位工作任务为依据，设计相应教学工作任务，以这些工作任务为载体设计学习情境。教师带领学生在网络机房完成网站项目的开发设计任务，学生以小组为单位开展工作任务。
三、根据岗位能力要求和专业培养目标，确定课程培养目标
1.岗位能力目标
（1）网页页面设计：要求学生能对网站结构进行规划及功能设计、能利用ps等工具设计制作网页页面效果图;
（2）前端网页开发：能将网页效果图重构为HTML网页、能为网页添加常用的js特效;
（3）后台动态网页开发：能进行网站后台数据库设计;能对常用的动态页面功能模块进行开发。
2.职业素质目标
完成具体工作项目，要求学生能自主学习和查阅资料。通过网络搜索资源，首先通过模仿然后举一反三，自主分析问题、解决问题;完成整个网站开发工作项目，要求学生具备良好的职业道德，能够团结协作共同完成工作任务，重在培养学生的团队合作能力和爱岗敬业精神。
四、根据工作流程，基于工作任务，设计学习情境
1.设计思路
网站开发实际工作任务主要包括网站规划设计、网站前端设计、网站后台开发、运营与维护。网站开发过程中的重要环节为设计与开发，即网站规划设计网站前端设计网站后台开发。遵循实际网站开发流程，本课程主要针对这一阶段设计开发一个实际的网站。
2.学习情境设计
遵循网站开发工作流程，以工作过程为导向，以项目为载体，把本课程设计成以下五大学习情境：（1）网站的整体规划设计;（2）网页设计与实现;（3）网页特效设计与实现;（4）网站后台数据库设计;（5）网站后台功能设计。
3.学习子情境设计
对应工作流程和能力目标，每一个情境又以工作任务为载体细分为若干个子情境，即学习任务。学习子情境要与整个项目的实际工作过程相结合，与每个工作阶段的能力目标相对应。下面以第二大情境――网页设计与实现为例，进行基于工作过程为导向的学习子情境设计与实施。
学习情境二：XX网页设计与实现
子情境设计及主要工作任务：
（1）网页版面设计：规划网页页面内容版块;绘制页面布局线框图;
（2）网页素材的搜索及制作：根据网站主题和风格，利用网络搜索，或利用工具软件制作网页素材;
（3）网页效果图设计与实现：利用ps完成网页设计psd效果图;
（4）HTML网页重构：根据psd网页设计图编写html网页代码。
4.考核评价设计
考核方法：本课程的考核包括平时过程考核和期末结果考核，两者各占一定比例。
考核对象：包括小组团队考核和个人表现考核，且侧重于团队的考核，着重培养学生的团队协作意识。过程考核除了考核团队协作以外，还要对学生个人表现情况进行考核，根据小组分工、工作量和完成质量等对每位学生进行考核。
关键词：中国元素；茶类；网页设计；应用
从古到今，我国的茶叶在世界范围内都是小有盛名的，且茶文化的发展源远流长。网站是当今网络信息传播的重要平台，在最近几年来发展迅速，作为一种新型的艺术表现方式，茶类网站的设计也随之应运而生，并且发展势头迅猛，加之科学技术的日益进步，使得茶类网站页面设计的方式也变的多种多样。传统文化的多元化以及艺术形式的多样化，再加上多种思想与文化间相互碰撞，引发了设计师们对茶类网站页面设计的关注度。
1中国元素含义及形态
1.1中国元素的含义
所谓中国元素就是人民大众在日常的生活、生产中不断探索、总结出来的，具有中国特色的文化成果，这种文化成果不但包含隐形的精神内涵，也包含有形的图案、符号。由于受我们国家传统思想的影响，目前，我们国家在设计网站时，也表现出中华文化的和谐性、包容性以及多样性，在这样的基础上，设计具有中国特色的网站就更加要把握好尺度，也就是要表现出中华文化兼容并蓄的传统，同时又要预防失去自身特色，一味的模仿他人。
1.2中国元素的主要表现形态
第一，方块字书法，方块字有抽象符号的作用，它自身就具备审美趣味。汉字在网站的设计中是一种符号或是一种特别的图形，它不仅是语言信息的载体，表现出它的形状外，还代表着文化方面的意义，比方说：行书如行云流水；草书结构简省、画笔连绵；楷书工妙于点画，神韵于结体。把中华书法的艺术融入到现代化的网站设计中，能够有利的彰显出网页所独具的文化民族特色。第二，图形。在设计网页图形的时候，要在传统图案上加以丰富的想象力，选择独具特色的表现形式，给浏览者一个新奇而又独具特点的视觉感受。将传统图案里的点、面、线、色彩、纹理等融入到网站设计里，形成具有传统特点和现代艺术相融合的审美特色，图案的多样性和统一、平行、尺寸比例、韵律以及节奏等特点，将这些特点融合到一个画面中，彰显出循序有律的艺术规律。第三，版面。通常为了引起阅读者的注意，会在网站显著的位置上放置关键的内容，例如版面的中间或是上面，并且，设计师通常会将同样主题的内容统一放到网站页面的同一区域里。在我们国家设计师在设计网站时通常会将版面划分为图形区、文本区、版权区等等。
2中国传统元素应用于茶类网页界面设计的可行性
网站页面设计中，最基础的视觉元素有色调、版式、图片、形状、文字，除了这些以外还有一些特有的视觉元素，比方说多媒体、动态等。网站页面设计考虑的就是怎样将这些元素合理的安排，呈现出一幅和谐、明了、美观、而又统一的网站页面，让浏览者可以更加清楚、有效地了解信息同时还会给其带来一种愉悦的感觉。全世界不同区域内用户的审美心理存在千差万别，就像欧洲国家他们不太喜欢色彩艳丽、花里胡哨的设计风格，而是相对喜欢一些雅静、简单、简洁而又严谨的风格形式。韩国的用户喜欢细腻、布局整洁、清晰的设计。与其相比，我们国家大多数的茶类网站页面缺乏特色之处，一味的随俗浮沉，无独特的艺术感染力。其实，我们国家有着十分浓厚的传统文化和丰富的艺术元素，借助丰富的想象力把这些文化、元素融合到茶类网站页面的设计中去，相信一定可以设计出具有我们国家独有的、特色的网站页面作品。
3中国元素在茶类网页设计中的应用
3.1茶类网页版式与中国水墨元素中的“章法构图”
茶类网站页面设计师在设计时，第一步要做的就是进行构图，就是最优秀的创意也必须从构图开始，只有通过构图形式的变化，才能将视觉语言效果呈现出来。在我们国家的传统水墨画中，构图被称之为“布局”或是“章法”，在水墨画中是十分重视构图的，他不是遵从欧洲国家的透视理论，相反的是具有自身特点和呈现方式的，比欧洲国家的绘画更有随意性，使得画面中融入了画家更多的思想意识。在构图的过程里，我们国家的水墨画是比较重视“计白当黑”，巧妙构思保留着大小、主次、轻疏不同而形成的“空白”，给观赏者留有丰富的想象空间，也使画面更加的独具特色。我们在设计茶类网站页面时也要这样去做，将我们国家的艺术审美形式融入到设计里，让网页中游走着“空白”，给设计师和浏览者的心灵沟通提供平台。现在茶类网站页面设计流行简约同意境相结合，茶类网站页面设计可以参考我们国家传统水墨画的构图原则，通过简洁的概括水墨画以及再应用来提高页面设计的意境，使得网站页面设计多元化，例如敬庭尧，他在设计个人网站时，选用的就是水墨元素的设计，它的网站将水墨的优美与页面中的空白呈现的出神入化、惟妙惟肖。茶类网站页面设计中主要运用水墨这种极具民族特色的视觉元素，在配备墨印、印章、水印以及宋体字，文字和图案遥相呼应，创造出一幅完美衔接的构图搭配，给人们浏览网站页面时带来一种书香气韵和视觉上的冲击。
3.2茶类网页设计中中国传统色彩的应用
在茶类网站页面的艺术设计里，最重要的视觉元素就是色调，和谐的色调搭配可以产生强烈的视觉冲击效果以及艺术的渲染力，让人们记忆深刻。在设计里，色彩关系到所有的设计元素，是不能缺少的一部分，在茶类网站页面设计中，吸引浏览者眼球以及让其自发进入网站了解网站内容和阅读网站内容最为关键的就是色彩的搭配，色彩肩负的任务是十分重要的。亚洲传统色彩的特点是神秘而又婉转、含蓄，在传统色彩中包含着悠远的历史文化和历史文明，蕴含着古老民族对未来幸福生活的憧憬和向往，吸引着全世界人们的关注。在我们国家的传统色彩中，青色、黑色、赤色、白色、黄色这五种颜色分别代表了我们国家传统文化中的东方、西方、南方、北方、中部等五个方位以及金、水、木、火、土等五行，我们国家的色彩文化和大自然、宇宙世界、哲学理论、伦理道德等许多观念密切融合到一起，组成我们国家独有特色的传统色彩文化。在我们国家的历史记载中，最早开始使用黑色、白色这两个颜色的，还有不同深浅的赤色，而且被广泛的运用。所谓的赤色就是我们常常说的红色，红色是我们国家人民最喜欢的颜色，也是日常生活中运用最广泛的颜色，它蕴含着许多种不同的含义，有个非常贴切的词语就是“中国红”。我们国家茶类网站页面设计就能够把网站页面的主色调设计成不同成色的红色，用它来呈现出我们国家茶文化浓厚的历史韵味和历史意义。
3.3茶类网页设计中汉文字的应用
信息的重要载体与表现方式就是文字；我们国家汉字的独特形状表现着我们中华民族的传统文化特色，且它有思维导向与图形表意的作用，是构成网站的基础。在茶类网站页面设计的过程中，有些设计师也许会忽视了文字排版所发挥的重要作用；现实情况是，在网站页面所有内容中，所占比重最大、最多的就是文字信息。网站页面中除了大段的正文描述外，像其他的，例如网站页面标题、引导、指示信息、文字链接、说明图片等内容，这些内容也不能离开文字表述。我们国家和古代印度、古代巴比伦、古代埃及四国被称之为世界的四大文明古国；在这四个文明古国中，我们国家的文字是一直被运用的，从来没有出现被停用的情况，一直不断被改进，不断被完善，一直被沿用到现在，追溯文字的发展历程，我们国家的汉字经历了甲骨文、金文、大篆、小篆、隶书、楷书、行书、草书等等的形式，最后在象形文字符号的基础上演变成为我们现在所通用的方块汉字，直到现在它依然保持着顽强的“生命力”。有个名字叫“悟空堂陶社”的网站，它就是采用我们国家象形文字的独特之处，把“悟空堂”这三个字做成拥有十足意蕴的独特标志，这种设计让浏览者感觉像是回到了原来的自然意境中；茶类网站页面中对细节的一些问题进行了独特的处理，比方说字号的大小和字号字体的选择都进行了特殊的处理，这些细节之处都充分表现出我们国家茶类网站页面设计正在努力朝着突出本国特色的方向发展。目前，我们国家茶类网站页面上的字体多数是选择偶数级别的字号来决定字体的大小，像是2pt或是14pt，这样做的好处就是页面上多行文字的边缘处不容易形成锯齿状；与此同时把行距之间的距离调大，这样做可以改观过去汉字在页面上拥挤杂乱的现象，科学的调整文字版面之间的间距与节奏；最后去除了过去一味的追求像欧美国家网站一样美观的外表，而选择小的文字字号，进而影响到文字信息的阅读效果的这种做法。
4结束语
总而言之，我们国家传统的文化元素不但是传承技巧和智慧的语言，同时也代表着设计师们独特创意的心声。这就要求我们在设计茶类网站时候，站在我们国家传统文化的基础上，不断的寻求新的发展和创新。在设计网站时将中国元素的图案、形状、意境、色调进行有机融合，以此来完成网站页面设计的创新。
参考文献
[1]王艳.中国传统绘画元素在现代平面广告设计中的应用研究[D].西北师范大学,2014.
[2]高展.我国茶叶电子商务市场现状分析及营销模式研究[D].西南大学,2015.
[3]郑莎莉.基于网络数字媒体的茶文化推行方案设计实现[D].上海交通大学,2014.
[4]张兵文,李付青.基于云计算的茶企营销网站安全研究[J].福建茶叶,2016(7).
[5]黄静.网页UI设计中“中国风”元素的应用研究[J].美术教育研究.2016(22).
[6]罗岱,王玉砚,黄静仪.中国元素在旅游导览系统界面设计中的应用[J].包装工程.2016(08).
关键词：网站规划；网站设计；布局
中图分类号：TP393文献标识码：A文章编号：1009-3044(2008)31-0829-03
Site Planning and Design
JI Lei
(College of Finance and Economics, Qinghai University, Xining 810001, China)
Abstract: The rapid development of Internet, a web site to promote the emergence of the website is the business or individual in the image of the show on the network platform, is here to understand the businesses or individuals a way. This paper describes the process of building the web site, site planning, principles, the layout of the website.
Key words: Site Planning; web site design; layout
1 引言
Internet已成为当今时代人们获取信息的重要途径，它改变了人们的生活、工作和学习的各个方面。人们可以Internet信息，交流思想，推广科技，检索行业信息等。它所具有的数字化、多元化、全球化、多媒体化、实时性、交互性等众多特征使它也具有了越来越广泛的商业用途。但是离开各种网站，Internet的众多应用都无从谈起。
2 网站规划
在网页设计前，首先要给网站一个准确的定位，是属于宣传自己产品的一个窗口，还是用来提供商务服务或者提供资讯服务性质的网站，从而确定主题与设计风格。网站名称要切题，题材要专而精，并且要兼顾商家和客户的利益。建设一个有影响的商业网站，从结构设计、页面设计到时数据库的集成，每一个环节都非常重要。
2.1 网站的基础规划
在Intenet中，网站成千上万，浏览者常常是走马观花，一带而过，只有精彩、内容极其丰富的网站，才能吸引住浏览者。这种结果首先要归功于网站的规划。独具匠心的网站规划就像一幢宏伟的建筑前期的规划设计一样，要进行认真、科学的总体规划，之后才可以“破土动工”。网站规划主要有两大部分：一是规划涉及的内容，包括每一步的目标、内容；每一步的人力安排；每一步生成的文档。二是网站的要素，包括网站的内容、网站的功能和网站的表现形式。网站建设的基本流程如图1。
2.1.1 明确网站设计目标
展示公司形象，公司信息和提供服务，宣传公司产品是商业网站建设的要求。所以在设计网站时必须明确目标，从而做出切实可行的计划。
2.1.2 迎合客户需求
会有越来越多的人使用Internet，Internet也将成为人们生活中不可或缺的部分，越来越完善的网络服务走进千家万户。我们的网站必须能满足众多网民的需求。
2.1.3 产品宣传的需要
通过Internet进行产品、宣传无疑是最理想的途径，人们越来越习惯到Internet上查找所需要的信息，并且作为首选的途径。宣传单、产品介绍，这些都只是一张静止不动的纸。而网站，在代表公司的网页上，客户却能听见公司真诚的声音，看到友好的笑容，而且它是动态的，可以随时加入最新的内容。这无疑接拉近公司与客户间的距离。
2.1.4 与客户沟通的桥梁
客户对公司产品的意见，对公司的建议，可以通过客户留言板即时得到并迅速反应，然后通过网站中的站长回复功能再反馈给客户。还可以通过信息交流论坛与客户在线交流。
2.1.5 优化工作提高效率
行业资讯提供公司最新的动态介绍，公司的一些最新决策、促销活动等，还可以将客户经常关心的问题在网站上，不必再为重复答复这些问题而苦恼，从而使工作更具效率。
2.1.6 和谐页面
要将丰富的内容和多样的形式组织成统一的页面结构，形式和语言都必须符合页面的内容，体现丰富的内涵。运用对比与调和，对称与平衡，节奏与韵律以及留空白等样式，通过文字、图像相互之间的关系建立整体的均衡状态，产生和谐的美感。
2.1.7 网站信息更新与维护
当访问者与网站进行信息交互、用户信息时，该网站才会动态显示，才具有生命力。要把网站规划为动态网站，具有后台数据库的支持和远程维护的功能。 这样只有当网站投入运行后才能及时地更新网页信息。一个网站必须要保持经常性的更新，才能不断吸引访问者再次光临，使潜在消费者变成客户。如果网站一成不变，是无法获得更多商业机会的。
2.2 网站规划原则
在设计之前，先画出网站结构图，其中包括网站栏目、结构层次、链接内容。首页中的各功能按钮、内容要点、友情链接等都要体现出来，一定要切题，并突出重点，应把大有大段的文字换成标题性的、吸引人的文字，将单项内容交给分支页面去表达，这才显得页面精炼。也就是说，首先要让访问者一眼应能了解到这个网站能提供什么信息，使访问者有一个基本的认识，并且有继续浏览的兴趣。要细心周全，不要遗漏内容，还要为扩容留出空间。分支页面内容要相对独立，切忌重复，导航功能要好。网页文件命名开头不能使用运算符、汉字等，分支页面的文件存放于自己单独的文件夹中，图形文件存放于单独的图形文件夹中。
2.2.1 明确建设网站的目的
建立网站之前，要有明确的目的，即所要建立的网站的作用是什么，服务的对象是哪些群体，要为浏览者提供怎样的服务，只有找准了网站的定位，才可能建成一个成功的网站。
2.2.2 进行可行性分析
可行性分析就是分析是否有能力、财力建设和维护这个网站；分析网站建成以后是否有一定的经济效益或社会效益；分析网站建设需要花费多少时间、精力、人力，性价比是否合算。
2.2.3 网站的内容设计
建设网站就要为用户服务的，根据网站建设的目的，分析浏览者的需求，确定网站的内容。例如一个电子商务网站，就要根据消费者的需求、购买力、购买习惯等要素设计网站每个网页功能，以满足客户的需要。
2.2.4 网站的表现形式设计
有了好的内容，还要有好的表现形式，这就是网站本身的设计。例如设计网站的CI标志、网站的文字排版、平面设计、三维立体设计、静态无声图文、动态有声影像等。
2.2.5 技术需求
提供网站建设的技术综述。利用什么样的工具，运用什么样的语言。例如HTML、JavaScript、ASP等。
3 设计布局
布局就是以最适合浏览的方式将图片和文字编排在网页的不同位置，使得浏览者的视觉效果与使用效果达到最佳状态。网页的整体布局在网站设计中占据着关键的位置，起着主导作用。
网页设计首先涉及到的就是网页的编排问题。网页作为一种版面，有文字和图片。而文字有大有小，有标题与正文之分；图片也有大小，有横幅与竖条之别。文字和图片要同时展示给浏览者。如果只是把它们简单的罗列到一个页面上，会使得页面零乱不堪。因此必须根据内容需求，将文字和图片按照一定的次序进行合理的编排和布局，使它们组成一个有机整体，展示给浏览者。
3.1 布局设计元素
网页布局设计就是在有限的空间内，合理安排组成网页的各种元素的位置，使页面美观，达到最好的视觉效果和艺术效果，把网页要表达的信息有效地传达给浏览者。网页布局必须以网站主题和页面内容为依据，以准确、有效的表达信息为目标，达到形式与内容的统一。一般网页都包含页面标题、网站标志、页眉、导航栏、内容版块和页脚等部分。
3.1.1 网页标题
每个网页都有一个标题，用于标识网页，指示网页的主要内容。网页标题显示在浏览器窗口的标题栏中。在设计网页时，网页制作软件一般自动为网页文件指定“未命名”作为网页的默认标题。显然， 这样的标题是毫无意义的。在设计网页时，应该养成给网页指定标题的习惯，使浏览者看到标题就能了解网页的主题内容。
3.1.2 网站标志（LOGO）
LOGO是网站特色和内涵的集中体现。如果是企业的网站，网站标志常常采用企业的标志或者注册商标。一个好的LOGO可以给浏览者留下深刻的印象，在网站和企业的宣传推广方面起着十分重要的作用，一看见LOGO就能联想起该网站。
3.1.3 页眉
页眉指页面的顶端，通常水平放置于导航栏上面。有些网页的页眉比较明显，有些网页则没有明确的划分，有的甚至没有页眉。通常，页眉左边放置LOGO，右边往往安排网页的服务宗旨或者广告口号，或者放置商业广告。页眉是浏览者打开网页首先看到的部分，一些商业网站大多作为广告们出租，可谓黄金位置。页眉的设计风格应该与页面的整体风格协调一致。设计独到的页眉也可以像LOGO一样，起到标识网站的作用。
3.1.4 导航栏
导航栏是网页的重要组成元素，它的任务是帮助浏览者在站点内快捷查找信息。好的导航系统应该能够引导浏览者尽情浏览网页而不会迷失方向导航栏的形式多种多样，可以是简单的文字链接，也可以是设计精美的图片，或者是形态多变的按钮，还可以是拥有下拉菜单的导航系统。导航栏在页面中的位置相对不定，一般分布在页面上、下、左、右，在页面上部的居多。设计自由的页面，导航栏的放置位置比较灵活。
3.1.5 内容版块
内容版块是页面的主体，往往根据内容的多少划分为几个栏目。每个栏目中放置内容标题的链接或者内容摘要，具体内容包括文字、图像、动画等。页面的内容才是浏览者关注的根本目标。拥有丰富的内容，才能吸引众多的浏览者。因此，对应内容版块应该合理安排、精心设计。
3.1.6 页脚
页脚指页面的底端部分，通常放置版权信息、联系方法，有时也把导航栏、友情链接安排在页脚位置。
3.2 布局设计的过程
布局设计的过程也就是一个创意的过程，在设计的过程中把布局设计元素合理化、有序化地应用到网页的制作和编排上，达到点、线、面相互穿插，相互衬托。布局设计过程比起整个网站的设计要容易得多、有规律得多，它可分为以下6个阶段。
3.2.1 方案设计
方案设计就是在布局设计前，对网页的整体布局进行的构思，画出页面的结构草图。在这个阶段，可以借鉴他人的布局设计经验，参考他人的布局结构吸取精华融入到自己的整体构思中。充分发挥自己的艺术想像力，结合网页素材，进行整合创作。
3.2.2 初步设计
初步设计是在方案设计的基础上，确定如何把功能模块安排到页面上。功能模块主要指网站标志、导航栏、动态新闻、搜索、留言板、交流论坛、版权信息等。在这个阶段必须遵循主次分明、突出重点、平衡协调的原则，将网站标志、导航栏等重要模块放在最醒目的位置，然后再考虑其他模块的排放。
3.2.3 技术设计
技术设计的主要任务是在初步设计的基础上，进行草图细化和方案确定，在绘制出的草图上，具体运用页面元素，包括网站标志、导航栏等。进一步解决各部分的技术问题，在确定了功能模块的大致位置后，需要对网站标志、导航栏和背景图片进行设计，然后把设计好的模块放在初步设计中确定的位置上。
3.2.4 定案设计
将初步的页面布局精细化、具体化，也就是一个调整的阶段。如网页的颜色搭配，文字和图片是否搭配平衡等。
3.2.5 量化描述
量化描述就是确定各种页面元素的具体大小。主要包括以下几种：
网页外形大小网页外形大小受计算机显示器的大小和分辨率制约。
图片大小：图片大小应该根据具体的布局要求确定，以像素为单位。
字体大小：指定网页文本，如标题文字、段落文字大小。
色彩搭配：在网页的制作过程中往往采用多种颜色搭配，包括背景颜色、文字颜色等。
网页文件大小：初步估计网页文件的大小，一般应该控制在500KB左右。因为网页文件过大会影响下载速度。
3.2.6 方案实施
根据上面几个阶段确定的网页布局方案使用网页编辑软件（如Dreamweaver）和图像处理软件（如Photoshop）进行布局设计。Internet上的网页风格万千。常见布局类型有同型布局、框架布局、自由式布局等。
4 结束语
网站的规划、设计看起来很简单，但要制作出真正有创意、精美的网站不是件容易的事情。它需要我们不断的实践，不断的学习，不断的丰富、创新网页制作的方法，不断完善、提高自己网站设计的能力。
参考文献：
[1] 胡剑锋,赵怀明,淦述卫,等.网页制作与设计[M].北京：清华大学出版社,2004.
[3] 腾飞科技.Dreamweaver 8完美网站建设从入门到精通[M].北京：人民邮电出版社,2007.
[3] 陈笑.Dreamweaver 8实用教程[M].北京：清华大学出版社,2007.
>> 关于计算机技术与课程结合探讨 浅析计算机技术与中职课程整合 浅谈计算机技术与课程整合 利用网络资源和计算机技术提升学生学习录入课程的学习兴趣 浅谈计算机与计算机技术 计算机技术的应用 视频制作中计算机技术的应用 微型计算机技术精品课程网站建设和应用探讨 计算机技术和网络技术在机房管理中的应用 机房管理中的计算机技术及网络技术运用分析 计算机技术课程项目化教学模式的行动研究 谈职校课程与计算机技术的有机结合 任务驱动在任职院校《计算机技术与应用》课程中的应用 计算机技术与艺术设计课程教学的交互关系 现代课程教学与计算机技术的有机结合 浅谈工程施工管理与网络及计算机技术关系 如何利用网络与计算机技术创新医院财务管理 利用网络与计算机技术改进医院财务管理水平 计算机技术下的网络平台的应用 利用网络和计算机技术促进科学教育的协作 常见问题解答 当前所在位置：l格式，使用网站后台自行上传。请我校电教中心的教师帮助录制课程的教学视频，存储为网站设计要求的格式，留作学生自学使用。
三、制作方法
3.1外观设计
抛开网页的功能暂且不谈，网页的外观设计非常重要，它也是决定网站是否吸引人的一个重要因素。不同色彩的搭配会产生不同的效果，如果网页的颜色搭配不合理，色彩、样式过于复杂，学生操作麻烦，一样会影响学生学习的心情。
在访问网站时，色彩对人视觉的刺激，会给访问者留下第一印象。参考了多个教学网站的设计后，在我校《计算机技术网络课程》网站色彩的设计上，为使学生在访问网站学习时心情愉快，没有压力，网站采用天空蓝色为主的色调，辅以橙色，并适当降低图片的亮度，使网站整体色彩轻快、柔和。网站的色彩符合人的视觉要求，访问者长时间操作不易疲劳。
网站的结构、网站操作的难易程度和网站内容的丰富度，也是决定一个网站是否受欢迎的一个因素。在《计算机技术网络课程》网站中，网页的布局采用常见的左右两栏的模式，两栏中间以蓝色的天空辅以学校主楼为分割，给人以干净、开阔的感觉。
整个网页布局纵向为课程导航，学生随时可通过纵向导航切换访问课程。我校计算机课程有基础课、专业基础课、专业课三大种类，网页设计时采用鼠标经过时分别显示不同的课程列表的方式显示所有课程，供学生选择操作。网页横向为内容导航，各课程的教学大纲、教学进度、授课课件、习题练习、试题样卷等均在内容导航中显示，具体内容随着选择的课程同步发生变化，方便访问者查询。
网页主体部分显示细节内容，学生选择的课程具体内容在此处显示。网站结构设计简洁明了，导航和菜单明确清晰，学生通过纵横交错的方式，可以快速定位目标，自主学习。各课程网页内容布局一致，访问方法一致，页面结构相似，学生访问网站方便，操作简单，节省学生熟悉网站的时间。
3.2基本技术实现
《计算机技术网络课程》网站由多人合作完成，制作中使用多个软件，包括：网页制作软件Dreamweaver、图像处理软件Photoshop、动画制作软件Flash、动态网页制作软件.Net 2010、数据库制作软件SQL Server 2008。
确定了网站的结构和具体功能后，网站进入制作阶段，整个网站的制作流程如下：
在确定网站整体色彩后，设计网站外观，用Photoshop软件处理图像、为网页配色、制作网站Logo，整个《计算机技术网络课程》网站的制作，考虑到学生访问网页的便捷性和学生访问网站时使用的电脑情况，网页宽度设计为996像素，访问者不用左右拖动滚动条查看网页内容。图片设计好后可以利用Photoshop中的切片工具对图片进行切片，保存为Web格式。也可以利用参考线分割图片，再使用选择工具选取图片，在Dreamweaver中通过表格自己制作网页。为提高网页浏览的速度，图片不宜过大，存储时品质不宜选择过高。
用Flash 软件制作网站开头动画，根据网站的色彩设计网站中使用的动画，考虑到网站的色彩一致性，动画的主色彩使用天空蓝色。
在Dreamweaver中设计和调整网页结构，设计主页、互动学习、参考书目、登陆等静态页面外观，为后面动态网页的制作打下基础。
根据制作的网页效果和网站建设功能要求，按照静态网页的外观，在.Net 2010中完成动态网页的制作，用SQL Server制作网站后台数据库。实现网站的预期功能。
四、测试
网站制作完成后，为保证其正确运行，需要对网站进行测试。测试的内容包括：检查网站中内容是否存在错误，各页面之间链接是否正确，网页中的文档、课件、视频能否打开，网站的各部分功能是否达到预期设计要求。
测试的方法：在Windows配置好服务器和相关信息，然后访问网站的主页。浏览每一个页面，选取不同课程查看网页内容是否正确，后台上传的文件显示是否正常，互动中心能否与学生互动交流。检测网站的后台功能文件管理功能。为保证网站上传到学校的服务器也能正常使用，需要对网站进行多次测试，并请多位教师和学生访问操作，查找网站制作的不足，进行改进。通过丰富网站的内容，进一步测试网站的功能。
五、结语
教学网站是学生通过网络获取信息的渠道之一，面向特定的群体，有针对性的对学生进行知识传播和答疑解惑。在现代教育技术与计算机教育教学结合下，通过《计算机技术网络课程》教学网站的使用，丰富了我校计算机学科的教学手段，为医学生学习计算机知识提供便捷的途径，便于学生有重点的学习和掌握课程知识体系。
参 考 文 献
[1] 高建华. 教学网站制作与研究. 网络安全技术与应用. 2006.4
1鲜花网站的网络营销的重要作用
目前，我国一些鲜花企业已经建立了自己的网站，但是大多网站不被人知晓，因此要通过各种手段去对网站进行营销，随着网络的不断发展，利用网络进行营销正成为一种潮流。网络营销是指借助于国际互联网完成一系列营销环节,达到营销目标的过程。作为一种新的媒体,网络具有一对一的互动特性,这是对传统媒体的重大突破,降低了交易成本,节约了社会资源。具体到营销机制,网络技术扫除了横在生产者和消费者之间的时间、空间障碍,减少了存在于二者之间的各种中间环节，鲜花网站利用网络营销具有重要作用[2]。
1.1有助于扩大影响力。网络营销不受区域远近、规模大小、资金多少的限制，企业信息可以到全世界任何一个有宽带设备的国家，这不仅提高了产品信息的覆盖面，也大大降低了鲜花网站进入市场的初始成本，减少了人为歧视和市场壁垒，相对平的营销平台，给鲜花网站带来了更多的公平竞争机会，同时通过网络营销也扩大了网站的影响力和点击率，扩大商机。
1.2有助于鲜花网站品牌建设
网络营销在加强企业的网络化建设的同时，也促使部分企业对网站进行整改，通过企业自己的网站广泛开展宣传、广告、订购、咨询、投诉等服务，有助于提升鲜花网站品牌信誉，展示企业文明形象。网络营销不仅可以通过科学设计网站实现人文关怀与周到服务，提高网民对鲜花网站实力、魅力的认知和对鲜花网站品牌、产品的认同，还可以有效利用网络媒介营造浓厚的文化氛围，提高知名度和商业信誉，达到提升企业形象和加强企业品牌的目的。
1.3有助于鲜花网站的提升。通过网络营销手段，可以得到大量的信息反馈，根据反馈的信息进行网站的整改，不断的提升网站的品味，提升网站的层次。
2鲜花网站的网络营销现状
一些鲜花网站进行了大量的网络营销工作，但是收效甚微，大部分都存在这以下几种问题[3]。
2.1鲜花网站认识不足。很多鲜花网站对网络营销的认识也停留在比较肤浅的阶段，认为网络营销不能够在短期内给企业带来很大的流量或者广泛的认知度，因此很少把网络营销列入到营销计划当中。没有注重与网民的沟通，营销者只对涉及到公司产品和服务的问题给与回答，对与企业产品不相关的问题则视而不见，这种急功近利的态度使得企业的“代言用户”的信誉度不高。
2.2网站自身建设水平较差。目前，我国大多数鲜花网站的建设水平很低，无论从域名设计还是在网页文案设计上都存在很大的差距。其次，大多数鲜花网站建设好后，内容一直是一成不变，产品信息没有更新，企业的新闻也没有及时，总是相同的版块布局，自然没有效果。
2.3网络安全问题。安全问题是制约鲜花网站发展的关键因素，作为一个安全的电子商务系统，首先必须具有一个安全、可靠的通信网络，以保证交易信息安全、迅速地传递，必须保证数据库服务器绝对安全，防黑客闯入网络盗取用户的个人信息。另外，与世界上一些发达国家相比，我国网络银行和信用支付还不够普及，个人信用体系建设也不完善，这都给网络支付活动带来了不便。
2.4物流水平差。网络营销方便、快捷，突破时域、地域限制，具有传统营销不可比拟的优势，但这些优势的体现必须通过物流来实现，它对于网络营销的成败起着决定性的作用。鲜花网站通过网络营销主要目的是进行鲜花的交易，鲜花的销售有很强的时间特性，因此，必须需要一个强有力的物流来支持。我国物流业存在着：物流基础设施差、物流设备和信息网络落后、物流配送水平差、物流配送人才短缺等问题。
3鲜花网站的网络营销策略
虽然，鲜花网站还存在着很大问题，但是我们要坚定信心，只有不断的探索网络营销的策略才能提高鲜花网站的知名度和影响力[4]。
3.1提高认识。要加大网络营销的宣传力度，使企业的管理着充分认识到网络营销的重要性和必要性，不能指停留在比较肤浅的阶段，要把网络营销确立为营销的重点。注重与网民的沟通，加强交流以网民为中心建立网站，通过不断的摸索和改进提高网站的质量。
3.2加强自身网站建设。在网站建设中应该突出注意以下几点：要运用艺术化的思想设计网站；对顾客的反馈要做出迅速反应；要以客户为导向设计网站，提升客户满意度，提高网站的商业价值；设计完善的网络界面；丰富站内搜索功能。从实践中得出的结论是：网站的设计是否是客户导向是成功的关键。网站的投资方向是提高顾客的满意度，对这一方向的助力大小应该成为我们选择网站服务项目的主要依据。
3.3加强安全体系建立。在网络购物模式下，参加交易的买卖双方都是普通的个体，进行的是一种“非面对面”的交易方式，不仅具有高的不确定性而且还具有匿名、难以控制和潜在的机会主义等特点，信用风险难以控制。要解决网络信用问题，除了加强网民的信用意识，更需要鲜花网站采取有效的策略来创建一个完整的综合保障体系。采用综合防范的思路，从技术、管理、法规等多方面去认识和思考，提出行之有效的综合解决办法，解除消费者的后顾之忧。
3.3.1网络监管。尽管网络购物平台有很多诚信策略发挥着重要的作用，但并非万无一失、如果网上欺诈行为发生了，产生了欺诈后果，网站需要像网下有法律和执法人员一样，拥有监督和执法武器。鉴于国内关于电子商务的法律法规还不健全，鲜花网站应从以下三个方面来建立网络监督：①向注册用户明确必须遵守交易安全的行为条例和标准，规定怎样的行为就视作规或者违法，会受到怎样的处罚；②组织专职的人员负责处理网上交易纠纷和时刻监督规行为，并对其做出处理；③对遭受损失的消费者给予一定的赔偿责任。通过这三种方法，可以一定程度上弥补电子商务法律不足的问题为消费者权益提供保障。
3.3.2网络安全监督。在网络交易中，网络安全包括数据被非法截获、读取或者修改，用户名被冒用，未经授权的用户信息访问网络等。目前常用的网络安全技术有数据加密、数字认证、防火墙技术等。网络安全策略除了要求鲜花网站在网络技术上不断创新，还要在管理上动用一切力量提醒、支持和帮助消费者保障其信息安全。网站要在醒目、适当的地方，提醒消费者如何维护自己的网络系统，如何发现网络故障，发现之后该如何解决以及怎样的操作是最安全的。
3.3.3国家信用管理体系的建设。我国的信用体系还不健全，假冒伪劣商品屡禁不止，坑蒙、欺诈时有发生，市场行为缺乏必要的自律和社会监督，因此必须加速培育市场，创造比较成熟和规范的社会信用环境，建立并完善相应的法律法规和认证制度。政府要对信用的监督、教育、管理，健全的网络法律法规。有了法律保障的网络关系才会有法律保障的信用。
3.4加强物流建设
国家应积极参照国外成型法律结合自身发展特点，制定有关网络营销的相关法律法规，使网络营销有法可依，形成规范的经营，并加强基础设施的建设；大力提高物流的信息化水平，逐步实现物流的自动化、网络化、智能化，从而使物流企业能够快速高效地提供个性化服务；建立大型的现代化第三方物流企业；采用一些新思路、新方法、新技术，改善企业的物流现状，为加强企业物流管理，提高企业物流能力；国家要充分利用各种途径和手段来培养、引进并合理使用好一批高素质专业化的网络及物流管理和配送方面的人才，为网络物流管理向成熟化发展提供人才保障。
Q我准备自己创业，搞一些特产生意。但我又不知道各地都有些什幺特产?怎样进货方便?我想在网上先了解一下，所以麻烦各位网络达人给我推荐些这方面比较实用的网站。
A既然是做生意，那就不仅要了解各地有哪些特产，而且还要了解这些特产的相关特性、价格、进货渠道等方方面面。因此，我觉得全球特产网(／)和中国特产网(／)还是挺适合你的，赶快去看看吧!
装修图片轻松找
Q我准备装修新房子了，至于整体装修风格我想自己设计。目前我想找一些比较出色的室内设计图片参考一下，麻烦给我推荐两个这方面的网站资源吧!
A现在网上家装图片还是非常丰富的，当然很多都躲在相关装修、图库类网站的下面。要说到专业的装修图片网站，家居图片网(http：／／／)、装修家居网(／)我感觉还是相当不错的，你可以去看看。
国外优秀工业产品设计网站
Q我是一名准工业设计师，正在为了成为―名优秀的工业设计师而不断努力。最近我想参考下国外的优秀工业产品设计，请问网上有这方面资源吗?
A好的东西不在于多，而在于精。你去http：∥／看看吧。说实话，看了这个网站的全球最新工业产品设计，你也会感叹，为什么国内的设计师们想不出如此有创意的东西来呢?
买礼品的好去处
Q每次需要给亲人、朋友、同事送礼品前，我都会为购买什么礼品纠结不已。现在想找到一款合适的礼品，还真不容易。网上有那种帮忙挑礼品并能购买的网站吗?
A现在礼品网很多，可有特色的还真不多。小编这里推荐你上淘宝礼物频道(http：／，／)去看看，相信你以后不会再为选礼品而头痛了。
合成照片轻松搞定
Q在我的QQ群里，有人才发出照片，马上就有人PS出合成照片，并且Ps的非常好。我就奇怪了，就算是Ps水平再高，也没有那幺高的效率呀，他们是不是有什么秘诀昵?A秘诀肯定是有的，在这儿我可以传你一招，你打开／这个网站看看。点击一个想要合成的效果，然后点“浏览”按钮，将需要合成的照片上传，几秒钟后一张令人惊艳的合成照片便出来了。
租房资源轻松找
【关键词】网页优化；图像格式；图像特效；网页布局
网页制作的工具很多，目前使用最为广泛的是Dreamweaver(简称DW)。实际上DW仅是一个网页元素的组织者，它把构成网页的各文字、图像、声音、视频、动画等元素有机的组织在一起。网页的美观效果主要取决于文字、图像的有机结合。在网页制作过程中，Photoshop有着极大的作用。但很多人对Photoshop这个图象软件在网页制作中对网页元素的整合作用认识不足，没有使这个软件发挥其应有的作用。针对此现象，本文根据实践经验对Photoshop在网页制作中图像处理的应用进行阐述。
一、正确输出图像，优化网页速度
网页的下载速度不仅直接影响到用户的浏览体验、还关系到网页在搜索引擎中的排名参数。因此，优化网页、使之能快速下载是网页制作中必须考虑的因素。优化网页，提高下载速度的方法有很多，其中图像的正确处理极其重要。
1.采用合适的图像精度
网页是提供给阅读者在显示器上观看的，根据显示器的特性，图像的精度一般采用72dpi即可，这是屏幕分辨率，太高的分辨率并不能增强效果，反而会降低下载速度。有些图像原始文件的尺寸很大，而在网页中显示的区域是有限的，很多时候设计者采用在DW中缩小图像来实现，在DW中缩小图像并没有真正改变图像的大小，下载需要较长的时间，所以在输出图像时，要采用合适的大小，降低输出的精度。
2.选择合适的颜色深度
Gif格式的图像文件色彩深度越少文件也就越小，在肉眼可以接受的范围内，尽量将gif文件的色彩数量降低，对图像文件的大小进行有效的优化。如小图标、按钮、背景图案等图像文件对色彩的要求并不高，这些图像输出一般采用gif格式。对颜色要求不高的图像，采用64色的图像对比256色图像，输出后可以少掉一半还多的字节数，且效果完全能满足视觉要求。每个网站这种小图像往往会有几百张，每张图片都节省一些，最终可以节省很多空间。
3.输出正确的图像格式
不同的图像格式由于采用的压缩方法不同，显示效果差不多的图像其文件大小会有很大的差别。一般情况下色彩较少的图片使用png-8、gif格式文件，色彩变化丰富的图像则使用jpg格式，如果要使用在多种背景中，需要输出为透明格式时就需要选用gif格式。[1]Jpg格式的图片，需综合对比压缩品质高、中、低下的效果，尽量选择效果好且压缩品质较低的选项。输出图像时，可使用Photoshop的“存储为web所用格式”功能来输出，使用“存储为web所用格式”可以压缩约50%。
二、使用Photoshop进行网页布局
在网站规划建设中，网页布局设计是其至关重要的一环，它关系到网站能否吸引更多人的眼球，直接关系到网站的点击率。所以网页布局设计是否美观、规范、合理越来越受到网页制作师的重视。
1.布局规划
在设计网站的过程中，事先进行布局规划也是提高网站开发效率的有效方法。设计者在设计网站的过程中需要反复与客户进行交流、沟通、修改，而客户更看重就是布局的效果与使用的便捷性。当布局确定后，内容的组织、程序的设计就由程序设计者完成了。避免了程序设计好后反复修改界面的复杂性。Photoshop在设计布局中还有如下优势：
Photoshop的灵魂是图层，每层可以放置不同的元素，图层之间可以相互链接，也可单独存放，每个图层上的图像位置可以随意挪动，每个图层上的图像大小、色阶、亮度、饱和度透明度等可单独设置。如此灵活的功能，完全可以让设计者随心所欲设计而不受任何约束。
一个打开、下载速度慢的网站是没有价值的，心理学研究表明一个网站的下载时间超过10秒，人们会自动转向其它网站。决定下载速度的因素很多，其中网页大小、网页元素的优化和网络配置是重要的因素。其中网页大小与网页元素的优化是设计者需要解决的，使用Photoshop设计的网页经过裁切、整合处理后体积会小得多。
2.布局要点
网页文档一般为1007*600和708*800像素，分辨率为72像素。一般情况下，大型网站不要超过3屏。网站背景颜色与文件颜色要统一协调，导航字体一般用黑体，正文一般用宋体，其它字体可能会因为客户的浏览器不兼容而给工作带来麻烦。如果为增强页面效果用到其它字体，最好在Photoshop中制作然后切分。图文搭配要合理，图像大小要合乎美学原则，不能太大，一般用缩略图较好，如果要显示更多的图片细节，不妨给缩略图链接一个大的图片。
要精确定位网页元素，可用对齐参考线的方法来实现，而参考线的精确定位可以借助标尺和网格来实现。网站的Logo、Banner或导航条等都是事先设计好的，有固定大小，在做这些区域时尺寸一定要按照这些元素尺寸设计，否则进入DW整合时，可能出现空边或撑开表格的现象。
3.活用“切片”
>> 色彩在网站页面设计中的应用探讨 视觉传达设计在网站设计中的应用 Flas设计在网站中的应用 Ajax技术在网站设计中的应用 信息图形设计在网站界面中的应用探究 浅析flash在网站设计中的应用 数据库技术在网站设计中的应用 动态Cache技术在网站性能设计中的应用 FLASH在网站中的应用分析 FTP在网站管理中的应用 FLASH动画在网站制作中应用的研究探讨 浅析多媒体技术在网站艺术设计中的应用 浅论项目教学法在网站设计教学中的应用 浅谈Flas在网站设计与制作中的应用 数据库设计在网站管理系统中的应用 探析网页标准化设计在网站建设中的研究与应用 试论数据库设计在网站开发中的应用 在网站设计中关于WEB安全字体的应用研究 SEO在网站设计中的优化策略分析 浅谈用户体验在网站设计中的体现 常见问题解答 当前所在位置：l或者index.asp或者index.jsp等格式。双击index文件以后即可进入网站首页编辑页面，通过文件上面的“标题”输入框可以输入首页标题“购物商城”。
2.6 网页内容布局
在使用Dreamweaver8进行页面布局设计时，通常使用表格来定位页面中的各类元素，常用的页面布局形式见下图，它主要包括顶部的 Logo区、Banner区、上面的导航菜单区、中间的页面内容区、底部的版权区、左边的栏目区等几个部分组成。
2.7 丰富页面内容
可以通过插入多媒体资源的方法来进一步封面页面内容，对应的媒体资源包括：
（1）插入Flash格式的动画文件比如swf。
（2）插入视频文件比如AVI、wma、rmv、brm、flash、mp4、mid、3GP等。Dreamweaver8中的视频文件插入方法：将光标定位到页面中需要插入视频文件的地方，点击主菜单“插入|媒体|插件”菜单命令。
（3）嵌入声音文件比如wav、aif、mp3等，插入方法和插入视频的方法类似。
2.8 添加超链接
在Dreamweaver 8工具中，可以加入超链接，比如“文字链接”、“图像链接”、“图像地图链接”、“内部链接“、”外部链接”、“E-mail链接”、“命名锚记链接”、“文件下载链接”、“跳转菜单”等。
2.9 网站上传测试
在使用Dreamweaver 8设计网站的工作完成以后，可以点击菜单“站点|管理站点”菜单项，在站点管理器页面中，继续单击“编辑”按钮，选择“远程信息”，如图所示。在对话框中依次输人FTP主机名、主机目录、登录用户名、密码，点击测试；然后再面板工具栏的上传文件按钮 ，成功上传后即可访问。
3 结语
在常规的网站建设过程中，Dreamweaver是现有常用、首选的设计工具，但是网站设计是一门系统学科，仅仅依赖Dreamweaver是无法全面了解网站建设的精华；但是Dreamweaver对于网站建设、网页设计来说的确是一种入门的工具，可以满足简单网站设计的需要，这对于网络技术传播和发展具有积极的意义。
参考文献：
[1]郑军.任务驱动教学法在网页设计与制作课程教学中的应用[J].无线互联科技，2013（05）.
[2]单永杰.项目教学法在网页制作课程教学中的应用[J].辽宁师专学报（自然科学版），2013（01）.
[3]朱彩华.《网页设计与制作》课程教学方法的研究与探讨[J].无线互联科技，2013（05）.
[4]杨国山，李君.Dreamweaver的几点使用技巧[J].科协论坛（下半月），2009（07）.
