网页设计与制作
分享
课程详情
课程评价
spContent=《网页设计与制作》也称为《Web前端设计》,该课程2008年获得江苏省精品课程称号;2011年配套的江苏省立项建设精品教材《网页设计与制作——基于工作过程》出版;2018年,改版教材《网页设计与制作(HTML5+CSS3)》由机械工业出版社出版。2017年 本课程被评为泰州职业技术学院精品资源共享课并初步完成江苏省创新发展行计划在线开放课程建设任务,2018年被认定为院级在线开放课程,2019年获得江苏省“十三五”在线开放课程立项,2022年被评为江苏省“十四五”在线精品课程。
—— 课程团队
课程概述


本课程是一门以网页设计与制作技能培养为主要内容的课程,同时学习网页设计制作的基础理论知识,培养学习者良好的职业素质。本课程学习后,学习者将来能从事网页制作员、网站编辑员、网站运维等岗位的工作。

本课程是计算机应用技术专业的一门专业核心课程、1+X书证融通课程。通过课程学习,学习者可以了解网站规划、网页设计与制作、网站测试优化的基础知识,具备静态网页设计制作能力,并能制作出满足用户需求、美观、内容健康、满足知识产权保护等要求的网页,也为后续课程学习打好基础。

本课程通过两级项目实施让学习者学会必要的知识和技能,学以致用。课堂操练项目围绕符合最新Web标准的典型静态网站开发项目“信息技术学院网站开发”展开全部内容的教学,以“网站规划与设计→Web标准网页制作→网站测试与运维”这一实际网站开发流程为主线设计7个相对独立的教学项目单元,融入3个主题(敢于创新尊重产权、规范编码方便你我、注重细节追求完美)的12项思政教育内容,并在项目实施过程中学习网站规划、页面布局与内容编排、HTML5CSS3使用、内联框架应用、表单网页制作、网站测试优化维护等内容。课后巩固拓展检验项目(自选网站开发)是为了巩固和检验学习者所学知识技能、开阔思路、培养创新精神,提供展示个性舞台而设计的,与操练项目完成过程同步。

授课目标

课程总体目标:通过本课程学习,学习者能掌握网站规划、网页设计、网页制作、网站测试优化的基础知识,具备设计制作电脑端静态页面的能力;能根据中小型网站开发需求,对网站进行整体规划,并运用工具软件设计主要页面效果图;能对页面设计效果图进行布局、背景、内容排版、尺寸分析,使用主流布局方法进行页面布局,插入网页元素并对内容进行编排,使用主流技术制作出符合Web标准的页面;能在2个以上主流浏览器上进行测试,根据测试结果对网站进行 优化,并完成网站发布与维护,从而为后续课程的学习打好基础。

知识目标:

(1)了解网站规划、网站开发的过程、Web标准;

(2)熟悉网页设计、网页布局、表单、网站测试优化与管理维护;

(3)掌握常见布局的网页的制作方法、常见网页元素及其HTML代码、CSS规则的常用属性、页面内容编排方法。

能力目标:

1)能规划中小型网站并设计主要页面;

2)能熟练使用Dreamweaver制作“布局标签+CSS”布局、包含内联框架的网页和表单网页;

3)能熟练编排页面内容;

4)能使用HTMLCSS制作处理网页;

5)能测试、优化、发布、管理维护网站;

6)能处理网页制作中的常见问题;

7)能跟踪网页制作领域新技术的发展;

8)能阅读、使用HTML语言中的专业英语词汇。

素质目标:

1)具有效率观念和客户优先观念、与人交流和资源利用与信息处理能力;

2)树立诚实守信意识、乐观健康意识和审美意识;

3)具有良好的工匠、敬业、协作和创新精神。

课程大纲
预备知识

平面图像处理

参考资料

课程主教材:工业和信息化部教育与考试中心.Web前端开发初级(上、下册).电子工业出版社,2019

课程实训教材:蔡伯峰.网页设计与制作(HTML5+CSS3).机械工业出版社,2018

参考资料可选用正式出版的有关网页设计与制作方面的纸质或电子版图书、Internet上网页设计与制作方面的学习网站或论坛、精品课程网站。

[1]颜珍平,陈承欢,汤梦姣.HTML5+CSS3网页设计与制作实战,人民邮电出版社,2023

[2]黑马程序员.HTML5+CSS3网页设计基础教程,人民邮电出版社,2023

[3]李敏.网页设计与制作微课教程(第4版).山东电子职业技术学院,电子工业出版社,2020

[4]朱翠苗.HTML5+CSS3网站设计基础.大连理工大学出版社,2019

[5]工业和信息化部教育与考试中心.Web前端开发实训案例教程(初级).电子工业出版社,2019

[6]王寅峰.HTML5跨平台开发基础.高等教育出版社,2019

[7]汪婵婵.Web前端开发任务驱动式教程(HTML5+CSS3+JavaScript).电子工业出版社,2019

[8]刘万辉.网页设计与制作(HTML+CSS+JavaScript)(第2版).淮安信息职业技术学院,2018

[9]汤佳.HTML5+CSS3网页设计任务教程.高等教育出版社,2018

[10]李英俊.网页设计与制作(第五版).大连理工大学出版社,2018

[11]黑马程序员.HTML5移动Web开发.中国铁道出版社,2017

[12]陈承欢.网页设计与制作任务驱动教程(第3版).湖南铁道职业技术学院,高等教育出版社,2017

[13]何福男.网站设计与网页制作立体化项目教程(第3版).苏州工业职业技术学院,电子工业出版社,2017

[14]文杰书院.Dreamweaver CC中文版网页设计与制作.清华大学出版社,2017

[15]周文洁.HTML5网页前端设计.清华大学出版社,2017

[16]周文洁,HTML5网页前端设计实战,清华大学出版社,2017

[17]王柯柯,周宏,刘亚辉,等.网页设计技术——HTML5+CSS3+JavaScript.清华大学出版社,2017

[18]律佳,刘洪霞,缪亮.Dreamweaver网页制作实用教程(第3版).清华大学出版社,2016

[19] https://218.75.196.218:90/ec2006/C16/index.htm《网页设计与制作》国家精品课程网站

[20] https://course.jingpinke.com      国家精品课程资源网的课程中心

[21] https://www.wzsky.net/html/templates/ 网页模板

[22] https://www.mbsky.com/         模板天下

[23] https://sc.68design.net         网页设计师联盟

[24] https://cool.speedmap.cn/        网页设计师加油站

[25] https://www.w3school.com.cn/      有HTML5+CSS3详细介绍

[26] https://www.52divcss.cn/         网页制作技术

[27] https://bbs.goodbbs.net/       网页制作技术

[28] https://www.dabaoku.com/        网页制作技术

[29] https://www.foreweb.com/        网页制作和网页设计

[30] https://www.webjx.com/web/       Dreamweaver

[31] https://www.fastgun.net/so/home.htm 快枪资源库中的网页制作

[32] https://www.songcms.com/        有模板、企业网站成功案例

显示全部
常见问题

Q : 本课程学习结束考核合格,有认证证书吗?

A : 不提供认证证书。


Q :  本课程对接什么证书?

A : 1+X Web前端开发职业技能等级证书。