9056784

当前课程知识点:大学计算机基础 >  第四章 计算机软件 >  4-8 常用软件介绍-网页制作软件 >  4-8 常用软件介绍-网页制作软件

返回《大学计算机基础》慕课在线视频课程列表

4-8 常用软件介绍-网页制作软件在线视频

下一节:第四章 讲义

返回《大学计算机基础》慕课在线视频列表

4-8 常用软件介绍-网页制作软件课程教案、知识点、字幕

从这节开始 我们来学习网页的制作

网页就是在浏览网站时看到的一个个页面

它是一种超文本文件,扩展名是HTML

我们可以查看一下网页的源码

网页通常是用

HTML语言即超文本标记语言编写的

和普通的文本相比超文本有两个特点

一个是它不仅包含简单的文本

还可以加入图像,动画

声音,视频等多种内容

第二是它提供了索引式的链接

可以从一个页面跳转到另外一个页面

得以实现网络上各种页面的相互连接

这一节我们先对网页制作的基本概念

工具和方法进行一个概述

首先网页有静态网页

DHTML动态网页

以及服务器端动态网页三种

静态网页是指网页的内容固定不变

也不能与用户发生信息交互

我们查看一下网页的原码

静态网页通常是仅用HTML语言编写

那当客户端通过浏览器

向Web服务器发出浏览某一网页的请求时

Web服务器找到相应的网页

返回给客户端浏览器

由浏览器负责解析网页呈现给用户观看

用户看到的网页的内容及所呈现的效果

跟服务器端事先设计好的是完全一致的

DHTML动态网页它是Dynamic HTML的缩写

能在浏览器中产生动态的效果

并能与用户进行交互

例如这个网页

当我们把鼠标放置在不同的颜色块的时候

网页的背景就会发生变化

另外 再如这个网页

当我们点击灯泡图案的时候

也发生了图片的切换

DHTML网页通常是使用层叠样式表CSS

因特网的标准脚本语言JavaScript

以及DOM 文本对象模型

与HTML的结合来制作的

例如,当我们查看一下网页的原码

我们看到网页当中

嵌入了JavaScript脚本语言

对于DHTML网页

当客户端通过浏览器

向Web服务器发出访问请求时

Web服务器将网页发回给客户端

由客户端的浏览器负责解释执行

因为网页从Web服务器返回后

不用再经过Web服务器的处理

只需要浏览器解释便可呈现动态的效果

所以DHTML网页也称客户端动态网页

第三种网页是服务器端的动态网页

那是客户端与服务器

能够发生信息交互的网页

当用户通过浏览器

向Web服务器发出访问请求时

服务器根据用户的请求

调用服务器端的应用程序

动态生成相应的页面

应用程序还有可能访问服务器端的数据库

最终将动态生成的HTML网页

返回给客户端

例如当我们访问如百度等门户网站时

首先要输入搜索信息

用户输入的信息被提交给Web服务器处理

服务器根据用户的请求

动态生成HTML页面并返回

动态网页通常是采用服务器端脚本

ASP JSP或者PHP等技术制作的

下面我们介绍一下网页制作的工具

网页是一种纯文本文档

使用一般的文本编辑软件就能制作

如Windows当中的记事本

不过为了提高网页制作的效率

最好使用专门的网页制作工具

目前网页制作工具

从功能上主要分为三种

代码编辑工具

所见即所得的可视化编辑工具

以及混合型编辑工具

代码编辑工具是专门编写程序代码的软件

通常支持多种程序设计语言的编写

包括C Java XML HTML等

例如代码编辑器Notepad++

使用时我们在代码编辑区输入网页代码

保存成网页文档就可以了

和一般的文本编辑软件相比

代码编辑器可以对语法高亮显示

还具有自动补全的功能

例如如果我们漏掉了

双标签当中的结束标签,保存该网页

我们尝试运行该网页

发现网页可以正常显示

Notepad++对语法进行了一个自动补全

可视化的编辑工具呢

以所见即所得的方式编辑网页

用户在编辑的过程当中看到的效果

与在浏览器中显示的是一致的

如WebSite x5工具

我们可以从系统提供的模板当中

快速地创建网页

在编辑网页的同时

系统会自动生成相应的代码

我们给创建的项目起一个名称

点击下一步

这里可以填写网站的地址

在下一步中

我们可以在系统提供的模板当中

选择一个适当的模板

确定之后我们可以使用系统的缺省设置

或者对这些设置进行一定的更改

