课程概述

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

课程具体教学内容如下: 

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

        (2)掌握HTML和CSS的基础知识,并能设计简单的网页;

        (3)学习网站建设的详细过程;

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

        (5)了解一些常用网页设计辅助工具。

        本课程的特色有:

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

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

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

        本课程适合深圳大学管理学院2017级电子商务及2017级信息管理与信息系统专业的所有人进行选修,先修课程是《大学计算机》,同时要对计算机有一定的实际操作能力。课程结束学生不仅对网站能知其然还能知其所以然,还能收获第一个自己亲手制作的网站作品。



证书要求

        本课程总评成绩在60分及以上的同学可以获得相应的学分。

        学生总评成绩=平时成绩(40%)+期末考试(60%)。



预备知识

        本课程主要学习如何设计与实现一个静态网站,课程的先修课程是《大学计算机》,同时要对计算机有一定的实际操作能力。

授课大纲

0. 初识网站

0.1 网站的基本概念

0.2 网站的种类和特点

注:具体内容见BB平台

1. 网页制作基础知识

1.1 Internet的基础知识

1.2 万维网的基础知识

1.3 Internet地址与域名

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

2.网站建设概论

2.1网站建设概述

2.2网站的规划

2.3网站的设计之一:确定网站的栏目和板块

2.4网站的设计之二:确定网站的整体风格和引入创意

2.5网站的设计之三:确定网站的目录结构与链接结构

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

2.7网站的推广和维护

2.8网页的版面布局

2.9网页的色彩搭配

2.10网页的艺术设计

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

网站建设概论单元测试

网站规划报告

3. HTML简介

3.1 HTML概述

3.2 HTML的文本格式标记

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

3.4 HTML的表格标记

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

第3章HTML简介单元测试

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

4.CSS基础知识

4.1 CSS概述

4.2 CSS选择器

4.3 CSS的层叠性、继承性和对文本的修饰

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

5.CSS+Div网页布局

5.1CSS盒子模型

5.2普通流: display属性

5.3浮动: float属性

5.4定位: position属性

5.5CSS+Div布局

5.6CSS布局实例

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

5.8CSS两栏布局实例讲解

5.9CSS三栏布局实例讲解

CSS+DIV布局知识单元测试

参考资料

1. 《网站设计与管理》,赵守香,中国铁道出版社,2012

2. 《电子商务网站建设与管理》,陈联刚,北京理工大学出版社,2010

3. 《网页设计与制作教程(第3版)》,杨选辉,清华大学出版社,2014


常见问题

Q :  表格与框架在网页布局时的区别

A :  1、表格是在同一个网页中将页面划分为不同区域;2、框架是在同一个浏览器窗口中显示多个网页;3、框架可以通过指定超链接的目标框架获得交互式的布局效果。