网站设计与制作上机3Word下载.docx
- 文档编号:16812538
- 上传时间:2022-11-26
- 格式:DOCX
- 页数:10
- 大小:16.95KB
网站设计与制作上机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中,利用时间轴和图层技术设计一个广告页面(包含漂浮的图象或文字,展开的画卷,以及幻灯片播放似的图象)。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 设计 制作 上机