网页设计原理和内容 第1篇
文本具有体积小，网络传输速度快，可使用户方便地浏览下载文本信息，是网页的基本元素，也是网页中最主要的信息载体。
图片比文本更加生动和直观，可以传递一些文本不能表达的信息，具有强烈的视觉冲击力。
超链接技术是WWW流行起来的最主要的原因。超链接是从一个网页指向另一个目的端的链接，指定从一个位置跳转到另一个位置，可以是文本链接、图像链接和锚链接等。超链接可以在当前页面中进行跳转，也可以在页面外进行跳转。
音频文件可使网页效果多样化，网页中常用的音频格式有mid 和mp3。其中mp3为压缩文件，其压缩率非常高，音质也不错，是背景音乐的首选。
网页中的视频文件一般为flv格式，它是一种基于FlashMX的视频流格式,具有文件小、加载速度快等特点，是网络视频格式的首选。
网页中的表单通常用来接收用户在浏览器端的输入，然后将这些信息发送到用户设置的目标端。这个目标可以是文本文件、网页和电子邮件，也可以是服务器端的应用程序。表单一般用来收集联系信息，接收用户要求，获得反馈意见，让浏览者注册为会员并以会员的身份登录站点等。
网页中除了以上几种最基本的元素之外，还有一些其他的常用元素，包括悬停按钮、JavaScript与ActiveX等各种特效，它们不仅能点缀网页，使网页更活泼有趣，还在网上娱乐、电子商务等方面也有着不可忽视的作用。
网页设计原理和内容 第2篇
一个网页设计师在工作时要面对多少问题?配色问题?字体问题?制作问题等多个问题。以及在做的过程中客户的反馈都相当重要，接下来一起看看总结：
一、配色问题
一个网页的色彩最好不要超过3种，一面视觉效果混乱，用色柔和，对比度强的色彩不能应用于一般网站，时尚网站使用还可以。
二、字体问题
很重要的一个问题，用标准字标准色，这是一个规范，行距一般控制在20px左右，不要太小，也不要太大，自己大小注意，中文12px，英文11px或者10px。不要用黑色字，可以用灰度或者其它柔和颜色，统一整个网页字体的色彩以及大小，规范整体。
三、布局规范
布局是非常重要的，考虑客户浏览习惯以及他们想展现的内容，并且优化。一个网页，如果布局不合理的话不但影响浏览，而且非常难看。
四、制作习惯
必须非常熟悉各种网站的功能，要做得非常全面，比如说一个商城的网站应该有哪些内容必须非常清楚，不要等客户提出之后才补充上去，会显得自己非常不专业。
一般不好搭配的颜色，用灰度搭配。
网页设计原理和内容 第3篇
（一）一、教学内容的确定
1、网页制作软件的掌握。学校开设的网页设计课程一般会选择FrontPage和Dreamweaver，而Dreamweaver使用方便，是一款比较专业的网页设计工具，因而通常选择它作为主要的网页设计平台。除了让学生掌握怎样使用这款软件制作网页，还要让学生了解网页基础知识，如让学生知道什么是网页文件；学会规划好自己的文件夹，将所有的网页文件和图片都放在自己的工作文件夹中，不要链接工作文件夹之外的图片，有的学生将做好的网页放到别的计算机上结果需要的图片无法显示，就是这个地方没有做好。
2、增加图像处理和Flash方面的内容。随着网页设计技术的不断变化，Photoshop、Fireworks与Dreamweaver网页制作软件的结合越来越紧密，由于网络速度的提升，图像元素在页面中早已变得不可或缺，利用图像处理软件的功能直接生成网页已经变得非常简单。而Flash以文件体积小、风格多样及良好的交互功能等优点在网页中所占的份额越来越大，甚至出现了完全使用Flash完成的网页作品，在教学中为了让学生简单了解，一般让学生通过设计常见的Flash广告条来实现。所以，在开设这门课程的同时，也开了Photoshop和Flash这两门课。
二、教学方法的探索
网页设计课程通常在机房授课，便于学生上机操作、巩固课堂教学效果。传统教学方法是教师在课堂上讲授理论知识，然后学生上机练习，教师在一旁进行辅导。这种枯燥的灌输方式难以调动学生的兴趣，即使学生将课堂上所学的知识都听明白了，上机操作时仍然无从下手，因而必须采用有效的教学方法。
1、采用案例教学法。案例教学是在学生掌握基本理论知识的基础上，根据教学目的和教学内容的要求，由教师精心策划和指导，运用典型案例，将学生带入特定事件现场进行案例的分析，使学生独立思考或集体协作，进一步提高学生分析问题、解决具体问题的能力的教学方式。笔者对教学目的和教学内容选用实际网页中的典型案例，在教学中先展示网页效果，再讲解相关的理论知识，在学生理解基本理论的基础上再演示完成案例，并对案例进行适当总结，将枯燥的理论知识融入生动的案例之中，理论与实际相结合，有利于学生更好地掌握知识。另外，根据学生的实际情况，还可在本案例的基础上延伸到其他类似的例子，达到举一反三的效果。采用案例教学法，学生不但可以掌握课堂上学过的案例，而且能灵活地运用课堂知识，提高综合运用能力。
2、采用任务驱动教学法。所谓“任务驱动”，就是在学习过程中，学生在教师的帮助下，紧紧围绕一个共同的任务活动中心，在强烈的问题动机的驱动下，通过学习资源的积极主动应用，进行自主探索和互动协作的学习。这种教学模式强调学生的学习活动必须与任务相结合，以问题来引导和维持学生的学习兴趣和动机。所以，安排第一次教学内容时，给学生欣赏一些优秀的、获奖的网页设计作品或浏览比较熟悉的网页，可激发学生的学习热情。在欣赏过程中，让学生说出该网页吸引他们的优点，教师适时讲解网页设计中关于色彩搭配和布局的知识，这样可提高学生学习的主动性，让学生主动地学习知识。同时，确定本门课的总体任务———设计并制作一个完整的网站，学生在后续的学习中就有了任务感，有了目标学习才会更认真。再针对课程中的每一部分内容，将总体任务细分为若干个小任务，如文本、图像、表格、链接、CSS样式等，由浅入深，让学生通过完成这一个个任务来掌握网页设计与制作的基本操作。例如，介绍Fireworks软件时，笔者采用了模仿式教学法，着重于网站Logo、整体效果设计与制作能力的培养，通过学习、模仿优秀网站的设计图稿，提高学生的审美能力，对各类网站的设计风格、色彩搭配、网页布局等有一定的认知。四、考核方法的探索根据中等职业教育的教学需要和课程教学特点，课程考核形式要能全面地评价学生的综合素质和技能应用能力。在网页课程的考核过程中，期末总评学习成绩可由两部分组成：平时成绩（平时到课考勤、课堂表现、作业和能力考核）和期末考核（期末上机考试），各占总成绩的50%。这种考核方式注重实践操作和应用开发能力的培养，可发挥学生的学习积极性和主动性。此外，还可在校园内举办网页设计比赛，设置奖励分。如学校举办的艺术节、网页作品展示等，不但能提高学生学习本课程的积极性，还可让学生找到彼此的差距，激发学生的学习动力，不断提高网页设计水平。
网页设计原理和内容 第4篇
一、项目教学法在《网页设计》课程中的应用
1、教学设计原理
《网页设计》课程的教学应用项目教学法后，学生的学习过程以分组的形式完成一个完整的网站项目为载体。一个完整的网站项目，它的建设周期往往较长，项目中涉及到的知识点较多，学生通常会觉得无从下手。因此，在设计、细化每节课的教学内容时，要根据项目的实施流程和功能模块，划分成若干个任务，将学生需要掌握的各种知识和技能融入到各个任务的教学中，让学生在完成每个任务后能学习到网页设计的相关知识和技能。
2、教学流程
项目教学作为一种革新传统教学理念的教学方式，它强调教学要以学生为中心，强调组织方式要以小组合作学习的方式，要求学生对现实工作与生活中的真实问题进行探索。我在《网页设计》课程的教学中使用的项目教学法主要按以下几个步骤进行：确定项目—项目分解—操作示范—独立探索—协作学总结评价。
3、教学设计
（1）确定项目任务。在《网页设计》的项目教学中，教师在设计教学项目时一般要考虑自己已有的项目经验、该课程的教学特点以及学生的认知发展水平，设计出来的项目要体现学习的主题和目标，很多时候由于项目都来源于现实生活，它具有一定的复杂性和不确定性，因此教学过程中教师要选择或设计合适的项目，以更好的控制教学的方向和进度，做到一切都在掌握之中。为此在项目教学过程中，教师在选择和设计项目时应综合考虑以下几方面的因素：①项目所涉及的知识和技能紧扣教学大纲和教学目标，要结合该课程的特点制定项目任务。②项目的难易程度要适宜，要适合学生的实际水平，这样学生才会有信心和兴趣去完成项目。③项目应该遵循实用性的原则，要与现实生活贴近，还应该考虑企业的实际工作岗位需求。我在上《网页设计》这门课程时采用的项目是：“乐游天下”旅游网。
（2）根据学生情况进行分组。为达到协作学习，最终顺利完成项目的目标，在项目教学时教师先对所教班的学生进行合理的分组。在分组时，先要对所教班级的学生进行综合的分析，分析的内容包括学生的学习成绩、学习态度、学习目的、学习兴趣、个性特点、能力水平等。经过对学生的了解和分析，将“优秀”“中等”“一般”的学生进行组合，使每一组都包含这三个层次的学生，并安排优秀的学生担任项目组长。
4、教学实施
为了将理论与实践紧密结合，我们将理论教学与项目活动的进度调整为同步，将项目活动贯穿在整个理论教学过程中，这样有助于学生将所学的理论、方法和技术有机地结合起来，对以后的进一步深造打下坚实基础。项目实施阶段是项目教学中最重要的一个阶段。操作过程中按以下步骤进行：
（1）引导。由于学生以前没有接触过网页制作，对网页制作的相关知识都很陌生，所以在项目开发之前，先给他们演示已经开发完成并制作好的网站，使他们对要做的网站有明确的目标和感性认知，知道实施该项目该做那些内容与功能，关键在哪里，同时激发了学生的兴趣。
（2）制定项目计划。项目计划在项目实施前由教师根据学生的综合素质制定，制定好后分发给学生，让他们做到心中有数，并要求他们严格按照计划实施项目。项目计划的制定主要是按知识点划分成一些任务，每一任务又由多个子任务组成，每一子任务对应着项目中的一个或多个页面，也可以对应着一个功能。通过完成所有的任务来完成整个项目。
（3）实施项目计划。按照制定的项目计划逐步实施项目。整个项目划分成了11个任务，在执行每个任务前，老师要对新知识中的重点及难点内容进行讲解，其过程应该精练，最好通过简单的例子用操作演示完成，让学生更容易理解、接受。讲解后，留给学生充足的操作时间，由学生自主进行探索与学习，让学生大胆去试，使他们在使用中体会、感受和领悟，最终顺利完成此任务。在项目实施的整个过程中，教师要注意的是，学生遇到困难时应及时给予指导，不要让学生产生畏难情绪，从而影响学习的兴趣。此外，教师一定要把握好指导的尺度，尽可能对其进行启发性、提示性的指导，最终让学生自己去解决难题，这样即不影响学习兴趣又能锻炼学生解决问题的能力。
（4）阶段汇报、讨论及总结。根据项目的进展情况，在合适的时间，由教师在课堂上组织项目工作情况的汇报、讨论和总结。各小组组长将该阶段所做工作的进展情况进行展示，项目实施过程中的遇到的问题及解决方法进行交流与讨论，并回答其它小组同学或老师提出的问题。这个过程中，老师可对工作中的方法、过程、技术提出参考意见。汇报结束后，各小组对该阶段进行过程性的总结与分析，把各个环节抓紧抓牢。
（5）总结评价。项目结束后，各组长对其所有组员进行评价打分，各组之间相互对项目成果进行评价打分，教师再对每个小组的项目成果进行评价打分。最终，小组成绩由“其他各组给出成绩的平均值”+“教师给出的成绩”两部分组成，各占50%。个人成绩由“小组成绩”+“组长给出的个人成绩”两部分组成，各占50%。通过这种多元化的考核方式，有助于学生个性化、全面化的发展和综合素质的提高。
二、结语
项目驱动教学法相对于传统的教学方法，它能更好地将理论教学与实践教学有机地结合起来，并很大程度上提高了学生学习的积极性和主动性，提高了学生分析问题和解决问题的能力，充分挖掘了学生的创造潜能。