篇一:“网站的开发”单元学习主题网站习题
网站,借此宣传毒品对青少年的危害性。那么下面较为合理的信息集成过程是 ( ) ①收集反馈、评价修正②确定主题、设计目标③规划内容结构、收集加工素材④选择适当工具、实际制作A、③②①④ B、②①④③
C、①③②④ D、②③④①
2、建立班级主题网站的顺序是( )
A、规划→设计→实现→发布管理
B、设计→规划→实现→发布管理
C、规划→实现→设计→发布管理
D、设计→实现→规划→发布管理
3、小明想对父母的老照片进行加工处理,需要对其进行旋转、裁切、色彩调校、滤镜调整等加工,可选择的工具是()。
A、Flash B、Photoshop C、Cool 3DD、画图
4、下列主要用于网页浏览的软件是( )
A、Word B、AccessC、ExcelD、Internet Explorer
5、网页的制作工具软件件有( )
A、Word B、Powerpoint C、Flash D、Frontpage
答案 :
1、D
2、A
3、B
4、D
5、D
篇二:第四章 建立主题网站
>4.1规划网站【基础知识】
通过本节的学习,你将:
? 了解网站建设的基本步骤
? 体验规划网站的过程
? 对自己的主题网站有较为详尽
的规划1. 信息集成的一般过程一般都要经历四个阶段:选题立意阶段、设计规划阶段、开发制作阶段、评估测试阶段。
2. 网站是因特网上具有相似性质和共同内容的一组信息资源。网站的基本元素是各种各样的文件以及存放这些文件的文件夹。文件可分三类:网站文件(.htm或.html);图片、音频与视频等资源文件;WEB数据库和程序文件。
3. 网页(page)是用HTML语言写成的文件。
主页(homepage)通常用来表示访问某个网站时出现的第一个页面,一般主页名称默认为“index.htm”。
4. 网站的结构主要有三种类型:树状结构、线性结构、网状结构。
5. 需求分析与选题
a) 中心任务:确定你想要表达的主题和设计的目标,并用一个贴切而有特色的名字来表达。
b) 常见主题举例:我们熟悉的主题、我们感兴趣的主题、当前的热点主题。
6. 选择网页制作工具
信息集成工具大致可分成:基于图标的工具、基于时间的工具、基于页面的工具。 网页制作工具:源代码型、“所见即所得”型(frontpage、dreamweaver)。
【知识拓展】
HTML语言是万维网上的通用语言。HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。
【典型题析】
【例1】用HTML语言编写一个简单网页。打开“附件”中的“记事本”,在记事本中输入以下代码,并将文件保存为“welcome.html”。代码如下:
<html>
<head>
<title>欢迎光临机器人做学玩网站</title>
</head>
<body>
欢迎进入机器人做学玩网站!
</body>
</html>
【分析】本题体现了网页的两种不同表现方式。在记事本中编写HTML代码并保存为
welcome.txt,然后对welcome.txt重命名,通过把welcome的扩展名由“.txt”改为“.html”,将文本文档更改为网页文件。打开welcome.html,展现出的网页与用frontpage
做的网页一
样。现在回头看刚才的记事本中编辑的源文件“welcome.html”,可以看到除了一般的纯文本外,还由成对的尖括号“<>”括起的字符串,如<html>?</html>、<head>?</head>、<title>?</title>、<body>?</body>等,它们分别代表着一定的含义,这就是HTML标签(Tag)。HTML语言就是通过一系列特定的标签,来标识出相应的意义和作用,再通过浏览器把这些标签所代表的意义表示出来。HTML的标签还有很多。能够读懂基本的HTML标签,对于学习用frontpage制作网页会有很大的帮助。
【扩展】通过本题可以看出文件的扩展名重要性。扩展名是作用就是为了识别文件是什么类型(或者说是什么格式),从而让系统知道用什么软件打开它。很多同学重命名文件时,会误删除扩展名,导致文件不被系统识别而无法打开。
扩展名与文件的打开方式是关联的。如果修改某种文件类型打开方式,右击文件→打开方式→选择程序→浏览,“打开”你需要的软件,在“始终使用选择的程序打开这种文件”前打上钩,最后点击“确认”就可以。
【模拟练习】
【第1题】因为课题研究的需要,南京的张老师经常要和远在北京的李教授对论文、研究方案进行交流、讨论,适合的方法是:( )。
A、通过msn、qq等及时通讯工具交流、讨论。
B、通过电子邮件进行交流讨论
C、通过电话、传真进行讨论
D、通过书信联系
【第2题】我们把网站打开时,首先看到的网页称为( )。
A、Web页 B、主页 C、首页 D、网页
【第3题】在建立网站站点的过程中,下列那些行为是恰当的:( )
A、建立自己的主题站点,首先需要创建一个WEB站点,用于保存和调试创建的网页。
B、制作网页之前,应该对版面进行设计。
C、建立站点,就是制作一个个网页,不需要先创建一个站点。
D、图片总是比文字更多的受浏览者的欢迎,因此网页中图片越多越好。
【第4题】建立主题网站的顺序一般是( )。
A、规划→实现→设计→发布管理
B、设计→实现→规划→发布管理
C、规划→设计→实现→发布管理
D、设计→规划→实现→发布管理
【第5题】下列软件中不能用于制作网页的是( )。
A、 Flash MX B、Dreamweaver MX C、CuteFTPD、FrontPage2000
【参考答案】1.A 2.B 3.A 4.C
5.C
4.2网站设计
【基础知识】
通过本节的学习,你可以:
?
?
?
1. 了解网站设计的基本内容。 通过设计自己的主题网站,体验设计在建站中的重要性。 依据主题,设计好网站的栏目和结构。 网站栏目安排要注意以下几方面。
a) 要紧扣主题,尽可能删除与主题无关的栏目。
b) 尽可能将网站最有吸引力的内容列在栏目上。
c) 尽可能方便访问者的浏览和查询。
2. 版面设计就是将不同元素巧妙排列的方式。常见的页面结构样式有:厂字型、口字型、自由式。现在网页一般按800*600像素设计。
3. 树立网站整体风格
a) 网站标志(logo)
b) 标准色彩:色彩应用原则是“总体协调,局部对比”,一
般一个网站的标准色彩不要超过3种。
c) 标准字体:关键的标题、菜单、图片里使用统一的标准
字体。
4. 收集素材:
a) 要注意对收集来的素材进行分类;
b) 文件名要易懂易记,便于调用;
c) 要注意保护知识产权,避免侵犯别人的版权。
【典型题析】
【例1】观察“机器人做学玩”网站的布局,分析其版面布局类型。除了教材上提到的几种布局,你还知道其他的布局类型吗?你最欣赏的是哪一种?
【分析】该网站的布局是源于框架网页“标题、页脚和目标”。新建好该框架网页,按住CTRL,用鼠标左键拖动栏目的上或下边框进行拆分。优点:页面结构清晰,主次分明,充分利用版 面,信息量大,与其他页面的链接多,切换方便。
【模拟练习】
【第1题】如果网站目录结构不清晰,内容东一块西一块,主要在下列哪一块出问题:()
A、网站标志不清楚 B、栏目设置不合理
C、色彩不和谐D、字体不标准
【第2题】在网站建设中几个过程是必须经历的,你认为比较合理的流程是( )。
(1)规划网站结构,并确定设计风格(标志,主色调,文字效果,栏目设置和版面布局)
(2)发布网站
(3)网页制作
(4)了解网站运行环境,选择网站开发工具
(5)确定网站主题,收集素材
A、(1)(2)(3)(4)(5)B、(5)(1)(4)(2)(3)
C、(1)(4)(5)(2)(3)D、(5)(1)(4)(3)(2)
【第3题】网页要呈现的内容很多,如何合理地放置信息,使之看起来井井有条,主次分明,这主要是下列哪项工作:( )
A、选定网页制作工具B、栏目设置
C、版面设计 D、语言确定
【第4题】树立一个网站的整体风格,你认为跟下列哪项无关?( )
A、网站标志 B、标准色彩 C、标准字体 D、附加信息
【第5题】网页要呈现的内容很多,如何合理地放置信息,使之看起来井井有条,主次分明,这主要是下列哪项工作:( )
A、选定网页制作工具B、栏目设置
C、版面设计 D、语言确定
【第6题】树立一个网站的整体风格,你认为跟下列哪项无关?( )
A、网站标 B、标准色彩 C、标准字体 D、附加信息
【第7题】下列关于网页制作中收集素材的描述,哪些是错误的( )。
注:此题为不定项选择题
A、收集来的素材无需分类,集中在一个文件夹中存放较好。
篇三:主题网站教学设计
第三高级中学 程巧兰【教材分析】
网站设计是《网站技术应用》第四章“建立主题网站”第二节的内容,第一节网站规划根据需求分析,确定做一个什么样的网站;第二节网站设计,解决如何去表达网站的主题,如何把内容成功组织和呈现。如果说规划使“做什么”的问题得到解决,那么设计则是决定“如何做”的问题,是把一个网站由蓝图变为现实的第一个步骤,是搭建网站整体结构的过程,它能使接下来的工作更加有的放矢。
【对象分析】
本案例的对象是高一年级的学生,通过必选教材的学习,学生具有一定的信息技术基础及网络知识,学生上网兴趣极高,被丰富多彩的网页所吸引,很想动手制作自己的网站。第一节学习后,学生就急于动手制作网站,忽视网站的设计。本节理论性较强,教师通过实践活动引导学生从感性认识上升到理性认识,逐步体会到想要制作出高质量的网站,不但要学习和掌握网页的制作技术,更重要的是学习如何对网站进行整体规划和设计。为创建一个风格独特的个人网站打下基础。
【教学思路】
新课程倡导学生“自主、探究、合作”的学习方式,引导学生主动参与、勤于动手,培养学生分析问题、解决问题的能力。本节课,教师以网页制作专题学习网站为教学平台,采用任务驱动法、情境法、实践法进行教学,注重引导学生在网络学习环境中交流、评价,体验生生、师生互动给学习带来的帮助和乐趣,通过欣赏优秀网站的设计、小组合作讨论达成本节课教学目标。
【教学目标】
知识与技能:
(1)了解网站设计的基本内容;
(2)通过设计自己的主题网站,体验设计在建站中的重要性;
(3)依据主题设计网站的栏目和结构,树立网站的整体风格; 过程与方法:
(1)运用Frontpage2000设计网站的栏目,学会绘制网站的结构图,表达自己对网站架构的理解;
(2)学习优秀网站设计,进一步提高学生的审美能力;
情感、态度与价值观:
(1)培养学生的合作学习能力、探究问题的兴趣与能力;
(2)培养学生的鉴赏能力;
重点:了解网站设计在建站中的重要性
难点:能够根据自己的需求设计网站的栏目、首页布局和风格
教学环境:多媒体网络教室网页制作专题学习网站平台
【课时】:1课时
【教学过程】
一、情境导入
随着因特网的高速发展,网站如雨后春笋般发展起来,有的网站日访问量高达几十万、几百万、几千万人次,而有的网站访问量寥寥无几。同学们想一想究其原因是什么呢?
呢?做网页?
学生访问:https://dmtzp.pyedu.cn(全国中小学电脑制作优秀作品集锦) 思考:选择与小组主题相近的优秀作品欣赏,作品中最吸引你的是什么?作品对你有哪些启发?
讨论:选择一个网站,从栏目、布局、LOGO、色彩、内容进行小组讨论。
合理的规划为建立主题网站提供了一个总体框架,精美设计是吸引访问者的一个重要因素,想要制作出高质量的网站,不但要学习和掌握网页的制作技术,更重要的是依据主题,设计网站的栏目、结构和风格。
二、新知探究
? 栏目设置
学生访问:网页制作专题学习网站/作品锦集/专题“逍遥游天下”网站 思考:浏览三个不同的网站首页,思考网站用几个栏目来展示主题?
师生交流:建设一个网站好比写一篇文章,首先要拟好提纲,这样文章才能主题明确,层次清晰。栏目实质上是一个网站的大纲索引,将网站主题明确显示出来。
例如:蔡卿的“逍遥游天下”栏目设置
的栏目各有千秋,栏目划分的依据是什么,各有哪些优点和不足。
实践:根据小组的网站主题和内容,对网站的栏目进行设计,并简单描述每个栏的主要内容,填写表4-2并进行自评。
是否重点突出和是否方便浏览三方面,进行小组评价、教师评价选出栏目设计的最佳小组。
? 版面布局
教师引导:浏览“逍遥游天下”网站首页,你喜欢哪一个首页的版面设计?为什么?
师生交流:版面布局是指将不同元素以最适合浏览的方式排放在页面的不同位置,合理的版面布局能够让浏览者清楚、容易地理解作品传达的信息。网页呈现的内容很多,如何合理地放置信息,使之看起井井有条、主次分明是版面布局需要考虑的问题。
常见的页面布局样式
布局类型,除了表中提到的几种布局,还有其他的布局类型吗?
讨论:讨论“Welcome to 花蝶谷、虫语花香”这两个网站首页的布局; 教师引导:网页制作专题学习网站的栏目布局
实践:根据小组主题网站的内容和栏目结构,每人绘制一个版面布局图,经过讨论,选出最佳方案,并将作品上传。(参考“网页制作专题学习网站/网站设计/版面设计)
? 树立整体风格
教师引导:在浏览网站的时候,我们会发现好的网站往往具有独特的风格,如:粗犷豪放的、清新秀丽的、温文尔雅的,还有执著热情的,即使只看到其中的一页,也可以分辨出是哪一种类型网站。这是因为同一个网站的网页往往都有统一的外观设计。这种统一的外观设计就是网站的整体风格。 如何树立整体风格?
自主学习:网页制作专题学习网站/网站设计/网站整体风格
师生交流:
1、设计一个独特魅力的网站LOGO,并将它放在页面最突出的位置。
2、网站的标题、主菜单和主色块文字采用相似和谐融洽色彩。
3、标题、主菜单选择一些特别的字体。
教师引导:树立网站整体风格分三步
第一步---网站标志
学生访问:“网页制作专题学习网站/网站设计/网站图标”
思考:图标的设计方式与特点是什么?
师生交流:标志可以是中文、英文字母,可以是符号、图案,可以是动物或者人物等
讨论:图标与网站名称和内容有什么关系?表达怎样的含义?
(参考“网页制作专题学习网站/知识拓展/谷歌创意LOGO欣赏”)
师生交流:
1、选择与主题有关的,并具有代表性的人或者物,用它们作为设计的蓝本,加以卡通化和艺术化,例如搜狐网站的卡通狐狸。
2、用自己网站的中文或者英文名称作标志,或者用其中的字母和符号合成。
3、对于专业性的网站,可以以本专业有代表的物品作为标志。
实践:小组讨论,尝试设计小组的主题网站标志。
第二步---网站色彩
教师引导:网站给人的第一印象来自于视觉的冲击,确定网站的色彩至关重要。色彩能够体现网站形象、延伸网站内涵,甚至可以影响访问者的情绪。标准色彩的设置能够反映网站的水平。
学生访问: www.pqshow.com/index/wangye1.htm 优秀网站,
思考:网站标准色彩是什么?使你产生了什么样的感觉?
师生交流:标准色彩指应用于网站标志、标题、主菜单、主色块文字的色彩。图片的主色、背景色、边框也应尽量使用标准色彩。
讨论:每种色彩都有自己的语言,代表一定的含义,你希望你的主题网站能够给人什么样的感觉,小组讨论之后确定主题网站使用哪一种标准色彩。
第三步---标准字体
教师引导:标准字体指用于标志、标题、主菜单的特有字体,一般网页默认的字体是“宋体”,为了体现站点的“与众不同”和特有风格,可以根据需要选择一些特别的字体。但要注意的是,使用一些比较特别的字体时,最好采用图片的格式,因为浏览者的浏览器可能没有安装包含你的特别字体的字体库,导致特别的字体显示不出来。
实践:
1、因特网上搜索下载艺术字体,
中的优点和不足的地方,并给出一些建议,为下节课的网站制作打下良好的基础。
三、课堂小结及自我评价
1、师生共同回忆本课所学新知;
2、小组成员浏览及完善作品;
3、访问“网页制作专题学习网站/自我评价/”,分析网站设计的成功之处和存在的疑惑。
四、课后任务
选定了主题和栏目,接下来就是该准备网页素材了。网站设计成功的最大秘诀在于浏览者感到网站对他们非常有帮助,“内容为王”仍是网站设计的关键。
1、根据主题和栏目广泛地收集素材;
2、对收集的素材进行分类管理。
3、注意保护知识产权,避免侵犯别人的版权。
【教学评价】
1.结果表格化,通过对表格文件的评价能够判断学生是否从给出的例子当中得到一些帮助和启发,同时也便于量化;
2.网站栏目设计是否符合主题,是否具有自己的特色;
3.网站的版面样式设计是否突出主题,是否合理;
4.网站的交互设计是否具有良好的人机交互性,是否人性化。
主要从上面的四个方面进行评价,同时要结合各组的实际情况如成员基础、主题等。
过程评价:主要是教师在辅导和巡视的过程中注意各组的进度,成员之间的合作情况以及学生的参与度。