我们暂时使用系统的缺省设置

点击下一步

网站创建好之后

我们可以把网站保存在硬盘上

网站创建好以后

我们可以打开保存在硬盘上的网页文件

系统为我们的网页自动生成了相应的代码

代码编辑工具与可视化编辑工具

各有其优缺点

采用代码编辑工具用户便于控制代码

能够较准确地控制网页

在浏览器当中显示的效果

网页代码也比较精炼

但是缺点是只适用于那些对网页制作语言

比较熟悉的用户

采用可视化编辑工具

可以利用系统提供的各种选项

直观地对网页的显示效果进行排版

制作效率比较高

代码由系统自动生成

即便是不熟悉网页制作语言的人

也可以做出较好的网页

但是缺点是这种自动生��的代码

难免会产生一些冗余

混合型工具的功能比较全面

除了兼具上述两种工具的特点外

一般还具有创建,管理站点文件等功能

适用于整个网站的建设和管理

具有代表性的软件是Dreamweaver

在实际应用当中

人们更多的是采用混合型的工具制作网页

这就要求我们不仅掌握可视化的制作工具

还要熟悉网页编写的语言

那下面我们就以混合型工具 Dreamweaver为例

来看一下网页制作的一般过程

打开Dreamweaver之后我们新建HTML文件

进入网页的编辑窗口,首先保存文件

Dreamweaver提供了三种视图

分别是代码视图,拆分视图和设计视图

代码视图用于输入网页的代码

而设计视图呢

完全以可视化的方式编辑网页的内容

拆分视图,将编辑窗口拆分

代码视图和设计视图各占一半

下面我们来设置一下网页的标题

在文档编辑窗口上方的标题栏

我们输入网页制作

下面我们来输入网页的内容

在窗口上方的浮动面板当中

我们找到插入,文本 h1标题

在设计区,我们输入h1标题的内容

接下来再插入一个段落

还是在插入面板当中的文本

我们选择段落,输入段落的内容

网页制作好之后

我们就可以在快捷键当中按F2

或者点击网页预览的功能

查看到网页的内容

如果网页需要修改

我们可以返回到Dreamweaver的拆分窗口

对网页的内容做下面的修改

最后我们来总结一下

这一节我们介绍了网页的基本概念

网页是一个HTML格式的文件

存放在世界上

某台和互联网连接的计算机中

经由网址

也叫做统一资源定位符URL来识别和存取

是万维网当中的一页

通过浏览器来阅读

另外我们也介绍了网页制作的基本工具

使用代码编辑工具制作网页代码简洁

但要熟悉网页的编写语言

用可视化的编辑工具

能以所见即所得的方式生成网页

代码由工具自动生成

而混合型的编辑工具

是将两种工具结合使用

最后我们以混合型编辑工具

Dreamweaver为例

演示了网页制作的一般过程

谢谢大家的观看

大学计算机基础课程列表:

第一章概述

-1-1 计算机的诞生

--1-1 计算机的诞生

--第一章 习题1

--计算机的诞生1

--计算机的诞生2

-1-2 计算机的分类

--1-2 计算机的分类

--第一章 习题2

--计算机的分类

-1-3 计算机的应用领域

--1-3 计算机的应用领域

--第一章 习题3

--计算机的应用领域1

--计算机的应用领域2

-1-4 计算机系统组成

--1-4 计算机系统组成

--第一章 习题4

--计算机系统组成1

--计算机系统组成2

-1-5 计算机思维的定义

--1-5 计算思维的定义

--第一章 习题5

--计算思维1

-1-6 计算思维的特点

--1-6 计算思维的特点

--第一章 习题6

--计算思维2

-1-7 计算思维的应用案例

--1-7 计算思维的应用案例

--第一章 习题7

--计算思维3

-第一章 章测试

-第一章 讲义

第二章 数据的表示与运算

-2-1 进位计数制表示方法

--2-1 进位计数制表示方法

--第二章 习题1

-2-2 进位计数制的相互转换

--2-2 进位计数制的相互转换

--第二章 习题2

--进位计数制2

-2-3 整数的表示方法

--2-3 整数的表示方法

--第二章 习题3

--整数的表示1

-2-4 浮点数表示方法

--2-4 浮点数表示方法

--第二章 习题4

--浮点数的表示1

-2-5 BCD格式表示法

--2-5 BCD格式表示法

--第二章 习题5

--BCD码

-2-6 算术运算

--2-6 算术运算

--第二章 习题6

