大学计算机基础及应用（Python篇）课件：网页设计基础.pptx

网页设计基础;?学习目标;1、多媒体基本知识;1、多媒体基本知识;1、多媒体基本知识;HTML(HyperTextMarkupLanguage)即超文本标记语言。它不是一种编程语言，而是标记语言，用于告诉浏览器如何构造您所访问的网页。HTML由一系列元素组成，可以用它来封装、包装或标记内容的不同部分，使其以某种方式显示或以某种方式执行。

6.2.1HTML标记

6.2.2HTML文档头部相关标记

;body中的标签主要分为块级元素和行内元素，两者可以通过display属性进行转换。块级元素：一个标签占一行的内容，下一个标签需要另起一行；块级标签可以更改长宽。行内元素：一个标签是多大就占多大位置，下一个标签在右侧补上；行内标签不可以更改长宽。

6.3.1块级元素

1.普通标签

常用的普通块级标签有：div（常用块状容器，也是csslayout的主要标签）、h1-h6（标题）、p（段落）、hr（水平分隔线）、table（表格）、form（交互表单）等。;2.列表标签

在网页中列表是很常见的标签，主要分为有序标签、无序标签、列表嵌套、定义标签，包括有：ol（有序列表）、ul（无序列表）、li（列表项）、dl（定义列表）、dt（定义术语）、dd（定义描述）、menu（菜单列表）等。

;6.3.2行内元素

1.普通元素标签

常用的元素标签有span（常用内联容器，定义文本内区块），a（锚点，链接），img（引入图片），br（强制换行），sub（下标），sup（上标）等。

6.3.3行内块状元素

块级标签和行内标签可以相互转换。块级标签转换为行内标签的方法是设置display=inline。块级标签转换为行内标签以后还可以更改长宽，方法是设置display=inline-block。行内标签转换为块级标签的方法是设置display=block。;6.4CSS概述

在页面排版时，内容与样式的混合设计方式将导致页面代码过于臃肿、难于维护，也不利于搜索引擎的检索。CSS（层叠样式表）的出现，将页面内容与样式彻底分离，极大改善了HTML在页面显示方面的缺陷。使用CSS样式表可以控制HTML标签的显示样式，如页面的布局、字体、颜色、背景和图文混排等效果。

在网站的风格方面，一个CSS样式文件可以在多个页面中使用，当用户修改CSS样式文件时，所有引用该样式文件的页面外观都随之发生改变。;6.4.1CSS基本语法结构

6.4.2CSS的引入

6.4.3CSS选择器;6.5网站设计步骤

网站设计的基本步骤：

第一步站点定位。

第二步规划域名。

第三步网站策划。

第四步网页测试与发布。

第五步推行和维护。

以上这五个步骤是网站建设中必须要有的，缺了哪一步都不可以。