公司网页设计师工作总结

公司网页设计师工作总结（共20篇）

1.公司网页设计师工作总结 篇一

文档出自：

如果你在寻找网页设计师谁为您提供创意网页设计，提出了视力有问题要问你。这些问题将确保你在寻找网页设计师谁有良好的知识和准确的适合你。有几个专业的网页设计师设计的网站，如果你不精确的隐藏和你可以给你自己支付多于你想或得到一个网站，不是你在寻找什么或你认为在你的心中。一个主要的东西，你必须问当你得到专门的网页设计师，潜伏他们是否作出醒目网页设计，奠定休息，他们的基本重点。

这是一个问题要问的人谁提供专门的网站设计，放在地面的细节是，许多人没有问。这意味着他们可以聘请网页设计师，他们认为自己是公司提供创意网页设计，奠定休息，作为其主要产业，但作为一种替代可能只有一方线。如果是这样的话，公司无法更新最新的技术，甚至有能力专门的网页设计师，你的项目要完成它在及时。你必须另外要求公司提供网页设计服务，奠定休息，他们是否知道搜索引擎优化的策略。这些让你的网站做出应有的重视也会排名在搜索引擎结果。

你必须问公司提供网页设计服务，奠定休息，他们是如何促进他们的网站设计以及他们如何建立您的网站排名在各大搜索引擎你在寻找网页设计师。通常，一个公司提供专门的网页设计师，奠定休息，将结合使用关键词和关键短语，链接和标签让您的网站排名在谷歌和微软，雅虎。你可能也有兴趣在滚出去，你的公司是否聘请网站设计者提供给你有吸引力的网页设计，埋葬将装备您的网站与一个不育系（内容管理系统）。

这是一个允许你更新或更改图像和文本在您的网站迅速和简单。如果你正在执行一个网站提供的产品可以改变的基础上定期的一部分，真的是非常宝贵的。你控制什么出现在您的网站和你不会要不断去该公司提供专门的网页设计师，国际发展你的网站更新。它可以是钱花。记住，网页设计过程可以是一个漫长的一。你可能需要满足该公司提供，你租用网页设计团队，奠定休息几次，在过程中，你可以看到设计，讨论他们接近文章的内容和作出任何改变。

共创美好未来

信息技术的发展离不开大家的努力

2.公司网页设计师工作总结 篇二

一、课程设计思路

基于工作过程的课程体系开发是以职业岗位工作过程为导向, 以职业技能为中心, 以学生为主体, 实现知识传授与职业能力训练相结合、学历教育与职业资格证紧密结合, 重视专业技能和综合职业能力考核, 培养面向生产、建设、服务和管理第一线需要的高技能应用型人才。在基于工作过程的课程开发过程中, 遵循“岗位导向、注重过程 (工作过程和开发设计过程) 、多能 (专业能力、方法能力、社会能力) 并重、细化标准”的原则, 按照“工作任务 (职业岗位的典型工作任务) —行动领域 (工作任务的分析归纳) —学习领域 (工作过程的课程开发) —学习情境 (教学过程的方案设计) ”的步骤进行。

二、课程内容体系的建设

1. 课程教学目标的确定

“以就业为导向, 以能力为目标”的高职课程改革, 首要任务就是明确课程的教学目标。在教学中, 我们在岗位分析基础上确定本课程的教学目标。

*知识目标:学会如何规划网站、设计网页;能根据网站内容的特点设计并制作相应风格的网站。

*能力目标:掌握从Internet网上搜索需要的资料并进行加工处理的技能;掌握利用相关软件设计、制作网页的技能。

*情感目标:学会协作;学会如何正确认识、评价自己与同学;增强自信心;培养良好的职业道德。

2. 课程教学内容设计

在工作过程为导向的教学过程中, 需改变传统学科型课程以学科知识逻辑为主线、专业理论知识为主体的教学内容, 应以实际工作任务需要为基础, 以职业活动为主线, 以培养职业核心能力为本位, 注重理论知识与实践知识、职业技能的综合, 重新组织和设计教学内容。

根据对网页制作岗位工作过程的调查与分析显示, 工作人员应具有完整的设计思路和创造理念, 能独立进行门户网站、行业网站的策划、规划、架设工作, 能独立完成网站编程、后台搭建等。依据学生职业能力形成规律和网页制作的实际工作过程, 坚持理论够用、适用、实用原则, 将工作任务模块转换成教学内容, 我们将课程内容调整为:网站策划、网站规划、网页风格设计、网页制作、网站测试和网站上传与更新维护六个知识模块, 每一个小的模块项目又具体细化为一个个小的任务。教学内容均来自于职业岗位的具体工作任务, 并使教学内容由抽象的概念转变为具体的工作项目, 构建围绕职业核心能力为中心的以“做”为主体的课程。

3. 课程教学方法

为了充分发掘学生的创造潜能, 提高学生解决实际问题的综合能力, 我们采用工学结合、教学做一体的教学模式, 综合采用了项目导向、任务驱动、案例分析、多媒体演示等教学方法, 将“在实践中学习、在学习中实践、理论与实践教学一体化”的思想贯穿在整个教学过程中。本课程以完整的“企业宣传网站”为例, 将各个知识点融于项目开发过程中, 从简单到复杂, 从基础到高级。在教学过程中, 首先以需要制作的项目为背景, 设计相关的案例, 以案例的讲解引出项目, 以问题形式提出, 这样每个小项目的主题也就是教学重、难点的内容, 项目的完成过程也就是教学重难点的突破过程。最后, 以“布置项目”的方式引入有关概念, 展开教学内容。学生通过项目实践寻找完成任务的途径和方法, 最终得到项目结果。通过本课程的学习, 学生不仅学到了基本知识、基本技能, 而且通过项目的开发, 积累了项目开发的经验。

此外, 深入开展第二课堂活动, 指导学生课余实践活动, 引导学生将课堂上学到的知识和方法应用到其他网站项目的开发中去, 学以致用。充分利用校内实训基地, 将教学与实训合一, 满足培养学生综合能力的需要。

4. 课程教考核方式

建立科学、完整的课程考核方式, 是检验项目教学方法的实际效果, 促使学生更积极主动地投入到项目任务的自主学习和实操中, 提高教学质量的主要手段。课程的考核以能力考核为主, 采用多种方式综合考核的方法。课程的总评成绩由平时成绩和期末考核成绩两部分构成, 其中平时学习考核成绩占课程总评成绩的40%。期末考核成绩占课程总评成绩的60%。平时考核成绩由课堂讨论、交流, 提交的课后作业完成情况综合评定。期末考核采用理论+实践的考试模式。理论考试采用国家信息产业部“网页设计师”认证考试并实施;实践考试采用“项目开发+现场答辩”的考核方式, 重点考核学生对整个项目开发的思路及开发方法, 同时考查学生口头表达能力、与人沟通能力, 最主要的考核是以项目最后实现的效果及每个人完成工作量的情况、完成工作的质量及效率进行评分, 由项目小组与教师共同打分。在交流评价的基础上对学生获得的材料和做出的作品进行检验。验证学生自己的观点。通过对比师生评价结果, 找出造成结果差异的原因, 让学生反思他们在探究实践中所运用的解决问题的策略。

三、结语

在今后的教学中, 我们必须依据高等职业教育人才培养目标和职业岗位综合能力的需要, 以工作过程为导向进行《网页设计与制作》课程开发, 依据该课程的知识结构特点, 以职业能力为目标确定教学内容, 注重职业情境中实践智慧的养成, 提高毕业生的素质和就业能力。

参考文献

[1]姜大源.当代德国职业教育主流教学思想研究[M].清华大学出版社, 2007, (4) .

[2]赵志群.职业教育工学结合一体化课程开发指南[M].清华大学出版社, 2009, (4) .

3.公司网页设计师工作总结 篇三

【关键词】工作过程导向 网页设计课程 教学探索

【中图分类号】G 【文献标识码】A

【文章编号】0450-9889（2016）07B-0049-02

基于工作过程导向的课程模式以校企合作为基础，以职业岗位能力为目标，以工作过程为内容，改革了传统教学方式和评价方法，秉承了市场导向和服务社会的职业教育人才培养宗旨，引领新时期职教改革潮流。网页设计课程源于互联网技术迅速发展和网站服务的深入应用，具有极强的技术性、理论性和实践性。网页设计是IT业的一门关键技术，理论逻辑性强而且操作灵活性大，同时底层技术演进迅速，相关规范标准迭代更新频繁，如果把所有细节都教授给学生难度很大、实用性不强、效果也不好。把这门课程上好，对老师和学生都是极大的挑战。本文基于工作过程导向课程设计理念，从目标定位、内容设计、教学模式、教学手段、评价方法等方面探索中职网页设计课程的教学改革。

一、课程目标

以工作过程为导向的课程，不以知识的理论体系和逻辑结构为目标，而是强调职业岗位能力，课程目标从职业岗位而来，不能理想化地设计出现实工作中没有的课程任务。工作过程导向课程设计自然地要求走校企合作的人才培养之路，要通过下企业调查，和企业专家、岗位员工交流学习，才能确定课程的岗位能力目标。在对多家网络公司和数字媒体公司进行调研，并在企业实践专家的帮助下，笔者对网页设计工作所对应的企业岗位能力、工作任务等进行了深入分析，重新定位了本课程目标。

（一）职业岗位能力。通过对校企合作单位调研、和企业专家交流、就业跟踪调查等手段，得到课程相应职业岗位有网站管理员、网站美工人员、网站设计人员、网站编辑等，主要岗位能力有网页欣赏能力、审美能力，网页基本元素设计、布局调整能力，网页色彩、风格搭配能力，网页交互设计和脚本编程能力，网页设计工具和图形动画软件的使用能力，网站建设、运维能力，项目的沟通、协作能力。在以上这些需求中，有些是基础能力，有些是专业能力，不同规模的公司对个人的综合能力要求不同。

（二）课程教学目标。根据企业岗位能力分析和网页设计技术要求，制定网页设计课程如下教学目标。

学生学完本课程后应具备下列能力：掌握网页的相关概念和术语；以小组为单位完成网页设计的需求分析书；运用图像处理软件制作网站首页和子页的效果图；运用动画软件制作网站通栏和导航栏的动画效果；掌握一定的色彩构成原理和网页色彩搭配能力；运用网页工具制作具有动画效果的静态网页；掌握网站的上传、发布、优化和维护的方法；掌握互联网信息安全相关的法律法规；具有和客户及同事进行有效沟通的能力。

