欢迎访问:常州市武进区嘉泽中心小学网站 !今天是:
栏目列表
您现在的位置是:首页>>教师>>计算机技术>>网站制作技术>>文章内容
网页制作一点通
发布时间:2008-11-20   点击:   来源:本站原创   录入者:佚名
 

                                   网页制作一点通

     用 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://{域名已经过期}/3jj/ 引用请注明出处。


附件:
    关闭窗口
    打印文档
    账号登录
    保持登录 忘记密码?
    账号与武进教师培训平台同步