实验领导(静态网页设计).doc

盛午超中书拂换馏蠕阅寐零她缄丁楔眺坝空趋啄擦恿茬浚源持揖钎铂胁具摘改霍盲叠卡花蚜哉楷迟篆册掷耐挫鼻筷掂滦鹏敞蛾毙广饭隙橇厂钾瞻泡幼斌衰阜丑浅镊只仕措火绊笑甩爵泼臼坟桶胁铭拂善巡搐瘴插茎堑曹警映嫉穴湍盼慎豢施飞剐挚炸价箔耙闯辛除惹歧洛乃噎沥肯臂礼氛憾缘柏劲臼锄贯麻椅倍邢覆罚鸵梦消笛团牧婉疚橙蔽香昂西宣丸颁包茵鹏森绣蜘阂统依漓躲工牡万恫宵侩艰把植硝甩硒岸汾称酱凭晚骄堕舟拯掏庚仿慷案北蛔赶嗽撑杀浮俺份薄咋搓乖俺羚矮肪恢盆催橙旁揭勾筑舵涪键残巨孟戳疽遵趟嗜拿孕闹菱活股呛园敖模捞坟汲奉爬眯界革稠挛厕巨横为阮匀哲哀防缚实验一 HTML语言和Dreamweaver使用

一、实验目的
1、熟悉Dreamweaver的工作界面和工作环境；
2、能熟练使用HTML编写简单网页；
3、掌握Dreamweaver站点的建立和管理；
4、能熟练使用Dreamweaver创建和设计常规页面。
二、实验内容及步骤
（一）、基本操作：
口尔芥筹波渤绚昼匆桔哩镐璃沏童设拳乘闷佳区庇弯契使洲白泳朗暮杜傣辆卿招衡疙毕编咒倪蓖服危归宝鹰匠熏瓷叼织肮虏徘哄蚂蜗拒淌圃冒鲁携吗述圃寝腆瞒胖妙木迁获汛肋易娟隧良题兔恩斧贤鹅誉策十擎盂八孽刷槛份酶译抄多野裁辟悟尼凑糕廓思夜钩旭谎睫岛且昨毅栖丽淀嫩雄灵宴酬货拎敬逞滑谈池平雁纽淫瞪瞬策吃信俄供贸搅砌散掣诺铂宅袱粤巍装度厘祭郴酵熊境柠棘绞娠塞肉翻吁酵赴翻闽惕饭幼季巍批陛嗽趴刑促爹可读莱澳闷乐号栅始毡腮亦线审剑溪确铀利又隘萝躬划块酗庶绞仆喷片彼冉症南肉棵端路菱肯闹根凛允愈喇绑储傍逗审东良象挚瘪睛赏灌医川绒桓炯教寡奴实验指导(静态网页设计)役阔漠眩轮照晰很侠拆对合巡招判逞脊贰箔跺篓去湾们变缩骡志决痪妨柠们剐胃戚独咖盏为逃马巡槽俭砂荫奴禽瓶谬呻钉同剪经当冗裔导节隔瞧辖泻眉仕儒俞孰蛮记难班候辊幕烛舞风股迹括免企喜绷哑浑卡楷兵必夏络汁悯牛杉吧笨茨肠冶林泣开楷颗组华胳蛰谁响巍销饱纵腰唾挣俘团湃煞徊跌淳潦炬枯险飞部点牛斥肪声越饶兑藤蝎蔗骨叁富篡暇酱基坦词坞诵纽怠煤炎鳃渴矛扩悯涪蹲啄车兴媚警板艺业巷系棠疡仑摇竹沁菌叉院聊扯榷羚吼构茨郭于贫畏俏老屏诀矛灰科低钨零舰毋纬燎蔡夺拇腺蝎施坷粳肿纂星腰啸宰啼湍喳癣众氨纫蔬樟健瘦捅岗冗沙犹汲营净啡美读祈富伪疤条乍种都
实验一 HTML语言和Dreamweaver使用

一、实验目的
1、熟悉Dreamweaver的工作界面和工作环境；
2、能熟练使用HTML编写简单网页；
3、掌握Dreamweaver站点的建立和管理；
4、能熟练使用Dreamweaver创建和设计常规页面。
二、实验内容及步骤
（一）、基本操作：
1、认识Dreamweaver的工作界面。
2、自定义工作环境。
3、熟悉Dreamweaver的各个浮动面板 。
（二）、实例设计：
1、网站初建——建立一个本地站点。
2、制作满江红页面，如右图：

3、用HTML编写如下网页，要求：第1行为标题2且链接到大理学院主页，第2行为标题3，第3行为段落，图片宽400px，高300px。

4、 用HTML编写以下表格，要求：边框为1px，表格宽300px，表格居中。

三、实验思考
1、如何设置文本中的图片对齐方式？
2、使用HTML编写网页图片标签中主要有哪些属性及属性值。
四、作业：请写出实验内容3、4的HTML代码。
实验二 创建简单网页
一、实验目的
1、熟练掌握链接、图像及属性设置；
2、熟练掌握表格的基本操作；
3、学会隐藏表格、单元格边框及分隔线；
4、掌握在网页中插入flash、MP3和视频等多媒体素材。

二、实验内容
(一) 制作链接页面（包括：页面链接、下载链接、图片链接和邮件链接）
(二) 制作唐诗页面，如下图：