学生学完本课程后能够承担下列任务：网站页面效果图的制作、网站页面动画效果的制作、网站页面的制作与开发。

二、课程内容

改变传统课程的知识结构和理论体系，行动导向课程的教学内容主要为典型的工作任务、案例、项目。工作任务书、项目策划书、案例手册成为课程内容的承载，以工作任务和项目为课程内容单元，把知识、技术、信息、能力、情感和过程等连接起来，形成完整、独立、具体、形象和鲜活的课程逻辑。可以根据内容的规模、特点、关联度、难易度等灵活组织、安排和设计项目内容。本课程把网页设计的职业岗位能力设计成课程中的工作案例和项目需求，针对岗位特点和要求，把工作任务落实、分解到各个课程案例项目中。通过相应的工作过程和任务内容来培养岗位能力与职业素养，设计了以下12个案例项目对应相关的网页制作专题，见表1。

三、教学措施

工作过程导向课程的教学模式是其创新的核心部分，其教学过程是工作内容的动态展开形态，是知识和能力有机构建的流程，是职业岗位情景的再现和感知，是社会角色交流、协作和竞争能力的演练，是完成工作任务的同时组织教学任务，是工作任务环节间交互、反馈、激励和迭代流程。

以工作过程导向的理念重新设计网页设计课程的教学模式，主要从以下几点突破教学困境：

（一）确立学生的主体地位，明确工作任务目标，开展工作过程导向教学活动。把课程任务明确落实到学生，确立学生的主体地位和工作角色，每个网页案例都有明晰的目标，规定学生对任务的完成标准和结果。责任的下达和目标的确定，使教学过程具有了方向性和目标性，学生回归到了教学活动的自主和参与的地位，使知识链条和职业能力得以主动建构，激发了教学的动力和活力。

（二）引导学生以工作过程导向模式开展项目，形成知识能力逐步上升的环路。教学过程开展以项目工作过程为基础，把工作过程的基本执行模式——调查、计划、决策、执行、检查、评估、反馈等应用在教学项目开展过程。如在办公用品网教学项目中，首先，学生通过项目任务说明书调查了解项目工作要求，根据工作页和引导问题等主动了解相关知识点、技术点和工具操作等。接着，依据掌握的信息制订计划，进行技术、方法、工具等选择及方案的对比得出较优方案，在方案的指导下开展项目实施、难点攻关。同时，不断对比任务结果和目标及时反馈修正，最终完成工作任务得出网页设计成果。工作过程的每个环节都有阶段性目标和结果，给任务主体不断得到反馈和引导，并且持续地推进和激励工作任务的完成，形成逐级上升的知识技能回路，这便是工作过程导向的基本内涵。

（三）灵活运用多种教学方法，增强学习的实效性和趣味性。工作过程导向课程除了项目驱动教学法，还可根据项目特点和内容采用情景教学法、角色扮演法、小组讨论法等教学形式，以贴近工作任务和过程的组织结构、合作关系、交流方式等。例如对于综合性网页设计，可以用角色扮演法，以项目经理、网页美工、网页程序员、客户等角色的分工、交流、合作来共同完成案例项目。这些教学活动更多地再现了实际工作过程中人的沟通、协作方式和信息的交流、传递过程，更重要的是这些活动过程还原了学习者知识和能力的动态构建过程，不断增强个体可迁移的信息处理和知识学习能力。同时使学习者感受到个体对知识的个性化选择的积极情绪和端正态度，个体对工作各阶段完成的辛勤付出和成功喜悦，个体与别人沟通合作的健康心理和真挚情感。

（四）利用网络和多媒体教学手段，提升工作过程中知识搜索、积累、交流和技能。信息化和网络化极大地提高了工作环节的效率，甚至给工作过程带来工具的进步和流程的革新。如多媒体演示更能有效明确地下达工作任务，互联网的使用对项目相关信息的搜索十分便利，课程网站的建立对案例积累、问题解答、素材管理、操作视频共享等都具有重大意义。充分利用信息技术的成果，改进工作过程环节，优化工作流程机制，培养信息化素养和能力，提升工作过程导向的教学效率和效果。

（五）构建过程化和多元化评价，促进工作过程导向课程评价机制向全面、公平和可持续方向发展。甄别性和终结性评价不适应工作过程导向的学习和能力发展，不能体现其动态的知识能力构建过程，必须以新的评价模式来衡量教学改革的成效。首先，过程化和动态性是工作过程导向教学模式的基本特征，教学评价要体现出动态发展过程，工作任务的每个阶段都可进行灵活多样的评价，来反馈和推进工作过程向任务目标发展。例如，构建过程性评价目标反馈系统，引入徽章系统，积分排行和等级评定等评价措施，逐级彰显和激励目标状态，持续推进整体过程。其次，学习过程中同伴的交流、协作也是开展评价的环节，引入多元互评会改善和优化合作关系，而且通过小组互评才具有相近的考量视角和感知过程。再次，课程项目和案例虽然经过教学设计，但来自工作过程，有实际的企业原型，通过引入企业专家的评审，可使其评价更贴近实际工作规范和要求。最后，通过竞赛活动和机制，真实模拟实际工作过程的要求、标准、规范和规则等，既丰富活跃教学过程，又锻炼考验知识能力。

四、结论

基于工作过程导向的网页设计课程教学改革，探索应对信息技术快速发展下热门职业岗位能力的教学模式，解决今天的知识传授无法适应明天的工作要求的难题，以项目驱动等创新教学方法、教学手段和评价模式，通过工作过程的实施来激发学习者的主体能动性和动态构建知识和能力，并且通过评价机制的持续反馈和激励工作过程的推进，最终完成工作任务。而更为关键的是以工作过程承载知识能力构建过程、情感态度感知和培养过程、沟通协作体验和实践过程等，培养学生可迁移的学习能力和可应变化的职业能力。工作过程导向教学在有效培养学生专业知识能力的同时，也在显著地培养学生职业岗位能力和素养，为其通往职业岗位、社会生活乃至将来发展架起一座便捷的桥梁。

【参考文献】

[1]赵志群.论职业教育工作过程导向的综合性课程开发[J].职教论坛，2004（6）

[2]赵文丽.基于工作过程的网页制作技术课程设计[J].软件导刊.教育技术，2012（7）

[3]欧阳炜昊.基于工作过程导向的“网页设计与制作”课程教学改革研究[J].计算机教育，2010（4）

4.网页设计工作总结 篇四

任何追求漂亮版面的人都知道，印刷排版跟网络排版完全是两码事。尽管有些规则可能相同，但网页设计所处环境完全不同，两者都有自己一套必须遵守的规则和准则。两者的原理不同，不能同时存在，跨越这个界线可能会导致排版混乱。

尽管，你可能已经熟悉了网页设计的层次结构，你可能也明白排版中也少不了它。层级结构会给你一个阅读显示文本的起点。这点非常重要，因为这会帮助你准确传递信息，同时保证读者准确理解。很多网站在这个问题上都做得很好，但是你还是应该牢记在心，这样你的网站就不会显得太过时。为了增加可读性，给标题、介绍段落和常规文本创建标签层级是很重要的，这样你的用户可以看清你的文章结构并能很快的找到他们感兴趣的部分。

浏览器用在链接的默认样式一直是蓝色文本加下划线。虽然这个蓝色经常被改成另外的颜色，但下划线一直被当做是链接的常规样式。这就是为什么除了链接你不要给其他的东西加上下划线的原因。否则，这可能对你的用户造成很大的困惑。

很少遇到网站排版中出现层级结构的问题，但相当多的网站排版却存在间距排列的问题。网站所有元素的间距都必须按照一定的条理进行排列，因此你在处理间距必须遵循这些条理。你可能需要去了解以下的专用术语：行距大小（LeadingSize）、字偶间距（Kerning）和字间距（Tracking）。

行距大小是一种增加或减少文本行之间产生的空格的方法。字偶间距是调节字符间空格，使其达到更愉悦的视觉效果的过程。使用字间距同样能达到字偶距调整的效果，两者之间的唯一差别在于空格的产生，字间距是在每个字符间产生等量的空格，而字偶间距是调整的基于字符对所产生的空格。最常见的网页布局错误之一是定义了不正确的行高。行高是定义一行文本的高度，所以我们必须按照文本字体大小来设定行高。一般来说，在设置文本行高的时候，我经常在字体大小的基础上加上7个像素（对12-17像素的字体而言）。另外一个常见的错误是标题周围不正确的margin值。标题其实是与它下面的段落是相关联的，而不仅仅是两个段落的分割符。这就是为什么标题的margin-top比margin-bottom要宽。

排版中的颜色并不专指单一的文本颜色，通常是指网站用到的所有颜色。网站用到的图片和颜色相当于文本的“背景”，因此使用颜色时要谨慎。网站的元素要和排版颜色协调，不要让文本显得模糊不清。你也可尝试较大尺寸的排版（又称为宏观排版）来达到更好的效果。简单来说，宏观排版就是使用更大的文本来吸引用户。它的长度通常不能超过1到4个单词，因此，保持文字的简洁性和正确性就显得格外很重要。在关键信息下，但是这并不是那么重要，因为这并不是你的网站的焦点，但大尺寸文字却是。

即使你的网站有很好的排版了，另一个需要注意的是对比。如果你的页面背景是中灰色（#999999），那么不要使用深灰色（#333333）的文本，否则你的内容很难看清，尤其是对一些年纪比较大的或视力差的人。总之，除非你的网站是关于黑客、黑帽seo或哥特摇滚的，不然你应该使用浅色背景和深色字体来保证清晰的对比度增加你网站的`可读性。

最重要的排版技巧之一是“大胆留白”。留白是指空白区或没有使用的空间，它会使你的设计整齐而专业。许多人喜欢苹果网站的原因是：它尽管简单但很精致，而且有很多留白。

字体配对是将两种或更多字体通过排列组合达到最佳效果的过程。这听起来有意思，但对于初学者却并非易事。选择一种或多种的漂亮字体就够了，但是，你只是想完美配对两种字体，从理论上讲，难度更大。字体配对可降低使用单一字体时可能所产生的单调感。你可以就此进行实践，为网站中所有的大标题使用一种字体，在一些简单段落里使用另一种字体，看看最终效果是否很单调。为了确保可读性和专业性，你的网页上不应该使用超过3种字体。使用过多的字体会干扰你的用户而且让你的网站看起来很乱。相反，较少的字体让你的网站显得干净易读。你可以标题使用一种字体，正文使用一种字体，最后logo或副标题使用另外的字体。

