第1章 网页设计与制作概述重点.pptVIP

■1网络基础知识 计算机网络是将分布在不同物理位置的具有独立功能的计算机系统，利用通信设备和线路相互连接起来，在网络协议和软件的支持下进行数据通信、实现资源共享的计算机系统的集合. ■1网络基础知识 WWW不是传统意义上的物理网络，是基于Internet的、由软件 和协议组成的、以超文本文件为基础的全球分布式信息网络。 WWW的系统结构采用的是客户/服务器结构模式 浏览者的主机是客户机，提供信息的主机是服务器。 WWW的工作流程分为两种方式（根据网页的分类） URL的格式为： 传输协议://主机的域名或IP地址/路径文件名 /sports.htm / /xxzy/xxzy.htm 大部分主机会提供一个缺省的文件名，如 index.html、default.html等。 ●1.4 IP地址与域名 Internet上计算机的地址有两种表示形式：IP地址和域名。 IP地址由32位二进制数字组成 国际通行一种“点分十进制表示法”（取值范围0-255 ） ●1.4 IP地址与域名 IP地址可分为五大类 ●1.4 IP地址与域名 DNS域名：是Internet网络上的一个服务器或一个网络系统的名字。 就是Internet上主机的名字，它采用层次结构，每一层构成一个子域名，级别从左到右逐渐增高，并用圆点隔开，表现形式为： 主机名.n级子域名.…….二级子域名.顶级域名.??（2≤n≤5） 陕西师范大学网址： ■ 2网页设计的基础知识 ● 2.2网页制作和美化的工具 FrontPage Photoshop ● 2.3网页的色彩搭配 ● 2.3网页的色彩搭配 ● 2.3网页的色彩搭配 ● 2.3网页的色彩搭配 网页色彩搭配的技巧 ● 3.1 HTML语言 HTML（HyperText Markup Language，超文本标记语言） 是网页主要的组成部分，HTML网页文件是组成网站的基本单位， 可以加入图片、声音、动画、视频、链接等内容。 HTML文件可以直接由浏览器IE解释执行，无须编译。 HTML文件即根据HTML语法规则写出来的文件。一般扩展名为.html或.htm ● 3.1 HTML语言 HTML语言的语法规则及结构 ● 3.1.1 HTML结构标记 表1：body的常用属性 ● 3.1.2 文本格式标记 表2：font中设置字型的几种标记 表3：img的属性说明 “厂”字型 “口”字型 第1章 网页设计与制作概述 ■ 3HTML语言基础 第1章 网页设计与制作概述 一般标注的是页面的标题或有关信息 HTML文件由标记和被标记的内容组成。 任何标记皆由一对尖括号所围住。 标记名与尖括号之间不能留有空白字符。 标记字母大小写皆可。 可设置各种标记的属性 第1章 网页设计与制作概述 1.HTML文档标记HTML…/HTML 2.文件头部标记HEAD…/HEAD 4.文件主体标记BODY…/BODY 3.文件标题标记TITLE…/TITLE 第1章 网页设计与制作概述 设置超文本链接在被访问瞬间的颜色，默认为蓝色。 alink 设置已被访问过的超文本链接的颜色，默认为蓝色。 vlink 设置尚未被访问过的超文本链接的颜色，默认为蓝色。 Link 设置文本的颜色。 Text 设置网页的背景色。 Bgcolor 设置网页的背景图像。 background 说明 属性名 html head titleHTML文档标记语言/title /head body bgcolor=#FFE4CA text=#993300 alink=red link=#009900 /body /html 第1章 网页设计与制作概述 1.标题文字标记hn/hn n可以取1～6的整数值，取1时文字最大，取6时文字最小。 常用属性align用来设置标题在页面中的对齐方式。 2.文本标记font/font font标记的属性包括：size、face、color。 size属性用来设置文字的大小。数字的取值范围从1～7，分别代表的是9、12、14、18、24、36磅的字。 字型标记中可设置字型。 第1章 网页设计与制作概述 下标 sub.../sub 上标 sup.../sup 删除线 strike.../strike 下划线 u.../u 斜体 i.../i 字体加粗 b.../b 字体效果说明 标 记 第1章 网页设计与制作概述 1.标题文字标记hn/hn body bgcolor=#FFE4CA text=#993300 h1 align=left陕西理工学院/h1 h2 align=left教育科学学院/h2 h3 align=left教育技术学专业/h3 h4 align=left教技