博学谷——让IT 教学更简单,让IT 学习更有效

《HTML5+CSS3 网页设计与制作》课程教学大纲

(课程英文名称)

课程编号:

学 分:5 学分

学 时:74 学时 (其中:讲课学时:50 学时 上机学时:24 学时)

先修课程:计算机基础、计算机网络、计算机应用

后续课程:UI 设计、JavaScript 网页特效

适用专业:信息技术及其计算机相关专业

开课部门:计算机系

一、课程的性质与目标

《HTML5+CSS3 网页设计与制作》是面向计算机相关专业的一门专业基础课,涉及网

页基础、HTML 标签、CSS 样式、网页布局、变形与动画等内容,通过本课程的学习,学

生能够了解网页web 发展历史及其未来方向,熟悉网页设计流程、掌握网络中常见的网页

布局效果及变形和动画效果,学会制作各种企业、门户、电商类网站。该课程属于“1+X 证

书制度”Web 前端的初级课程,通过本课程,能够为学习后面的前端知识夯实基础。

二、课程设计理念与思路

课程设计理念:课程的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓

展,不能局限于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能

力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所

需的能力和终身学习的能力,实现一站式教学理念

课程设计思路:基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生

为主体,以案例(项目)实训为手段,设计出理论学习与技能掌握相融合的课程内容体系。

教学整体设计“以技能培养为目标,以案例(项目)任务实现为载体、理论学习与实践操作

相结合”。

博学谷——让IT 教学更简单,让IT 学习更有效

三、教学条件要求

开发工具:Dreamweaver CS6 或其他代码编辑工具

四、课程的主要内容及基本要求

第一章 HTML5+CSS3 网页设计概述

学习单元 HTML5+CSS3 网页设计概述 学时 2 学时

◆ 了解网页概念和组成。

学习目标 ◆ 理解HTML、CSS 和JavaScript 的功能和作用。

◆ 熟悉Dreamweaver 工具的基本操作。

知识点 了解 掌握 重点 难点

认识网页 √

网页名词解释 √

Web 标准 √

HTML 简介 √

CSS 简介 √

学习内容 JavaScript 简介 √

网页的展示平台—浏览器 √

认识Dreamweaver 界面 √

Dreamweaver 初始化设置 √

Dreamweaver 基本操作 √

【阶段案例—创建第一个 √

网页】

第二章 初识HTML5

学习单元 初识HTML5 学时 6 学时

◆ 了解HTML 和HTML5 的基本结构,能够区分两者的结构差异。