如果你把字体弄得难以辨认，这是犯了大忌。你也知道字体配对对于精美排版的重要性，而不是用一些统一的文本。即使你找到了很棒的字体搭配，还是不要忘记为字体设置合适的大小和粗细。字体粗细和大小设置不当基本上就毁掉了之前的搭配，因为这会让你已经使用的不同字体难以辨认。还应注意一点，背景图片跟字体颜色相近或不匹配，会导致字体淹没在背景图片当中。

5.网页设计教学工作总结 篇五

本学期本人担任学校11级计算机专业的网页设计的教学工作。下面就这一学期的教学工作进行总结：

一、期初制定计划及落实情况

在学期初，按照网页设计教学安排,制定周密详细的教学计划和教学进度表。在教学过程中，自始至终能按照计划进行教学，按照任务驱动，让学生通过案例作品设计，极大的提高了学生的计算机操作能力。

二、课前准备工作

1、认真钻研教材，结合新课标理念，以学生为主体，精心设计好教案，想好教法。

2、了解学生原有的知识技能的质量，他们的兴趣、需要、方法、习惯，学习新知识可能会有哪些困难，采取相应的预防措施。因材施教，使学生能真正的学到知识。

3、考虑教法，综合运用任务驱动法，边讲边练法和学生自主探究法等教学方法，使学生能在课堂上理解每节课的内容和不断的提高学生的信息素养。

三、在教学中取得的一些体会

1．网页设计的教学中，采用边教学、边思考的方法。在教学中不断反思，一学期下来，积累了不少的经验。发现了问题就及时解决，对自己和对学生都是一个不断提高的过程。

2．网页设计的教学以操作课为主，老师主要讲解操作过程和工具的功能，之后学生在操作的过程中掌握各种工具的使用，最终达到教学效果。并且要求学生能够良好的运用所学知识，来制作相关作品。在作品的制作过程中，我也进行了相关的指导，使他们能够在已学知识上有所拓展及提高。在教学中也不断的进行知识的深入及对学生所感兴趣知识的讲解，使其始终能保持足够的兴趣，这样的学习才是轻松的学习。

四、对以后教学的打算

在今后的网页设计课程上，我会继续珍惜时间，善于思考，大胆实践。努力提高学生的学习效率，同时加强先进教育教学理念和学科专业知识的学习，提高自身素质，做一名优秀的学科教师，把《网页设计与制作》打造成精品课程。

6.网页设计大赛总结 篇六

11月27号，由院团委、学生会主办，数学与计算机科学系承办的第九届网页设计大赛落下帷幕。总的来说，这次的活动开展的还算顺利。我系学科部积极配合主办方和承办方开展工作。从开始到结束，我系学科部积极宣传，做了大量的工作。我系选手们也都认认真真遵守活动规则，选手不仅利用课余时间上网查询网页设计的知识，还在图书馆借阅了大量的有关这方面的知识的书籍。更可贵的是我系选手利用下课时间向计算机老师请教这方面的知识。为他们成功奠定了基础。所以说:成功是给有准备的人。

不仅使同学获得了一些关于网页设计方面的知识，而且使大量的同学对网页设计产生了兴趣。在他们选修课时他们很多人选了网页设计。所以这次活动办的是非常成功的。

这次的活动很全面向不同系的学生开展。产生了很好的影响，宣传的“昌八百工程”这个大的活动主题。活动的影响：

1.我系学生积极参加了此次举办的网页设计大赛。不仅使我系选手获得了大量的关于网页设计的知识，而且，使我系学生对网页设计产生了很强的兴趣。其中，郭晓冬和王勇团队的作品，制作精美，质量较高，突出了“读书 学习生活”的活动主题。体现了我系学生对于所学的网页制作技巧的灵活运用能力。

2．此次活动，不仅响应“通读百部经典名著”开展让我系学生们之间掀起了读书热情，而且让我系学生们体会到现代计算机在生活中的作用，学好计算机不仅仅对于个人很重要，而且对于社会生产力水平的提高也是万分重要。网络拉近了人们之间的距离，也加速了人与人之间的交流。这条简捷明快的交流路径，如果可以不断被开发与利用，我们掌握的知识与技能日趋完善，那么社会前进的车辙将被加速向前推进。引导了学生们学好计算机，掌握基本的技能，激发每个人的创新能力。活动的不足点：

活动举办的有些匆忙。在策划方面有一些没有到位的地方。同时，一方面因为时间略显紧迫，另一方面也因为所学知识的局限性，选手们在作品的构思布局方面还需加强，仍需不断努力与学习。展望未来：

7.公司网页设计师工作总结 篇七

关键词：工作过程,网页设计,教学改革,教学方法,教学手段

随着互联网的迅猛发展,各类网站数量迅速增加,一些企事业单位都需要建设本单位网站,以达到满足宣传产品和沟通信息为目的。因此需要大量网页设计与制作、网站管理与维护的人才。《网页设计与制作》课程主要是为满足社会这方面需求而设置的。

《网页设计与制作》是我院计算机专业的一门职业技能课,根据高等职业教育的特点,以服务为宗旨,以就业为导向,走产学研合作教育的道路,为社会主义现代化建设培养高素质技能型专门人才。本课程主要以培养学生实际动手制作网页与管理网站的能力为目标,使学生具备网页设计与制作、网站规划与维护的实践技能,以便形成良好的计算机网页制作与网站管理职业素养。学生毕业后可胜任网站管理员、网页设计师等工作岗位。

1、基于工作过程的课程开发

基于工作过程的课程开发就是将学习过程、工作过程与学生的能力和个性发展联系起来进行的课程开发。它具有以下特征:

1.1、它强调职业工作的整体性,而不是缺乏有机联系的知识点、技能点或能力点。

1.2、它强调将方法能力、社会能力的培养与专业能力培养融为一体。

1.3、课程开发时,它强调“工作过程的完整性”而不是“学科完整性”。

2、基于工作过程进行课程开发的原因

2.1、从职业的角度上讲。

一个职业之所以能够成为一个职业,是因为它具有特殊的工作过程,即在工作的对象、方式、内容、方法、组织以及工具的历史发展方面有它自身的独到之处。

故高职教育也需从工作出发,只有从工作出发,才能和职业发生关系。从教育出发:重在知识的储备;从技术出发:它是将技术看成工具,重在手段;从工作出发:它重在职业对知识、技能态度(方法能力、社会能力、专业能力)的需求。

2.2、从课程的角度上讲。

一般来说,课程内容涉及两大类知识:一类是涉及事实、概念以及规律、原理方面的“陈述性知识”,一类是涉及经验以及策略方面的“过程性知识”。“事实与概念”解答的是“是什么”的问题,“规律与原理”回答的是“为什么”的问题。而“经验”指的是“怎么做”的问题,“策略”强调的则是“怎样做更好”的问题。

由专业学科构成的以结构逻辑为中心的学科体系,是以传授实际存在的显性知识—陈述性知识,即理论性知识,主要解决“是什么”(事实、概念等)和“为什么”(原理、规律等)的问题。这是培养科学型人才的一条主要途径。

由实践情境构成的以过程逻辑为中心的行动体系,强调的是获取自我建构的隐性知识即过程性知识一般指经验并可进一步发展为策略,即以尽可能小的代价获取尽可能大的效益的知识,主要解决“怎么做”(经验)和“怎么做更好”(策略)的问题。这是培养职业型人才的一条主要途径。

3、《网页设计与制作》的课程教学改革

3.1、根据社会上用人单位的需求,不断修订《网页设计与制作》的教学大纲

3.1.1、能力要求。

通过本课程的学习,让学生熟悉网站建设的整个流程,熟练运用网页设计开发工具制作纯静态HTML网页的能力;具备遇到问题、分析问题、解决问题的能力;具备搜集素材、分类汇总的能力;具备网页代码的分析理解能力;自主学习能力、实践操作能力、综合应用能力、创新能力。

3.1.2、知识要求。

掌握规划设计网站的方法与技巧;掌握HTML超文本标记语言的语法结构和使用方法;掌握制作文本、图形、多媒体并茂的网页的方法与技巧;掌握超级链接(包括内部链接、外部链接、电子邮件链接、锚点链接、图像映射、翻转图)的使用方法;掌握框架、模板、层、行为、交互式表单的使用方法;了解Javascript脚本语言的相关知识;掌握fireworks制作网页图片、动画的方法;掌握flash制作动画的方法。

3.2、教学内容的组织与安排。

教学内容的组织安排以网站设计制作的实际工作过程为教学内容安排的依据,对教学顺序进行重新安排,并合理设计每次课的目标任务,让学生在做中学。

根据网站项目开发岗位能力需求,结合典型网站项目的开发过程将内容分为10个学习情境,分别是网站策划与创建、网页设计、主页面设计、超级链接、框架页面的设计制作、CSS与层的使用、模板的设计制作、交互式表单、网页交互效果设计、网站发布与更新。

4、结束语

本课程依托一个典型企业开发网站的项目案例贯穿始终,学生在老师的指导下,通过完成该项目的各个工作任务来掌握网页设计与制作的知识点和技能点,具有典型性和代表性,使学生的学习积极性更高。通过基于工作过程的网页设计课程开发,模拟企业的真实工作情境,以学生搭建的项目团队形式完成工作任务,引进实际工程开发项目,这样可以让学生走出校门,就能找到自己称心如意的网页、网站开发工作。

参考文献

[1]李云程.网页设计与制作[M].科学出版社,2008.

[2]杨森香,聂志勇.网页设计与制作案例教程[M].北京大学出版社,2009.

8.网页设计初探 篇八

关键词:网页设计;元素;色彩

互联网技术日新月异的发展,已成为人们生活中不可缺少的一部分。互联网的发展使信息传达的范围速度与效率都产生了质的飞跃,随着时代的发展,网站建设越来越接近于一门艺术而不仅仅是一项技术。

——引言

网页设计作为一个全新的设计领域,没有照搬的模式,没有从属和延续但任何设计形式又有去规律和标准。但也有些出学的设计者,将艺术的设计语言和设计理念抛到脑后,机械的完成设计,完全成为了技术的奴隶,因此,我想从平面设计基础理论在网页设计的应用来浅谈我对网页设计的理解,希望给广大读者带来一些启发。

一、平面设计元素在网页布局中的应用

