天涯论坛

 找回密码
 立即注册
搜索
查看: 90|回复: 2

HTML+CSS+JavaScript网页设计课程的教与学

[复制链接]

3081

主题

148

回帖

9911万

积分

论坛元老

Rank: 8Rank: 8

积分
99118874
发表于 2024-6-29 14:47:06 | 显示全部楼层 |阅读模式

你想要的都有了!

本书供给PPT课件,源码,习题答案,教育大纲,期末试卷,20小时微课视频。

请先花有些时间看一下视频(全书配套20小时教育视频

1、课程简介

网页设计课程是高等院校计算机、信息管理、电子商务和其他关联专业的一门要紧基本课程,是一门实践性和技能性需求很强的学科。课程涵盖HTML基本元素、CSS样式表和JavaScript脚本编程语言、页面布局和整站建设三大内容,全面介绍了WEB站点设计与研发的基本操作技术和应用技巧。本课程采用课堂与实践相结合讲授、案例向导的教育方式。

2、教育目的

经过本课程的学习,使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局办法、导航制作、图文排版、色彩理论等进行仔细认识把握网站规划、设计、制作、管理、颁布关联技术及网页制作的操作技能;并熟悉运用HTML中的文字、链接、列表、表格、表单、图像、多媒介、框架标记及属性设计出框架网页、表单网页、多媒介动态网页;把握运用css技术进行网页布局的基本办法把握JavaScript脚本语言的基本语法知识,HTML中JavaScript程序的嵌入办法,对象的概念及运用JavaScript来进行研发守护、管理和设置WEB应用程序;把握HTML5最新页面研发技术;把握综合网站设计和颁布的基本流程和办法

3、教育内容和需求

1、教育内容

教育内容重点分为基本内容和进阶加强两大部分。基本内容全面地讲述了HTML、CSS、JavaScript技术。重点包含HTML设计和研发所需认识的基本概念和框架结构;文字与段落、列表、超链接、表格、表单和多媒介在页面研发中的应用; CSS在实质研发中的应用技巧; JavaScript在动态网页研发中的基本概念和应用。进阶加强重点包含web设计的基本原则和办法;基于表格的页面布局办法和基于div+css的页面布局办法,以及平常导航菜单的制作;HTML5中间商绍了画布、新增表单元素及多媒介应用;综合案例系统介绍了网站研发从规划、实现到颁布的完整过程。

2、教育需求

l 认识万维网的用途及网页设计的基本概念;

l 认识HTML、CSS、JavaScript在网页设计中的要紧功效

l 把握HTML文档的基本结构及标记属性的运用办法和规则

l 理解HTML中的文本、字符、段落、表格、列表、表单标记的功效

l 把握主流页面布局办法

l 理解JavaScript语言的功效和执行方式,把握在网页中运用客户端脚本的办法认识事件响应机制,把握页面事件编程;

l 认识网页设计的基本原则和办法

l 把握HTML5最新网页设计技术

l 把握网站颁布的基本流程。

4、课程设计

课程以培养面向商场化应用网站设计的网页设计师为目的明显实用性和可操作性。因此呢,在教育方式上应以商场化案例讲授为导向,辅助各内容块关联实验项目的实践,由点到面,最后完成整站综合项目的设计任务。教育过程中能够协同数字教育平台电子资料、PPT、重点难点视频讲解、小技巧运用视频讲解、案例解答等多种技术手段进行辅助教育重点教育设计与手段包括讲授、案例调查和分析、课堂讨论、作业、上机实践等。

本课程教育由简入深,重点采用以下教育办法

(1)模仿精彩优秀的网站,认识其效果实现办法,并将其应用到实验中。

(2)指定配套实验教材中的精典实例,让学生操作实现。

(3)综合运用基本知识点,实现繁杂综合功能。

5、教育时间安排

本课程计2学分,其中包括18学时理论教育实践,36学时实践教育时间,共计54学时。学时分配如下:

序号

课程内容/实验名叫作

理论

实践

备注

1

网页设计简介

1

2

2

HTML基本介绍

1

2

3

文字与段落

1

2

4

列表

1

2

5

超级链接

1

2

6

表格

1

2

7

表单

1

2

8

运用CSS格式化网页

1

2

9

CSS应用

2

4

10

JavaScript 基本

2

4

11

Web 设计基本

1

2

12

页面布局技术

1

2

13

HTML5应用

2

4

14

综合网站制作实例

2

4

合  计

54

6、考核办法

平时成绩25%(课堂表现+章节作业)+期末考试成绩25%+期末综合项目大作业50%

1.平时成绩:包含出勤率、课堂状况、作业,周期测验成绩占总成绩的25%。

2.期末考试:成绩占总成绩的25%。

3.综合大作业:需求完成整站设计,占总成绩的50%

7、运用教材

1.郑娅峰 张永强主编,《网页设计与研发-HTML、CSS、JavaScript实例教程(第3版)》,清华大学出版社,2015

2.张永强 郑娅峰主编,《网页设计与研发-HTML、CSS、JavaScript实例教程习题解答与实验指点》,清华大学出版社,2011

本书供给PPT课件,习题答案,教育大纲,期末试卷,20小时微课视

授课老师能够在书圈下载课件、申请样书





上一篇:HTML+CSS+JavaScript网页制作案例教程
下一篇:网站制作教程:手把手教你网站制作流程
回复

使用道具 举报

3144

主题

3万

回帖

9996万

积分

论坛元老

Rank: 8Rank: 8

积分
99968606
发表于 2024-11-7 18:37:48 | 显示全部楼层
我们有着相似的经历,你的感受我深有体会。
回复

使用道具 举报

3054

主题

3万

回帖

9606万

积分

论坛元老

Rank: 8Rank: 8

积分
96065828
发表于 2024-11-13 05:27:33 | 显示全部楼层
外贸网站建设方法 http://www.fok120.com/
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-25 13:04 , Processed in 0.130550 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.