《网页设计与制作—第一章》(免费下载)
网页设计与制作
______________________________________________________________________________________________________________
-可编辑修改- 第1章 网站规划
在建立网站之前，需了解网站的开发流程，按照项目管理模式对网站进行必要的规划、开发、测试和发布使用。一般流程如下：
1. 建设网站前进行必要的市场分析。
2. 明确建设网站的目的及功能定位。
3. 制定网站技术解决方案。
4. 根据网站的目的确定网站内容、网站结构和网站功能。
5. 进行网页设计，并根据技术方案实施网站建设。
6. 做出经费预算。
7. 网站测试。
8. 网站发布及推广。
9. 网站维护。
______________________________________________________________________________________________________________
-可编辑修改- 第2章 网站基础知识
网站（Website），是指在因特网上根据一定的规定，使用HTML等工具制作的用于展示特定内容的相关网页的集合。
网站的组成
域名（Domain Name），是由一串用点分隔的字母组成的Internet上某一台计算机或计算机组的名称。
空间，常见网站空间有虚拟主机、虚拟空间、独立服务器、VPS。
程序，即建设与修改网站所使用的编程语言，换成源码就是一堆按一定格式书写的文字和符号。
网页
网页（Web page），是网站中的任意一个页面，通常是HTML格式，文件扩展名为html、或htm、或asp、或aspx、或php、或jsp等。
基本构成元素：文字、图像、超级链接。
阅读方式：浏览器。
类型：以不同的后缀代表不同类型的网页文件。通常分为静态页面、动态页面。 ______________________________________________________________________________________________________________
网页设计与制作教案
网页设计与制作教案
第一章：网页设计基础
1.1 网页设计概述
介绍网页设计的概念和重要性
讨论网页设计的基本原则和目标
1.2 网页设计流程
介绍网页设计的基本流程，包括需求分析、设计草图、布局和配色等步骤
1.3 网页设计工具
介绍常用的网页设计工具，如Photoshop、Illustrator和Fireworks等
第二章：HTML与CSS基础
2.1 HTML概述
介绍HTML的概念和作用
讲解HTML的基本结构和语法
2.2 CSS概述
介绍CSS的概念和作用
讲解CSS的基本语法和用法
2.3 常用HTML标签
介绍常用的HTML标签，如div、span、img等
第三章：网页布局与排版
3.1 网页布局概述
介绍网页布局的概念和重要性
讲解常用的网页布局方法，如网格布局和Flexbox等 3.2 排版与字体
介绍排版和字体的概念和重要性
讲解如何使用CSS进行排版和字体设置
3.3 响应式设计
介绍响应式设计的概念和重要性
讲解如何使用CSS媒体查询来实现响应式设计
第四章：网页动画与交互
4.1 网页动画概述
介绍网页动画的概念和作用
讲解如何使用CSS动画和JavaScript实现网页动画
4.2 网页交互概述
介绍网页交互的概念和重要性
讲解如何使用JavaScript实现网页交互效果
4.3 表单与验证
介绍表单的概念和重要性
讲解如何使用HTML和JavaScript实现表单的验证和提交
第五章：网页设计与制作实践
5.1 实践项目概述
介绍实践项目的目标和内容
讲解如何规划和设计实践项目
5.2 实践项目实施
讲解如何使用HTML和CSS实现实践项目的布局和排版 讲解如何使用JavaScript实现实践项目的动画和交互效果
5.3 实践项目总结与评价
总结实践项目的成果和经验教训
对实践项目进行评价和改进建议
第六章：网页素材的运用
6.1 图像的使用
介绍在网页中使用图像的规范
网页设计与制作教程-目录
网页设计与制作教程目 录
第1章 网页设计与制作概述
1.1网络的基础知识
1.1.1 TCP/IP协议
1.1.2 IP地址
1.1.3域名地址
1.1.4统一资源定位器
1.2图形图像的基础知识
1.2.1位图与矢量图
1.2.2常用的图像格式
1.2.3常用的图形格式
1.3网页的布局知识
1.3.1网页的基本结构
1.3.2页面的布局原则和模式
1.4网页的色彩应用
1.4.1色彩属性与象征意义
1.4.2网页色彩的规划
1.5 HTML基础
1.5.1 HTML语言的基本结构
1.5.2 HTML语言的基本单位
1.5.3 HTML标记符基础
1.5.4文本格式标记符
1.5.5超链接标记符
1.5.6图像标记符
1.5.7表格标记符
1.5.7框架标记符
1.5.8表单标记符
1.5.9滚动条
1.6 CSS技术
1.6.1 什么是 CSS
1.6.2 在网页中使用 CSS
1.6.3 CSS 样式定义
1.6.4 CSS 属性
1.6.5 CSS 过滤器简介
1.7 JavaScript技术
1.7.1 JavaScript脚本嵌入HTML文档的方法
1.7.2使用客户端脚本
习题一
第2章 DreamweaverCS6网页设计基础
2.1 Dreamweaver的工作环境
2.2构建Dreamweaver站点
2.2.1创建本地站点
2.2.2管理本地站点 2.2.3创建和管理本地站点中文件
2.3网页文本编辑
2.3.1正文文本的添加
2.3.2文本格式的设置
2.3.3页面属性的设置
2.3.4插入特殊字符
2.3.5插入空格
2.4 CSS样式设置
2.4.1创建CSS规则
2.4.2链接样式表
2.5制作一个简单网页
2.6 Dreamweaver工作环境的设置
习题二
第3章 图像与多媒体
3.1图像的应用
3.1.1在网页中插入图像
3.1.2设置图像属性
3.2创建鼠标经过图像
网页设计与制作 2
______________________________________________________________________________________________________________
-可编辑修改- 第1章 网站规划
在建立网站之前，需了解网站的开发流程，按照项目管理模式对网站进行必要的规划、开发、测试和发布使用。一般流程如下：
1. 建设网站前进行必要的市场分析。
2. 明确建设网站的目的及功能定位。
3. 制定网站技术解决方案。
4. 根据网站的目的确定网站内容、网站结构和网站功能。
5. 进行网页设计，并根据技术方案实施网站建设。
6. 做出经费预算。
7. 网站测试。
8. 网站发布及推广。
9. 网站维护。
______________________________________________________________________________________________________________
-可编辑修改- 第2章 网站基础知识
网站（Website），是指在因特网上根据一定的规定，使用HTML等工具制作的用于展示特定内容的相关网页的集合。
网站的组成
域名（Domain Name），是由一串用点分隔的字母组成的Internet上某一台计算机或计算机组的名称。
空间，常见网站空间有虚拟主机、虚拟空间、独立服务器、VPS。
程序，即建设与修改网站所使用的编程语言，换成源码就是一堆按一定格式书写的文字和符号。
网页
网页（Web page），是网站中的任意一个页面，通常是HTML格式，文件扩展名为html、或htm、或asp、或aspx、或php、或jsp等。
基本构成元素：文字、图像、超级链接。
阅读方式：浏览器。
类型：以不同的后缀代表不同类型的网页文件。通常分为静态页面、动态页面。 ______________________________________________________________________________________________________________
（完整版）《网页设计与制作》课程教学大纲.docx
（完整版）《网页设计与制作》课程教学大纲.docx
《网页设计与制作》课程教学大纲
课程名称：网页设计与制作
学分及学时： 4 学分总学时72学时，理论36 学时
适用专业：网络工程
开课学期：第四学期
开课部门：计算机与互联网学院
先修课程：计算机文化基础计算机网络
考核要求：考试
使用教材及主要参考书：
向知礼主编：《网页设计与制作》航空工业出版社2017 年
杨松主编：《网页设计案例教程》航空工业出版社2015 年
一·课程性质和任务：
本课程全面地介绍网页制作技术的基本理论和实际应用。全书共
10 章，分为 3 大部分。前 5 章为第 1 部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Fireworks，Flash， Anfy 等软件在网页制作过程中的应用；第 6 章～第 8 章为第 2 部分，主要介绍网页
制作技术，包括CSS技术、客户端脚本技术(DHTML)以及 XML
技术；第9 章～第 10 章为第3 部分，主要介绍当前最流行的网页制作工具——Dreamweaver ，通过应用实践能够从实际
应用的角度进一步巩固所学知识。
课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。
二·课程教学目的与要求
以Dreamweaver 的使用为主线，介绍网页制作的相关技术。使学生理解网页制作的基本
概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本 知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框
架、表单、多媒体对象的使用 ; 理解行为、模板、库、 CSS布局的概念和使用 ;理解 HTML 语言、
网站的测试与的发布；
要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的
教学思路，教学内容应结合当前WEB 技术的发展趋势，把握未来企业级WEB 页面开发的发
《网页设计与制作》课程教案
《网页设计与制作》课程教案
第一章：网页设计与制作概述
1.1 课程介绍
网页设计与制作的基本概念
网页设计与制作的目的与意义
网页设计与制作的应用领域
1.2 网页设计原则
网页设计的基本原则
用户体验设计原则
响应式网页设计原则
1.3 网页制作工具与技术
网页设计软件的选择与使用
HTML与CSS的基本语法与使用方法
JavaScript的基础知识与应用
第二章：网页布局与排版
2.1 网页布局的基本概念
网页布局的定义与作用
常见的网页布局方式
布局元素的分类与使用
2.2 排版的原则与方法
排版的基本原则
文本的格式化与排版 图片与多媒体元素的排版
2.3 响应式网页布局与排版
响应式网页布局的概念与意义
媒体查询的使用方法
布局与排版在不同设备上的应用
第三章：网页色彩与字体
3.1 色彩的基本概念与应用
色彩的视觉效应与心理作用
色彩的搭配原则与技巧
色彩在网页设计中的应用案例
3.2 字体的选择与使用
字体的分类与特点
字体的搭配原则与技巧
字体在网页设计中的应用案例
3.3 网页色彩与字体的综合应用
色彩与字体的协调与平衡
字体大小与行距的设置与调整
色彩与字体的个性化应用与创新
第四章：网页图片与多媒体元素
4.1 网页图片的选择与处理
图片的格式与特点
图片的选择标准与技巧 图片的处理与优化方法
4.2 多媒体元素的应用
音频与视频元素的应用
动画与GIF图片的应用
交互式多媒体元素的应用
4.3 网页图片与多媒体元素的优化
图片与多媒体元素的加载优化
图片与多媒体元素的响应式应用
图片与多媒体元素的视觉效果与用户体验
第五章：网页交互与动画
5.1 网页交互的基本概念与原理
交互的定义与作用
交互的实现方式与技术
交互的设计原则与技巧
5.2 JavaScript基础与应用
JavaScript的基本语法与功能
事件处理与DOM操作
JavaScript库与框架的选择与使用
网页设计与制作教程
.
. 网页设计与制作教程
目 录
第1章 网页设计与制作概述
1.1网络的基础知识
1.1.1 TCP/IP协议
1.1.2 IP地址
1.1.3域名地址
1.1.4统一资源定位器
1.2图形图像的基础知识
1.2.1位图与矢量图
1.2.2常用的图像格式
1.2.3常用的图形格式
1.3网页的布局知识
1.3.1网页的基本结构
1.3.2页面的布局原则和模式
1.4网页的色彩应用
1.4.1色彩属性与象征意义
1.4.2网页色彩的规划
1.5 HTML基础
1.5.1 HTML语言的基本结构
1.5.2 HTML语言的基本单位
1.5.3 HTML标记符基础
1.5.4文本格式标记符
1.5.5超标记符
1.5.6图像标记符
1.5.7表格标记符
1.5.7框架标记符
1.5.8表单标记符
1.5.9滚动条
1.6 CSS技术
1.6.1 什么是 CSS
1.6.2 在网页中使用 CSS
1.6.3 CSS 样式定义
1.6.4 CSS 属性
1.6.5 CSS 过滤器简介
1.7 JavaScript技术
1.7.1 JavaScript脚本嵌入HTML文档的方法
1.7.2使用客户端脚本
习题一
第2章 DreamweaverCS6网页设计基础
2.1 Dreamweaver的工作环境
2.2构建Dreamweaver站点
2.2.1创建本地站点
2.2.2管理本地站点 .
. 2.2.3创建和管理本地站点中文件
2.3网页文本编辑
2.3.1正文文本的添加
2.3.2文本格式的设置
2.3.3页面属性的设置
2.3.4插入特殊字符
2.3.5插入空格
2.4 CSS样式设置
2.4.1创建CSS规则
2.4.2样式表
2.5制作一个简单网页
2.6 Dreamweaver工作环境的设置
习题二
第3章 图像与多媒体
3.1图像的应用
3.1.1在网页中插入图像
3.1.2设置图像属性
网页设计与制作 3
网页设计与制作
第1章网站开发基础
1.2网站开发流程
1.网站总体策划：（1）目标用户定位和网站的主题定位（2）网站整体风格创意设计（3）网页的色彩搭配（4）网站的层次结构和链式结构（5）版面布局设计
2.设计和制作素材：搜集的素材一般包括跟主题有关的文字图片资料；一些优秀的页面风格；开放的源代码。设计和制作的素材包括网站的Logo、Banner、背景图片、列表图表、横幅广告等。
3.建立站点：安装和配置IIS；在Dreamweaver中创建站点。
4.制作网页：创建CSS样式；制作网站首页；制作网站的其他页面；制作超链接
5.测试和发布网站：发布网站前必须要测试网站，测试网页内容、链接的正确性和在不同浏览器中的兼容性等。发布网站先申请站点域名和租用服务器空间，然后通过FTP工具把网站上传到服务器上。
1.4 HTML的概念：HTML是一种用来制作超文本文档的简单标记性语言。
1.4.3HTML标签
标签表示：
1.元素,标签的作用范围:→.例：demo,即将demo这段文本以2号标题来显示，这对标签之外的文本不受这组标签影响。
2.元素
一个标签可以包含多个属性属性之间无先后次序，用空格分开。
例：hello,其中background属性用来表示HTML文档的背景图片，tect属性用来表示文本的颜色。
3.
空标签：标签单独出现，只有开始标签而没有结束标签。
(1)和在最外层，表示这对标签里的代码是HTML语言。
(2)和标签里是网页中的头部信息，如网页总标题，网页关键字等。无头部信息可不要这对标签
(3)和.在和这对双标签的中间还包含着和这对标签，网页标题的内容，标题出现在IE浏览器窗口。
考点：
1.
和
2.:换行符。标签是空标签(它没有结束标签，因此这是错误的:)。
快捷键：F12预览网页； Shift+Enter分段(行间距小)；
前景色、背景色的调整：前景色是alt+del 背景色是ctrl+del 前后交换是X 1.4.4HTML文档的基本结构p18-p19
网页设计与制作 4
网页设计与制作
第1章 规划
在建立之前，需了解的开发流程，按照项目管理模式对进行必要的规划、开发、测试和发布使用。一般流程如下：
1. 建设前进行必要的市场分析。
2. 明确建设的目的及功能定位。
3. 制定技术解决方案。
4. 根据的目的确定容、结构和功能。
5. 进行网页设计，并根据技术方案实施建设。
6. 做出经费预算。
7. 测试。
8. 发布及推广。
9. 维护。 网页设计与制作
第2章 基础知识
（Website），是指在因特网上根据一定的规定，使用HTML等工具制作的用于展示特定容的相关网页的集合。
的组成
域名（Domain Name），是由一串用点分隔的字母组成的Internet上某一台计算机或计算机组的名称。
空间，常见空间有虚拟主机、虚拟空间、独立服务器、VPS。
程序，即建设与修改所使用的编程语言，换成源码就是一堆按一定格式书写的文字和符号。
网页
网页（Webpage），是中的任意一个页面，通常是HTML格式，文件扩展名为html、或htm、或asp、或aspx、或php、或jsp等。
基本构成元素：文字、图像、超级。
阅读方式：浏览器。
类型：以不同的后缀代表不同类型的网页文件。通常分为静态页面、动态页面。
动态网页（active web page）：指网页容可根据用户的不同请求从而返回其对应的数据，一般情况下动态网页通过数据库进行架构，一般文件名均以开发网页设计与制作
语言做后缀，如php、asp等。也可以说凡是结合了HTML以外的高级程序设计语言和数据库技术进行的网页编程技术生成的网页都是动态网页。
静态网页：指全部由HTML标记页面，页面的容和显示效果基本不发生变化，所有的容包含在网页文件中。一般文件名均以htm、html、shtml等为后缀。
术语
WWW（World Wide Web），亦称作“Web”、“WWW”、“'W3'”，中文名字为“万维网”，"环球网"等，常简称为Web。分为Web客户端和Web服务器程序。WWW可以让Web客户端（常用浏览器）访问浏览Web服务器上的页面。在这个系统中，每个有用的事物，称为一样“资源”；并且由一个全局“统一资源标识符”（URL）标识；这些资源通过超文本传输协议（Hypertext Transfer Protocol）传送给用户，而后者通过点击来获得资源。
湖北自考《网页设计与制作》课程考试大纲
湖北省高等教育自学考试大纲
课程名称：网页设计与制作 课程代码：06386
第一部分 课程性质与目标
一、课程的性质与特点
“网页设计与制作”是湖北省高等教育自学考试网络传播专业（独立本科段）开设的一门专业实践课程。
网页是网络中信息传播的主要载体，是当今网络传播应用的主要形式。网页是网络传播的重要展现形式，是传统新闻基本能力的新的展现形式，同时也对传统新闻基本能力提出了新的要求。作为网络传播专业的学生只有了解、掌握了网页设计与制作的基本原理、基本操作方法，才能更好进行网络传播的应用与实践。
本课程是该专业的一门非常重要课程。本课程通过对网页的基本结构原理、网页页面的基本组成、网页页面的编写语言、网页设计与制作流程、网页设计与制作方法介绍，以及对相关软件的操作掌握后，可以独立完成对网页的制作设计与编辑，从而将新闻、网络信息通过网页展现，更好将网络新闻的采编评与网络传播的网页展现形式结合，充分发挥网络传播的特点。在网络传播专业学生在将来的实际工作中，需要乃至本课程的内容中介绍的基本原理和方法。因此，本课程是网络传播专业学生必须掌握的一门课程。
本课程是本专业及相关专业相关课程进一步学习的基础课程。
二、课程目标和基本要求
网页的设计与制作是一门与计算机结合十分紧密的课程。既需要一定的理论知识，也需要一定的实际操作能力。通过本课程自学、上机实习、作业等方式的学习，要求学生掌握网页的基本原理、网页制作与设计的基本方法、能操作相关应用软件，最终达到可以独立或者与他人分工合作完成简单和复杂网页的设计与制作。具体地说，包括以下几个方面：
（1）考生了解网页的基本概念、基本结构、制作流程和设计原则等相关基础知识，掌握网站的开发流程，能独立规划和设计网站。
（2）要求考生能熟练掌握Dreamweaver网页制作软件，能使用Dreamweaver创建和管理网站，掌握Dreamweaver制作网页的技术，使用Dreamweaver提供的行为机制制作具有动画效果的网页。