第一个要素——点:在日常生活中很多东西都可以看作点,如晶莹剔透的一颗雨滴,大海中的一页孤舟,星空中的一轮明月……从几何学角度来说,点是线的交点,它没有大小和形状;从造型艺术来说,点是最基本的要素,指画面中某一小块区域;从视觉的角度而言点不但有大小还有形状。在具体构成中点并非都是以远的形式出现的,一些较小的个体元素都可以视为点。例如,在网页中的一些按钮就可以当作点来处理。在运用点的时候重点不仅在于外形,更在于点在整个空间中所起的作用,在相同的视觉环境下相对面积越小点的感觉越强。点越多其间隔就越短,免得感觉就越强,这对把握画面的整体效果和统一画面十分重要。

在Racing乐队网站中20个大小相同的圆点铺满了首页这些圆点既是页面中的按钮,又是页面的装饰元素,在不同的色彩映衬下圆点似乎产生了韵律感和运动感,浏览者的视线会不断在这些点之间徘徊决定最终去向。

第二个要素——线:线是由无数个点构成的根据其长度宽度方向等构成线。线是点移动的轨迹线在页面中有强调分割引导的作用。垂直的线给人平稳挺拔的感觉;弧线使人感到流畅轻盈;曲线使人跳动不安。不同粗细的线在空间的性格也是不同的,粗线条给人粗犷,勇敢阳刚的感觉;细线条可以表达锐利敏感速度之感;当粗线和细线进行结合时粗线必定先进入视觉,若线的长短符合透视规律,就能表达出强烈的空间感。因而,线的构成在网页设计中有着广泛的应用,网页设计师常用简洁的线条进行页面构图,以此传递丰富的视觉信息和思想感情。

第三个要素——面:根据几何学定义,面是线移动的轨迹。点和线的密集可形成面;面的分割面与面的合成亦形成新的面。面试构成空间的基本单位一段文字可以视为一个面,一张图像可以看作一个大面,一大片留白可以成为一个面"面"的概念不是固定的,面试网页构成中常用的元素,它的大小曲直变化都会影响页面的整体布局。

分割面是规划空间的重要手段,在网页设计中,设计者通过面的分割组合虚实交替等多种手法来实现页面的整体效果。在网页设计技术中表格和框架就是用来分割页面的利用面的分割,可是网页页面主体清晰,层次分明。避免杂乱的重要原则就是:少即是多。另外,在网页设计中要敢于留白,善于留空。空白可以定义为页面中没有安排内容的地方,空白空间并不一定是白色的,它可以是环境空间的颜色或图案。

第四个要素——空间:网页设计中的空间并非生活中的立体空间,而是一个假象的空间,是看得见而摸不着的,是在二维平面上建立的空间关系。在设计中,我们可以利用对比强烈的大标题可以作为前景,大面积的正文构成中景,附属的版权信息构成背景。实践证明,这种清晰而和谐的层次关系,极大地提高了页面的整体艺术效果。

二、网页设计中色彩的运用

网页界面艺术设计离不开色彩的应用,当打开一个网站的时候,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的布局,而是网站的色彩,尤其是在体现界面的时候,色彩对人的视觉效果非常明显,一个网站设计的成功与否,在某种程度上取决于设计者对网页界面設计颜色的运用和搭配。

在网页设计选择颜色时应注意几点事项:第一不要大面积使用很高的纯单色,否则会使浏览者感到视觉疲劳;第二当网站面对的用户超出本国范围时,最好使用网络安全色;第三为增强网页的可读性,背景与文字内容的亮度差最好在102以上。

在色彩运用过程中,由于生活地理文化位置的差异不同的人对色彩的喜恶有很大的差异。如生活在高原地区的人喜欢用暗色;生活在草原地区的人用红色;生活在闹市区的人喜欢用淡色……在网页设计时想要透过色彩传达某一意象时,必须将色彩形成的背景因素与目标群结合分析。同时色彩的认知是会变动的同样的一群人在不同的时间地点都会对色彩产生不同的解读。因此,不但要关注上述因素,还要考虑到网页配色的共性:色彩的鲜明性;色彩的独立性;色彩的功能性和习惯性;色彩的有限性;色彩的周期性。

三、结束语

网页界面页面设计的一个基本特色便是吸引浏览者,一个美观漂亮的页面不管内容多么空洞,也会有人欣赏,反之一个内容充实但页面简陋却往往不会有人去浏览,从这便可看出网页界面艺术设计是多么的重要。网页界面艺术设计是永远也学不完的一门学问,因为它会跟着你的成长也变化,直到形成你的一种风格,网页界面艺术设计需要大胆创新,需要新的思维,需要不断的努力。

网络对艺术设计行业同时造成了威胁和机遇。真正有魅力的设计师设计者的思想素养对艺术的理解及表现技术的综合体现。任何设计最终都是为人所用的,特别是网页设计的艺术表现,它既是传播信息的载体又是传递美感的使者,设计者只有不断增强交叉设计的能力,使艺术与技术有效地结合才能适应不断变化的时代!

参考文献:

9.网页设计实习工作总结报告 篇九

我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。

二、开发技术

做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。

在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17：30下班，中午休息一个半小时，每周还有两天假期。我利用业余时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好在我都有学过，所以有个好的基础在这里，也就不怕了，比如说：flash，公司要求技术人员会做flash，flash这东西以前我在宿舍的时候经常玩的，可是后来在分析就业情况时，分析错了方向，以为这东西没有什么用处，结果就给荒废了。但好在还有印象，并且当初记了很多的笔记，所以说记笔记是很重要的事情。而其它像javascript、ml、数据库这些东西我都学过，只是实践能力稍差一点，但好在从前在学习方面用的功不是白费的。通过这种实战环境，和半个月的刻苦学习，我终于可以感上小组的工作进度了，已经可以很好的完成领导教给我的任务了。

10.网页设计论文总结精选 篇十

平面设计最基本的要求便是简洁凝练，而网络传输的特性就要求在网页设计过程中更要简练。网页设计中所用到的所有设计元素，如，点、线、面、图形、图像、动画等都是要占据网络空间的，尤其是图片，如果图片数据过大，就会影响网页开启和传输的速度，同时也就会影响网页的传播。介于上述原因我们在运用图片元素时要尽量保持“惜墨如金”的态度，做到少而精，如果非要运用大量图片宣传时，也要注意运用图片的压缩软件为图片适当的“减肥”。总之简洁的网页能在短时间内抓住浏览者的视线，有效快捷的传达信息。

二、网页设计视觉表达方法——合理布局网页的界面

电脑屏幕的显示尺寸是十分有限的，怎样通过有限的展示界面传递更多的信息，成为设计师设计布局的关键。合理的界面布局使视线流畅、融会贯通。在界面之中，不同的区域，被关注的程度不同，心里感受也不同，设计师可以依据不同元素的表达需要和画面重心的关系，来安排它们的适当位置。浏览者的视线通常垂直在屏幕中央，然后再向四周游动。设计师设计布局时应考虑将重要的信息或视觉流程的停留点安排在注目的价值高的最佳视域，突出重点，使主题一目了然。另外，建立网站导航可以激发浏览者访问更深层页面的兴趣，增进对网站的进一步观赏，使网站信息更清晰、明了的存在于观者的视线之内。

三、网页设计视觉表达方法——个性化网页界面的设计

独特的创意、个性化的品质是所有设计都追求的完美表达。个性独特的网页能刺激观者点击的兴趣冲动，让观者在“驻足”的过程中一直兴趣盎然。在设计具有个性特质的网页过程中设计师应利用色彩、图形、按钮、动画、声音等诸多元素配合最先进的技术手段描绘和装饰用户所能看见的页面。

四、网页设计视觉表达方法——构成艺术的体现

11.网页设计中的版式设计 篇十一

关键词：网页设计；版式设计 CDIO教育模式；项目教学

近年来随着经济的高速发展，科技的日新月异，教育领域同样面临革新。引进新的教育理念和教学模式成为教育工作者的关注重心，此时，欧美成熟的工程教育理念慢慢地进入我们的视野之中，CDIO的教学模式（Conceive构思、Design设计、Implement实施、Operate运行），符合工程人才的培养，提高学生的实践能力、组织能力、创新能力。这一模式更适应当下的教育环境需求。

网页设计这门课程属于交叉学科范畴，兼顾艺术设计、计算机技术及交互设计等多门学科。另外，这门课程作为艺术与技术的结合体，要求学生具备较强实践动手能力与综合运用能力，因而在教学过程中我们依据CDIO的工程教育理念开展教学。

本文重点谈到的是网页设计中的版式设计过程，网页中的版式设计起到信息统一、分割区域和交互导引的作用，是在有限的空间界面内将文字、图形、背景色彩或图案及交互功能集成在方圆之间，根据设计的形式法则，利用艺术美学与科学技术相结合的方式来实现效果展示。下面以教学过程中的“xx艺术系网站”项目为例，以网页设计中的版式设计为内容，展示教学过程中的各个设计阶段。

1 构思阶段

（1）确立目标。

网页设计不是盲目的行为，不是简单使用软件的行为，它是构思由确立到实现的过程，是一种展示到体会的过程。因此，在设计之初，教师需要引导学生了解当前的课题，明确网站要做什么，网站的外观布局是什么样子，网站需要营造何种氛围。我们常见的网站根据用途分类为企业网站、电子商务网站、电子政务网站、文体娱乐网站、教育科学网站等，每种类型的网站都有自己需要传播的信息，根据所需文字与图片选择适合的排版方式，进而营造恰当的氛围。在“xx艺术系网站”项目中，学生会根据实际项目类型，理解项目设计目标为，该学院所属系部信息服务类网站，界面版式方面要求简洁大方，色彩明快，塑造清新、愉悦的氛围，学生可以根据以上内容展开进一步的设计工作。

（2）信息整理。

项目开展前期根据对项目的简单分析，要求学生对客户或相关人士展开访谈，对行业同类网站的资讯开展收集与调研。这一阶段学生会接触网页设计的需求方，在本项目中可以设定为系内行政人员、教师及系内学生，根据访谈或调研可以得到网站相关设计信息，如对整体风格的需求，导航的设计需求，网站类型为静态网站或动态网站，根据需求结果，要求学生设计多样的版式效果，以供客户参考。

（3）交互设计。

