网页设计基础教案.pptVIP

网页设计根底;第一章网页的根本知识;什么是Internet？;Ip地址、域名、Url、WWW;什么是HTML?;第二章网页的根本结构;1．html…/html

2．head…/head

3．title…/title

4．meta

meta-equiv=Content-Typecontent=text/html;charset=gb2312

META-equiv=refresh;content=1;url=:///

5．body…body

格式：Bodybgcolor=“颜色值”background=“文件名”text=“颜色值”link=“颜色值”vlink=“颜色值”alink=“颜色值”……/body;text=“#000000”

用以设定文字颜色。#000000代表黑色，亦可以采用颜色的名称，即text=“black”。link=“#0000FF”

设定一般文字链接颜色。

alink=#FF0000

设定刚按下时文字链接颜色。

vlink=#0000FF

设定链接后的颜色。〔被按过〕。

background=“bg1.gif”

设定背景墙纸。GIF或JPEG皆可，可以是绝对路径或相对路径。

bgcolor=#FFFFFF

设定背景颜色。当己设定背景墙纸时会失去作用，除非墙纸有透明局部。;习题;第三章段落和文字标记;;3．1．3换段标记

P称为段落标记。

作用：为字、画、表格等之间留一空白行。

P的常用参数：如：palign=center

align=center

可选值：right,left,center。

内定值：align=left

3．1．4显示预排格式

PRE称为预设格式标记。

作用：按照原始码的排列方式显示。

这标记允许保存你在原始码中输入的空白及回车。

格式：Pre预先排好的内容/Pre;3．1．5分区显示标记

DIV称为分区显示标记。

作用：设定字、画、表格等的摆放位置。

3．1．6水平线

HR称为水平线。作用：插入一条水平线。

HR的参数：

以：HRalign=LEFTsize=2width=70%color=#0000FFnoshade为例。

align=LEFT

设定线条置放位置，可选择：left；right；center三种设定值。

size=2

设定线条厚度，以像素作单位，内定为2。

width=70%

设定线条长度，可以是绝对值〔以像素作单位〕或相对值，内定为100%。

color=“#0000FF”『只适用于IE』

设定线条颜色，内定为黑色。#0000FF代表蓝色，也可以采用颜色的名称，即color=blue。

noshade

设定线条为平面显示，假设删去那么具阴影或立体，这是内定值。;3．1．7其他排版标记

CENTER称为居中标记。

作用：令字、画、表格等显示于中间。

NOBR称为不换行标记。

作用：令某些文字不因太长而绕行，而是显示于同一行或下一行。它对住址、数学算式、一行数字、程序代码等尤为有用。

WBR称为建议换行标记。

作用：预设换行部位。

3．2文字标记

3．2．1BIUSUPSUB

B能产生字体加粗的效果；I产生斜体效果；U是加底线的标记；

SUB为下标字，SUP那么为上标字。;3．2．2H1H2H3H4H5H6

这些是标题标记，由H1至H6变粗变大加宽的程度逐渐减小。每个标题标记所标示的字句将独占一行且上下留一空白行。

3．2．3FONT：

负责设定文字的大小、字形及颜色。

FONT的参数设定：

例子：fontface=Arialsize=+2color=#008000CreationofWebpage/font;face=Arial

设定文字的字形。Arial是常用的一种，请不要使用Window内建字形以外的字形。

size=+2

设定文字的大小。其值可以是绝对或相对，

size=5表示其大小便是5，而html内定值为3，

相对的意思便是在内定值3的根底上增加或减少大小级数，如size=+2便等同绝对表示法的size=5。

color=#008000

设定文字的颜色。#008000表示绿色;习题;第四章超级链接和列表;name=“hello”

这参数是为文件埋下参考点，作为被连结，不会被显示。所以说设定一个内部链接需要使用两次A标记。一个使用参数name事先於文件中埋下一参考点，另一个使用