网页设计
网页设计
5000+ 人选课
更新日期:2026/04/01
开课平台学银在线
开课高校西安翻译学院
开课教师边国栋李彦王潇杨佩章明珠
学科专业工学计算机类
开课时间2026/03/02 - 2026/07/06
课程周期18 周
开课状态开课中
每周学时-
课程简介

这门课会讲什么?

 《网页设计》课程是一门通识必修公共基础课,共计32课时(其中理论与实践比例为1:1)。该课程是一门实践性和操作性很强的课程,课程主要讲述:创建与管理站点,设计基本图文网页,使用图像、多媒体、超链接等技术制作网页,利用表格、层和Spry菜单、设计使用CSS +Div样式美化布局网页、给网页对象添加行为特效、创建表单网页、使用模板和库制作小型网站等静态网站开发的基本技能,完成设计和开发二个网站的全过程。六年来,课程教学团队通过对《网页设计》课程不断的教学研究、改革与创新,本课程已经基本形成了一套针对性强、实用性高、示范性好、教学效果明显的精品在线开放课程。

你将收获什么?

本课程能够让您以能独立完成静态网站开发和维护的实际工作能力为学习目标,能综合应用Dreamweaver CS6软件、HTMLCSS技术制作网页,掌握规划、开发、发布和管理网站的知识和技能。课程以实用为原则,培养您的计算思维、创造性思维、探究式学习及实际操作动手的应用能力,以适应“互联网+”时代社会对人才的需求;尤其是在不涉及学习编程语言等课程的前提下,让您能够较为深刻的认识和体会计算机信息处理原理,理解计算机代码、程序自动生成等内在本质,提升您对软件学习的认知,培养您克服困难的精神、理论应用于实践和解决实际问题的能力,为今后的工作打下良好的基础。

让我们一起来学习《网页设计》课程吧!




适合什么人学习?

1.主要针对非计算机类专业的零基础学员,尤其适合文科学生;

2.针对那些想快速提高自己信息素养水平和使用信息技术综合处理的能力的学生;

3.对web前端开发有兴趣的菜鸟级爱好者。

课程大纲

课程章节

  • 第1讲 网页设计基础知识
  • 第2讲 HTML语言
  • 第3讲 Dreamweaver CS6基本操作
  • 第4讲 设置网页内容
  • 第5讲 超链接
  • 第6讲 使用表格布局网页
  • 实验设计(一)
  • 第8讲 层和Spry
  • 第9讲 行为
  • 第10讲 CSS样式
  • 第11讲 div
  • 第12讲 div+css灵活布局网页
  • 实验设计(二)
  • 第14讲 选学内容
  • 知识拓展

第1讲 网页设计基础知识

1.1 问卷调查和导课视频(Mooc)

1.2 教学设计

1.3 教学过程

1.4 练习及作业

1.5 教学扩展

1.6 课前调查问卷(本科)

第2讲 HTML语言

2.1 教学设计

2.2 教学过程

2.3 练习及作业

2.4 教学扩展

第3讲 Dreamweaver CS6基本操作

3.1 教学设计

3.2 教学过程

3.3 练习及作业

3.4 教学扩展

第4讲 设置网页内容

4.1 教学设计

4.2 教学过程

4.3 练习及作业

4.4 教学扩展

第5讲 超链接

5.1 教学设计

5.2 教学过程

5.3 练习及作业

5.4 教学扩展

第6讲 使用表格布局网页

6.1 教学设计

6.2 教学过程

6.3 练习及作业

6.4 教学扩展

实验设计(一)

7.1 实验设计介绍

7.2 视频说明

7.3 验收要求

7.4 模板与范例

7.5 提交结果

第8讲 层和Spry

8.1 教学设计

8.2 教学过程

8.3 练习及作业

8.4 教学扩展

第9讲 行为

9.1 教学设计

9.2 教学过程

9.3 练习及作业

9.4 教学扩展

第10讲 CSS样式

10.1 教学设计

10.2 教学过程

10.3 练习及作业

10.4 教学扩展

第11讲 div

11.1 教学设计

11.2 教学过程

11.3 练习及作业

11.4 教学扩展

第12讲 div+css灵活布局网页

12.1 教学设计

12.2 教学过程

12.3 练习及作业

12.4 教学扩展

实验设计(二)

13.1 实验设计介绍

13.2 验收要求

13.3 模板与范例

13.4 提交结果

第14讲 选学内容

14.1 框架、模板和库

14.2 表单、动态网页技术

14.3 展示作品直播课

14.4 课终调查问卷(混合)

14.5 课终调查问卷(Mooc)

14.6 展示作品课与问卷收集

知识拓展

15.1 1. 重要补充

15.2 2. 素材处理

15.3 3. 提升技能

15.4 4. 安全维护

15.5 5. 基础知识

15.6 6. 网络技术

App 下载
关注我们