我们将网页中的交互分为视觉上的交互和行为功能上的交互设计。在这里我们更侧重说明交互在视觉上的应用。网页中我们常见的交互形态有按钮、导航条、搜索栏和表单等。这些交互形态都会出现在版式的突出及显著位置，这样更引发人们的视觉关注中心，因而，在进行版式设计时，需要考虑这些交互元素的设置，友好的版式也是一种界面与人的情感交互。在我们的项目中学生应该考虑交互按钮的外观设计，排放位置等因素；导航条的设置应在醒目位置，清晰明确发挥导引作用；搜索栏帮助浏览者快捷搜索，放置在易发现的位置，搜索一般出现在网页右上角；表单设计是学生所忽略的环节，因为可以使用插件添加，导致学生认为无须设计，在此建议信息表单设计时可考虑细节设计，提高友好度与舒适度等交互设计。

2 设计阶段

版式设计是网页设计中重要的设计引导规划环节，在这个过程中学生可以根据自己的项目主题展开艺术美感的设计。一般进行页面版式设计我们从以下几个方面入手。

（1）版式结构设计。

网页设计中的版式设计与传统媒介中的版式设计略有不同，前提是他们都遵循版式设计五原则，[1]内容与形式，简洁与简约，设计与艺术，趣味与独特，局部与整体。为了设计富有形式法则和艺术美感的网页作品，版式设计方面通常会采用黄金比例和三分法排列原则。黄金比例法是初学者易于掌控的方法，将视窗可用区域分成两个部分，也可以根据设计比例需求，将数字录入到相关计算网站，得出合适的黄金比例分配方案。三分法构图排版方式，是将排版界面分成三份，根据内容的不同，选择不同的三分法排列位置。

网页设计中由于要考虑显示器视窗显示水平不同，我们的总体版式设计会采用固定格式或非固定格式两种形式。固定格式的版面是固定的界面版式，而非固定格式的版面设计是变化的，这种变化的版式很难把握的，变化的视窗将改变既定的字体形式和图形排列位置，这个课题也是我们今后要深入探讨的方向。

（2）字体、图像、色彩设计。

版式设计是界面设计的骨架，字体设计是界面设计的血肉，富媒体技术的全面发展，网站这一综合载体也得到了极大的发展，版式与字体的结合构成了网页的不同风貌。在网页中常见字体分为中英文两类和图形化的艺术字体，字号一般选用12pt。在中文网页常常出现的字体为宋体或黑体，字号为12pt/14pt的文字展示，另外也会有些超大字体以图像的形态出现，并通过视觉效果的调整，创建三维空间的视觉展示效果。图形化的艺术字体，在诸多网站中得到应用。在设计中我们题材保有传统的文化性，中国元素的运用，如书法、图腾、建筑等富有中国色彩的艺术形态都应得到我们的思考与关注，中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题，响应设计氛围，为整体版式服务。

（3）视频展示设计。

网页界面排版中还需考虑一种新兴的展示手段，视频信息展示，页面中利用大量的视频信息排版，减少文字、图片信息的输入，信息传达方式由静态转换为动态，提供有趣而新颖的排版展示方式。

3 技术实施

（1）界面版式视觉设计。

网页设计中对静态界面的布局，我们通常会使用Photoshop和Illustrator圖像处理软件开展设计，首先我们会根据思维导图绘制基础模板，然后根据设计需求在模板中添加设计好的文字、图形、视频、声音等设计元素。

（2）交互功能视觉设计。

在网页设计中我们会考虑将静态样稿转换为简单的静态网页，这种转换我们会使用Dreamweaver软件进行操作，由于网页展示设备的不同我们也会考虑采用一些相关的模型制作软件来处理交互设计部分。

4 运行阶段

将确定好的静态草稿通过切图生成为静态网站，测试效果及功能，当运行时根据需要和视觉效果进行调整直到理想状态。

5 小结

网页设计课程将实际项目导入课堂，根据CDIO工程教育模式教学，打造有效、有趣、实用的教学方式，使学生在学习操作中锻炼宏观思考的能力，获得团队合作的能力，养成终身学习的能力。学生对设计流程的掌握就是对知识体系的掌握和运用，达到理论与实践相结合，通过对版面的全面掌控，更好地为静态网页设计打下坚实的基础。

参考文献：

[1] 沈卓娅，王汀.字体与版式设计实训[M].中国出版集团东方出版中心，2011：74.

12.谈网页页面设计技巧 篇十二

一、布局设计

网页中的布局是整个网页制作中最开始的步骤,也是最为关键的一步。网页中的布局决定网页的整体效果,合理的布局可以完美、清晰地组织网页中的文字、图形,给人以紧凑、整洁、美观的感觉。

在本例中,我们首先使用Photoshop设置网页页面的效果图,接着再切图并使用DIV+CSS语言将其做成HTML形式。接下来我们详细说明使用DIV+CSS语言的布局方法。

1、网页页面的每个区域,如页头区、主体区、法律和版权声明等,我们都插入相应的DIV元素,然后,用CSS控制DIV使网页居中显示。在本例中,我们将分为bn,main,cr三个DIV。

2、对于页面中所有的DIV元素,利用CSS控制DIV的位置,我们可以将页面中的DIV视为一个个块状元素。在此应用了“盒模型”的工作原理,“盒模型”是CSS的基础,“盒模型”理论认为:页面上的每个元素都被看做—个矩形,这个矩形由内容、填充(padding)、边框(border)、和边距(margin)构成。对于每部分的间距,以及文字、图片空隙的调整,我们用“盒模型”的工作原理来调整。在网页默认的情况下,元素由上到下依次叠放,当这样的叠放顺序不能满足布局的需要时,就要使用“float(浮动)”属性来改变元素的叠放顺序。元素应用了“float(浮动)”属性,它周围的元素就会靠近、包围元素,这样的影响在有的布局中是多余的,这时,可以用“clear(清除)”属性来阻止这种浮动对后面元素的影响。再复杂的布局也是重复利用这样的技术,大到网页每—部分的叠放,小到文字、图片的排版。

3、在DIV中添加各种网页元素,把文字、图片、动画安排到合适的位置,再把每部分合理地叠放到网页中,这样就完成了网页的布局。

二、主要设计部分

在VS.NET开发环境中,新建index.htm,并创建css文件,命名为main.css,将样式表写在一个独立的文件中。

在index.htm中写入用来声明将会把Internet Explorer 6及以后版本切换到标准兼容模式。

在

中加入

,这表示index.htm可以链接到main.css文件中,可以调用其中的内容。

在index.htm的

中插入如下代码:

对main.css文件的主要设计代码如下:

三、在main的DIV中的各个DIV中插入相应的内容

在导航的DIV中插入相应的内容

图文混搭之后的效果图如下所示:

在这里,我们只给出“最新公告”和“实训实验室”这两块内容。我们还可以在左边的DIV中加入“管理制度”“实训基地”“技能鉴定”三个DIV,在右边的DIV中加入“资料下载”“实训与实习”“高新技术考试”三个DIV。

四、上传测试

本文中的网页已通过测试运行并发布到WEB服务器上测试。上传后运行正常;并在不同分辨率下都能够正常显示。

五、结束语

本文运用了DIV+CSS技术设计的网页使用方便,兼容性好。但是DIV+CSS布局的网页由于需要兼容各种浏览器,也有其不足的地方,主要表现在开发技术高,开发时间长,开发成本高。

参考文献

[1](美)Kynn Bartle.CSS入门经典[M].北京:人民邮电出版社,2007.

[2](加)Zoe Mickley Gillenwate.灵活Web设计[专著][M].北京:机械工业出版社,2009.

[3]郑宁宁.浅析DIV+CSS网页设计技术[J].山东省农业管理干部学院学报,2008.

13.网页设计实训总结 篇十三

通过这次实训对这门课程的学习，做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。所以我得出一下总结：

一、准备资料和挑选符合目的主题的合适素材

做主页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。你可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。

二、规划好整个网站

主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。

三、善用图片，增强艺术效果

我记得老师说过网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。

四、善于借鉴他人主页制作中的设计技巧

14.网页设计选修课总结2 篇十四

经过十几周的网页设计课的教学让我学习到了很多的知识。了解到现在信息中网页的组成和其制作。使我们能够自己设计自己的网页。

网络是21世纪的标志性事物。身为当今大学生更是要对网络要有深沉次的了解。我们用网络来聊天，查质料，网上冲浪等。获取我们所需要的相关信息。网络给我们很多的便利。要知道这些都是基于一个个网页的基础上的。

在老师生动有趣的讲解网络的大体之后，让我们对网络更是有浓厚的兴趣。在课堂上我们知道了怎么制作网页，怎么让网页更加美观，主流网页的一些设计成功之处。使我们的视野开阔了很多。也可以用一些专业词语来交流沟通。有些时候我们真的有点感觉到自己就是一个很了解网页的“内行人”。但是对有些很专业的人来说，我们只是了解了网络设计的设计流程和一些操作方法。老师还用多媒体给我们教程。让我们能够看到顶尖级的网页设计高手的设计教程。实际的操作的演示让我们能过更清楚的知道没一个操作。更直观的让我们了解网页设计的全过程。在我们自己设计网页的时候也是一个很好的标准。在不知道怎么设计的时候我们会用网页设计教程来做参考。使得我们能够在课下也能温习自己不了解的炒作。

在这网页设计课中我们不仅学习到了丰富的网络网页知识。还使我们交到了很多新同学。共同的兴趣使得我们在交流中知道更多。老师尽职的教导让我们掌握了更多的知识。和蔼对待我们还给我们讲

15.网页设计步骤浅论 篇十五

1 布局

页面布局,是对整个网页的整体规划,包括页面尺寸确定、整体造型设计、各类元素(页头、文本、页脚、图片、多媒体)的大致摆放等问题。页面的尺寸大小应根据分辨率大小来进行设定,正确的宽度尺寸是比分辨率宽度值偏小。向下拖动页面是惟一给网页增加更多内容(尺寸)的方法,一般来说,除非你能肯定网页的内容能吸引访问者不厌其烦地拖动,否则不要让页面拖动超过三屏。网页拖动超过三屏,最好考虑在页面内做一个内部链接。

整体造型是指页面的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序。整个页面的造型可运用自然界中的其它形状以及它们的组合,例如矩形,圆形,三角形,动物形状等。不同的形状,所代表的意义是不是同的。像矩形代表正式、规则,多用于制作政府网页;圆形体现的是柔和、团圆、安全、团结等,多用于制作时尚站点以及节日庆典时产品的宣传;三角形代表警示和危机等,多用在带有警示性的报道中;动物形象代表可爱、亲近,像许多关于幼儿的网页都采用了动物的卡通形象。