-2-7 运算溢出及判断

--2-7 运算溢出及判断

--第二章 习题7

--运算的溢出

-2-8 逻辑运算

--2-8 逻辑运算

--第二章 习题8

--逻辑运算

-2-9 ASCII编码

--2-9 ASCII编码

--第二章 习题9

-2-10 Unicode编码

--2-10 Unicode编码

--第二章 习题10

--ASCII 和 Unicode编码

-2-11汉字编码

--2-11汉字编码

--第二章 习题11

--汉字编码

-2-12数据校验编码

--2-12数据校验编码

--第二章 习题12

--数据校验编码

-第二章 章测试

-第二章 讲义

-信息和数据

第三章 计算机硬件

-3-1中央处理器

--3-1中央处理器

--第三章 习题1

--中央处理器

-3-2 存储器

--3-2 存储器

--第三章 习题2

--存储器1

--存储器2

--存储器3

-3-3 总线和接口

--3-3 总线和接口

--第三章 习题3

--总线

-3-4 外部设备

--3-4 外部设备

--第三章 习题4

--外部设备

-3-5 冯.诺依曼体系结构

--3-5 冯.诺依曼体系结构

--第三章 习题5

--冯.诺依曼体系结构1

--冯诺依曼体系结构2

-3-6 计算机常用性能指标

--3-6 计算机常用性能指标

--第三章 习题6

--性能指标1

--性能指标2

-3-7嵌入式系统

--3-7 嵌入式系统

--第三章 习题7

--嵌入式系统

-3-8哈佛体系结构

--3-8哈佛体系结构

--第三章 习题8

--哈佛体系结构

-3-9 DSP简介

--3-9DSP简介

--第三章 习题9

--DSP

-3-10 虚拟台式计算机模拟器

--3-10 虚拟台式计算机模拟器

--虚拟桌面架构

-3-11 4位计算机模拟器

--3-11 4位计算机模拟器

-第三章 章测试

-第三章 讲义

第四章 计算机软件

-4-1计算机软件分类

--4-1计算机软件分类

--第四章 习题1

--软件分类

-4-2软件的工作模式

--4-2软件的工作模式

--第四章 习题2

--软件的工作模式

-4-3软件的安装方法

--4-3软件的安装方法

--第四章 习题3

--软件安装

-4-4计算机软件生命周期

--4-4计算机软件生命周期

--第四章 习题4

--生命周期1

--生命周期2

--生命周期3

--软件测试1

--软件测试2

-4-5计算机软件开发过程模型

--4-5计算机软件开发过程模型

--第四章 习题5

--软件开发过程模型1

--软件开发过程模型2

- 4-6 常用软件介绍-办公软件

--4-6 常用软件介绍-办公软件

--第四章 习题6

-办公软件实例1 文字处理软件

--办公软件实例1 文字处理软件

-办公软件实例2 电子表格软件

--办公软件实例2 电子表格软件

-办公软件实例3 演示文稿软件

--办公软件实例3 演示文稿软件

-4-7 常用软件介绍-多媒体创作软件

--4-7 常用软件介绍-多媒体创作软件

--第四章 习题7

-多媒体创作软件实例1 音频处理软件

--多媒体创作软件实例1 音频处理软件

-多媒体创作软件实例2 图像处理软件

--多媒体创作软件实例2 图像处理软件

-多媒体创作软件实例3 动画制作软件

--多媒体创作软件实例3 动画制作软件

-多媒体创作软件实例4 视频处理软件

--多媒体创作软件实例4 视频处理软件

-4-8 常用软件介绍-网页制作软件

--4-8 常用软件介绍-网页制作软件

--第四章 习题8

-第四章 章测试

-第四章 讲义

第五章 操作系统

-5-1 操作系统概述

--5-1 操作系统概述

--第五章 习题1

--操作系统

--操作系统分类

--操作系统管理

-5-2 Windows 7基本操作

--5-2 Windows 7基本操作

--第五章 习题2

--windows快捷键

-5-3 Windows 7文件管理

--5-3 Windows 7文件管理

--第五章 习题3

--windows文件后缀名

-5-4 Windows 7程序管理

--5-4 Windows 7程序管理

--第五章 习题4

-5-5 Windows 7系统安全

--5-5 Windows 7系统安全

--第五章 习题5

--操作系统安全

-5-6 Windows 7计算机管理

--5-6 Windows 7计算机管理

--第五章 习题6

-5-7 Dos命令

--5-7 Dos命令

