摘要：网页设计是运用网络技术对网页进行设计的学科，其中也会运用到设计艺术的知识，是一门交叉学科。伴随着互联网电商的发展，茶叶的销售很多也会从线下转变到线上，目前，很多茶产品的展示和销售逐渐向互联网上转移，茶产品网页层出不穷。但是由于茶叶产品的网页艺术设计是新出现的东西，所以在艺术呈现上还不是很成熟，还存在一些问题。笔者在本文从茶产品网页的艺术设计定义入手，分析了茶产品网页艺术设计的内容和技术，从色彩搭配、元素构成、文字排版等方面提出了茶产品网页艺术设计视觉呈现的方法。
关键词：网页设计；茶产品；艺术设计；视觉呈现
近年来，互联网电商发展迅猛，很多产品都有了网络销售渠道，茶产品也不例外。茶产品的网络销售离不开网页的展示，好的网页艺术设计才能让茶产品从众多品牌中脱颖而出，具有更强的竞争力，所以茶产品网页设计的视觉呈现越来越受到人们的重视。茶产品网页以互联网为载体，将茶产品的各种信息以方便、快捷的形式传达给消费者，所以茶产品网页艺术设计必须符合人们的审美需求和高标准、高要求。茶产品的网页是信息和主要表现形式的载体，要想设计出更加便捷、美观的茶产品网页，网页中的艺术设计元素必须更具有观赏性，视觉呈现方式应该更加独特和新颖，整个呈现效果应该风格统一，主题明确。
1茶产品网页艺术设计的内涵
互联网和电商的普及，很多商品都在网上进行销售，所以网页设计逐渐被人们所重视。茶产品网页艺术设计是通过设计师对茶产品的理解和内涵的认知，根据茶产品的特色，进行的创造性的网页构思。从表面上来看，茶产品网页设计是对网页的版式、色彩、声音、动画进行了合理的安排和运用，虽然看起来简单，但是要想实现这一过程，不仅需要一定的技术能力，还需要对茶产品有深入的了解。因此，茶产品网页设计是艺术和技术的结合，同时也蕴含着茶文化的内涵和韵味。茶产品网页艺术设计内涵其实就是新型的可视化的茶文化内涵视觉呈现，以前人们习惯了用实物呈现茶文化，现在要将实物换成图片、音频、视频等表现形式，本质上是一样的，但是网页设计呈现茶文化的方式比原来更多了，不过也有其短板，就比如人们没有办法去闻一下茶叶的气味，品尝茶水的味道，触摸一下茶叶，这些都是网页设计无法进行呈现的，但是视频和音频、图片包含的信息要比传统的实物大很多，就好比在有限的地方想要呈现全国所有地方的不同种类的茶叶，通过线下展示几乎是不可能完成的，但是通过一个视频就能清晰准确地表达出来。线上和线下各有所长，这是没有办法避免的，我们只能借助手中的技能，最大程度地通过网页艺术设计将茶文化的内涵呈现出来。
2茶产品网页艺术设计视觉呈现要素
茶产品网页的视听元素
茶产品的网页艺术设计包含众多的视听元素，而如何以合适的艺术形式将这些视听元素组合起来，并且支持大多数浏览器的显示和播放，具有比较快的加载速度和浏览体验，减少和避免使用外部程序和模块，是茶产品网页设计主要考虑的问题。茶产品网页艺术设计还可以运用多媒体技术，这样可以更加丰富茶产品网页设计的视觉效果，让其具有更好的视觉呈现。这样做的本质就是让网页设计呈现给人的感觉能够尽可能的还原人实物给人呈现的东西一样，近年来流行的3D、4D、VR技术都能很好的运用于茶产品网页设计中，其目的也是让人看到的东西更加真实，和实物一样。将这些网页艺术设计的新科技运用到茶产品网页中，可以给人耳目一新的感觉，也能够带给用户更好的体验。
茶产品网页的版式设计
茶产品网页的板式设计，需要首先对内容进行主次的划分，突出重点内容，避免过于繁琐和混乱。将茶产品网页的各种视听元素进行有机的组合和排列，体现出茶产品的个性，通过这些排列形式也可以体现出设计师的想法和思维，展现出茶产品的文化内容和风格。茶产品的网页艺术设计在本质上和报刊杂志等平面媒体的本质是相同的，只不过茶产品网页设计中对版式的设计更加重视，需要其准确的传递出茶产品的信息，并且带给人感官和精神上的享受。茶产品网页的版式设计虽然不受到固定规格尺寸的限制，但是必须符合读者屏幕的阅读限制，所以茶产品网页设计中的各个元素和位置必须有更加精确的尺寸和定位。茶产品网页艺术设计也不同于印刷品的线性形式，这一区别也给茶产品网页艺术设计的结构安排带来更多的难度。
3茶产品网页艺术设计的视觉呈现方式
色彩的搭配
设计师用以表达设计理念的首选就是色彩，色彩也是茶产品网页艺术设计中最能抓住用户眼球的部分，其次才是网页中的文字和图像。对于茶产品网页设计的色彩运用需要像音乐的音符一样进行巧妙和恰当的安排，这样才能像音乐优美的旋律一样，具有色彩的艺术感。色彩可以通过视觉的呈现让人出现各种不同的心理感受和反应，所以需要经过精心的组合、搭配以及画面的构成。茶产品网站艺术设计的视觉呈现不能过于单一的使用同一种颜色，也不能同时使用过多的色彩，导致整个茶产品网站色彩过于复杂，而是根据茶产品的主题选择一两种颜色作为主要的颜色，其他部分选用相近或者同色系的颜色作为次要颜色。所以，需要在确定主题色彩之后，考虑主题色彩与其他颜色之间的关系，让各个色彩之间能够达到协调和均衡，同时还要考虑各种颜色的纯度、透明度和色相的问题。其目的就是让人在浏览茶产品的网页时候拥有更好的体验。
点、线、面的构成
茶产品网页设计的基本构成是点、线、面，其排列组合方式有成千上万种，而网页设计师需要做的就是通过合理的点、线、面组合来表达茶产品网页的自然、生动、朴实等形象，让人通过茶产品网页对茶产品产生美好的联想。通过点、线、面的密集程度和集合形态，来表达想要表达的不同特色，反映出茶产品网页设计师的设计理念、心理和情感，所以茶产品网页艺术设计中点、线、面的关系一定要处理好，这样才能将茶产品网页艺术设计的最佳视觉效果呈现出来。
文字的排版和应用
摘要：通过对传统教学模式的调查研究，了解到传统模式逐渐无法满足学生的需求。项目教学法作为一种新的教学模式，在《JSP动态网页设计》课程中是一种新的尝试，通过学生自己完成项目的方式，自主学习JSP网页设计，整个过程由学生自己负责设计，实施，对提高JSP教学的效果有着显著的指导意义。
关键词：项目教学法;教学改革;JSP动态网页设计;步骤
通过对项目教学法的研究，选取与JSP网页设计课程相关的项目来创设“情境”[1]，让学生主动从零到一，完成自我思考，自我学习，自我强化的过程，认证搜集资料并进行整理，充分整合资源，发挥学生的自主创新精神，最终完成整个JSP动态网页设计的学习。
一、概述
高职院校为了实现毕业生和企业直接对接的目标，在学生的培养方面主要是注重学生动手能力的培养，为了实现这一目标，项目教学法是最为合适的一种教学方法。该方法已经成为高职各科课程教学中必选方式之一了。明达职业技术学院的《JSP动态网页设计》这门课程也采用了该方式组织课堂教学，该门课程的实践能力要求较高，社会只用性很强，是专业核心课程。主要选用项目是”基于JSP的学生管理系统”，从部分功能开始，讲练结合，让学生做到能在理论的基础上，举一反三实现理论到实践的转化。课程结束时，学生应具备了了解软件开发的过程，熟悉开发工具，掌握理论实践的操作。
二、项目教学法的含义
项目教学法是在教师的指导下，将一个相对独立的项目由学生小组自己进行资料收集，方案设计，由学生自己评价项目实施的成果，学生通过该项目，了解和掌握在整个过程中每一环节的基本要求。“项目教学法”的特点是最显著的项目为主线，以指导教师为主导、学生为主体”，体现在：多目标;培训周期短，速度快;可控性好;注重理论与实践相结合。项目教学法是教师和学生共同完成项目的一种教学方法[2]。在项目教学法的实施过程中，教师将需要解决的问题通过对学生设立项目的形式来呈现，一本每个项目都会有具体的任务要求和说明，学生通过老师发放的项目要求任务书来设计项目，负责整个项目的设计和实施。通过小组协同工作的方式，自学完成，期间有任何不懂得问题可以咨询导师，导师相当于是学生的左右手，有什么不懂的随时可以寻求帮助，给予学生一定的指导。最后学生共同根据项目制定计划，完成分工，搜集项目的资料并将进行整理，在实践中发现问题，分析问题并解决问题。
三、《JSP动态网页设计》运用项目教学的意义
(一)《JSP动态网页设计》教程简介
《JSP动态网页设计》是计算机专业学生学习的一门核心课程，其实践性较强，不但要通过日常的书本上的学习，还要在计算机上反复实践操作才能掌握。JSP全名为JavaServerPages，中文名叫Java服务器页面，是一种网络程序设计语言，用来开发动态网站[3]。它和JAVA的特点很相似，都简单易操作，全面向对象，平台安全可靠且无相关性。使用java编程语言的类标签的XML脚本的JSP技术，对动态网页的处理逻辑[6]。网页也可以通过标签和服务器应用逻辑脚本资源访问。显示器的分离设计，JSP页面逻辑和网络，为支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。很多高校基于这些特点，都将其作为计算机专业学生继学习JAVA后的有一门必修课程。但是由于其难度和枯燥性，很多学生表示很难驾驭得了，在步入社会以后，所学的知识没能发挥在工作上，从而降低了整个行业的就业质量。
(二)在JSP课程中应用项目教学法的重要性
在传统的JSP课程教学中，学生通常按照课程的标准先学习一部分的基础内容，后期通过简单的上机操作进行理论的巩固，在这种教学模式下，学生很大一部分在前期就已经丧失了学习JSP的兴趣，后期的上机练习也只不过是现在教学的一种硬性要求，对于真正想要学习的学生无疑是一种沉重的枷锁，学生学习的效果很差。但是通过运用项目教学法，将课程的标准以项目完成的方式分成若干块，学生通过完成项目任务来获取学分，在项目中自学，不用拘泥于传统教学模式下的上课，学习更自由了，学习的动力也更强了，这在很大程度上提高了学生的学习积极性和学习的热情。
四、项目教学的应用步骤
(一)培养目标的确定
高职院校“JSP动态网页设计”课程必须确定其具体的知识培训的目标、能力和情感与相应岗位职业能力目标[1]。1.知识目标：通过本课程的学习，熟练掌握配置JSP开发环境;熟练掌握JSP脚本元素、指令元素的用法;熟练掌握JSP中内置对象的特点及用法;熟练掌握JDBC访问数据库技术;熟练掌握JavaBean组件的基本知识;熟练掌握JSP中的标准动作标签;熟悉Servlet的通信方法，掌握Servlet的上下文接口;掌握JSP中标签的用法;掌握JSP中Filter过滤器的用法;掌握应用JSP进行WEB程序开发的能力，初步具备开发实际应用程序的能力;2.能力目标：能熟练使用eclipse软件，实现学生管理系统的注册登录功能;信息添加删除功能;查找等功能;能解决开发过程中出现的各种错误提示;测试完成。3.情感目标：具备较强的规范意识、较强的市场竞争力和承受压力的能力、良好的学习习惯，具备自主学习和团结合作、创新能力。
(二)教学项目的划分
该项目是确定项目教学成功实施的关键因素，必须根据企业对学生工作任务的能力要求进行分析，结合学生的认知特点和接受能力，合理选择项目。并根据企业的工作流程，明确项目的任务，我院JSP动态网页设计”课程的项目被确定为：
(三)教学方式的选择
高职《JSP动态网页设计》课程可设定多媒体讲练结合、岗位调查、学校实验室项目培训、联系个别实习企业，让学生置身于企业中去参与项目的进展，充分利用各种教学资源，丰富教学形式，提高学生的学习兴趣，突出课程的实践性强的特点，从解决实际问题出发，提高学生的创新能力和自学能力。
(四)教学方法及过程的组织
1.从学生角度教师进行项目教学时，应重点侧重于学生自我实践能力的加强。以程的核心内容为项目依据为学生制定任务，并确保每个项目都是由简到易，层层递进，充分调动学生的学习兴趣。尽量选择和生活贴近的案例和素材，如布置的学生管理系统项目，利用情境教学法，让学生更好更有效地学习。在项目完成后，教师可以分别让组员互相做出评价和改进方案的建议，上交个人作品作为课程结束的作业。学生在交流中与老师互动，老师在学生做项目的时候可适当提出意见完善项目并修改，将理论与实践有机结合起来。2.从教师角度教师在授课之前应该做好项目的备案，充分考虑到学生对所选项目的适应性和项目本身的难易程度。在上述帮助学生加强实践能力的同时，提升自我的修养和学识。在实施之前，授课老师应对项目教学有一定的认知和了解，在具体应用中将理论知识与项目的实践应用融会贯通并传授给学生。自己在项目经验方面也要多下功夫，提升自己，提高教学服务的质量，培养出更一流的学生。实践能力的提升并非一蹴而就，在日常生活中教师还要多多接触社会中有关专业方向的工作要求，并及时反馈给学生，让学生及时了解到社会所需要的人才结构。项目教学应用是学生和老师互相学习的过程，是共同进步的纽带。不仅仅是学生自身能力的提高，也是老师对完善多年教学模式的一种新的认知。
(五)考核方案的设置
适应项目教学需要，为培养学生的综合能力，对学生的.考核也要注重过程化的考核，鉴于课程实践性强的特点，重点考核学生的软件操作和软件开发、处理能力，本课程主要采用以下几个部分进行考核：1.平时表现考核占总成绩的60%，由平时出勤、课堂表现和作业等内容构成。2.分阶段、分项目考核占总成绩的40%，即最终整体项目的考核情况3.根据上述各项成绩按比例总评得出考核结果。不再进行传统的期中考试项目教学法在《JSP动态网页设计》实施教学中的注意事项1.排课安排要以半天或一天为单位进行排课，和以往的以一节或2节有所区别;2.班级人数不宜过多，应该在20至30人之间。
结束语
项目教学法的实施，有利于丰富和发展全国计算机专业学生的教学模式，提高计算机人才进入就业市场后的适应能力，最大程度地满足经济建设和社会发展的需要。21世纪的信息时代，学生更需要接受像项目教学法这样的教学模式而非传统教学，这是一种新的尝试，更进一步地发挥了学生自主学习的能力，打破了以往刻板的教学，体现了高等教育的特色，这样学校才能够更好地培养出有效的高素质的技能型人才。
参考文献
[1]欧志先._动态网页设计(JSP)_项目教学法初探[J].科学咨询,20xx,(7):79.
[2]杨文.《JSP动态网页设计》项目教学法的研究与实践[J].福建电脑,20xx,25(8):206,204.
[3]李阿芳.项目教学法在《JSP网页设计》课程中的应用研究[J].电脑知识与技术,20xx(18)
[4]赵海冰,李瑛,邢翠芳.浅谈项目教学与任务驱动在“C程序设计”教学中的应用[J].计算机工程与科学,20xx(z2).
[5]王向阳,李东,张惠玲.项目教学法在程序设计课程教学中的应用[J].价值工程,20xx(6)
[6]陈民.基于J2EE学生网上评教系统的系统设计[J].电脑知识与技术,20xx(12)
《水污染控制工程》是环境工程专业一门重要的专业核心课程，也是一门综合性和实践性极强的专业课程。通过该课程的学习，学生要认识污水处理的必要性，并了解我国污水排放标准和相关规范，培养综合运用《水污染控制工程》基本理论和专业知识的能力，掌握城市污水二级处理厂工艺设计的程序、内容、方法和工艺计算。水污染控制工程课程设计是进一步巩固和加深学生对所学《水污染控制工程》理论课程知识和理解的重要环节，是连接基本理论和工程实际的纽带和桥梁，培养学生根据所学系统的理论课知识及感观的认识实习，分析解决工程实际问题，对于培养和提高学生的实践能力、创新能力以及团队协作能力具有重要意义[1,2].近年来大学毕业生就业形势严峻，而我国大学期间的课程设置及教学往往重视理论知识的传授，对于培养学生综合应用能力以及创新能力的关注相对较少，虽然目前逐步开设了一些创新创业课程，但仍然不能解决工科毕业生工程实践能力差、不能满足就业和社会的需要的问题；另一方面企业不愿意接受应届毕业生实习，不愿花时间和精力参与培养工程师，都造成大学生就业难的状况。上海理工大学是一所以理工科为主的培养工程应用型人才的上海市属重点大学，在就业形势日益严峻的情况下，我们在构建课程及教学内容体系上更加注重培养学生综合运用各种知识和技能解决工程实际问题的能力，通过课内与课外相结合、教学和实践工程相结合的方式，搞好课程设计这一实践性教学环节，对于提升本科生就业率，提高企业对我校环境工程专业毕业生满意率具有十分重要的意义。在环境工程专业本科生《水污染控制工程》课程设计的执教过程中，我们做了如下探索与建设实践。
一、改进教学模式
过去《水污染控制工程》课程设计通常安排在《水污染控制工程》理论课教学、认识实习之后集中一到两周时间进行，时间紧，任务重，而且通常安排作为本科阶段专业课程的第一个课程设计。学生没有相应的工程设计基础和工程类课程设计基础，因此对于工程设计的一般步骤、工程设计手册和设计规范的利用能力较差，往往感觉无从下手[3].另外，这种先理论教学后课程设计的模式虽然能够令学生在掌握一定理论知识的基础上进行工程设计，但由于在实际教学过程中，理论课更注重原理和单个构筑物的设计计算，往往容易忽略构筑物的配水、衔接形式等内容，使得理论与实践相脱节；此外，课程设计与认识实习分离进行，时间间隔较长，学生基本对处理构筑物走马观花地看一遍，不能深入了解构筑物内部结构，对于学生实际了解构筑物结构及运行维护理解困难，对课程设计帮助不大。
新教学模式将课程设计贯穿于整个《水污染控制工程》教学的全过程，增加了课程设计的学时数，在理论教学初期，布置任务书，学生根据任务书一边学习理论知识，一边完成方案选择及构筑物计算，理论课结束后完成设计计算说明书的编制及工程图纸的绘制。在理论教学过程中，授课教师可针对构筑物的结构、原理、设计规范、设计计算、三维动画演示运行效果等方式更有针对性地进行授课；在实习实践环节，通过学院实验室现有构筑物模型或理论课期间安排认识实习，有利于促进课堂教学和课程设计的进行，有助于学生对课程设计和实习内容更深入的理解；期间通过查阅文献、设计手册、设计规范，独立完成设计计算，最后通过答辩、修改等环节提交课程设计成果，教师根据设计成果及时将问题反馈，进一步保证和提升课程设计质量。
二、合理选题，丰富设计题材
根据以往课程设计经验，我们摸索出一套质量监控措施，最关键环节在于我们对选题进行了严格控制，课程设计的题目尽可能选用污水处理设施的工程实例，选题范围尽可能覆盖理论课大纲的知识点、重点和难点，然后将任务书中的水量和水质进行改变，给出的任务书题目大于学生分组数，令每组学生设计任务书中涉及的污水总量、居民数量和水质（BOD、COD、SS、TP、TN、NH3-N）均不同，做到题目的多样化，同时对每个题目有人数要求，由学生选择相应水量和工艺，独立完成设计计算任务，加深学生对相关理论知识的理解和应用。
对于学生分组尽可能做到各组整体学习能力大致相当，但组内成员的理论水平、学习能力及CAD绘图能力等方面要有一定差异，组长根据组员实际情况对课程设计进行合理分工，明确每个组员的职责[4]并进行列表记录，用于检查，减少抄袭现象的发生。这样既可以让学生接触到更多的课程设计，防止全班同一个题目，促进学生独立思考，同时又能满足设计团队成员间相互交流、团队协作的需要[5].
在课程设计任务书的编排上，按照教学大纲的要求，虽然在难度、深度和广度等要求上与实际工程设计有一定差距，仅为某城镇污水处理工艺的初步设计，但选题皆来自实际工程案例，有利于初步培养学生的工程思维和实践素养；此外，设计任务书明确课程设计的目的、具体设计内容、计划步骤安排，使学生明确任务，明确在哪些时间节点完成哪些工作，按计划有序进行，且使指导教师能够根据进度及时进行检查、督促和指导[6].
三、评价体系改革
与传统课程设计模式中学生上交设计计算说明书和设计图纸相比，我们在评价体系上做出了相应改革，采用平时成绩、中期检查、答辩和成果评价的评价体系。中期考核是课程设计完成的保障，在以往的毕业设计环节，我们发现学生由于实习、拖沓习惯等各种因素，习惯于在答辩前突击完成。因此，在指导教师根据课程设计任务书和指导书的相关时间节点进行监督的基础上，严格的中期考核可以较好地督促学生保质、保量、按时完成毕业设计。因此，我们借鉴相关经验，在穿插于整个理论教学周的课程设计中安排中期检查，根据学生中期检查的质量，给出相应的分数，作为平时成绩的一部分。
在学生完成课程设计初稿的基础上，组织答辩，让学生就课程设计的设计背景、设计规模及要求、设计内容、设计原则、工艺流程的选择、构筑物设计计算、图纸及设计说明书的编制等方面进行阐述，教师根据计算说明书及图纸中存在的问题进行点评并给出答辩成绩，在规定时间内学生就存在问题进行全面修改，然后提交最终课程设计成果。
平时成绩根据学生在设计过程中出勤率、讨论答疑参与度及按时间规划完成设计任务的情况（中期检查）给定；设计成果成绩由指导教师根据学生最终提交的设计说明书、设计图纸等文件的质量情况进行评价。教师根据平时表现、答辩情况及设计成果给出成绩。
四、课程设计反馈
通过答疑、中期检查、答辩和成果评价等环节中出现的一些问题、问题迹象或一些容易出错的地方，通过集中上课的方式给予讲解，保证课程设计稳中有序、按时、保质地完成；在课程设计最后，针对课程设计的一般设计步骤、设计计算说明书及图纸设计要点、主要问题等进行总结，令学生对污水处理厂的设计有一个系统的训练，同时巩固课程所学知识和概念；在课程设计结束后再安排一次认识实习，加深感性认识，同时对污水厂设备、设施的运行维护进一步加深了解，丰富课本外的实践经验；学生上交最终设计成果后，针对学生的设计内容，给出总结和意见建议，有利于学生工程实践能力及毕业设计质量的提高。
课程设计是高校培养卓越工程人才的重要实践教学环节，我校的改革实践证明，基于就业为导向的《水污染控制工程》课程设计建设取得了一定的效果，采用恰当的教学方法、丰富教学内容和加强实践环节，将学校教学与企业生产实习相结合，保证学生对实际工程有直观、全面的认识，对学生工程知识、工程素养的培养有很大帮助，有助于学生尽快适应工作岗位。
参考文献：
[1]郝桂珍，杨国丽。浅谈水污染控制工程课程教学模式的改革[J].教学研究，20xx,37（4）：41-43.
[2]丁磊，汪明明，张新喜。给水厂课程设计新教学模式的构建与实践[J].安徽工业大学学报（社会科学版），20xx,29（6）：120-121.
[3]温青，李茹民，谭淑媛。基于“卓越计划”的团队合作的水污染控制工程课程设计模式的探讨 [J]. 教育教学论坛，20xx,（23）：226-227.
[4]仇春华，欧晓霞，张凤杰，王崇。团队合作学习在课程设计中的应用于探索[J].中国电力教育，20xx,269（10）：154-155.
[5]王淑勤，张敬红。双语教学中课程设计的设置与考核[J].中国电力教育，20xx:17-18.
[6]胡国强。课程设计的教学探索[J].焦作大学学报，20xx,1（3）：62-64.
1网页设计过程中对多媒体技术的运用
随着信息技术的不断进步，多媒体技术得到了迅速发展，当_络传输的技术以及硬件技术也在不断的提高，这样也就为艺术和技术的结合创造了良好的条件，这样也有利于网页的设计体现出更为优质的效果，从而也为多媒体技术在网页设计中的应用创造了更为广阔的前景。
2在多媒体设计中恰当的融入艺术设计的成分
网页设计不只是由多媒体元素构成，为了使其更加的美观就必须要考虑艺术性，要注意平面效果的传达，这也就需要做到不同的元素结合起来，但是在结合过程中需要注意以下几点：
在设计网页的过程中要注意内容和形式的统一
在进行设计时就需要做到形式与内容的统一，使得形式服从于内容，从而使得网络的整体效果表现出来，这也就要求网页的细节需要做得很到位，从而使得网页与多媒体元素的相关性凸现出来。
突出主题要素
网页要尽可能的突出主题，使得风格与之相协调。在风格选择上要注意多媒体元素的选择，注意其色调的搭配，同时还要做好排版工作，从而使得整个网页具有较强的吸引力，达到应有的效果。
注重色彩搭配
在一个网页中色彩数量最好控制在4个左右，同时还要分出主次，确保总体上的统一，在局部上形成对比，要注意体现主题的色彩搭配，注意色系的选择，还要注意背景色的选择，尽可能的站在浏览者的角度思考问题。
注重网页布局
网页布局大致可分标题型、拐角型、框架型等，选择布局类型的依据主要是信息状况，网页状况以及结构状况，这样就会使得网页的页面可以一目了然。国字型以及拐角型的适合用于信息量大的网页中，标题正文型的适合用于纲要性的网页之中，动画型的可以灵活的运用到各种各样网页之中，但是在布局的选择过程中需要注意各种布局类型优缺点的选择，只有这样才能使得网页的效果更为明显。
3结束语
多媒体技术在我国发展的速度非常迅速，并且不断地成熟起来。在网页设计的过程中要充分的运用多媒体技术，同时要注意与艺术性的结合，要注意实现艺术与技术的结合与统一，这样才可以使得网页设计更为立体，更加的生动形象，更具有空间效果，从而使得网页可以更好的吸引浏览者，给浏览者留下深刻的印象，从而达到一种影像的效果，达到网站所传输出的目的，使其价值得以最优化.
【摘要】自改革开放以来，我国社会经济不断发展，加快了城市化建设的脚步。为寻求更高经济效益，建筑企业将企业运营的重点转向建筑工程的施工建设。为确保企业能够在本行业占据着重要的位置，需要不断提高建筑企业的综合竞争力。加强建筑工程施工现场施工技术的科学管理，对于提高建筑企业的经济效益具有重要促进作用。本论文通过对建筑工程现场施工技术的概述，对建筑工程现场施工技术科学管理的内容进行分析，最后提出了建筑工程施工现场的科学管理措施，以供广大研究人员参考。
【关键词】建筑工程；现场施工技术；科学管理；措施
伴随着我国城市化规模的不断扩大，为适应快节奏的城市建设进度，建筑企业的施工技术以及施工现场的管理体系被以新的标准要求。加强建筑工程施工现场的管理力度，运用科学合理的管理方式，有利于提高建筑企业施工现场的管理效率。建筑工程项目管理作为建筑企业施工的基础，直接影响建筑施工的质量以及市场竞争力。建筑企业为在施工现场实现科学化管理模式，需要克服外界环境干扰因素，对建筑工程的施工建设进行实时跟踪，减少相关问题以及矛盾的出现次数，确保建筑工程的施工能够顺利展开。
1建筑工程现场施工技术的概述
建筑工程施工现场的管理质量直接影响工程的施工质量。为保障工程施工质量能够达到标准，需要在建筑施工阶段执行项目管理措施，保证施工单位的工作效率。建筑工程施工阶段，应根据实际的施工环境建立完善的科学管理制度，通过系统全面化的对建筑工程的各个环节制定管理制度，确保建筑工程施工达到预期的目标，进而提高建筑企业的经济效益。建筑工程施工现场管理阶段，应遵循特定的管理原则。例如，遵守现场管理制度原则、建筑企业经济效益最大化原则、施工技术设备引进原则、建筑企业人才引用原则等。基于以上原则，加强建筑企业的运营成本的控制力度，实现建筑企业工程施工的风险评估，提高建筑企业资源的利用效率，保障建筑工程的施工质量。
2建筑工程现场施工技术科学管理的内容
建筑工程施工现场的科学管理制度需要包含建筑施工的方方面面。
2．1施工材料的管理
为保证建筑工程的施工质量，需要从工程施工的源头上实现质量控制，即加强工程施工原材料的控制力度。建筑企业施工原材料采购时，需要对原材料的数量、类型、质量、产地等方面进行严格筛选，保证原材料采购渠道的正规性。在建筑工程施工阶段，对于原材料的使用情况应进行详细记录。
2．2技术安全的管理
建筑工程施工技术安全问题是工程是否能够开展的基础。在施工准备阶段，建筑企业应加强施工人员的安全工作意识以及施工现场防火措施的管理力度。建筑施工企业应设立专门的安全管理部门，对建筑工程的施工现象巡视，降低施工过程中安全问题产生的频率，确保建筑企业工作人员在保证人身安全的前提下实现工程作业。
2．3施工进度的管理
建筑工程的施工进度直接影响建筑企业的经济效益。如果建筑工程的施工没有在计划周期内完成，则需要建筑企业对工程进行索赔。因此，为保证建筑企业的经济效益，可对工程施工进度进行跟踪，加强各个施工单位之间的配合与联系，提高其沟通效率，保证建筑工程能够按期完成。
2．4施工质量的管理
建筑工程施工原材料以及施工技术安全问题直接影响工程的施工质量。建筑企业可在工程施工阶段，根据实际的工程施工现场环境，设置工程质量管理部门。针对工程施工的各个环节，实现细节化管理。将每个施工环节质量责任落实到每一个人。对于工程中质量不达标的工序，需要及时向管理部门报告，并进行问题的处理解决。
3建筑工程施工现场科学管理途径
3．1制定合理的管理体系
建筑施工现场如果想要系统化进行工程项目管理，需要建立完善的建筑工程施工现场管理体系。为使管理体系能够涉及到建筑工程的各个方面，需要建筑企业设计人员，在工程施工准备阶段，根据实际的施工环境，结合建筑工程施工图纸，制定合理的管理条例。建筑企业各个部门之间可以实现监督管理，不仅加强了部门之间的联系，有利于提高部门之间的竞争性，提高管理人员的工作效率。
3．2提升使用人员的素质
我国建筑行业中，建筑企业施工单位的工作人员专业素质还有不少欠缺，易于在工程施工阶段产生安全问题，影响工程的施工进度。为避免这一现象的产生，需要建筑企业加强施工人员专业素质的关注度。建筑工程施工阶段，需要管理人员对施工人员实现调度作业。针对存在部分施工人员的`素质较低，不服从管理人员的安排，影响工程的施工。因此，建筑工程施工管理阶段，建筑企业应坚持“以人为本”的管理原则，定期对企业施工人员进行专业素质的培训以及安全教育工作，提高施工人员的安全意识。例如，教育施工人员安全问题时，可以为施工人员播放安全事故的相关视频，让施工人员明白安全事故的发生原因以及对个人生命的影响。通过这种方式有利于施工人员遵循施工现场的制度管理。施工阶段为提高施工现场的管理效率，可以对表现优秀的施工人员进行升职，让其成为施工团队中的小组长，展现施工人员的领导能力，同时将工程的施工质量落实到个人。建筑企业应定期对施工人员的专业技能进行考核，对于不能达标的施工人员建筑企业应为其培训，保证是专业素质不影响工程的施工质量。
3．3完善奖罚责任的制度
大部分施工人员在施工现场安全事故发生时，觉得与自身没有太大的联系而对施工现场的管理工作不加重视。施工人员仅仅关心自己的工作内容是否达到合格的标准，而对于整个工程的质量不关心。当施工人员发现问题并且向建筑企业反馈后，仅得到口头表扬而没有任何奖励措施，致使施工人员的工作积极性受到打击，不利于保证施工人员的工作质量。为解决这一现象，建筑企业可以建立一套合理的奖罚制度。将建筑工程中的各个环节责任落实到每一个人，对于遵守企业管理制度以及发现问题及时反馈者，建筑企业应给予其适当的奖励。奖励的内容不能仅仅包括精神奖励，同时也要包含物质奖励。如果施工人员对工程施工提出来有效的建议，可使施工人员得到职位的提升。而如果施工人员不遵从管理部门的调度任意施工，则应对其进行严格教育并且予以惩罚。通过奖罚制度的实施，充分调动建筑工程施工人员的工作积极性，提高建筑工程的施工效率。
4结语
综上所述，建筑工程现场施工技术的科学管理是保证工程质量合格的基础。建筑工程施工现场的管理工作是一项非常复杂的工作，涉及到建筑工程施工建设的各个环节，需要建筑企业在工程施工阶段不断的探索以及完善。加强建筑施工现场的管理力度，提高建筑企业施工人员的专业素质，建立完善的工程施工现场奖罚机制，将工程施工的各个环节责任落实到人，提高建筑工程的施工效率，保证工程能够在规定时间内完成，提高建筑企业的经济效益。
参考文献：
［1］纪新．加强建筑工程施工现场管理的具体措施［J］．建筑知识，20xx，07（04）．
［2］李志成．浅析建筑工程现场施工技术的科学管理［J］．中国建设信息，20xx（11）：62～63．
【摘要】网页设计是一种直观的视觉语言，需要对其进行布局与排版。虽然网页设计与平面设计之间存在一定的区别，但是其两者依然存在一定的相似之处，网页设计应该充分借鉴利用平面设计的原则与方法。网页设计中的布局与排版需要通过文字、图形的组合来让网页获得良好的视觉效果。现文章主要针对计算机网页设计中的布局与排版进行研究。
【关键词】网页设计；布局；排版；文字；设计论文
网站是企业或政府向用户传递信息，提供服务的一种重要方式，是企业开展电子商务的重要平台，是政府面向民众的重要窗口。网站是直接反应企业形象、政府形象的平台，因此网页设计质量的高低将会直接影响到企业或政府的形象。在网页设计中，布局与排版是十分关键的内容之一，其会直接影响到浏览者对网页的第一印象与体验感。因此，对于网页设计的布局与排版进行研究具有十分重大的实际意义。
1．计算机网页设计布局与排版原则
1．1布局与排版设计原则为了让浏览者在浏览网页过程中拥有更好的浏览体验，在进行布局版本过程中要始终秉持以下原则:第一，整体布局，和谐统一。在网页设计布局排版过程中整体布局占据着十分重要的作用。集成是网页设计排版布局中常用的一个对称形式，通过空间的文本与图形建立其平衡的状态，从而产生和谐的美感［1］。但是单纯的平衡有时候会导致页面出现过于死板、僵化的情况。因此，可以在对称平衡设计中融合一些活泼、有趣的词汇、图形，但是要注意需要与页面和谐统一。第二，主次分明，中心突出。在网页页面聚居中需要对视觉中心进行充分的考虑，该视觉中西你通常位于页面的关键区域—中部与上部的位置。因此，最有价值的信息应该摆放在这一位置。网页布局排版主次分明的最终目的是让网页可以形成清晰有序，能够突出重点的视觉效果。第三，疏密有度，错落有致。在网页布局排版中，一定要做好疏密有致，预留出一定的空白，灵活的使用字间距与行间距，制造出字间距与行间距之间的距离。对于形态与色彩的搭配运用更要合理［2］。例如，黑白搭配、圆形与方形搭配，以便获得更佳的视觉效果。第四，图文并茂，生动有趣。图形美观与文字的简洁之间需要合理的搭配。如果图形在版面设计中占据的比例更大，则文字会相应减少，从而大大减少页面的信息量;而如果文字太多则会使得网页版面变得死板。因此，网页布局与排版应该做到图文并茂、合理搭配，从而给网页带来更加丰富的内容，让网页变得更加有趣。1．2布局与排版设计方法网页设计布局与排版方法主要包括以以下几点:第一，简洁明了。布局排版最为重要的原则就是一名了然，让网页浏览者可以更加顺畅的浏览信息。第二，主色调鲜明。网页设计给人的第一印象就是由主色调决定的。主色调在网页布局与排版中是十分重要的，主色调过多会给浏览者带来一种厌烦的感受，不利于浏览者长时间浏览网页。因此，网页版本的主色调要进行合理的控制，其中主色彩不能超过五种，并且要以一种主色调为主，凸显以主导地位，另外几种颜色作为烘托与点缀［3］。一般来说，网页设计的主色调包括黄、蓝、灰、黑和白。第三，字体设置。在网页设计中字体的设置也应该始终秉持着简易的原则，通常来说不应该超过三种字体，并且字体在版面中不宜过大，从而让更多文字给网页浏览者带来更多有价值的信息。值得注意的是，要避免闪烁的文字在网页设计布局中出现，其会给浏览者带来一种厌烦的感觉。同时，在网页标题栏中字体应该相对于正文来说要更大，颜色也需要进行区分。
2．常见布局与排版
2．1T字型T型结构是顶部的页面布局为网站的标语和横幅，下列左侧为主菜单，右侧为内容显示。由于菜单的背景布置颜色更深，因此整体效果视觉类似于英文字母“T”，因此被成为T字型布局。T字型布局是网页设计中十分常见的设计布局，其优势在于页面结构清晰、明确，容易正确把握主次关系;缺点在于较为沉闷，缺乏灵活性，如果无法准确把握，不注重细节与色彩的配合，十分容易出现无趣、枯燥的现象［4］。2．2口字型口字型布局给人一个感觉就是在页面中间最为显眼的主题内容，类似于一个口字型，左侧通常包括注册信息、内容导航、搜索引擎，右侧通常包括动态消息、热点资讯和友情链接。上下两部分为横条广告与菜单。口字型布局的优势在于可以充分利用版面，囊括较大的信息量，缺点在于页面较为拥挤，过于死板［5］。口字型布局大多被应用于国外站点中，国内使用频率较低。2．3POP布局POP布局是将一张合适的照片作为页面设计的中心，并且在合适的位置摆放主菜单。POP布局并不是上下或左右对称的，但是在设计过程中依然要兼顾平衡与节奏。POP布局可以实现动态效果，其优势在于美观，缺陷在于运行速度较为缓慢。2．4同字型同字型的网页布局一般来说内容量都较大，网页上方为标题栏，其中内容可以是网站主题或横幅广告，在标题栏下可能存在小标题。在页面左右两侧都布置有相应的内容。通常来说，可能是网站的最新动态、网站的维护管理人员以及部分广告。同字型网页的主要内容是分布在中央位置，从上至下，根据内容的重点、类型来进行区分。网站下部分通常为空白，即使有内容也是一些十分常规的内容，包括网站制造方、网站基础信息等。
3结语
计算机网页设计布局与排版是一门艺术，针对网页不同的内容可以采用不同的布局排版形式。然而不论采用何种的布局排版形式都需要始终秉持着布局排版的原则，以设计出美观、简洁、便捷、人性化的网页，让浏览者可以舒适的浏览网页。
参考文献:
［1］李娟．浅述网页设计中的页面布局技术［J］．考试周刊，20xx(27):116～117．
［2］董磊．网页设计中视觉传达的整合设计［J］．明日风尚，20xx(05):123，106．
［3］许炜熔．让“美”走进学生网页作品———谈在网页设计课堂中提高学生综合素质的几点建议［J］．课程教育研究，20xx(26):248～249．
［4］梁日有．网页设计中艺术创新的研究与实现探讨［J］．学子(理论版)，20xx(03):12～13．
［5］尹涓，崔晓曦．浅谈网页视觉设计的应用和技巧［J］．电脑知识与技术，20xx(15):204～205．
摘要：中国当今建筑行业的迅速发展，所导致的对大气污染和建筑材料的废置，随着时间的推移越发严重，绿色施工是针对科学发展观可持续理念而产生的。也是我国建筑工程领域未来发展的长期目标，本文主要说明了当今中国关于这一方面存在的问题，提出了具体的措施和管理方法，对每一环节进行具体分析和概括，提供了有益的建议，促进建筑行业发展和进步。
关键词：绿色施工；具体措施；建筑行业
引言
在建筑行业的形成与发展下，现在对于环境和大气都有严重的污染和破坏，而且目前我国对于建筑环境的保护意识偏低，相比于其他国家，以绿色建设为目的，面对现状我们必须加大管理力度和落实具体的管理措施，从而加强对于资源的合理有效配置提供很大的帮助，近年，国家对于此问题也逐步重视起来，相关政府也推行管理制度规定，去进行科学规范化的管理。
1绿色施工管理的目前形势
现阶段发展状况
目前中国的绿色建设首要是要合理的降低资源利用率，合理地运用资源配置，实现能源的节省与行动的落实，在相关部门的主要领导下，针对这一问题而提出科学管理措施，国家也制定和推行了相关的政策和法律法规，给出了评价标准和准则，并且在全国各地的建筑行业运营，进行具体的实施，从而产生一定的效果，为企业发展带来经济效益。
现阶段缺陷
在初步的发展阶段，其主要是有关的规定不够具体，造成环节中出现缺陷和不完善的地方，并且相关文件下达后建筑部门没有去落实，这样完成的效率就会大大降低。对于建设的要求比较高，并且采用形式面小，采用的费用高，国家对此没有进行经济上的赞助和鼓励，所以导致停滞不前，在市场上的占有率越来越低，就目前来说，政府也会忽略在这一方面的经营，从而造成资源浪费。总而言之，建设管理还有很多问题没有去解决。相关人员的认识度低，管理不够等，政府还应继续完善。提升每一个环节的效力[1]。
2相关管理措施和具体方法
相关措施
改进相关政策，落实相关措施，提高有关的认知度，有制度性和环节性，让其意识到重要性，结合相关行业来进行管理和提出相应措施，而且政府要进行经济上的支持，只有这样才会积极去推动使其更好更快的发展。设立一个专业部门从上到下的进行总体管理，提高员工可以对这方面有更好的认知。对下属员工的管理也会更加的有效和细节化。进行人员的培训和相关会议。明白自己的具体的责任，并且去进行规范的实施，只有重视起来，才能得到真正的推进和提升。
开立相关部门
专门设立有关方面的部门管理，并和其他部门共同协作，责任分工合理，具体落实在每个人员身上，使其有责可寻，还要加大鼓励制度，活跃员工的积极性，加强各部门间的工作效率，进行严密的监督和视察，规定每一环节的具体方案，要完整的落实每一项制度和规定，并且要让员工去理解其运作流程，清楚运作细节[2]。
未来相关计划
这一工程的重点在于其实施的流程和相关方案的落实，对全局的领导能力和规划能力，计划有关环节的具体规定，在根据其规定去进行，计划其相关的.保护政策再进行具体的实施和下达。在进行过程中，要最低的降低资源利用率，降低使用材料成本，还可以提高经济效益，在员工方面进行分工管理，每一层有每一层的管理机制和管理方法，在建设过程中，对于信息的采集进行分工化，制定其相关的目标，并将计划分解落实。
分环节进行管理
为了实现目标的高效性，可以对工作人员进行分部门的管理和分配，使责任分工更加明确，出错率也会大大降低，在有些比较难的统计方面要采用科学化的计算，防止最后的时候出现误差。面对当今的发展现状，要根据国家指定的相关规定，进行更加系统的管理。加强建设的科学含量，还有严密的计算，最后每个部门都要有自己明确的分工，明白自己分内的事情，和每天要完成的任务。提升自己关于相关方面的科学性，只有科学的实施才能促进建设速度和建设水平。提升本环节的技术和水平之后，同时也能带动其他环节的科学发展，然而整个行业也会有所提升和发展，还要进行相关的检查和监督环节，这也是十分重要的组成部分，保证每项环节都高效完成，从而快速提升建设方式和运作效率，并且会带来更多的经济效益[4]。
3结束语
建设过程中细节十分繁琐和复杂，管理的范围较大，比较广泛，工作人员也非常多，在这一过程中制定出相关规划，对周边环境的影响都会有较大的提升和加强。资源也会得到合理的利用和具体的分配，加强环境与我们的共存，在保护环境的同时也要加强建设的推进，还有让相关工作人员认识到重要性，明白此项目推行的意义和目的，使其得到落实和真正的利用。通过具体环节和每项措施的改进和提升，达到一开始所倡导的环保建设。同时也能带动经济，我们现在还处于初级阶段，在建筑施工上的细节和问题没有得到彻底的解决，但是通过各个层面还有政府的鼓励，一定会促进更好更快的发展。
参考文献
[1]南锦顺.我国建筑工程绿色施工管理现状及对策分析[J].科技展望，20xx，27（27）.
[2]王江.建筑工程绿色施工管理问题及对策分析[J].中国新技术新产品，20xx（2）：112.
[3]杜逍.建筑工程绿色施工管理问题及对策研究[J].城市建设理论研究（电子版），20xx（2）.
[4]陈定哲.建筑工程绿色施工管理问题及对策分析[J].建筑工程技术与设计，20xx（2）
响应式网页设计原型研究
网页设计毕业论文内容
当今，移动互联网迅猛发展，各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度，任何终端统一页面效果”的策略，无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密，用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端，网页设计师聚焦于“响应式网页设计”这一关键词，试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧，掌握了HTML5和CSS3的使用方法，但他们依然无法驾驭响应式网页设计。造成这种情况的直接原因就在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程，即原型。
1两个关键概念：响应式网页设计与原型
响应式网页设计(RWD，Responsive网页Design)是一种网页前端开发技术，它可以描述为，“兼顾多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应的调整和布局的显示机制”。原型(Prototype)，也叫“原样”，是“模拟科学”中的一个术语。在心理科学中，由于很难对动作或心智活动认识清楚，所以一般沿用JR安德森的观点，把原型(Prototype)视为关于范畴的最典型的样例设想，即把“原型”视为外化的实践模式，或“物质化”了的心智活动方式或操作活动程序。综合上述，响应式网页设计原型可描述为：符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的，外化的响应式网页设计活动实践模式。
2建构响应式网页设计的原型
建构原型一般采用心理模拟法，它包含三个步骤：
(1)响应式网页设计活动的功能分析;
(2)响应式网页设计活动的结构分析;
(3)功能分析与结构分析的有机结合。其中，功能分析的重点是作用的对象，条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验，这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为，响应式网页设计应该首先针对小屏幕进行设计，然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法，对于那些已经积攒了零散的响应式网页设计开发技巧、HTML5及CSS3等技术，能够较熟练的完成固定宽度桌面端网页的新手而言，恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页，响应式网页设计如果从固定宽度的大屏幕网页制作开始，然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为，“要想高效的完成某响应式网页设计项目，首先需要项目分析，其阶段性结果是响应式网页的总体方案，即在用户群体需求分析及主题解读的基础上，进行色彩分析及定位，确定UI版面布局，分析设计网页功能模块，确定网页风格等，最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后，根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析，依据页面设计原则，利用photoshop绘制适用于各类终端显示的平面效果图;随后，利用“HTML5+Css3”技术采用
+css布局完成固定宽度桌面版网页的制作并生成网页文件和样式表文件;接着，在这套代码的基础上，利用媒体查询技术、流式布局、弹性图片技术，结合平板终端的页面效果图将代码改造成兼容桌面及平板的网页;之后，在上述修改的基础上，继续利用媒体查询技术和弹性图片技术，结合手机终端的页面效果图将代码改造成兼容桌面、平板、手机的网页;最后，利用火狐和IETester软件查看初步完成的响应式网页，解决跨浏览器的兼容问题，形成完整网站。该过程中任何环节如果出现不妥当都应该返回上个步骤进行重新修改。结合上述对网页设计活动的功能与结构分析，不难发现，响应式Web设计活动原型中的6个典型子活动复杂程度不同。其中“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这4个典型子活动是比较复杂的，包含了很多熟手的关键技术，需要进一步阐述。
3熟手的关键技术
从上述适用于新手的响应式网页设计活动基本原型发现，制作一个能够兼容主流浏览器的固定宽度桌面版网页是响应式网页制作的开端。那么，首先在“桌面版网页制作”这个环节中提取一些熟手关键技术，作为给予新手的技巧提示。
兼容主流浏览器的桌面版网页制作技术
为了防止不同浏览器给予相同HTML5标签的初始样式存在差异，熟手利用HTML5+CSS3制作桌面版网页制作时，一般会在样式文件(扩展名.css)中给出如下初始化代码：*{margin：0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:_宋体_;font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}这部分代码块可以实现页面在IE内核和Firefox内核的所有版本浏览器中居中对齐，外层布局盒子与浏览器头部无缝紧贴;
及css3完成固定宽度布局时，默认所有内部布局
向左浮动，溢出属性为隐藏;所有构成页面的HTML5元素的默认边距和填充属性为0px;HTML5的列表标签默认项目符号为空，边距和填充为0px。此外，确定页面尺寸,目前大多数显示器为1024像素*768像素，那么以此为默认显示器时，页面的宽度尺寸一般设置为“1007像素”。初始化CSS代码后，接下来就是利用
+CSS完成布局，这里提示新手：完成布局后，务必在IETESTER和Firefox中检查网页布局是否能够兼容主流浏览器。然后，根据桌面版网页平面设计效果图完成页面的制作。此外，熟手的经验是制作过程中频繁检测桌面版网页是否能够完美兼容各种浏览器。
利用流式布局、弹性图片、媒体查询技术修改桌面版网页
(1)相对视口尺寸，将最外层的布局
(例如：#wrapper{width:1007px;...})的宽度设置为96%(这个值取决于当前页面的视觉效果，也可以给其他数值);然后，将最外层的布局
内部的页头布局、导航布局、内容布局、侧边栏布局、页脚布局
对应的CSS样式中的width属性值利用公式——目标元素宽度÷上下文元素宽度=百分比宽度把网页的固定布局修改成百分比布局，也就是将固定像素宽度转换成对应的百分比宽度。
(2)将页面中所有HTML5标签元素对应的CSS样式表中的margin-right、margin-left、padding-right、padding-left的属性值也用公式——目标元素宽度÷上下文元素宽度=百分比宽度来修改。
(3)将CSS样式表中的font-size属性值的单位用em来代替px。这里依然使用公式——目标元素宽度÷上下文元素宽度=百分比宽度。这里需要提示新手的是：在标签的初始化代码中，如果有font-size:16px;语句，那么在给其他元素的font-size属性上修改值时，公式中的“上下文元素宽度”就等于16px，例如，#logo{font-size:48px;}现在要修改为#logo{font-size:3em;}。
(4)为了实现弹性图片，让图片随视口缩放，图形图像、动画和视频的弹性设置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width属性是用于确保缩放时不会超出图片最大尺寸。同时，熟手还会使用AdaptiveImages解决方案来实现自适应图片。
(5)媒体查询可以通过判断不同设备终端，提供不同的样式使其实现在不同终端都能获得最佳的用户体验。例如，某个响应式页面用电脑浏览页面时，页面信息会以平铺的形式分布在页面合适的位置;用手机浏览页面时，导航按钮会相继隐藏起来，部分信息变成左右滑动的方式呈现，页面会重新布局，图片相应缩小。媒介查询的语法格式是，例如：设定宽度不超过400像素的屏幕尺寸，代码是：。虽然，HTML5+CSS3提供了良好的媒体查询功能，但当前仍有一些浏览器不支持，你可能需要添加如下基本样式：不同种类、不同版本浏览器的兼容问题解决跨越浏览器的问题一直是响应式网页设计的难题。熟手面对这一问题时，一般采用“渐进增强与降级”、“利用javascript修复老版本IE”、“使用Modernizr辅助修正样式，按需加载资源”、“给IE6，7，8追加媒体查询功能”等方法。
4结束语
对响应式网页设计而言，当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言，响应式网页设计开发技能的形成不是一蹴而就的，还需要学习者在多个项目中，利用原型进行多次定向、操作及内化才能真正掌握。
