第6章_网页设计.pptVIP

6.1.1网页与网站 网页的学名是HTML（Hyper Text Mark-up Language），翻译过来就是“超文本标记语言”，它定义了各种超文本在HTML文件中的组织方式，是一种可以在WWW上传输并被浏览器读取、翻译成页面的一种文件。 网站(Website) 用于展示特定内容的相关网页的集合。许多网页文件经过一定方式组合在一起，就是一个网站。 一个网站上的第一个网页称为主页，它是网站的入口。 6.1 网页设计基本知识 浏览器和Web服务器之间的通信 6.1.3 html语言 超文本标记语言(HTML)(HyperText Markup Language) (1) 制作Web网页的标准语言 (2) 代码文件是纯文本文件, 以.html或.htm为扩展名 (3) html文件由多种元素组成，用括起来,用于组织文件的内容和指示输出格式。 6.1.2 html语言 HTML的编辑器 （1）基本编辑软件 记事本或写字版都可以编写，但必须使用.htm或.html作为扩展名。 （2）所见即所得软件，使用最广泛的编辑器，这类软件主要有WORD、FRONTPAGE和DREAMWEAVER等。 6.1.2 html语言 1.HTML文件结构： 字模与格式控制命令 Small：缩小命令 small缩小一级字号/small Big：放大命令 big放大一级字号/big Strong：强调命令 B：加粗命令 I：斜体命令 U：下划线命令 Center：段落居中命令 BR：换行命令 H1、H2、H3等：级别标题命令，用于设置各级标题。 h1一级标题/h1 h2二级标题/h2 h3三级标题/h3 字模与格式控制命令 FONT：字模控制命令，可以用多个参数来控制字模的各个方面。 size参数：控制字号的级数，共分7级。例如： font size=5字号为5级/font color参数：控制文字的颜色，可以用颜色的英文单词来设置，也可以用以“#”开头的6位16进制数字来表示红、绿、蓝颜色。例如： font color=red文字为红色/font font color=#FF0000文字还是红色/font face参数：控制字体。例如： font face=隶书字体为隶书/font 字模与格式控制命令-例子1 字模与格式控制命令 P：段落命令，为开关命令，带上参数后可对整个段落进行格式控制。例如，align为对齐参数，其值有left、center、right等。例如： p本命令括起一段后进行整体设置/p p align=left本参数为左对齐段落/p p align=center本参数为居中段落/p p align=right本参数为右对齐段落/p p在一个段落中，br可以通过BR命令来进行折行/p 字模与格式控制命令-例子2 表格 Table：表格命令，标记表格的开始和结束，参数： border参数：边框宽度参数，以像素为单位； bgcolor参数：背景颜色参数，英文单词/以＃开头的6位16进制； align参数：对齐位置，值有left、center、right等； width参数：表格宽度，像素/所占显示窗口宽度的百分比表示； height参数：表格高度，可用像素/占显示窗口高度的百分比。 Tr：表行命令，标记一个表行的开始和结束，参数： bgcolor参数：背景颜色参数，英文单词/以＃开头的6位16进制； align参数：对齐位置参数，值有left、center、right等； height参数：高度参数，表示表格的高度，可用像素表示，也可以所占显示窗口高度的百分比表示。 表格 Td：单元格命令，标记一个单元格的开始和结束，参数： bgcolor参数：背景颜色参数，英文单词/以＃开头的6位16进制； align参数：水平对齐位置参数，值有left、center、right等； valign参数：垂直对齐位置参数，值有top、center、bottom等； width参数：宽度参数，像素/单元格所占整个表格宽度的百分比； height参数：高度参数，像素/单元格所占整个表格高度的百分比。 表格-例子 链接 链接命令的格式如下： a href=“目的资源的网址”带链接的文字，图片或其他资源/a Examples: a href=新浪网/a a href=“” target=“_blank”搜狐网/a a href=mailto:haut_sy@163.com给我写信/a 处理图片 图片命令的格式如下： img src=图片文件路径 Border参数，表示图片边框的宽度，以像素为单位； Alt参数，图片的别名，即在将鼠标移至图片上面时显示的文字。 width参数：宽度参数，表示图片的宽度，