您的位置:首页 > Web前端 > HTML

网页制作一点通

2003-03-12 11:17 344 查看
                                   网页制作一点通

     用 Microsoft FrontPage 制作所见所得的网页,如同编辑文本文件一样。可惜其使用帮助拖坭带水,学习、理解起来
需要一定的时间。本人经过实践,从另个角度出发(不同于常规教法),总结出一种几分钟搞拈的方法,供制作网页的初学者
参考。正所谓一言点醒梦中人,本文抛砖引玉,希望大家作出更美观的网页来。

一:网页界面
   对网页界面的构思,如何做好网页的页
面布局,将一个优美的界面摆在人们眼前,
初学者往往在图形与文字对齐方面吃了不少
亏,白白浪费了不少时间。实际上,可以利
用表格对齐文本或图形。
   在 FrontPage “表格”菜单中选取“
插入表格”项,出现右图所示的对话框。
请注意:“边框粗细”项取值,如果其值为
0 ,在浏览器读取该页面显示时,右图的虚
取线不会显示。利用这一特点,我们可以先
构思好网页布局,首先插入一个设“边框粗
细”的值为 0 的表格, 然后在每个表格项
中表格,或图片等。如右图所示。当然每一
个表格单元均可进行上述操作。经过这样的
处理,网页上的文字和图片就能很好的对齐
了。
   “插入表格”对话框中的其它项,如行

数,列数的设置,就不用多说了。“单
元格边距”与“单元格间距”可设置文
字的间距。
表格属性设置:
    上行的颜色是如合设置的呢?我们
属可以在 FrontPage “表格”中选取
“表格属性——单元格”菜单项。在单
元格属性对话框中设置“背景颜色”项
目,选取我们需要的颜色,当然我们也
可以插入背景图片。
    在“表格属性——表格”菜单项是
指选定的整个表格属性的设置,而“表
格属性——单元格”菜单项则设置该单
元格的属性,即仅仅是该单元格变化。
文本字体的设置:
    字体的大小、粗体、颜色、的设置
方法,与一般的文本文件相同,相必大
家一定很熟悉了。
二:Html 标记一览表 有时 FrontPage 会很不听话,有必要了解这些标记,必要时进入“HTML”中更改。
文件标记<H1>/1级字体<OL>/有序排列链接标记
<HTML>/Html文件标志<H2>/2级字体<UL>/无序排列<A>/链接标记
<HEAD>/文件头<H3>/3级字体<LI>定义标记一行<BASE>基准标记
<TITLE>/文件标题<H4>/4级字体<MENU>/清单列举框架标记 
<BODY>/主体<H5>/5级字体<DIR>/目录列举<FRAMESET>/框架设定
排版标记<H6>/6级字体<DL>/定义列举<FRAME>设定框架窗口
<!-- -->注解,不显示<FONT>/字体大小颜色<DT>项目清单标题<IFRAME>插入框架
<P>     段落标记<BASEFONT>/字体大小颜色<DD>定义清单内容<NOFRAMES>/不支持框架
<BR>换行标记<BIG>/字体稍微加大表格标记 影像地图 
<HR>水平线<SMALL>/字体稍微加大<TABLE>/表格标记<MAP>/影像地图名称
<CENTER>/居中<STRIKE>/加删除线<CAPTION>/表格标题<AREA>设定各链接区域
<PRE>/预设格式<CODE>/程式码字体<TR>/表格列多媒体 
<DIV>/定位标记<KBD>/键盘字字体<TD>/表格栏<BGSOUND>播放音乐或声音
<NOBR>/不换行<SAMP>/范例字体<TH>/标头字体变粗<EMBED>多媒体音乐或影像
<WBR>/可换行<VAR>/变量斜体表单标记 其他标记 
字体标记 <CITE>/引文斜体<FORM>/表单标记<MARQUEE>/走马灯
<STRONG>/字体加粗<BLOCKQUOTE>/向右缩排<TEXTAREA>/文字输入区划<BLINK>闪烁文字
<B>/字体加粗<DFN>/定义标记斜体<INPUT>输入形式<ISINDEX>页内寻找器
<EM>/字体为斜体<ADDRESS>/地址标记斜体<SELECT>/下拉式清单<META>开头说明
<I>/字体为斜体<SUB>/下标字<OPTION>选项<LINK>/链接关系定义
<TT>等宽字体<SUP>/上标字图形标记 <STYLE>/式样表
<U>/加下划线清单标记 <IMG>图形标记<span>/自定义标记
注:“ / ” 表示需要结束标志。如<BODY>    </BODY>。 版权属于:http://www.freewebs.com/3jj/ 引用请注明出处。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息