--第五章 习题7

--dos

-5-8 Windows 7常用软件

--5-8 Windows 7常用软件

--第五章 习题8

-5-9 Linux操作系统

--5-9 Linux操作系统

--第五章 习题9

--Linux

-5-10 手机操作系统

--5-10 手机操作系统

--第五章 习题10

-5-11 虚拟机及Vmware介绍

--5-11 虚拟机及Vmware介绍

--第五章 习题11

--虚拟机

--虚拟机使用

-第五章 章测试

-第五章 讲义

第六章 算法与程序设计

-6-1 算法基础

--6-1 算法基础

--第六章 习题1

-6-2 程序设计语言分类

--6-2 程序设计语言分类

--第六章 习题2

-6-3 程序设计过程

--6-3 程序设计过程

--第六章 习题3

-6-4 程序设计方法

--6-4 程序设计方法

--第六章 习题4

-6-5 程序设计语言基本要素(一)

--6-5 程序设计语言基本要素(一)

--第六章 习题5

-6-6 程序设计语言基本要素(二)

--6-6 程序设计语言基本要素(二)

--第六章 习题6

-6-7 Python简介及编程环境配置

--6-7 Python简介及编程环境配置

--第六章 习题7

-6-8 程序设计应用举例

--6-8 程序设计应用举例

--第六章 习题8

-第六章 章测验

-第六章 讲义

第七章 数据库技术

-7-1 数据库技术概述

--7-1 数据库技术概述

--第七章 习题1

--信息和数据

-7-2 数据库管理系统

--7-2 数据库管理系统

--第七章 习题2

--数据库管理系统

-7-3 数据库系统的组成与功能

--7-3 数据库系统的组成与功能

--第七章 习题3

--独立性

--数据库系统分类

-7-4 关系模型的数据结构

--7-4 关系模型的数据结构

--第七章 习题4

--E-R图

--三级模式结构

-7-5 关系模型的数据操作及完整性约束

--7-5 关系模型的数据操作及完整性约束

--第七章 习题5

--关系模型

--数据库范式

--完整性约束

-7-6 Access数据库的建立

--7-6 Access数据库的建立

--第七章 习题6

--Access

-7-7 Access的数据查询

--7-7 Access的数据查询

--第七章 习题7

-第七章 章测试

-第七章 讲义

第八章 计算机网络

-8-1计算机网络概述

--8-1计算机网络概述

--第八章 习题1

--定义

-8-2网络分类

--8-2网络分类

--第八章 习题2

--分类

-8-3数据传输

--8-3数据传输

--第八章 习题3

--数据传输

-8-4网络拓扑结构

--8-4网络拓扑结构

--第八章 习题4

--网络拓扑结构

-8-5网络体系结构

--8-5网络体系结构

--第八章 习题5

--网络体系结构

-8-6网络互连

--8-6网络互连

--第八章 习题6

--网络互连

-8-7Internet基础:TCP╱IP协议结构

--8-7Internet基础:TCP╱IP协议结构

--第八章 习题7

--TCP/IP模型

--IP协议

-8-8Internet基础:IP地址

--8-8Internet基础:IP地址

--第八章 习题8

--IP地址

-8-9Internet基础:域名系统

--8-9Internet基础:域名系统

--第八章 习题9

--域名

-8-10Internet基础:Internet的基本服务

--8-10Internet基础:Internet的基本服务

--第八章 习题10

--Internet

-8-11Internet基础:Internet的接入

--8-11Internet基础:Internet的接入

--第八章 习题11

--Internet接入

-第八章 章测试

-第八章 讲义

第九章 信息安全

-9-1信息安全的基本概念

--9-1信息安全的基本概念

--第九章 习题1

--信息安全的CIA

--攻击与防御

-9-2 密码技术及应用

--9-2 密码技术及应用

--第九章 习题2

--对称加密与非对称加密

--数字签名

-9-3防火墙技术

--9-3防火墙技术

--第九章 习题3

--防火墙的分类

--防火墙的基本特性

-9-4恶意软件

--9-4恶意软件

--第九章 习题4

--恶意软件类型

--分布式拒绝服务攻击

-9-5入侵检测技术

--9-5入侵检测技术

--第九章 习题5

--入侵检测概念原理

--入侵检测分类

-第九章 章测试

-第九章 讲义

第十章 IT前沿技术

-10-1 云计算

--10-1 云计算

--第十章 习题1

-10-2大数据

--10-2大数据

--第十章 习题2

