HTML语法大全
<!>跑马灯
<marquee>...</marquee>普通卷动
<marquee behavior=slide>...</marquee>滑动
<marquee behavior=scroll>...</marquee>预设卷动
<marquee behavior=alternate>...</marquee>来回卷动
<marquee direction=down>...</marquee>向下卷动
<marquee direction=up>...</marquee>向上卷动
<marquee direction=right></marquee>向右卷动
<marquee direction=left></marquee>向左卷动
<marquee loop=2>...</marquee>卷动次数
<marquee width=180>...</marquee>设定宽度
<marquee height=30>...</marquee>设定高度
<marquee bgcolor=FF0000>...</marquee>设定背景颜色
<marquee scrollamount=30>...</marquee>设定卷动距离
<marquee scrolldelay=300>...</marquee>设定卷动时间
<!>字体效果
<h1>...</h1>标题字(最大)
<h6>...</h6>标题字(最小)
<b>...</b>粗体字
<strong>...</strong>粗体字(强调)
<i>...</i>斜体字
<em>...</em>斜体字(强调)
<dfn>...</dfn>斜体字(表示定义)
<u>...</u>底线
<ins>...</ins>底线(表示插入文字)
<strike>...</strike>横线
<s>...</s>删除线
<del>...</del>删除线(表示删除)
<kbd>...</kbd>键盘文字
<tt>...</tt>打字体
<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>固定宽度字体(不执行标记符号)
<listing>...</listing>固定宽度小字体
<font color=00ff00>...</font>字体颜色
<font size=1>...</font>最小字体
<font style=font-size:100 px>...</font>无限增大
<!>区断标记
<hr>水平线
<hr size=9>水平线(设定大小)
<hr width=80%>水平线(设定宽度)
<hr color=ff0000>水平线(设定颜色)
<br>(换行)
<nobr>...</nobr>水域(不换行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>连结格式
<base href=地址>(预设好连结路径)
<a href=地址></a>外部连结
<a href=地址 target=_blank></a>外部连结(另开新窗口)
<a href=地址 target=_top></a>外部连结(全窗口连结)
<a href=地址 target=页框名></a>外部连结(在指定页框连结)
<!>贴图/音乐
<img src=图片地址>贴图
<img src=图片地址 width=180>设定图片宽度
<img src=图片地址 height=30>设定图片高度
<img src=图片地址 alt=提示文字>设定图片提示文字
<img src=图片地址 border=1>设定图片边框
<bgsound src=MID音乐文件地址>背景音乐设定
<!>表格语法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=图片路径>...</table>背景图片的URL=就是路径网址
<table border=边框大小>...</table>设定表格边框大小(使用数字)
<table bgcolor=颜色码>...</table>设定表格的背景颜色
<table borderclor=颜色码>...</table>设定表格边框的颜色
<table borderclordark=颜色码>...</table>设定表格暗边框的颜色
<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色
<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)
<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)
<table cols=参数>...</table>指定表格的栏数
<table frame=参数>...</table>设定表格外框线的显示方式
<table width=宽度>...</table>指定表格的宽度大小(使用数字)
<table height=高度>...</table>指定表格的高度大小(使用数字)
<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
<!>分割窗口
<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
<frameset cols="20%,*">分割左右两个框架
<frameset cols="20%,*,20%">分割左中右三个框架
<分割上下两个框架
<frameset rows="20%,*,20%">分割上中下三个框架
<!--...-->批注
<A HREF TARGET>指定超级链接的分割窗口
<A HREF=#锚的名称>指定锚名称的超级链接
<A HREF>指定超级链接
<A NAME=锚的名称>被连结点的名称
<ADDRESS>....</ADDRESS>用来显示电子邮箱地址
<B>粗体字
<BASE TARGET>指定超级链接的分割窗口
<BASEFONT SIZE>更改预设字形大小
<BGSOUND SRC>加入背景音乐
<BIG>显示大字体
<BLINK>闪烁的文字
<BODY TEXT LINK VLINK>设定文字颜色
<BODY>显示本文
<BR>换行
<CAPTION ALIGN>设定表格标题位置
<CAPTION>...</CAPTION>为表格加上标题
<CENTER>向中对齐
<CITE>...<CITE>用于引经据典的文字
<CODE>...</CODE>用于列出一段程序代码
<COMMENT>...</COMMENT>加上批注
<DD>设定定义列表的项目解说
<DFN>...</DFN>显示"定义"文字
<DIR>...</DIR>列表文字卷标
<DL>...</DL>设定定义列表的卷标
<DT>设定定义列表的项目
<EM>强调之用
<FONT FACE>任意指定所用的字形
<FONT SIZE>设定字体大小
<FORM ACTION>设定户动式窗体的处理方式
<FORM METHOD>设定户动式窗体之资料传送方式
<FRAME MARGINHEIGHT>设定窗口的上下边界
<FRAME MARGINWIDTH>设定窗口的左右边界
<FRAME NAME>为分割窗口命名
<FRAME NORESIZE>锁住分割窗口的大小
<FRAME SCROLLING>设定分割窗口的滚动条
<FRAME SRC>将HTML文件加入窗口
<FRAMESET COLS>将窗口分割成左右的子窗口
<FRAMESET ROWS>将窗口分割成上下的子窗口
<FRAMESET>...</FRAMESET>划分分割窗口
<H1>~<H6>设定文字大小
<HEAD>标示文件信息
<HR>加上分网格线
<HTML>文件的开始与结束
<I>斜体字
<IMG ALIGN>调整图形影像的位置
<IMG ALT>为你的图形影像加注
<IMG DYNSRC LOOP>加入影片
<IMG HEIGHT WIDTH>插入图片并预设图形大小
<IMG HSPACE>插入图片并预设图形的左右边界
<IMG LOWSRC>预载图片功能
<IMG SRC BORDER>设定图片边界
<IMG SRC>插入图片
<IMG VSPACE>插入图片并预设图形的上下边界
<INPUT TYPE NAME value>在窗体中加入输入字段
<ISINDEX>定义查询用窗体
<KBD>...</KBD>表示使用者输入文字
<LI TYPE>...</LI>列表的项目(可指定符号)
<MARQUEE>跑马灯效果
<MENU>...</MENU>条列文字卷标
<META NAME="REFRESH" CONTENT URL>自动更新文件内容
<MULTIPLE>可同时选择多项的列表栏
<NOFRAME>定义不出现分割窗口的文字
<OL>...</OL>有序号的列表
<OPTION>定义窗体中列表栏的项目
<P ALIGN>设定对齐方向
<P>分段
<PERSON>...</PERSON>显示人名
<PRE>使用原有排列
<SAMP>...</SAMP>用于引用字
<SELECT>...</SELECT>在窗体中定义列表栏
<SMALL>显示小字体
<STRIKE>文字加横线
<STRONG>用于加强语气
<SUB>下标字
<SUP>上标字
<TABLE BORDER=n>调整表格的宽线高度
<TABLE CELLPADDING>调整数据域位之边界
<TABLE CELLSPACING>调整表格线的宽度
<TABLE HEIGHT>调整表格的高度
<TABLE WIDTH>调整表格的宽度
<TABLE>...</TABLE>产生表格的卷标
<TD ALIGN>调整表格字段之左右对齐
<TD BGCOLOR>设定表格字段之背景颜色
<TD COLSPAN ROWSPAN>表格字段的合并
<TD NOWRAP>设定表格字段不换行
<TD VALIGN>调整表格字段之上下对齐
<TD WIDTH>调整表格字段宽度
<TD>...</TD>定义表格的数据域位
<TEXTAREA NAME ROWS COLS>窗体中加入多少列的文字输入栏
<TEXTAREA WRAP>决定文字输入栏是自动否换行
<TH>...</TH>定义表格的标头字段
<TITLE>文件标题
<TR>...</TR>定义表格美一行
<TT>打字机字体
<U>文字加底线
<UL TYPE>...</UL>无序号的列表(可指定符号)
<VAR>...</VAR>用于显示变量
HTML标记_HTML大全_HTML标记大全_超文本标记语言
网页(WebPage)文件主要是用超文本标记语言(HyperText Markup Language,简称HTML)语句来写成。您可以通过IE浏览器的“查看”菜单中的“源文件”看到该页的HTML代码。HTML语言由一系列元素(element)组成,用于组织文件的内容和指导文件的输出格式。元素名称不分大小写。一个元素可以有多个属性,属性及其属性值不分大小写。属性名=属性值合起来构成一个完整的属性,一个元素可以有多个属性,各个属性用空格分开。元素又由标记(tag)的构成,大多数标记是成对出现的,分起始标记<>(start tag)和结尾标记</>(end tag),以便和页面的内容区分开来。其写成的文件是标准的ASCII文件,不同于一般的编程语言,故称为脚本(Script)更准确一点。其实也很简单,特别是在专门的HTML编辑器的帮助下,您可以迅速地学会HTML,并能很快写出有自己特色的Homepage来。
需要说明的是:各种浏览器对html元素及其属性的解释不完全一样,如NC与IE是有区别的。
标签内容备注
基本标签所有HTML文件都有的
<html>……</html>表示文件类型为HTML文档
<head>……</head>设置文档描述及其他不在WEB网页上显示的信息
<body>……</body> HTML文档的主体(页面的实际内容)
标题标签
<title>……</title>在标题栏中显示的题目(放在<head></head>内)
扩展属性标签
<base>
基址标签,为解决相对编址作参考值
<META>
将HTTP命令发给CONTENT=number;url允许,描述不包含在标准HTML里的文档信息。使用详解
<link>
提供将现行文档与其它文档或实体关联起来的信息
<ISINDEX>指明在服务器上提供文档的可以检索的索引
<style>……</style>允许包含样式表(CSS)信息
页面属性标签<body>……</body>标签的扩展属性。使用详解
<body bgcolor=#……>设置背景颜色,用名字或十六进制值
<body text=#……>设置文本文字颜色,用名字或十六进制值
<body link=#……>设置链接颜色,用名字或十六进制值
<body vlink=#……>设置已使用的链接的颜色,用名字或十六进制值
<body alink=#……>设置正在被击中链接的颜色,用名字或十六进制值
文本标签
<pre>……</pre>创建预格式化文本
<h1>……</h1>创建最大的标题
<h6>……</h6>创建最小的标题
<b>……</b>创建黑体字
<i>……</i>创建斜体字
<tt>……</tt>创建打字机风格的字体
<cite>……</cite>创建一个引用,通常是斜体
<em>……</em>加重(通常是斜体加黑体)
<strong>……</strong>强调(通常是斜体加黑体)
<font size=value></font>设置字体大小,从1到7
<font color=……></font>设置字体的颜色,使用名字或十六进制值
链接
<a href="/URL"></a>创建一个超链接
<a href="mailto:EMAIL"></a>创建一个自动发送电子邮件的链接
<a name="NAME"></a>创建一个位于文档内部的靶位
<a href="#NAME"></a>创建一个指向位于文档内部靶位的链接
格式排版
<p>创建一个新的段落
<p align=……>将段落按左、中、右对齐
<br>插入一个回车换行符
<blockquote>……</blockquote>从两边缩进文本
<dl>……</dl>创建一个定义列表
<dt>放在每个定义术语词之前
<dd>放在每个定义之前
<ol>……</ol>创建一个标有数字的列表
<li>放在每个数字列表项之前,并加上一个数字
<ul>……</ul>创建一个标有圆点的列表
<li>放在每个圆点列表项之前,并加上一个圆点
<div align=……>一个用来排版大块HTML段落的标签,也用于格式化表
图形元素
<img src="/name">添加一个图像
<img src="/name" align=value>排列对齐一个图像:左中右或上中下
<img src="/name" border=value>设置围绕一个图像的边框的大小
<hr>加入一条水平线
<hr size=value>设置水平线的大小(高度)
<hr width=value>设置水平线的宽度(百分比或绝对像素点)
<hr noshade>创建一个没有阴影的水平线
表格
<table>……</table>创建一个表格
<tr>……</tr>开始表格中的每一行
<td>……</td>开始一行中的每一个格子
<th>……</th>设置表格头:一个通常使用黑体居中文字的格子
表格属性
<table border=value>设置围绕表格的边框的宽度
<table cellspacing=value>设置表格格子之间空间的大小
<table cellpadding=value>设置表格格子边框与其内部内容之间空间的大小
<table width=value或%>设置表格的宽度-用绝对像素值或文档总宽度的百分比
<tr align=……>设置表格格子的水平对齐(左中右)
<tr valign=……>设置表格格子的垂直对齐(上中下)
<td colspan=value>设置一个表格格子应跨占的列数(缺省为1)
<td rowspan=value>设置一个表格格子应跨占的行数(缺省为1)
<td nowrap>禁止表格格子内的内容自动断行回卷
窗框
<frameset>……</frameset>放在一个窗框文档的<body>标签之前,也可以嵌在其他窗框文档中
<frameset rows="value,value">定义一个窗框内的行数,可以使用绝对像素值或高度的百分比
<frameset cols="value,value">定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比
<frame>定义一个窗框内的单一窗或窗区域
<noframes>……</noframes>定义在不支持窗框的浏览器中显示什么提示
窗框属性
<frame src="/URL">规定窗框内显示什么HTML文档
<frame name="name">命名窗框或区域以便别的窗框可以指向它
<frame marginwidth=value>定义窗框左右边缘的空白大小,必须大于等于1
<frame marginheight=value>定义窗框上下边缘的空白大小,必须大于等于1
<frame scrolling=value>设置窗框是否有滚动栏,其值可以是"yes","no","auto",缺省时一般为"auto"
<frame noresize>禁止用户调整一个窗框的大小
表单对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。
<form>……</form>创建所有表单
<select multiple name="NAME" size=value>………</select>创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目
<option>设置每个表单项的内容
<select name="NAME">……</select>创建一个下拉菜单
<textarea name="NAME" cols=value rows=value>……</textarea>创建一个文本框区域,列的数目设置宽度,行的数目设置高度
<input type="checkbox" name="NAME">创建一个复选框,文字在标签后面
<input type="radio" name="NAME" value="x">创建一个单选框,文字在标签后面
<input type=text name="……" size=value>创建一个单行文本输入区域,size设置以字符计的宽度
<input type="submit" value="NAME">创建一个submit(提交)按钮
<input type="image" border=0 name="NAME" src="/name.gif">创建一个使用图象的submit(提交)按钮
<input type="reset">创建一个reset(重置)按钮
附加属性
<PRE>……</PRE>预置格式风格标签用来显示字体宽度固定的文本块,主要用来在表格格式中显示文本
<TT>……</TT>打字机风格用来显示打字机字体宽度固定的文本
<SAMP>……</SAMP>示例风格以单倍距显示文本
<ADDRESS>……</ADDRESS>地址风格一般用于文档的开始或结尾处,并以斜体格式显示文本。
<DL>……</DL>定义列表风格用来显示术语及其定义
颜色
#=rrggbb 16进制 RGB数值,或者是下列预定义色彩:
Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本页首部]
META标签
描述不包含在标准HTML里的文档信息。
<META NAME="keywords" CONTENT="yourkeyword">
<META NAME="description" CONTENT="your homepage's description">
本页的关键字和描述。在页面里加上这些定义后,一些搜索引擎就能够让读者根据这些关键字搜索到您的主页,了解你的主页内容。
<META HTTP-EQUIV="refresh" CONTENT="30, URL=new.htm">
浏览器将在30秒后,自动转到new.htm。您可用它制作一个封面,在若干时间后,自动带读者来到您的目录页。如果URL项没有,浏览器就是刷新本页。这就是WWW聊天室定期刷新的实现原理。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
描述本页使用的语言。浏览器根据此项,就可以选择正确的语言编码,而不需要读者自己在浏览器里选择。GB2312是指简体中文,而台湾BIG5内码的主页则是用BIG5。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
强制性调用网上的最新版本。浏览器为节约时间,在本地硬盘上保存一个临时文件。在重新调用时,便直接显示那个临时文件。如果您想让读者每次都看到最新的版本,可加上句。[返回本页首部]
LINK
显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下:
<LINK REL="stylesheet" href="/style.css">REL参数说明两个文档之间的关系,HREF说明目标文档名。关于层叠样式表,将在后面的课程中详述。[返回本页首部]
BASE
本文档的原始地址。语法:<BASE HREF="原始地址">当读者下载您的文档后,由此可以知道是从哪里下载的。[返回本页首部]
BODY
BODY标记有一些属性,用于定义页面内的显示效果。 ALINK、LINK、TEXT、VLINK——文字的颜色。
ALINK:当前激活的连接的文字颜色。
LINK:连接的文字颜色。
TEXT:文字的颜色。
VLINK:参观过的文字颜色。
注意:文字的颜色要和背景色有明显的差别,以便读者浏览。
BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。
BACKGROUND:背景图案,该图案在页面内平铺。背景图案应保持单一色调,以保证页面文字易于阅读。
BGPROPERTIES:设置成FIXED,则背景图案不滚动。(只对INTERNET EXPLORER有效)
BGCOLOR:背景色。
注意:如果你的背景图案是深色调,因之文字颜色为淡颜色,那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”,那么在背景图案没有显示的情况下,你的文字在白颜色下很难阅读,所以应该选用一个跟你的背景图案颜色一致的背景色。
LEFTMARGIN、TOPMARGIN——页边空白。(只对INTERNET EXPLORER有效)
LEFTMARGIN:左边页边空白。
TOPMARGIN:顶端页边空白。
一、单项选择题
1. Internet上的WWW使用的主要协议是()
A. NetBeui B. HTTP C. SMTP D. Telnet
2.浏览网页,是属于Internet所提供的()服务。
A. FTP B. E-mail C. Telnet D. WWW
3.将网页上传到Web服务器的过程中,使用Internet所提供的()服务。
A. FTP B. HTTP C. SMTP D. Telnet
4.以下扩展名中不表示网页文件的是()
A..htm B..html C..asp D..txt
5.构成Web站点的最基本单位是()。
A.网站 B.主页 C.网页 D.文字
6.网页最基本的元素是()
A.文字与图像 B.声音 C.超链接 D.动画
7.以下不属于网站的建设过程阶段的是()
A.规划和准备 B.网页制作 C.网站运营 D.后期维护
8.下面不可以用来处理图形的软件是()
A. Fireworks B. Flash C. FrontPage D. Photoshop
9.网页中自动播放声音文件的方法是在页面文件中加入()标记。
A.<bgsound> B.<sound> C.<img> D.<music>
10.以下说法中,正确的是()
A. p标记符与br标记符的作用一样 B.多个p标记符可以产生多个空行
C.多个br标记符可以产生多个空行 D. p标记符的结束标记符通常不可以省略
11. HTML文件中,下面那一个标记中包含了网页的全部内容()
A.<center>…</center> B.<pre>…</pre>
C.<body>…</body> C.<br>…</br>
12. HTML网页可以用以下()工具制作。
A. Word B.记事本 C. Dreamweaver D.以上均可
13.在表单中需要把用户的数据以密码的形式接受,应该定义的表单元素是()
A.<input type=text> B.<input type=password>
C.<input type=checkbox> D.<input type=radio>
14. HTML语言中,设置背景颜色的代码是()
A.<body bgcolor=?> B.<body text=?> C.<body link=?> D.<body vlink=?>
15.在Dreamweaver中,下面关于嵌套层的说法正确的是()
A.子层可以超出母层 B.子层可以完全在母层之外
C.子层不可以超出母层 D.以上说法都不对
16.在Dreamweaver中,创建E-mail链接,在链接栏中使用的语句格式是()
A. to:ljw@sina.com B. link:ljw@sina.com
C. mail:ljw@sina.com D. mailto:ljw@sina.com
17.在Dreamweaver中,下面对象可以添加热点的是()
A.帧 B.文字 C.图像 D.任何对象
18. CSS表示的是()
A.层 B.行为 C.样式表 D.时间线
19.在Dreamweaver中,设置文本在图像的右侧自动换行,应选择的对齐方式是()
A.左对齐 B.底部 C.绝对中间 D.右对齐
20.在Dreamweaver中,默认情况下按住下面()键可以建立一个嵌套层。
A. Alt B. Shift C. Ctrl D. Ctrl+Alt
21.利用()对象可以存储特定的客户端信息。
A. response B. request C. session D. server
22.下列()是ADO组件的更新语句。
A. Insert B. update C. delete D. open
23.利用ADO组件建立数据库连接时,连接字符串中DSN的值表示()
A.数据源的名称 B.服务器域名解析 C.数据库的名称 D.数据表名称
24.利用Connection对象的Open()方法打开一个连接后,需要用()的方法关闭连接。
A. Lock() B. Close() C. Shut() D. Execute
25. Session对象的默认有效期为()min
A. 10 B. 15 C. 20 D. 30
26.下面关于Active Server Pages所使用的主要脚本语言的说法正确的一项是()
A. Active Server Pages使用的主要脚本语言是PHP语言
B. Active Server Pages使用的主要脚本语言是JavaScript和VBScript
C. Active Server Pages只能使用一种脚本语言—JavaScript
D. Active Server Pages只能使用一种脚本语言—VBScript
27.在ASP内建对象中,必须要有Lock和Unlock方法以确保多个用户无法同时改变某一属性的对象是()
A. Response B. Session C. Request D. Application
28. VBScript调用过程时使用的关键字是()
A. Parameter B.Call C.Dim D. Public
29.在表单的相关标记中,表示提供给用户一个可以复选的选项的标记为()
A. INPUT TYPE=CHECKBOX B. INPUT TYPE=SUBMIT
C. INPUT TYPE=RESET D. INPUT TYPE=RADIO
30.可以在HTML文档中加上阅读者看不见的注释,句法是()
A.以“<!――”标记开始注释,以“->”标记结束
B.以“{”标记开始注释,以“}”标记结束
C.以“<*”标记开始注释,以“*>”标记结束
D.以“/*”标记开始注释,以“*/”标记结束
二、多项选择题
在每小题列出的五个备选项中至少有两个是符合题目要求的,请将其代码填写在题后的括号内。错选、多选、少选或未选均无分。
1.基本的HTML表格标记有()
A.<TR></TR> B.<TD></TD>
C.<P></P> D.<TABLE></TABLE> E.<TH></TH>
2.为了在单元中对齐表格元素,可以使用的属性有()
A.VALIGN B.TABLE C.TITLE D.ALIGN E.BODY
3.在BODY的属性中,和颜色有关的属性包括()
A. ALINK B. BGCOLOR C. LINK D. TEXT E. VLINK
4.属于比较运算符的是()
A.== B.= C.!= D.<= E.>
5.“事件”是指一系列对页面进行的动作,下列属于事件的有()
A. onfocus B.onload
C. onmouseover D. onstay E. onsubmit
三、填空
1.在ASP内建对象中,用来访问使用HTTP请求传递的信息的对象是。
2. WWW采用的工作模式。
3.网站的建设过程可以分为三个阶段:、和后期维护阶段。
4.在制作网站的具体页面之前,首先需要创建一个本地。
5.在Dreamweaver中,时间轴只能对起作用。
6.<hr width=50%>表示创建一条的水平线。
7.在Dreamweaver中,能够设置为密码域的表单控件是。
8.若要验证HTML表单数据,表单中至少包含一个及一个按钮。
9.在Dreamweaver8中,定义的CSS样式类型有3种:、标签和高级。
四、论述题
1.简述WWW的工作原理。
2.简述网站建设的基本思路。
上机内容(网页设计大作业)
用FrontPage 2003制作一个链接层数不少于2层、网页数不少于6页的个人网站,大小一般不超过5MB.网站的主题内容自定。制作完成后将以自己的“学号-姓名”为名的网站文件夹压缩后上交到中自己班级文件夹内相应的作业项内。用户名和密码均为zwcs。
具体要求:
艺术性:美观、大方、有吸引力。
技术性:在不影响整体效果的前提下,尽可能多的使用本软件的技术。
实用性:使用方便,有一定的知识性、趣味性。
制作思路
一.确定主题:(自定)
比如《我的空间我作证》、《我的风采》、《我的故乡》、《甬城交通》。
二.绘制页面草图:
参照几种常见的构图布局(左右对称结构、“同”字型结构、“回”字型结构、“匡”字型结构、自由式结构等)画出页面草图。
三.素材收集与整理:
图片、背景音乐、文字(将Word文档、Excel文档、PowerPoint文档另存为Web文档)、按钮等。
四.网页制作:(以空白站点起建)
1.创建存放个人网站的文件夹(本例为学号-姓名如:2009010001-张三
2.新建网站:空白网页,原来做过一次网页的用打开网站
3.制作主页:主页必须取名为index.htm,并且有可以链接到下面页的每一个超链接
4.制作其它网页(需保存后方可在文件夹列表中显示)
5.建立网页之间的链接,原先做好的个人自我介绍请作为其中一个网页给予连接。
五.预览调试:
1.浏览网页最终效果,保存后按f12。
2.发布到Internet:可在网易网站上申请个人空间,上传到他的服务器上,供“网民”浏览。
转载请注明:片头模版 » 网页设计th(HTML代码大全)