网页制作工作手册.docx
- 文档编号:18184573
- 上传时间:2023-08-13
- 格式:DOCX
- 页数:30
- 大小:35.22KB
网页制作工作手册.docx
《网页制作工作手册.docx》由会员分享,可在线阅读,更多相关《网页制作工作手册.docx(30页珍藏版)》请在冰点文库上搜索。
网页制作工作手册
网页制作工作手册
○2005-11-02
一.FrontPage、Dreamweaver软件基本操作说明:
1.FrontPage中菜单工具(T)下面的站点设置(W)中数据库可以通过数据库的验证。
2.网页中的首页最好以Index.html命名!
3.FrontPage中Web组件的应用:
(1)动态悬停按钮:
点击菜单中的插入(I)选择组件(O)下面的悬停按钮(H)
(2)字幕:
点击菜单中的插入(I)选择组件(O)下面的悬停按钮(M)
(3)横幅广告管理器:
点击菜单中的插入(I)选择组件(O)下面的横幅广告管理器(N)
(4)站点计数器:
点击菜单中的插入(I)选择组件(O)下面的站点计数器(C)
4.FrontPage中插入标签的时候,只有在HTML页面的时候才可以!
5.Dreamweaver中输出到Explore预览的快捷键是F12.(请在保存后预览!
)
6.Dreamweaver中对于某个控件进行编辑的快捷键是Ctrl+F5.
7.Dreamweaver中修改软件的快捷键:
编辑(E)下面的快捷键(V)!
例如:
可以将编辑(E)下面的显示代码提示(H)的快捷键从Ctrl+Space改为Ctrl+,
8.Dreamweaver中行为的设置:
(在Dreamweaver中右边工具栏中的Tag里
点击加号:
(1)ShowEventsfor表示:
选择希望兼容的版本。
(2)PopupMessage表示谈出提示信息的行为设置。
设置完毕后:
在点击onload,可以设置触发的条件。
9.Dreamweaver中*.css文件的设置及使用说明。
(以shen.css为例)
[1]建立shen.css文件方法:
在Dreamweaver右上方Design的设计页面中选择CSSStyles中的ApplyStyles。
右击鼠标选择NewCssStyles。
在弹出的对话框中,name属性填入shen1(格式一),type属性中选择MakeCustomStyle。
Define属性中选择(NewStyleSheetFile)。
点击确认,在弹出的对话框中,保存为shen.css。
此时在
中就自动插入了[2]在shen.css文件中可以创建几个类(格式),如果想在shen.css文件中再建立格式二(shen2)、格式三(shen3)。
方法同前,只是再Define一项中选择shen.css
[3]应用:
方法一:
直接右键点击Design的设计页面中选择CSSStyles中ApplyStyles中需要应用的类,选择Apply。
这时在网页中则会自动插入
方法二:
在属性页中直接添加class="类名1"
[4]*.css文件内部说明:
Ⅰ.超连接的设置如若type属性中选择UsecssSelector。
则可以选择由程序自己提供四个类。
(1)a:
visited属性:
设置访问过的超连接的样式。
(2)a:
active属性:
用来设置当鼠标按下超连接时的式样。
(3)a:
link属性:
用来设置超连接的初始样式。
(4)a:
hover属性:
用来设置当鼠标放在超连接上面的时候的式样。
以上四个属性的顺序也必须是a:
visited再前,a:
hover在后,a:
active属性在两者之间。
a:
link位置任意。
Ⅱ.在一个*.css内部共有8个属性页:
(1)Type属性页:
Font:
文本的字体。
Color属性:
表示文本的颜色。
text-decoration属性:
none则无下划线。
(2)Background属性页:
BackgroundColor属性:
设置背景的颜色
(3)Block属性页:
(4)Box属性页:
Padding属性:
字与上边框距离的设置。
(5)Border属性页:
边框的设置Style:
边框类型。
Width:
边框宽度。
Color:
边框颜色。
(6)List属性页:
(7)Positioning属性页:
(8)Extensions属性页:
cursor:
可以设置鼠标的形状。
Ⅲ.设置超连接的样式:
在Head中插入:
--a{color:
#ffffff;font-size:
9pt;text-decoration:
none}此处颜色为初始颜色。
a:
hover{color:
#33FF55;text-decoration:
underlineoverline}-->鼠标放在超连接上颜色及样式。
二.HTML基本语法说明:
1.基本格式:
其中:
Title用于标记一个Html文档的标题,只在窗口显示。
Body的属性有bicolor背景颜色text文本颜色
link文档中链接的颜色
vlink已看过的链接颜色
alink当前文档中正在激活的链接的颜色
background整个页面的背景图案。
如:
background="BG.GIF"
2.Meta标签的设置:
Meta标签分两大部分:
Http-Equiv变量和Name变量。
[1]Http-Equiv变量:
可以取的值为:
(1)Expires(期限):
设定网页的到期时间。
(2)Refresh(刷新):
定时让网页连接到其它网页。
(3)Content-Type:
显示字符集的设定
[2]Name变量:
可取值
(1)Keywords(关键字):
本网页的关键字是什么。
(2)Description(主要内容):
告诉搜索引擎本网页的主要内容。
Content的值与name的取值相联系,设置关键字或主要内容。
3.
用于定义一个基地址。
)
例如:
则yaoyan.gif的绝对地址是inerc/yaoyan.gif 4.标题级标记: H1: 黑体,极大字体,居中。 前后各留一到两行空格。 H2: 黑体,大字体,左对齐。 前后各留一到两行空格。 H3: 斜体,大字体,左边界略缩进。 前后各留一到两行空格。 H4: 黑体,普通字体,比三级标题更为缩进。 前后各留一行空格。 H5: 斜体,普通字体,比四级标题更为缩进。 前后各留一行空格。 H6: 黑体,缩进到与普通文本对齐,比五级标题更为缩进。 前后各留一行空格。 基本格式为: (以H1为例) 5.字符修饰标记: 以下标记都需结束标记。 : 加粗字体,以黑体显示。 : 斜体 等宽字体。 带下划线。 带删除线。 用比普通字体大的字体显示 用比普通字体小的字体显示。 : 下标 上标 用来标识文本字体的大小和颜色。 其有属性: (该属性已不再推荐使用) FACE: 字体Size: : 字号(1~7)Color: 字体颜色 6.属性name与id: id的值必须是唯一的.此外,这个特性与name特性享用同一个命名空间. 当同一控件既有id,又有name的时候,两者都可以引用。 7.Class属性的设置: 对一组与类相关的或作为类的子元素的集合提供风格。 在:
在
中插入则文本内容的背景色是绿色。
8.绝对位置以及层数的设置:
[1]利用和来实现。
如:
absolute;left: 0;top: 0;z-index: -1"> [2]利用
如:
5;POSITION: absolute;top: 125px;left: 111px;">
9.表格的设置和使用
在表格中
[1]width属性:
来设置其宽度的。
[2]Align属性:
水平位置的设定。
其值可取值为left,center,right。
Valign属性:
垂直位置的设定。
其值可取值为top,middle,bottom,baseline。
[3]colspan和rowspan属性:
用来表示多列和行的表元。
[4]border属性:
用来设置表格边框值。
[5]bordercolorlight和bordercolordark属性:
表格边框色彩的亮度控制。
在
内容1 | 内容2 |
---|---|
内容3 | 内容4 |
10.插入一个横线:
添加代码
其含有的属性有:
size:
用来调整其粗细的。
Width:
用来调整其长度的。
align:
用来调整其位置的。
Color用来调整其颜色的。
11.多窗口控件:
在网页中插入
cols:
表示纵向排列这三个窗口。
rows:
表示横向排列这三个窗口。
12.文本控件:
在网页中插入一个文本
如需自动换行在属性中加入软回车wrap=soft硬回车wrap=hard,反之则加入wrap=off。
13.列表:
(列表共有三种:
有序列表、无序列表、定义列表(又有两种格式))
[1]有序列表:
基本格式为
- 文本1
- 文本2
[2]无序列表:
基本格式为
- 文本1
- 文本2
[3]定义列表:
(1)格式:
- 标头1
- 内容1
- 标头2
- 内容2
(2)格式:
说明:
[1]
[2]如若在
- 中Type的属性值为A,a,I,i,1来表示,以表示序号可以是大小写字母或大小希腊数字。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 工作手册
[3]在
- 中可以添加属性start值,以表示序号的起始数值。
14.关闭窗口:
1.询问后关闭窗口:
在控件的属性页中添加onclick="window.close();returnfalse;"
2.不用询问直接关闭窗口:
在head中添加
classid="clsid: adb880a6-d8ff-11cf-9377-00aa003b7a11"> 然后在控件的属性页中添加: onclick="closes.Click();" 15.History对象: [1]back()方法,如: 返回前页。 [2]forward()方法,如: 移至下一页。 [3]go()方法,如: go(-1)表示返回前页。 (1)">下一页。 go (1)表示移至下一页。 这些方法在没有上页或下页的时候,都不会出错,浏览器仍显示当前页。 16.装载或御载网页时显示警告: [1]御载网页: 将 ')"> [2]装载网页: 将 ')"> 17.图片的一些功能汇总: 1.图片文字说明的设置: 将alt="说明文字1"添加入属性中。 2.交互式图象的实现: onmouseout=this.src="cjlt.gif"> 最好在将 3.map和area控件的应用: 在图片的控件中加入: usemap="#名字1" 程序中有 其中…处可有 href超连接后的地址。 shape表示形状。 (1)当shape=circle时表示圆形,Coords(三个值)表示x坐标,y坐标,半径。 (2)当shape=rect时表示方形,coords(四个值)表示起点x坐标,y坐标和终点的x坐标,y坐标。 (3)当shape=poly时表示三角形,coords(六个值)依次表示三角形的三个点的x坐标,y坐标。 4.lowsrc属性: 当图片较大时,先将该属性设置为一较小的图表示该图片正下载中。 18.包含文件的方法: 方法一: --#includevirtual="/shen/cjlt/subdbtable.inc"--> 方法二: 0px"type="text/x-scriptlet"data="html/home01.htm"width=100%height=30> 方法三: 有些内容通用的内容,为了方便以后的修改,可以放置于index00.js。 index00.js可以直接将function的内容放入。 可以利用function_menus(){document.write('……')},然后在 引用 注意: 目前浏览器的默认状态是禁止运行脚本和ActiveX控件运行的,所以不推荐这样使用! 19.状态栏的设置: 方法一: 在控件的属性中增加: onmouseover="window.status='回主页喽! ';returntrue" 当鼠标移出文本时,状态栏的显示: onmouseout="window.status='shenyubo! ';returntrue" 方法二: 利用JAVAScript语言设置。 见四.10 20.滚动文字的制作: 你好! 说明: 1.direction移动的方向: 其值为left、right、down或up. 2.bihavior移动的方式: 其值为scroll,side或alternate 3.loop循环次数: 若不指定,则其循环不停。 4.scrollamount循环速度: 数字越大,越快。 5.onmouseover=stop();当鼠标放在上面则停止移动。 onmouseout=start();移开鼠标开始移动。 6.height和width属性: 用来设置可见大小。 21.常用功能汇总: 1.空格: 空一行: 不转行: 2.改变网页的背景颜色: 在控件的属性加入onClick=“document.bgcolor=‘green’” 3.说明文字的实现: 4.改变鼠标的形状: 属性里添加style='cursor: hand'。 5.说明文字: 格式: --文本-->一般在浏览器中不会显示。 6.设为主页: onclick="varstrHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');" 7.点击电邮地址,自动显示默认邮件软件.在属性中添加href="mailto: web@" 8.鼠标移过获得焦点: onFocus=“this.select()”onMouseOver=“this.focus()”其中this为控件名称。 三.VBScript说明: 1.最好将所有的一般目标Script代码放在HEAD部分中,以使所有Script代码集中放置。 这样可以确保在BODY部分调用代码之前所有Script代码都被读取并解码。 2.在VBScript中,过程被分为两类: Sub过程和Function过程。 (1)Sub过程: 包含在Sub()和EndSub语句之间的一组VBScript语句,执行操作但不返回值。 (2)Function过程: 包含Function()和EndFunction语句之间的一组VBScript语句,可以返回值。 FunctionCelsius(fDegrees) Celsius=(fDegrees-32)*5/9 EndFunction调用时,直接为Celsius(temp) 3.VBscript语言环境的建立和功能实现的方法: (三种方法) (1)最常用最有效的方法: 在 在
空两行:
--subbtn2_onclick()
DimTheForm
SetTheForm=Document.ValidForm
TheForm.btn2.value="沈育波"
endsub-->
(2)在
中有在
中插入--subGoBack()
form1.btn1.value=“正在后退”
Endsub-->
(3)在
中有在
中插入--MsgBox"文本内容!
"-->
4.For语句的使用:
For语句的使用与VB中基本相同,但需要注意的是Next后面在Vbscript中无需加变量。
基本格式为:
ForI=0step1000
Next
5.判断输入的字符是否是数字:
IsNumeric
IsNumeric(TheForm.Text1.Value)
如果text1中是数字则返回的置为true
如果text1中不是数字则返回的置为false
6.数据库的使用:
方法一:
利用Adodc控件来实现:
在
中插入--subc()
dimSQL,str
form1.Adodc1.CommandType=adCmdText
Setform1.DataGrid1.DataSource=form1.Adodc1
SQL="SELECT*FROM产品代码表"
form1.Adodc1.RecordSource=SQL
form1.Adodc1.Refresh
str=form1.shen2.val