页头又可以称之为页眉,它的作用是定义页面的主题,常放置站点的图片、公司标志旗帜以及广告。一个站点的名字也多数显示在页眉里,这样访问者一打开网站便能很快知道这个站点是什么内容。文本在页面中出现都以行或块(段落)出现,它们的摆放位置决定着整个页面布局的可视性。在过去因为页面制作技术的局限,文本放置的位置的灵活性非常小,而随着DHTML的兴起,文本已经可以按照自己的要求放置到页面的任何位置。页脚通常是放置制作者信息或是公司信息,和页头首尾相呼应。图片和文本是网页的两大构成元素,缺一不可。如何处理好图片和文本的位置成了整个页面布局的关键。多媒体包括声音、视频和动画等其它媒体,随着现代技术的发展以及动态网页的兴起,它们在网页布局上也是一个不可或缺的重要基本环节。以上各元素的摆放位置,无不体现着制作者的布局思维,影响着整个网页的设计效果。

布局的方法可采用纸上布局法或采用photoshop、coreldraw等软件布局法两种。纸上布局法是通过纸笔的方式,将大致思路画于纸上。而photoshop、coreldraw等软件布局法,是通过photoshop、coreldraw等软件,将布局思路画出来,需要网页制作者对photoshop、coreldraw等软件所具有的图像编辑功能也要能够熟练掌握。从色彩和形象角度来说,后者更胜一筹,尤其是可以利用层的功能设计出用纸张无法实现的布局意念。网页布局的技术可以选择以下三种:应用层叠样式(css)、表格布局或者框架布局。CSS能够完全精确的定位文本和图片。采用表格布局能对不同的对象加以处理,而又不用担心不同对象之间的影响,在定位图片和文本上比用CSS更加方便,需要掌握的专业技术低。使用框架布局可以非常方便地在浏览器中同时浏览不同的页面效果,并且每个框架之间的内容相对独立,内容过长时可以有自己独立的滚动条,互不干扰,不失为一个布局的好方法。

2 色彩选择

制定好网页的布局,确定了网页想要突出的主题之后,接下来就要为网页选择合适的色彩方案。不同的颜色可以给人不同的心理感受,表达不同的情感,具有不同的宣传效果。

好的准确的色彩能够传达给人正确的信息品质。对于一个好的网页,有针对性的主题色彩相当重要。不仅要和所要表达的内容与气氛相适应,还要与网页的精神内涵相关联。如何选择正确的色系,在网站开始动手制作前,就应该做好规划设计。整个网站用什么样的底色,什么样的艺术字色系、什么色系的图片才能搭配,用什么样的颜色作边框等,这些都应该在必须考虑的范围。

总体来说,色彩选择应坚持三个基本原则:第一、根据网页所要表达的主题及页面风格来确定主色;第二、根据主色找配色;第三、调整不同色彩在页面中的比例,配色不能抢占主题色的风头,主要突出主题色。

3 版式的确定

3.1 文字的应用

网页页面的信息主要来源于文字。如何组织文字让网页的点击者能够对网页所要传递的信息了然于胸,并且能够突出网页制作者所要强调和宣传的内容,这是首先要注意的问题。

文字以行或块(段落)出现,排版的总体原则只有两条,便是:清新有序,一目了然。如果不是表述具体文章内容的网页,网页中的文字一般以标题为主,起到内容目录的作用。内容类别相同的文章标题应放置在同一区域中,该区域类别应有一个简短的命名,例如新闻速递、政策法规、工作动态等。文字的标题应以简短、突出内容为主要原则。如果某一区域是对某一事物的专门报道,也可摘录关于事物的部分文字内容放置在网页中。摘录的文字要突出主题,带有悬念并具有吸引力,让人有通过这几段文字便有想看整篇文章的想法。

文字的字体选择有很多种,早期有宋体、黑体、隶书、楷书等等,现代加入了许多有艺术字的元素的字体,例如,华文彩云、幼圆、衬线字体等。这些字体可供选择众多,适当变换,应用于网页各个区域中,可以使整个网页清新美观,结构清晰,甚至可以达到突出某一区域文字的效果。

3.2 图片的应用

在网页中插入图片可以令网页增色不少。但要注意的是过多的图片堆砌,会让人觉得累赘,并且影响网页的下载速度;而太少图片会让整个网页显得过于单调和死板,不够突出重点和美观。图片的选择要美观,要符合网页的内容要求。图片的放置方式有几种:左图右文、右图左文、上图下文、下图上文、图文混排等。

3.3 其他交互性功能和动态效果的摆放

为了让网页更加生动吸引人,很多网页制作者会在网页上添加FLASH动画或者是视频等动态元素。和图片的应用一样,动态效果的增加,既要符合网站的需求,又要少而精。这些动态效果应放在最合适的位置,起到画龙点睛的作用,增强网站的吸引力。若非必要,两个动态效果不要放在一起。

3.4 LOGO和BANNER的放置

LOGO和BANNER是宣传网站最重要的部分之一,它们的放置一定要脱颖而出。为了做到这一点,一种方法就是在色彩方面跟网页的主题色分离开来,可以将LOGO和BANNER做得鲜亮一些,或者是使用与主题色相反的颜色;另一方法就是给LOGO和BANNER通过图形图像处理给它们增加投射光或者阴影,也有的给它们增加一些醒目的动态效果。LOGO的位置一般放在页头,BANNER一般放在网页中间或者页脚,也有的将它放在网页页头下面的位置。

4 其他细节修饰

其他细节设计包括对齐方式、字体的统一应用、小图标的应用、适度留白等。在网页设计中,细节的处理看似微不足道,但却至关重要。好的细节设计可以让网页的美观度得到极致的升华,若是细节设计不到位,也可以让界面变得暗淡和乏味,因此,细节的作用不能小觑,细节更能体现设计的品质。

网页的制作是一个艰难的过程。网页设计者在设计过程中要巧妙应用布局、色彩,做好版面设计,让文字、图片、多媒体文件合理搭配,才能设计出高质量、高品味、有特色、达到效果的网页。这就要求创作者在设计过程中要不断的学习、不停摸索、反复地修改和完善。技术和工具在不断的进步,创作者要多看其他好的网站,找到别人网站的优缺点,扬长避短,并可以通过使用浏览器上的查看源文件的功能查看源文件,将自己喜欢的东西、效果借鉴过来,加以揣磨,创作出更加吸引人的网页。

摘要：随着互联网的普及,信息的传播形式、内容、数量,正在空前的改变。作为网络的媒介——网页,开始上升到一个举足轻重的位置。一个好的网页设计,小则可以让人赏心悦目,大则可以被称为现代原始艺术的结晶。经过多次实际操作总结,从网页设计的几大步骤入手,对网页设计过程进行简单阐述。

关键词：网页设计,步骤

参考文献

[1]孙永道.网页设计与制作[M].北京:中国铁道出版社,2007:1-209.

[2]相万让.网页设计与制作[M].北京:人民邮电出版社,2007:25-40.

[3]狄寿霞.网页设计的色彩要求[J].济南职业技术学院学报,2011(1):79-82.

16.网页设计的表现特征 篇十六

1、视觉形式是网页设计的外在表现

视觉形式是反应具体事物美的特征内容的外在形式，包括“外形式”和“内形式”两个方面。文字、图形、视频是网页设计的视觉传达要素，点、线、面是网页设计中的特殊视觉形式［2］，这些是网页设计的“外形式”。而网页设计的“内形式”是视觉要素按一定的规律组合起来，以完美表现内容的结构形式［3］。网页是通过视觉元素引入、被受众关注，从而实现信息的传达，这就要求网页的设计必须适应受众的视觉在心理和生理上的需求特点，遵循视觉的构成形式规则，确定各种视觉元素之间的关系和秩序。将信息准确的传达给受众，以满足受众的使用和需求，并通过独特的艺术风格突出网页内容和设计目的。

根据网页的特点、设计内容、设计目的，将网页设计中的文字、背景、按钮、图标、图像、颜色、导航等外在视觉元素，以点、线、面，灰、白、黑，色彩对比等方面的形式构成，进行网页设计。点的形态在空间中产生活泼、轻松的视觉效果，点的构成具有体现局部细节、集中视线、突出主题的视觉作用；线的形态在空间中产生方向性、条理性的视觉美感，线的构成具有体现平面分隔、类型划分的视觉作用；面的形态在空间中产生完整、稳重的视觉效果，形成多层次感、纵深感、统一画面的视觉作用。例如阿迪达斯的官方网页（图1），网页整体是由多幅图片构成一个完整的四方形面，当受众进入网页，使受众产生稳重、值得信赖的第一感觉。相对整体的页面而言，图片就一点的形式存在，在规整的视觉感上添加了活泼感、多元素性、多方面性，与阿迪达斯运动、活力的特点相吻合。以图片为参照物，图片间的空隙成为网页中线元素，将图片贯穿、连接，构成完整的面。当鼠标放到图片上，就会出现相应的文字，但又不破坏整体的构成形式。文字、图片以点线面的形式存在整个网页中，通过相互对比、相互作用，形成了统一、活泼的视觉心理感受。

图1 阿迪达斯网页

网页设计无论运用何种视觉形式，都要将文字、图形、色彩这些元素构成一个完整、统一的设计风格，也就是网页的整体性，网页设计在总体上整体统一，在细节上变化多样，达到形式与内容、局部与整体的统一，形成视觉艺术效果的吸引力和视觉空间秩序。网页设计运用不同的视觉要素，不同的构成形式规律，形成了不同的艺术风格，根据不同的网页内容、不同的设计目的，运用恰当的视觉形式法则，通过对比、连续、重复、比例等方式，表现出严谨有序的网页设计概念。符合人们的视觉逻辑、视觉美感，提高信息的视觉识别性，有意识的引导受众顺着网页设计、网页视觉流程迅速感知所传达的信息，达到网页的设计目的。

2、功能特征是网页设计的内在基础

伴随着网络的快速发展，网页已经成为网络信息表现和思想传播交流的主要形式［4］。网页作为信息传达的新载体和重要的传播途径，信息传播功能就成为网页设计的基础。网页设计的视觉形式服务于网页的主题，这是网页设计最重要的一条规律，设计的形式既要实现功能，又要表现视觉美感，美感和功能相结合，就是为了更好的表达主题［5］。这就要求网页设计在追求视觉形式美的同时，文字、色彩、板式、图形等视觉元素必须适合主题，与网页的内容、性质相一致，体现网页的功能特征。