网页设计与制作html5教学目标,HTML5+CSS3网页设计与制作—教学大纲(10页)-原创力文档...相关推荐

  1. 计算机工程 文章没有创新,浅谈计算机教学学生创新能力培养-计算机工程论文-计算机论文(8页)-原创力文档...

    浅谈计算机教学学生创新能力培养-计算机工程论文-计算机论文 --文章均为WORD文档,下载后可直接编辑使用亦可打印-- [摘要]目前,我国教育改革不断深化,使得高中计算机教学的改革力度也有所增强,以此 ...

  2. 小学四年级计算机制作月历教案,四年级上册信息技术教案-1制作月历|冀教版(5页)-原创力文档...

    制作月历 教学目标: 1.认识Word,学会美化月历. 2.锻炼学生协同合作解决问题的能力. 3.培养学生探究问题的能力,在制作月历的过程中体验学习的乐趣. 学情分析: 本课主要任务是安排学生利用wo ...

  3. 计算机网络课程设计小型企业局域网的组建,计算机网络课程设计小型企业局域网的组建(16页)-原创力文档...

    精品文档 计算机网络课程设计报告 课程设计题目:组建小型企业局域网 姓名 : 陈煌 学号 : 201220180915 专业 : 软件工程 指导教师 :赵美丽 2012 年 5 月 30 日 随意编辑 ...

  4. html的详情页面设计,HTML5+CSS3网页设计与制作实用教程 单元7 网页特效与制作商品详情页面(105页)-原创力文档...

    单元7网页特效与制作商品详情页面HTML5+CSS3网页设计与制作实用教程本章导读The chapter's introduction 将JavaScript 程序嵌入HTML 代码中,对网页元素进行 ...

  5. dw html 并排三个正方形边框,dw网页设计与制作题库(单选题)(43页)-原创力文档...

    题目 答案A 答案B 答案C 答案D 答案 安装( )是使用WWW最基本的条件 浏览器 IE 操作系统 Dreamweaver A 网页制作的超文本标记语言称为( ) HTML语言 VB语言 BASI ...

  6. 网页一般又称为HTML文档,网页设计与制作简答题(16页)-原创力文档

    1.简述 Web 浏览器打开一个 Web 文件的工作过程. 2 .描述网页设计的一般步骤. 3 .简述网页设计的基本准则. 4 .简述规划网站目录结构时应遵循的原则. 5 .描述版面布局的步骤. 6 ...

  7. 10个必知的网页设计术语计算机与网络,入学测试计算机与网络应用基础知识题库(公开题)教学文稿(10页)-原创力文档...

    入学测试题库一一计算机与网络应用基础知识 (公开题) .单项选择题(每题给出的四个选项中,只有一个是正确答案,请将正确选项前的字母填 在题后横线上) 1世界上第一台电子计算机是 年研制成功的. D . ...

  8. 选课网站html源码,选课系统网页制作(26页)-原创力文档

    <选课系统网页制作> 设计报告 姓 名: 薛欣 学 号: 0904010636 班 级: 计算机 09-6 班 专 业: 计算机 指导教师: 时 间: 哈尔滨理工大学 计算机科学与技术学院 ...

  9. 计算机图文混合排版教学设计,图文表混合排版教学设计_百度文库(20页)-原创力文档...

    <图文表混合排版>教学设计 卢龙县职业技术教育中心 刘思晨 一.设计思想: 以学生自主探索.合作交流为主线,以培养学生的创新精神和学生自主合作探究学习方式为目标.在建构式的教与学活动中,让 ...

最新文章

  1. Ali RocketMQ与Kafka对照
  2. 【转】二层交换机之间的跨网段访问
  3. 跨进程信息交互真个费事。
  4. 使用VS搭建三层结构
  5. 【计算机视觉】【矿泉水瓶水位测量】--Matlab与C++实现
  6. 初中计算机教案小学,初中8年级信息技术教案
  7. ORACLE SEQUENCE用法 (自增长)
  8. 北京一女子乘公交车遇车祸 惨遭钢筋穿胸
  9. Download Microsoft Visual Studio 2010 Ultimate Trial - ISO from Official Microsoft Download Center
  10. matlab符号函数sgn,latex 符号函数sgn
  11. 荷兰国旗问题java
  12. 微信开发者工具之WXS和简单组件
  13. 晶振电路电容选取的计算方法
  14. Linux 截图保存快捷键
  15. 政简网:还剩一个月时间怎么科学有效复习公务员考试?
  16. flutter 报错 No MediaQuery widget ancestor found.
  17. python星号怎么输入_python 星号*使用方法
  18. 2008年度最佳开源软件大奖
  19. Flutter强制某个页面横屏
  20. xp计算机能装win系统吗,自己用的电脑要装系统,XP, Win7, Win10到底选哪个?解救小白篇...

热门文章

  1. 异常和单例模式 学习内容
  2. Android:Frament详解
  3. 谷歌浏览器的源码分析 13
  4. 关于“显示器驱动程序 AMD driver已停止响应 并且已成功恢复”错误的应对方法...
  5. mysql从零基础到基础熟练
  6. 湖北2021当阳一中高考成绩查询,湖北宜昌2020高考喜报,夷陵中学六百分上线、一本上线,全市领先...
  7. 分发下载用什么工具?联想企业网盘已成办公新标配
  8. MindManager 2020 Win v20.1.238思维导图软件开心版安装教程
  9. 如何获取网上的apk地址
  10. 暴风影音说的1m能看720p是骗人的