下载文档原格式
重庆三峡职业学院《网页编辑与设计》课程标准课程学分：8总学时：128适用专业：计算机应用技术专业一、前言1、课程性质网页编辑与设计是高职高专计算机应用技术专业的主干专业课程，旨在培养学生的网页制作的WUI网页界面设计及编辑、Flash网站动画设计和动态网站开发基础的技能，使学生掌握Dreamweaver网页设计软件的操作和网页图形设计以及网站整体开发思路和测试发布的方法，熟练掌握Web图形的设计和制作方法，学会利用图形设计工具和Flash动画编辑设计Banner广告条和Web导航条和网页图标等设计；通过学习，使学生掌握Web网站建设的基本方法，掌握网页制作工具的使用方法和技巧，熟悉建站流程和网站服务器基础、动态网站开发基础，培养学生设计网站的能力，同时培养学生的方法能力、社会能力及职业素质。
2、设计思路本课程以“基于工作过程”为指导，邀请行业专家对计算机应用技术专业所涵盖的岗位群进行工作任务和职业能力分析，并以此为依据确定本课程的工作任务和课程内容。
根据计算机应用技术专业所涉及到的网页设计和网站开发技术的运用与web图形图像处理的技能与知识内容，设计若干个学习情境，实施情境化教学，使学生掌握网站开发工具的操作方法、界面设计及处理技术的技能以及相关的专业知识，同时培养学生职业素质，锻炼学生的方法与社会能力。
3、典型任务本课程设计中注重由知识本位向能力本位转化，由知识的划分转向工作任务的划分转化。
以任务引领为基本取向，将所要传授的新知识隐含在一个或几个任务中，学生通过任务引领实现对所学知识的构建。
课程实施中以学生为中心，以完成工作任务的活动为过程，创设真实工作环境，边讲边练，融“教、学、做”为一体。
（1）根据网站项目开发过程，构建了可根据岗位需求变化和教学实际情况灵活组合动态调整的模块化的课程结构：分为6大教学模块、16个教学单元。
（2）课程教学采用了基于3个真实产品的任务驱动型项目教学法。
教学内容与教学方法、教学手段相结合，同时还实施启发式教学法、理论实践一体化教学法、小组协作型教学法等方法。
职高网页设计知识点一、网页设计的基本概念和原则在开始学习网页设计的知识点之前，我们首先需要了解网页设计的基本概念和原则。
网页设计是指将各种元素组合在一起，创造出能够在互联网上被访问和浏览的页面。
以下是网页设计的一些基本原则：1. 目标导向：网页设计应该明确目标，根据用户需求进行设计，以实现预期的效果。
2. 简洁性：网页应该简洁明了，避免出现复杂、混乱的布局和内容。
3. 易用性：网页应该易于导航和使用，用户可以轻松找到所需信息。
4. 色彩搭配：合理选择色彩，使网页更具吸引力和易读性。
5. 内容布局：合理安排网页上的各种元素，使其整体结构清晰、有序。
6. 图片和文字的选择：使用高质量的图片和清晰明了的文字，使用户能够准确理解网页内容。
二、网页设计中的重要元素和技术1. 布局设计：布局设计是网页设计中非常重要的一部分，它包括页面结构、导航、内容排版等。
合理的布局能够使网页更加美观和易于使用。
2. 色彩设计：色彩设计是网页设计中不可忽视的一环，合理的色彩搭配可以给用户带来舒适的阅读体验。
同时，色彩也可以用于表达网页的主题和风格。
3. 图片处理：在网页设计中，图片是常用的元素之一。
要注意选择合适的图片，并进行必要的处理和优化，以减小网页加载时间，提高用户体验。
4. 响应式设计：随着移动设备的普及和使用，响应式设计成为了不可忽视的网页设计技术。
响应式设计可以使网页在不同设备上自动适应并呈现最佳布局。
5. 导航设计：导航设计是网页中用户进行浏览和导航的重要组成部分。
合理的导航设计可以帮助用户快速找到所需信息。
6. 用户体验设计：用户体验设计是针对用户需求和期望进行设计，目的是提供良好的用户体验。
它关注用户在使用过程中的感受以及用户的满意度。
三、网页设计工具和软件在进行网页设计时，我们可以借助一些专业的设计工具和软件来辅助完成设计任务。
以下是一些常用的网页设计工具和软件：1. Adobe Photoshop：用于图片处理和图像设计，是网页设计中最常用的软件之一。
《网页设计》课程标准一、课程定位《网页设计》是虚拟现实应用技术专业的专业学习领域课。
该课程实现Web程序开发知识、方法及工具，着重介绍在Web开发过程用到的HTML5基础知识，用于美化Web页面的样式表知识。
是一门用途广泛、前景良好的计算机行业课程，是适应计算机虚拟现实应用技术专业课程的需要。
该课程的学习可为后续《JavaScript脚本语言》等课程奠定一定的职业能力基础。
二、课程目标通过《网页设计》课程的学习，使学生具备Web应用开发的基本知识，为学习和掌握专业知识和职业技能打下基础。
1．知识目标（1）理解网站的基本概念和HTML5网页编程语言基础；（2）掌握搭建开发环境、网站的搭建（3）掌握HTML5中文字和段落的设置和常用标签；（4）掌握列表标签的使用；（5）掌握超级链接标签的使用；（6）掌握表格标签的设计和使用；（7）掌握框架页面布局；（8）掌握表单的设计；（9）掌握网页中多媒体的应用；（10）掌握层叠样式表CSS3的基本知识；（11）掌握一到多款网页设计软件的运用。
2．能力目标（1）能运用HTML5标签设计网页；（2）能使用CSS3设计网页；（3）会网页设计工具设计网页。
3．素质目标（1）具有自我学习的能力；（2）具备规范化、标准化的代码编写习惯，一定速度的代码编写能力；（3）养成忠于职守、认真负责、精益求精的敬业精神；（4）具备良好的沟通能力；（5）具备良好的团队合作精神以及自我展示能力。
三、课程设计1、设计思想（1）教学内容框架课程按照以能力为本位，紧密围绕在使用HTML5标签，利用CSS3 +DIV布局制作网页过程中遇到的实际需要和应该掌握的技术，全面介绍HTML5标签设计网页的内容和技巧。
（2）总体设计思路以完整的网页制作工作过程为导向，重构教学内容。
根据行业企业发展需要和完成职业岗位实际工作任务所需要的知识、能力素质要求，按照网页设计与制作的过程和学生的学习认知规律，打破原有的功能化知识体系，对教学内容从简单到复杂，从入门到深化进行科学安排，循序渐进的实现教学目标，课程内容与项目开发内容一致，理论与实践一体化，实现学习和工作的深度融合。
高职网页设计课程设计一、教学目标本课程旨在通过学习，使学生掌握高职网页设计的基本知识和技能，能够运用HTML、CSS、JavaScript等技术制作出功能完善、界面美观的网页。
在学习过程中，培养学生独立思考、创新设计的能力，增强团队协作意识，提高审美素养。
1.掌握HTML标签的使用，能够编写结构合理的网页代码。
2.熟悉CSS样式表的应用，能够实现页面布局和美化。
3.了解JavaScript基本语法，具备简单的交互式网页编程能力。
4.能够使用网页设计软件进行网页布局和设计。
5.能够运用HTML、CSS、JavaScript技术制作出符合需求的网页。
6.具备网页切片、优化图片等优化技能，提高网页加载速度。
情感态度价值观目标：1.培养学生对网页设计的兴趣，增强自信心。
2.培养学生团队协作、共同进步的精神。
3.提高学生审美素养，培养良好的审美观。
二、教学内容根据课程目标，本课程的教学内容主要包括HTML、CSS、JavaScript三个部分。
1.HTML：介绍HTML的基本结构、常用标签及其属性，如标题、段落、图片、链接等，掌握、表单的使用，了解框架集的概念。
2.CSS：学习CSS的基本语法，掌握选择器、属性、值和优先级，能够编写样式表实现页面布局和美化，如字体、颜色、背景、margin、padding等。
3.JavaScript：了解JavaScript的基本语法，学习函数、事件处理、DOM操作等，能够运用JavaScript实现简单的交互式网页。
三、教学方法本课程采用讲授法、案例分析法、实验法等多种教学方法，以激发学生的学习兴趣和主动性。
1.讲授法：通过讲解知识点，使学生掌握基本概念和语法。
2.案例分析法：分析实际案例，使学生了解网页设计的方法和技巧。
3.实验法：上机实践，让学生亲手操作，巩固所学知识。
四、教学资源本课程的教学资源包括教材、参考书、多媒体资料和实验设备。
1.教材：选用高职网页设计相关教材，如《网页设计与制作》、《HTML5与CSS3实战》等。
《Web 前端设计与开发》课程整体教学设计（2019～2020 学年第 2 学期）课程名称：Web 前端设计与开发所属系部：信息工程学院制定人：XXX合作人：XXX制定时间：2020 年 7 月1Web 前端设计与开发精品资源共享课课程整体教学设计一、课程基本信息课程名称：Web 前端设计与开发课程代码：18310007学分：3学时：48授课时间：第三学期授课对象：高职计算机应用技术专业大二学生、高职计算机网络技术专业大二学生课程类型：专业核心课先修课程: 信息技术素养与技能、后续课程: HTML5 混合 App 开发、计算机程序设计PHP WEB 应用开发二、课程定位(一)学生所在专业面向的岗位(群)。
专业服务区域：临沂市及周边地区专业服务领域(行业)：为智慧物流、智慧贸易、智慧农业、智慧工业、智慧公共服务相关行业服务的应用软件开发行业。
主要就业岗位：在各大中小软件开发公司从事 Web 与企业应用软件的开发、测试、销售与运维等工作岗位。
(二)本课程选择的背景实践岗位。
表 1 典型工作任务分析表序号工作岗位典型工作任务工作过程简述1WEB 界面开发运用各种工具进行页面布局, WEB 图像、音频、视频、动画制作。
2程序员程序代码编写运用面向对象的开发工具规范地编写程序，使用数据库访问技术连接访问数据库。
3WEB 部署运行安装网络操作系统，配置各类服务器、发布站点表 2岗位职业能力分析表岗位序号岗位典型工作任务职业能力支撑课程性质名称WEB 界面开发网页制作能力HTML5 混合 APP 开程序代码编写代码编写能力发（△）1程序员WEB 前端设计与开发WEB 部署运行网站发布能力（△）基础JAVA WEB 应用开发岗位（△）用户培训网络与应用系统安装能力PHP WEB 应用开发（△）数据库安装、升级、迁数据库基础软件管理维护网络操作系统移、数据恢复能力软件测试搭建测试环境，编写测试2软件测试与跟踪脚本，运用测试脚本寻找人员bug 能力(三)本课程与中职、高职（专科、本科）、普通高校、培训班同类课程的区别。