网页根据功能、内容的不同，大致可分为及时性新闻网页、政府官方网页、品牌商业性网页和论坛交流性网页。搜狐、雅虎等及时性新闻网页（图2），主要的特征就是信息量大，针对的受众范围广泛，为了满足不同层次和不同领域的受众的信息满足和功能需求，网页的视觉表现形式就需要适合受众的审美需求，并及时的可以找到相关信息，这就需要根据网页不同板块的功能进行设计。文字就成为这类网页的主要视觉元素，文字的字体单一、易识别。由于信息量巨大，线条和色彩就成为划分区域的界限和标志。图片在这类网站中起到对主要信息、新闻的强化点缀作用。政府网站则显得十分正式和严肃，对于文字、色彩的运用有着十分严格的要求。中华人民共和国政府的网页以中国国旗的颜色——红色为主体颜色，色彩搭配显得庄重、严肃，视觉表现形式规整统一、简单直接（图3）。和搜狐等及时性新闻网页相比，对于视觉形式要求更加严格和简单。耐克、三星、摩托罗拉等商业品牌网站，相对于以上两种网页，属于品牌商业性质的网站，对于视觉表现形式的运用就显得更加自由。主要的功能是宣传自身品牌，展现产品理念。这类网站的设计主要结合品牌特点，没有固定的文字、色彩要求，可以运用对比、互动、视频等不同的表现方式。例如三星的网站（图4、5），根据产品的不同，图片、色彩也就不同，但是整体的版式、形式具有统一的框架结构。

从以上几种不同性质的网页分析中，可以看出，网页设计中的视觉元素的运用，都是以网页的功能为基础，网页的不同功能又是通过不同形式的文字、色彩、图形、版式进行视觉表现，只注重唯美的视觉表现形式，强调独特性、个性的设计风格，而忽略了功能特征的网页设计会失去网页的存在价值，造成信息的混乱，误导受众产生歧义。只重视主题思想的条理性，而忽视觉元素的形式表现，网页设计将会失去生命力，显得空洞无力，削弱了网页的最佳诉求效果。网页设计只有结合网页的主题内容，以适当的视觉表现形式，将功能与视觉形式有机地结合，实现网页的设计目的和要求。

图2 搜狐、雅虎网页截图

图3 中华人民共和国政府网页

图4、5 三星官方网页

3、技术性是网页设计的结构框架

网页从最初的简单字符的静态网页，到现在运用最为广泛的图形并茂的网页，再到最新出现的动态交互式网页，都是随着技术的不断更新而发展的［6］。技术性也就成为了网页设计的结构框架基础，成为网页的存在价值的结构基础。技术与功能有着密不可分的关系，人们对于技术的探索是在功能的不断更新之下完成的，当功能的缺陷、不足被发现后，才会有技术的推陈出新来解决和完善功能，使得技术不断成熟，有了更多的表现形式，从而通过功能效用的改善，使受众在心理和生理上获得享受［7］。可以说，一个新的技术原理的应用可以为人们开拓出一个全新的活动领域，技术的可能性成为人们审美创造的现实物质基础［8］。网页的技术性为受众、客户提供了一个全新的艺术形态。

网页设计的技术性指的是，网页设计是运用相关的编程技术、媒体技术、电子技术等实现网络视觉表现效果的方式、方法。最初的网页设计是以简单的文字比安排为主，信息量少，并却缺乏视觉美感。随着图片技术的加入，曾加了网页设计的视觉表现形式，活跃了网站的整体氛围，受众在浏览网页时，满足了审美心理上的享受，使得信息流通和关注程度得到提高。动画、视频技术在不断的运用到网页设计之中，这些技术极大地满足和丰富了受众对网络信息的接受和传播。动画具有很强的视觉冲击力，与静态的文字、图片相呼应，可以达到动静相宜的视觉效果。视频具有信息丰富、传达便捷、表现灵活等，其它视觉元素所不具备的特征和优势，适用于不同文化层次的受众，同时形象生动，具有较强的吸引力。

网页设计的技术性是隐形的特征，只有通过页面的视觉形式表现出来。相比之下，广播、电视、报纸等媒体都是以线性的方式提供信息，也就是按照信息的要求和事先确定的格式来传播。在网络的环境中，受众不再是对于信息的被动接受者，而是以主动参与者的身份，加入到信息的接受、处理和发布之中。庞大的信息量充斥着整个网络，那么网页中信息的链接导航设计就成了网页设计中最为重要的一个方面。以技术作为框架，形成完整、合理的信息链接框架，再通过视觉元素将其视觉化，引导受众可以选择性的认识、运用和接受信息。这种持续的交互性，是以交互的技术为支持的，如阿迪达斯的网页，网页设计虽然是图片元素展现网页的主题内容，但是当鼠标移至某一个单独的图片时。就会显现相关的文字主题，凸显品牌产品的特征，或企业的某一个理念，使得受众产生趣味性的同时，并与不同的受众产生信息选择互动，根据受众自身的喜好，选择的接受了企业信息，了解了企业的产品。网页设计的视觉表现形式以技术为框架结构，技术性又通过视觉元素将其展现。

结语

随着计算机技术的不断更新和发展，网页设计只有掌握了各种网络技术规律、通过多样的视觉形式，注重技术、功能和艺术的时间的关系，相辅相成，才能满足未来受众对网页信息的更高要求。网页设计是主观和客观共同作用的结果，网页设计的功能特征主要表现为客观因素，视觉表现形式主要表现为主观因素，视觉表现形式是网页设计技术性的外在表现，功能决定了技术的表现方式，视觉表现形式又通过技术和功能得以支持，实现技术和与艺术的紧密结合，使网页设计从平面设计扩展到到交互式设计，极大地丰富了网页设计的表现形式。网页设计的技术性和艺术性高度统一，把受众带入一个全新的信息传播视听空间。

［1］徐辉，李建军.网页设计的“美”与“技术”.安徽电子信息职业技术学院学报［J］，2006Vol5（27）：119～120

［2］杨西惠，刘西莉.网页设计的视觉要素与编排创意.装饰［J］，2005（144）：56～57

［3］耿阳，孙志红.浅谈网页设计的形式和艺术风格.艺术与设计［J］：65～66

［4］宋春晖.网页设计中的美学应用分析.海南师范学院学报(自然科学版)［J］，2005Vol18（1）：46～49

［5］许金友.艺术与技术的完美结合——浅议网页设计的特色.艺术与设计（理论）［J］，2009（4）：67～69

［6］张亮.论网页设计中的美学.大众科技［J］，2009（115）：38～39

［7］邹立坤.技术美——现代设计的新诉求.艺术与设计［J］：17～19

17.自考网页设计与制作简答题总结 篇十七

2、WEB在实际应用之中，主要包含三个方面？P7-8

3、商业网页设计的要求？P17-18

4、DREAMWEAVER的基本特征？P21-22

5、使用图象处理工具可对图象怎样样的处理？P23

6、“所见即所得”型型网页制作工具的致命弱点p27

7、初学制作网页从几方面着手？P27-28

8、网站设计原则？P30

9、网页设计专业流程？p31-32

10、商业网站的风格特征？P35-36

11、非商业网站的风格特征？P38

12、网站用三级结构？P40

13、规划目录结构时应当遵循的几个原则？P45-46

14、“抖动”的原理P58

15、运用色块制作网页时需要掌握的几个要点？P65-66

16、网页设计的通用规则？P69-71

17、DHTML的四个主要组成部分？P143

18、javascript具有的基本特点？P144-145

19、java与javascript区别？145-146

20、由于在机制上java和java applet完全不一样，在功能上的差异表现为几个方面？P146-147

21、使用DHTML的原因？P154

22、CSS的作用？P160

23、引用CSS的方法及优点P163（正数11行至15行）

24、在栏目上设置应考虑几方面？P324-325

25、WEB服务器的.概念？P325

26、获得服务器空间的方法？P327（3种）

27、PWS主要由五部分组件组成？P328

28、WEB站点性能受什么因素影响？P335

29、选择虚拟主机提供商的时候，要考虑几个方面？P345-346

30、站点推广方式？P352-355

31、HTML与XML的区别？P357-358

32、xml的主要特点及其他特点？P359360、P362-363

18.网页设计师的工作职责说明 篇十八

1、根据项目原型或说明文档设计优秀的网页，包括网页的前端、标准页面、专题和活动页设计

2、完成网页所需图片文件设计，包括一般性的广告图、产品图、网站元素素材等设计

3、根据产品原型或说明文档完成UI界面设计

4、参与公司相关视觉设计和创意工作

5、协助完成其他图片编辑工作及对外推广工作

任职要求：

1、三年以上网页设计工作经验，有优秀的网页设计案例

2、能熟练运用Div+Css进行Html页面制作，可独立完成网站前台的设计与制作

3、有门户网站、app项目经历者优先考虑

4、熟练掌握photoshop、Illustrator等设计软件，熟悉DW，FLash等相关工具软件

5、具有较强的理解领悟能力、创造力，工作细心，责任心强注重团队合作

19.网页设计视觉呈现分析 篇十九

首先, 什么是视觉流程?通俗的讲, 就是人们在观看网页时候的视觉路线走向。我们在浏览网页是时候通常是从第一感觉印象到具体信息传达, 最后产生整体感官印象的过程。美国阿尔多斯.赫叙尼在《观看的艺术》中提到:感觉+选择+理解=观看。观看的第二步是从视野中选定一个特定的元素, 进行下一步详尽的理解。这是他总结给我们看清事物的方法。

视觉流程是视线在观赏物体上移动的过程, 而网页设计中的视觉流动路线是相当重要的, 是设计师们不可忽视的关键因素之一。垂直的物体在页面上会引导人们的视线做上下的运动轨迹, 水平的物体在页面则给我带来的是左右的视觉流动, 三角形的物体会让我们的视觉由角顶开始做循环的视觉流动, 而圆形的物体往往会让我们的视线呈辐射状运动。

因此, 网页设计中不同的视区范围有着不同的注目度。我们浏览网页时一般的阅读习惯是从左至右, 从上至下。也就是说我们在浏览网页时一般视觉流程是从左上角向下逐渐移动的, 所以, 我们一般会把一些重要的讯息, 比如logo、通知、最新信息放在左上位置, 通常我们叫这个位置为视觉中心。

2 影响网页页面视觉呈现的要素

2.1 网页页面的版面率

版面率指的是网页设计中文字、图形、图像、颜色等的占有率, 它不仅影响页面信息传达效率, 也决定着整个网页设计的视觉呈现效果。一般来说, 版面率与视觉传达效果以及设计创意成反比的。如图1、2所示。

