网页制作上机练习题

温柔似野鬼°
960次浏览
2021年02月08日 03:43
最佳经验
本文由作者推荐

山东远程研修-

2021年2月8日发(作者:甜美歌曲)


================


精选公文范文,

管理类,


工作总结类,


工作计划类文档,

< br>欢迎阅读下载


==============



网页制作上机练习题












【第一章】



上机练习:






1


、下载


Dreamweaver 8


的安装软件,练


习


Dreamweav er


8


的安装、启动、关闭


和卸载。





(


从


ftp://web@


网站下载


)




2

< p>
、


启动


Dreamweaver 8


进入其工作界面,


分别指出各个组件及其功能。


< /p>


3


、在本


地计算机


D


盘建立一个文件夹,以本人


姓


名< /p>


和


学


号


命


名


,


如


“

< p>
李


明


”


。





然后创建一个站


点,站点的名称以本人的姓名的拼音小


写字母来命名,如


“


李明


”


的站点名称为


“liming”


。





在站点根目 录下新建


images


、


photo< /p>


、


music


、


flash


、


main


等


5


个


文


件

< br>夹


,



在


站


点


根


目


录


下


新


建、


、< /p>


、


、


、


、


、


等


8


个页面文件。






【第


二章】



上机练习


1:





一、打开本地

站点根目录下的文件,进行如下设置:



1


、设置文件头内容:



文件标题:可爱


的校园;





插入关键字:学校简介;


--------------------


精选公文范文,管理类,工 作总结类,工作计划类文档,感谢阅读下载


-------------------- -
























~ 1 ~



================


精选公文范文,


管理类,


工作总结类,


工作计划类文档,


欢迎阅读下载


============= =



校园风光;校园文化;教学设施



插入


META


:值-

< br>author


,内容-你的姓名。



2


、设置页面属性:





设置页面文本

颜色为黄色、背景颜色为绿色;



设置标

< br>题


1


为


72

像素、红色;



3


、插入文本




编辑字体,添加黑体和隶书两种字体;




在文档编辑窗口输入


“


可爱的校园


”


,格


式为标题


1


,字体居中,字体为隶书;




录入


“


学校 简介


”


、


“


校 园风光


”


、


“


校园文


化


”


、


“


教学设施


”


文字,格式为段落,分< /p>


为


4


行,并进行项目列表。





在

< br>“


校


园简介


”

< br>下面另起一行,


录入一段校园简


介的文字,不少于


100


字,首行前面


4


个空格;



4


、插入图像





从网上下载


校园风光图片


3


张,存到网站根目录的


images


文件夹中;



在


“


校园风光


”


下面另


起一行,插入刚下载的第一张图片,修


改图片的属性为


300×


200


;





设置鼠


标 经过图像。把刚下载的第二、第三张


图片分别设为


“

< p>
原始图像


”


、


“


鼠标经过图


像


”


,


修


改


图


片


的


属


性


为


300×


200


;




插入一个图像占位符,大小为


300 ×


200


,


~ 2 ~







--------------------


精选公文范文,管理类,工作总结类,工作计划类文档,感谢阅读下载


---- -----------------
























================


精选公文范文,


管理类,


工作总结类,


工作计划类文档,


欢迎阅读下载


==============



颜色为黄色。



5

、在文本最后插入水平


线。





6


、在水平线下面另起一行写


入作者姓名,如


“


作者:李明


”


。



7

、在


作


者


后


面


10


个


空


格


后


插


入


日< /p>


期


。







上机练习


2:





一、


从学 习网站的


【网


页素材】下载


“


公园导航图


”


,在文件中


制作电子地图,图片使用锚点链接,具


有


“

< br>返回导游图


”


功能。






二、申请


空间并上传作业





1


、


从本网站的


【学


生空间】

< br>--


【申请空间】


,申请


1


个的网


站空间,



并把网站的域名记下;





2


、


在【学 生空间】栏目找到你的姓名,通


