网站设计与开发
网站设计与开发
4万+ 人选课
更新日期:2025/05/16
开课时间2025/02/17 - 2025/06/30
课程周期19 周
开课状态开课中
每周学时-
课程简介

    随着计算机与网络技术的迅猛发展和广泛应用,极大地改变了人们获取知识信息的途径和方式。越来越多的公司和个人开始通过网站发布信息,网站建设和维护人才的社会需求量正逐年增加。因此,掌握一定的网页制作与管理技术已经成了当代青年必备的基本技能之一。

课程具体教学内容如下: 

    (1)介绍一些与网站设计关联密切的基本概念;

    (2)了解HTML和CSS的基础知识;

    (3)网站建设的详细过程介绍;

    (4)学会用Dreamweaver设计简单的网站;

    (5)学会评价网站。

    本课程的特色有:

     ① 以培养创新能力为目标。引导大家积极实践、主动参与、勤于动手、乐于创造,在实践中构建知识和培养能力。

     ② 教学内容采用了精简实用的原则。着重介绍网页制作技术中最基本、最实用的知识。

     ③ 讲授过程遵循由浅入深、循序渐进的原则。突出了实例教学,突出了应用,努力激发大家的学习兴趣。

    本课程适合所有人进行选修,基本不要什么先行课要求,只要对计算机有初步的操作能力就行。课程结束学生不仅对网站能知其然还能知其所以然,还能收获第一个自己亲手制作的网站作品。

课程大纲

1. 网页制作基础知识

1.1 Internet的基础知识

1.2 万维网的基础知识

1.3 Internet地址与域名

1.4 网站的基础知识和网站开发者

第1章课后思考与自测

第1章网页制作基础知识单元测试

2.网站建设概论

2.1网站的规划—目标与主题的确定

2.2网站的规划—域名设计与素材准备

2.3网站的设计—确定栏目和版块

2.4网站的设计—确定网站的整体风格和创意的设计

2.5网站的设计—确定网站的目录结构与链接结构

2.6网站的实现、测试和发布

2.7网站的推广和维护

第2章课后思考与自测

网站规划报告

网站建设概论单元测试

3. HTML简介

3.1 HTML概述

3.2 HTML的文本格式标记

3.3 HTML的图像与多媒体、超链接标记

3.4 HTML的表格标记

3.5 HTML的表单标记和框架标记

第3章课后思考与自测

HTML综合实例和特效代码

第3章HTML简介单元测试

运用html编写一个简单的综合网页!

4.CSS基础知识

4.1 CSS概述

4.2 CSS选择器

4.3 CSS的属性单位、层叠性和继承性

第4章课后思考与自测

第4章CSS基础知识单元测试

5.网页可视化设计

5.1网页的版面布局

5.2网页的色彩搭配

5.3网页的艺术设计

5.4网页的点、线、面的运用及网页中文字和图形的设计

第5章网页可视化设计单元测试

6.Dreamweaver基础知识

6.1Dreamweaver 概述及创建文本页面

6.2插入图像、多媒体元素及创建超链接

6.3表格的使用

6.4框架的使用

6.5表单的使用

6.6行为的应用

6.7利用Photoshop与...r配合制作一个个人网站

6.8利用便捷工具制作一个网页

第6章课后思考与自测

DW单元测试

7.网站赏析

7.1网站赏析—内容性

7.2网站赏析—使用性和艺术性

第7章课后思考与自测

网站欣赏知识单元测试

8.CSS修饰网页元素

8.1CSS设置文本和段落样式

8.2CSS设置图像样式和图文混排效果

8.3CSS设置表格和表单样式及超链接效果

8.4CSS设置列表效果和制作导航菜单

第8章课后思考与自测

CSS修饰网页元素知识单元测试

9.CSS盒子模型

9.1盒子模型

9.2普通流: display属性

9.3浮动: float属性

9.4定位: position属性

第9章课后思考与自测

盒子模型单元测试

10.Div+CSS布局技术

10.1CSS+Div布局

10.2CSS布局实例

10.3CSS水平居中布局实例讲解

10.4CSS两栏布局实例讲解

10.5CSS三栏布局实例讲解

第10章布局技术单元测试

11.资源库

11.1 作品库

11.2 参考文献库

11.3 素材库