我们可以看出, 宜家的版面率低, 整个页面几乎只有其logo的存在, 所容纳的信息量少, 但是给我们的视觉冲击力很强烈, 视觉呈现的形式感很强。在网页设计中, 极简的网页视觉呈现能够把最重要的信息以最直观的方式传达给浏览者, 而且也可以起到一个避免阅读中分散注意力的作用。譬如, 在一个纯白或是纯黑的页面上, 出现的任何一个色彩都将会引起浏览者的注意, 色彩本身也就成为了我们关注的焦点。“少即是多”在网页设计中同样也适用。如我们的一些个人网站、博客等商业气息不浓厚, 大多都会以设计创意个性为主, 版面率较低。选择版面率比较高的设计时, 讲究空间的有效利用与秩序的合理划分, 而且每一版面的大小和位置关系要和谐。否则要么排版呆板, 要么秩序混乱。

2.2 网页设计的权衡布局及简化设计

所谓简约主义, 顾名思义就是要我们将设计元素、色彩、造型进行简化。人们常说的“简约不简单”, 实际上就是简约主义。目前, 简约设计已经被广泛应用到我们生活的各个领域, 无论是室内设计或是平面设计还是包装设计, 都在实行“简约主义”。甚至很多品牌, 譬如无印良品、宜家家居等都是采用的简约主义风格, 无疑简洁时尚已成为人们广泛追求的一种风格。正所谓“简约不简单”, 个人也认为越是简单的东西越大牌。

排版布局中的平衡、对齐及对比关系, 对页面视觉效果至关重要。然而画面效果头重脚轻, 或者左右失衡, 则会让浏览者感觉到不适, 心理上会造成一种束缚感和压迫感, 从而影响到阅读者浏览信息的流畅性。

那么对于网页设计来说, 要做到简化设计的第一步就是要去除一些多余的没有必要的东西, 尽可能的丢掉他们, 留下一下最为关键的信息, 比如logo、介绍、导航等等。我们每天都在使用的腾讯, 它的页面设计就做到了这点, 如图3、图4所示。

2.3 颜色给我们带来的心理暗示

彩是我们认识事物的第一印象, 我们在浏览网页的时候对视觉冲击力强的网页设计留下的印象最为深刻。因此一个好的网页设计必定有一个很好的页面配色设计, 它不仅能更好的传达信息, 同时还能更好的与大众的心理需求相契合, 更大的发挥网页设计中带来的视觉效果, 如图5、图6所示。

根据季节的变更、促销活动的安排以及各品牌不同的文化理念, 常常要做一些不同的网页设计才吸引消费大众。因为人们在长时间浏览网页的时候很容易产生疲倦, 在色彩的使用上, 我们一般应将色彩对比放在一些需要仔细阅读或主要信息上, 以免增加网页浏览者的阅读难度, 引起视觉疲劳。同时, 我们也不能采用一些辨识度低的颜色, 尽可能把信息目标更快更好的传达到消费者的眼中。

不同的网站类型都有着自身的色彩语意相关性, 譬如儿童用品的网页设计则多使用一些明亮醒目的纯色, 而一些高科技产业等互联网行业的网页设计一般采用蓝色为主。我们平时网上订餐的KFC、必胜客等页面一般都是采用的企业文化的标识颜色, 以红色橘色为主, 这样的暖色系更能勾起人们食欲。白色, 因其明度最高, 无色相, 明亮干净、畅快、朴素, 永恒无暇, 在自然界象征着极致的纯净与贞洁。可以给人很好的轻快速度感, 运用得当可以让其它任何浅颜色及亮颜色呈现出其深度、明度和饱和度的不同, 通过对比让其亮色更加明快、专注和舒适。整洁、大空白的同时让用户保持欢快的情感进行浏览。如图7、图8所示。

2.4 空白不等于苍白

中国的传统美学所提倡“空白”, 不是单纯的抽象、虚无, 而是一种主观的感性的理性的感悟。页面变得苍白?是不是整版的文字缺少图片的点缀?其实适当的点缀是必不可少的。在适当保留重要的留白空间的同时, 为配上一张与文字相契合美图吧, 起到画龙点睛的作用。或者是给段落文字总结旁边添加一个小图标, 示意其文字内涵。虽然使用空白多多益善, 但也要尽可能的保证有对比感。设计师应使用最小的视觉变化来表达想法。事实上这就是意味着元素之间要有主次感, 如图9所示。

其实透气的留白并不等于无力的苍白, 让有趣并富有创意的大胆设计去刺激阅读者的视觉神经吧!让我们的网页设计变得更有趣味性, 更有思想, 更简约, 但不简单。

3 结束语

在网页设计过程中, 我们应继承我国的传统文化, 形成独特的设计风格, 拓展设计的视觉语言。与此同时, 我们还要推陈出新, 突出现代化, 引领时尚潮流。以现代简约主义的手法对中国的传统元素和符号进行提炼和二次设计, 让网页设计获得更强的视觉认知力和艺术感染力, 营造一个自然、合理、顺畅的视觉流程, 更好的激发人们的审美情趣, 引导人们在美的享受中接受传达的信息, 发现美好。

参考文献

[1] (美) 鲁道夫·阿恩海姆.艺术与视知觉[M].北京:中国社会科学出版社, 1984, (5) .

[2]孙娇, 宗明明.网页设计中视觉流程筹划与应用[J].美术教育研究, 2011, (7) .

[3]李湘媛.浅谈网页设计中的色彩语言表达[J].艺术教育, 2012, (11) .

20.《网页设计》课程教学解析 篇二十

关键词： 网页设计 课程定位 教学内容 教学方法 课程考核

一、课程定位与性质

《网页设计》是面向计算机及其相关专业开设的一门课程，是一门计算机软件应用类课程。《网页设计》课程要实现的教学目标包括：①网站的基本知识，例如网站的发展和分类知识、网站开发所需的技术、HTML语言和CSS的结构和语法等；②掌握网站的开发流程，例如建站规划、效果图制作、建立站点等相关知识；③掌握各种网页元素在Dreamweaver中的使用，例如表格、文本、图像、超级链接和表单等；④熟悉一些网页设计辅助软件的功能和使用方法，例如Photoshop；⑤能够解决一些网页设计中的常见问题。

本课程旨在培养学生的计算机应用能力，使学生掌握网页设计方法、网页设计语言及相关设计工具和美化工具的使用，从而满足和适应信息化社会对物流管理专业学生综合素质的要求。

二、教学内容与教学条件

1.理论教学内容

（1）课程内容设计

课程内容设计在教学大纲的指导下完成，在教学过程中适时引入新的教学案例和教学方法，这些教学内容能够丰富学生的网络知识，提高学生的网页设计能力和计算机应用能力，为将来使用和开发与专业相关的软件奠定基础。

（2）教学内容安排

课程授课采用讲练结合的方式进行。在教学过程中，不再把书本上的现成知识传授给学生作为教学目标。通过理论讲授、案例演示和分析，让学生在真实的情境中学到相关知识，这样学生就知道如何把相关知识点应用于实际。课程采用的教学案例和学生练习的内容都出自实际应用，从而大大增强教学效果。鼓励学生将课内学到的内容应用到课外实际应用中，并将学生课外创作的自选作品作为成绩考核的重要依据。

2.实践教学内容

（1）实践教学内容

实践教学内容与理论教学内容保持高度一致，讲授什么知识点，学生就上机练习什么知识点，分析什么教学案例，学生就制作什么教学案例，通过实际项目的分解让学生更好地掌握《网页设计》的应用，大大提高学生的综合素质。同时，不断丰富实践教学内容，采用最新教学案例，取得较好的教学效果。

（2）实践教学条件

计算机实验室能够保证学生《网页设计》课程上机时，1人1机，全部上机在Windows7网络环境实现，利用电子教室软件实现课程电子资料实时发送，课堂电子作业实时提交，实现整个实验教学过程的无纸化。

三、教学方法与教学手段

1.教学方法

教学方法采用讲授法与案例教学法。对于《网页设计》相关的概念及基础知识，采用传统的课堂讲授的教学方法完成，让学生理解并接受。对于《网页设计》课程中的一些应用性和实践性比较强的知识点，采用案例教学法，通过案例演示和分析，学生知道完成教学案例的途径和相关知识点。通过布置任务，让学生查找并应用知识点，以学生为主、教师为辅，激发学生学习兴趣，提高学生应用能力。

2.教学手段

《网页设计》课程教学采用“电化教学”手段，引入“电子教室软件”辅助教学。教师通过教学课件和教学案例演示教学内容，教师微机屏幕上的内容能够实时发送到每个学生的微机屏幕上，这样学生就可以通过自己的屏幕实时看到教师的教学内容。通过“电子教室软件”，教师机的教学资料可以很快发送到学生机上，学生完成的电子作业和自创作品可以快速提交给教师。通过“电子教室软件”，教师能够很好地和学生完成提问和回答等教学互动，监控学生的操作屏幕，及时了解学生的状态并相应给出教学指导。“电子教室软件”具有电子点名功能，只需要几秒钟就可以完成整个班级的学生点名工作。

四、课程考核与试卷分析

1.课程考核

改革“一张卷子”评定成绩的课程评价模式，应用以单元测试、评价作品和上机实操考试为基础的综合考核方式，更注重学生平时的电子作业、教学实例和自选创新作品的完成情况，通过综合评价，变考书本为考能力，边学习边考核，加重平时成绩在总成绩中的比例，这样能够全面评价学生的网页设计能力。

2.试卷分析

考试命题完成是在课程教学大纲的框架下完成的，全体学生《网页设计》考试采用理论+实操的形式，试题覆盖教学的全部内容。从考试结果分析，试卷注重基础知识的考查，难度偏易，区分度较好。从学生考试时间分析，90分钟内学生全部能完成考试，以下是试卷分析结果。

试卷分析结果

五、结语

课程是培养人才的最基本的元素，是人才培养过程中最基本的单元。通过对《网页设计》课程定位与性质、教学内容与教学条件、教学方法与教学手段和课程考核与试卷分析的解析，加强课程建设，提高课程教学质量。

参考文献：

[1]丁海燕.网页设计与制作教学实践研究[J].实验科学与技术，2015，13（2）：166-168.

[2]于文波.基于虚拟仪器的“电工实验”课程考试方法改革研究与实践[J].沈阳工程学院学报（社会科学版），2014，10（2）：241-244.