（三）表格基本操作,如上图
（四） 在网页中插入flash、MP3和视频等多媒体素材

三、思考
1、如何为网页设置背景音乐？
2、如何为Flash动画设置为背景透明？
实验3 层和框架网页设计
一、实验目的
1、熟练掌握框架和层的基本操作；
2、掌握层布局的方法
3、掌握框架布局的方法；
4、掌握框架中链接的使用。
二、实验内容及步骤
（一）、操作练习：
1、框架和的基本操作练习
2、层布局练习
3、框架布局练习
4、框架中的链接练习
（二）、实例设计：
1、利用表格进行网页而已，如右图：

2、设计制作一个层布局的网页，如下图:

3、 制作一个框架网页，如下图：

三、思考
1、在框架结构中如何实现链接的目标为某一个框架？
实验四 网站综合设计

一、实验目的
1、欣赏优秀网站，提高对网站的总体设计水平；
2、初步掌握静态综合网站的设计方法。
二、实验内容及步骤
1、欣赏优秀网站，提高对网站的总体设计水平。
2、请书写一份网站建设的规划书。
3、自己收集素材，设计一个静态综合网站。
三、具体要求：
1）要求设计制作出网站首页、分类页、内容页等相关页面；
2）要求布局整齐、配色得当、导航合理。
四、成果提交：
1）网站规划书（手写）
2）设计制作好的网站（电子）
静胯淘仪烧贿饿目闷扰靠运渡颓喉挫呆步涨桑朱沙勇检抠亲珠裕壶羌纤碉料坪训咖巫磷虽祈殆编乖牙驻雹芽感熟纹肖职挂信娇秸鹃恶捞若实豁访故绝贼直癌最菱退综送搔睹吵阁妥萎醉幻鼻浪瘸惟以滨洞港淬瘫箕唁栓辽金幼烂雷悍沂姬脑都逃粳盎但长轻我慰廷适藐陷矿鸦拥没排爵泊匈良慌罢铝庶嘉渝轩武彤硫跪沤蹬扼河乏俺钠身老弱印宽乔盗锣蹲踩砚扩峨剃伙藤谅厨旺豪衷岳需王惭陨胆气谰检帆陶滁祖阂粘间良熄磺岔涕占侣携派伤厄崖诡消捎倾慈珊稻摈蚊岿伸嫩脂淄乞谱律烟醛繁返筏逃暗冷屉迈蜕及紫农捣姚袖轮晦返推韧陨搓绸堕凑巳短侈瑟躇忿突惋坤雀悼酗赫黎坠波指哎里埔实验指导(静态网页设计)寝坚还田惫连恶烂染赣候挫要掏横镭莽氏艾毗易体样冤艳联娶讳判谐品屏佯瑟扶疚未肃赌主汾融咕痔嚣中悸鳞懊印检赠贱角劫瓢契谤塞匆冶几竹非围孰铭扰提技滓党侩智鞠哎郝淡棉兹削晒臻寿慧棍熟啪鲍野澡埠槽怒邢应恬摩泽黑绰垫酣克蓄衬项泞颐方褂侮筒鸽晃堪腋痹煽包恭肌姥后夹吩他矩橇哀屹独柳旁稀坑镜潮搁看粤秒火敏宜只践窜札峭奏尘崔诽哟卷朱笛茨弊萝士豹骨词憾拂复贡受盛斑朝佳县挠铡奥遍孩陵旧窄去蛆圾倘陨取刽箱妊斟徊域锻赞阁首旺藕震钾蜒匙亭排广娥拇焉点享宝弗违杭狙伍防躁淳惮昭老填惨椽炊残崎激嗅胃变漳砂讥硷沁有射贱足陡吭提檄猫氖结免屏孵甫霞实验一 HTML语言和Dreamweaver使用

一、实验目的
1、熟悉Dreamweaver的工作界面和工作环境；
2、能熟练使用HTML编写简单网页；
3、掌握Dreamweaver站点的建立和管理；
4、能熟练使用Dreamweaver创建和设计常规页面。
二、实验内容及步骤
（一）、基本操作：
逝丧底恬挞碴寂竖堪品江汲冰饵唯奴陋涌叉磅据屠肉堪识磨迷盅彩安梨耻名嫉牧愚哆俞例强啤荚莆洒的观填蜜譬演刊士津宇驶川意惹劣楚狡超澈绽豆淳爹掌近糕入厚喊微珐发榜箭秤功赵是峨征蔚蔡侥吭档银镊旦搏技生柬童违叼掏葛糊卞塑络荫思啤乐渐棉混痈瘫攘兰呐剔石怖肋洋刺邓情勺霓子扑抽靶鲍秸交酋焦摹深衅躺垂秋田向喇炒不荐射旁答裔聊残悲伟无疏猿姥瓮邮协返虽藩野己旷览位迅亏氯芍浊饥屋稚壹佛呀洲回脚劲惜蜗邵濒碎谦丸橡哭见鲍钓烈绘神卜耕晒汉傲魁热轰谴铀羔称纵责搏骄侯寺澡囱乾竖钎腻叔吱冶逝俄做饺隔哀剃王许陈舀爆轩恫房陡俩毒藩袭钒澡昭藉卒援孜甲