-10-3物联网

--10-3物联网

--第十章 习题3

-10-4机器学习

--10-4机器学习

--第十章 习题4

-10-5人工智能

--10-5人工智能

--第十章 习题5

-10-6物联网应用

--10-6物联网应用

-第十章 章测验

-第十章 讲义

实验教程 1 计算机组装

-1-0 准备步骤

--1-0 准备步骤

-1-1 台式机组装

--1-1 台式机组装

-1-2 笔记本电脑组装

--1-2 笔记本电脑组装

实验教程 3 文字处理

-3-1 启动和退出Word

--启动和退出Word

-3-2 创建、编辑和保存Word文档

--创建、编辑和保存Word文档

-3-3 封面的制作

--封面的制作-1

--封面的制作-2

--封面的制作-3

--封面的制作-4

-3-4 长文档编辑

--长文档编辑

-3-5 页面插入与目录

--页面插入与目录-1

--页面插入与目录-2

-3-6 页眉页脚与页码

--页眉页脚与页码-1

--页眉页脚与页码-2

-3-7 完成文档

--完成文档与打印预览

实验教程 4 电子表格

-4-1 创建和编辑Excel表格

--4-1 创建和编辑Excel表格

-4-2 简单公式和函数

--4-2 简单公式和函数

-4-3 插入图表

--4-3 插入图表

-4-4 电子表格中数据的管理

--4-4 电子表格中数据的管理

实验教程 5 演示文稿

-5-1 创建演示文稿与添加幻灯片

--5-1 创建演示文稿与添加幻灯片

-5-2 编辑演示文稿

--5-2 编辑演示文稿

-5-3 设置演示文稿外观

--5-3 设置演示文稿外观

-5-4 交互式演示文稿的设置

--5-4 交互式演示文稿的设置

-5-5 设置演示文稿动画和音乐

--5-5 设置演示文稿动画和音乐

-5-6 演示文稿放映

--5-6 演示文稿放映

实验教程 6 图像处理

-6-1 图像的修饰

--6-1 图像的修饰

-6-2 淡黄色的记忆

--6-2 淡黄色的记忆

-6-3 心形贺卡

--6-3 心形贺卡

-6-4 燃烧字

--6-4 燃烧字

-6-5 闻味的小狗狗

--6-5 闻味的小狗狗

-6-6 换脸

--6-6 换脸

实验教程 7 动画制作

-7-1 逐帧动画的制作

--7-1 逐帧动画的制作

-7-2 动作补间动画的制作

--7-2 动作补间动画的制作

-7-3 形状补间动画的制作

--7-3 形状补间动画的制作

实验教程 8 网页制作

-8-1 网站制作前期工作

--8-1 网站制作前期工作

-8-2 在Dreamweaver中建立和管理站点

--8-2 在Dreamweaver中建立和管理站点

-8-3设计制作网站主页

--8-3 设计制作网站主页

-8-4 制作网站导航栏

--8-4 制作网站导航栏

-8-5 修饰美化页面

--8-5 修饰美化页面

-8-6 填写页面内容

--8-6 填写页面内容

-8-7 设计制作次级页面并建立链接

--8-7 设计制作次级页面并建立链接

实验教程 9 程序设计

-9-1 Python的下载

--9-1 Python的下载

-9-2 Python的安装

--9-2 Python的安装

-9-3 IDLE的使用

--9-3 IDLE的使用

-9-4 求矩形的周长和面积

--9-4 求矩形的周长和面积

-9-5 求三角形的面积

--9-5 求三角形的面积

-9-6 求素数

--9-6 求素数

实验教程 10 Access数据库系统

-10-1 数据库的建立

--10-1 数据库的建立

-10-2 SQL的应用

--10-2 SQL的应用

实验教程 11 计算机网络

-11-1 Packet Tracer简介及下载方法

--11-1 Packet Tracer简介及下载方法

-11-2 有线网络的组网与配置

--11-2 有线网络的组网与配置

-11-3 无线网络的组网及无线路由配置

--11-3 无线网络的组网及无线路由配置

实验教程 12 无线网络安全配置

-12 无线网络安全配置

--12 无线网络安全配置

4-8 常用软件介绍-网页制作软件笔记与讨论

也许你还感兴趣的课程:

© 柠檬大学-慕课导航 课程版权归原始院校所有,
本网站仅通过互联网进行慕课课程索引,不提供在线课程学习和视频,请同学们点击报名到课程提供网站进行学习。