过


“


操 作


”


-


“


编辑


”


,





把你的网站域名


填写到


“


作业地址


”


,同时补充完 善个人


信息,





并及时修改你的编辑密码;





3


、打开 做一个简单首页,链接你的作业


一和作业二。



4


、把、


、和图片上传到你


的 空间,



以后每次作业在首页链接后一


起上传到你的空间,



老师将通过空间查


看你的作业。






【第三章】



上机练


习


1:





一、打 开站点根目录下的文


件,


创建一个


4< /p>


行


×


3


列的黑色 细线表格,


--------------------


精选公 文范文,管理类,工作总结类,工作计划类文档,感谢阅读下载


----------- ----------
























~ 3 ~



================


精选公文范文,


管理类,


工作总结类,


工作计划类文档,


欢迎阅读下载


============= =



表格宽度


500


像素,单元格间距为


1


。






二、打 开站点根目录下的文件,在练习


一制作的细线表格中,合并第三行的单

< br>元格,


把单元格高设为


30


像素 ;





然< /p>


后在该单元格插入一个线条颜色为红


色、


宽为


480


像素的一像素分割条。




三、


打开站点根目录下的文件,用嵌 套表格


方式制作


“


新年快乐

< p>
”


贺卡。



背景图片从< /p>


学习网站的【网页素材】栏目的


“


网页背


景


”


或自己从网上下载。





< br>1


、表格


一:


1


行


×


1


列,

< br>宽度


500


像素,


高度


318


像素,边框为


0


,单元格间距为


0


,单元


格边距为


12


像素,背景图像自选择。






2


、表格二嵌套到表格一中:


1


行

< p>
×


1


列,


宽度

< p>
100


%,高度


318


像 素,



边框为


0


,


单元格间距为


0


,


单元格边距为


12


像素,


背景 图像自选择。






3


、表格三嵌套

到表格二中:


1


行


×


1


列,宽度


100


%,


高度


270


像素,





单元格间距和单元


格边距都为


8


像素,边框为


1 0


,边框颜


色为红色。背景图像自选择。






4


、


将光标放置在表格三内,


添加文字< /p>


“


恭贺


--------------- -----


精选公文范文,管理类,工作总结类,工作计划类文档,感谢阅读下载


---------------------
























~ 4 ~



================


精选公文范文,


管理类,


工作总结类,


工作计划类文档,


欢迎阅 读下载


==============


新禧


”


,


文字居中,


字号


68px


,


字体为隶< /p>


书,颜色为紫色。









上机练


习


2:


用表格构建课程教学网站首页






从学习网站的【网页素材】栏目下 载


“


教


学网站图片

”


压缩包,下载到本地后解


压,把解压出来的图片复制到网 站根目


录的


“images”


文件夹。





打开站 点根


目录下的文件,清空页面内容。按下面


步骤进行制作:






网页顶部





1


、


创建表格一:

1


行


2


列,宽为

< br>760


像素,


边框及边距均为


0


,间距为


1


,背景颜色


为绿色,居中对齐。




< /p>


选定表格一的


各个单元格,设置背景色为白色,水平


为居中对齐。






2


、将光标置于表格


一左边单元格中,插入图像。



3

、将光


标置于表格一右边单元格中,


插入图像。

< p>




4


、将光标置于刚完成的表格之后,插入


表格二:


1


行


7


列,


宽为


760


像素,


边框


及边距均为


0


,间距为


1


,背景颜色为绿


色,居中对齐。





5


、选定 表格二的


各个单元格,设置背景色为白色,水平


为居中对齐。< /p>



6


、在表格二


7


个单元格


--------------------


精选公文范文,管理类,工作总结类,工作计划类文档,感谢阅读下载


---------------------
























~ 5 ~


山东远程研修-


山东远程研修-


山东远程研修-


山东远程研修-


山东远程研修-


山东远程研修-


山东远程研修-


山东远程研修-