综合实践——制作班级主页

1、第十八课综合实践一一制作班级主页 实践目标1、进一步熟悉 frontpage设计网站的环境2、学会运用图片，超链接，声音和视频建立班级的网站4、学会运用表单建立和发布班级的网站5、养成独立运用信息技术的能力和与他人协作的能力实践活动1 .自由分组，确定班级网页的创意；2 .小组成员内部分工，确定预计完成的时间；3 .制作班级的主页，感受制作过程，请老师指导，找班级其它同学提建议；4 .对班级网页进行发布及测试；5 .通过应用班级主页，分析总结班级主页设计的过程，撰写调查报告。知识与技能我们已经学习了很多 frontpage的知识，这节课我们通过综合实践活动，大家就运用这 些知识制作一个班级的网

2、站吧！并在网页上添加表单，并发布班级的网站： 一、建立班级网页的构思1、用frontpage建立一个“个人网站”类型的网站，保存到网站目录中2、选择一个主题修饰网站3、创意网站的结构，班级网站分成六页：网贝文件名网贝标题网贝内容frontpage 工具index.htm首页主页，各分页内容的精华:组件，超链接aboutme.htm班级介绍班级新闻，班级的简介表格，文字修饰favorite.htm班级活动通知，活动总结表格，文字，超链接feedback.htm留言反馈留言本，反馈信息表单interest.htm班级荣誉班级奖状，个人荣誉证书插入图片，背景音乐photo.htm班级剪影照片表格，插

3、入图片4、将六个网页进行整理，加入相应内容5、加入“ web组件”和网页背景音乐6、制作表单7、发布班级网站8、同学们分头收集班级网页所需的素材，丰富网页内容 、制作网站_01 且i了眸0 dfiflli调船& ipst7 */廿d4乖皿1工*w xi帮1用ri鹿/印 g 乜勒里i-微口早由：(1)用“个人网站”模 板建立班级网站，存放在 指定的网页目录下j工烟wk!*l m.i_fk lnii通!晔皿! idk-itm- kla iwir t-h hu e中ng bu ldu lis lm”hl hu piaki ln.ru 11如：,jlbttfufi-u白ljt!叁3厘1尊胃u目苒二皿:

4、噂 或虺*z电1*uq) 寺始wv和工临我河网”勺匚蛆觎三主自二井就雁如nrsta 皿*am前 ,4 41/ ti1ft 4 5 eihftifintlllbilir除牌用刁e :题鬻勰,j_. d v v kwf.i , r曲十|口咽廿u代吟、现国 卜阖等胃凰唯事国+、* 口口 lj 期4jg，u 抖口 jq,圣-3jrtflui uri 1中餐*5 mqik工* m嚅m f +)土 ,联eli：-ai5=工二一三上u 目#+已揖廿日厘 刊支黄一?必琳词毒丁津本阳站吏修明工便端所.史更日的 招5的以格r欢迎光临我们的班nnnnnsnnnnrnnnnnnhnnnmanhmmmi比刘i源气,不飕

5、eriro匐甯 ethtri以 off* _e r,=irf lg. nr1na* % -、o 01- 4 jj j(2)单击“格式”菜单， 选择“主题”，给班级网 站中所有的网页设定主题(3)将各网页设置好“导航栏”及“网页横 幅属性”qjl班级介绍应的信息及“ web组fikhttt t kiiiirtn v附转的迪急，通iiq忏方i片不:在土tff、q为过司. 如怛空题二 .忸酊文本oot3 9dy1f3vyimi4d9# kbuiim lit. fimr lb* hu r-* hu iu&hi 氏aim#+4 hll hu(4)在各网页内添加相4年05月,：m qwlr | p巨空每里

6、j,jsfls口第上urt w,及五133nlbtfispi.山 1口0j *.，= a二 二.m3 *1 口二七 bfe -(5)在“班级荣誉同小口 mik 亮即叩,小聚彳喜|*|二事中罩闺 1*1 191量事期鼻q/l mofli3注， 丹 3 d金k哥 士t =?g如事h 小_i e x口即用匕产；4j _pritijtd jk-b-tgo肯打寸。弱ehihiu hla imad hm iu rrisl k*v 加 mpair fc it v 3gl 1% 口心ij 工上网页添加网页背景音乐(6)在网页中添加表phiti-. klais格，并添加相应的图片班级活动h-土、-的 旧，a t

7、 ；、: 回2融雷| t 9 z u 屈 # k晨 七三 系玩 .十&匕川1叫cone *汉帮ir同看一好毛砧中国主的产备erxiulc. cqrf.漕在止油所工靠询田旭巧-lf-3ncilt.rer三、打开班级的网页(1)单击“文件”菜单，选择“打开网站 ”，打开班级的网n狗t a t土上 图 j ： j 式 上g，i fta ypewp mei wb4) 於 g 14h 5 h* t 蕈事看 中 再工事!qj且(2)打开班级的网站后，继续 设计丰富班级网站的内容0 + ”】% 目四、继续设计班级的网页.ttmqjm口itoiiiz ei工a出 fui tc(u e 0口值口 eld画 0占

8、 e z k ns”中s*r ipmev制宜*击 igtf却艳整f ma，口 k 也由45 ?e 审j ft如3瓯也(1)打开“留言反馈”网页, 根据需要添加相应的表单(2)打开“首页”网页，将各页的精华“复制”到“首页” 完成与各页之间的“超链接”(3)预览“班级网页 网页(4)单击“文件”菜单下的“发 布网站”，将班级的网站发布实践评价1 、在班级的网页上，还想放置哪些内容？2 、评价在网页上添加字幕，交互按钮等“web 组件”的过程？3、对网页上填加的图片进行处理，对文字进行修饰？4、请老师给你们设计的班级网页提建议，邀请老师参加你们的制作小组？并请老师对你们制作班级网页过程评价？5、开

9、个班级网页制作小组成员的总结会，将自己想说的话写成提纲，会后，写写自己的体会？小资料frontpage 与 dreamweaver 网页制作工具的结合1、结构网页结构的架构是网页设计是否成功的关键之一。 dreamweaver 在这方面做的要比frontpage 好的多。因此，在网页的整体设计阶段，大家可以使用 dreamweaver。2、源代码要想将一个网页设计得更好就要学会编辑网页的源代码， dreamweaver 源代码界面非常模糊。如使用 frontpage 就可以避免这种现象。在frontpage 的源文件项中，当我们看网页源代码的时候，网页源代码是错落有置，而且各种不同的程序例如 javascript、 java、 css等都呈现出各种不同的颜色。这样可以方便我们更改网页源代码。但是frontpage 在这个方面也有其缺点， 比如在我们的网页中嵌入的 asp 代码。 如果在 frontpage 编辑格式下看到是一片空白，让我们常常不知道要编辑代码的位置。在 dreamweaver 编辑状态下我们就能够看到各种代码标记， 一般显示为黄色的小标记。 当我们选中它的时候在源文件状态下就可以方便地更改我们嵌入各种代码了。3、修饰dreamweaver 在网页修饰方面不如 frontpage 做的好。我们在网页制作中经常会使用插入搜