网站设计与制作上机3Word下载.docx
《网站设计与制作上机3Word下载.docx》由会员分享，可在线阅读，更多相关《网站设计与制作上机3Word下载.docx（10页珍藏版）》请在冰豆网上搜索。
框架
使用框架，可以在一个浏览器窗口中显示不止一个HTML文档。
这样的HTML文档被称为框架页面，它们是相互独立的。
使用框架的不利因素有：
∙网站开发者需要关心更多HTML文档的情况。
∙打印整个页面变得困难。
frameset标签
∙<
frameset>
标签定义了如何将窗口拆分成框架。
∙每个frameset标签定义了一组行和列。
∙行/列的值指明了每个行/列在屏幕上所占的大小。
frame标签
frame>
标签定义了每个框架中放入什么文件。
下面这个例子中，有一个两列的分栏。
第一个被设置成窗口宽度的25％，第二个被设置成窗口宽度的75％。
页面“frame_a.htm”被放在第一个分栏中，“frame_b.htm”被放在第二个分栏中。
25%,75%"
4、混合框架：
50%,50%"
<
5、使用了noresize="
noresize"
的框架：
framenoresize="
src="
实验十HTML基础（十）
HTML列表，HTML支持有序、无序和自定义列表。
1、一个无序列表：
body>
h4>
AnUnorderedList:
/h4>
ul>
li>
Coffee<
/li>
Tea<
Milk<
/ul>
/body>
2、有序列表
AnOrderedList:
ol>
/ol>
3、列表的一些知识
无序列表
无序列表是一个项目的序列。
各项目前加有标记（通常是黑色的实心小圆圈）。
无序列表以<
标签开始。
每个列表项目以<
开始。
在浏览器中显示如下：
∙Coffee
∙Milk
无序列表的项目中可以加入段落、换行、图像，链接，其他的列表等等。
有序列表
有序列表也是一个项目的序列。
各项目前加有数字作标记。
有序列表以<
1.Coffee
2.Milk
有序列表的项目中可以加入段落、换行、图像，链接，其他的列表等等。
自定义列表
自定义列表不是一个项目的序列，它是一系列条目和它们的解释。
dl>
标签开始，自定义列表条目以<
dt>
开始，自定义列表的定义以<
dd>
/dt>
Blackhotdrink<
/dd>
Whitecolddrink<
/dl>
Coffee
Blackhotdrink
Milk
Whitecolddrink
自定义列表的定义（标签<
）中可以加入段落、换行、图像，链接，其他的列表等等。
4、有序列表的不同类型
Numberedlist:
Apples<
Bananas<
Lemons<
Oranges<
Letterslist:
oltype="
A"
Lowercaseletterslist:
a"
Romannumberslist:
I"
LowercaseRomannumberslist:
i"
5、无序列表的不同类型
Discbulletslist:
ultype="
disc"
Circlebulletslist:
circle"
Squarebulletslist:
square"
6、嵌套列表
AnestedList:
Tea
<
Blacktea<
Greentea<
实验十一HTML基础
其它常用HTML标签：
marquee>
等。
1、会移动的文字（Marquee）
基本语法
...<
/marquee>
会移动的文字！
文字移动属性的设置
方向<
direction=#>
#=left,right
marqueedirection=left>
从右向左移！
P>
marqueedirection=right>
从左向右移！
方式<
bihavior=#>
#=scroll,slide,alternate
marqueebehavior=scroll>
一圈一圈绕着走！
marqueebehavior=slide>
只走一次就歇了！
marqueebehavior=alternate>
来回走！
循环<
loop=#>
#=次数；
若未指定则循环不止（infinite）
marqueeloop=3width=50%behavior=scroll>
只走3趟！
marqueeloop=3width=50%behavior=slide>
marqueeloop=3width=50%behavior=alternate>
速度<
scrollamount=#>
marqueescrollamount=20>
走得好快哟！
外观（Layout）设置
对齐方式（Align）<
align=#>
#=top,middle,bottom
fontsize=6>
marqueealign=#width=400>
/font>
底色<
bgcolor=#>
#=rrggbb16进制数码，或者是下列预定义色彩：
Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,
Fuchsia,White,Green,Purple,Silver,Yellow,Aqua
marqueebgcolor=aaaaee>
面积<
height=#width=#>
marqueeheight=40width=50%bgcolor=aaeeaa>
空白（Margins）<
hspace=#vspace=#>
********************************************<
br>
hi,
marqueehspace=20vspace=20width=150bgcolor=ffaaaaalign=middle>
大家好！
实验十二熟悉DW软件环境、配置站点
掌握网页制作软件的使用，掌握使用站点管理器建立站点的方法。
1、通过对网页制作软件Dreamweaver的使用，熟悉该软件的基本编辑环境。
2、通过站点管理器，设置一个完整站点，包括根文件夹的路径、默认图片文件夹的路径的设置。
实验十三超链接制作
教学要求：
掌握制作超级链接的方法。
（1）在Dreamweaver中，针对一副图片制作图象的热区，当点击图象不同区域时跳转到不同的网页。
（2）在一个网页中实现三个锚点的制作。
实验十四行为动作
掌握使用行为动作的方法。
在Dreamweaver中，利用行为动作设计：
（1）单击图象时实现图象跳转到其他网页。
（2）鼠标移动到图象上方时实现图象的翻转。
实验十五动画制作
掌握使用时间轴和图层技术的方法。
在Dreamweaver中，利用时间轴和图层技术设计一个广告页面（包含漂浮的图象或文字，展开的画卷，以及幻灯片播放似的图象）。
升级会员 