第4章节网站的开发.pptVIP

网络技术应用 信息技术（选修3） 峨山县第一中学 李义进 第四章 网站的开发 网络技术应用 网站设计与评价 因特网 应用 网络技术基础 组网 建网 用网 第四章 网站的开发 1、通过观摩他人网站的制作方法，了解网站开发的基本过程； 2、学会规划、设计、制作、发布与管理简单网站的基本方法； 3、懂得对常见网站的建设质量与运行状况进行评价； 4、学会建立一个自己的网站。 第四章 网站的开发 4.1网站的规划 4.2网站的设计 4.3网页的制作（一） 4.3网页的制作（二） 4.3网页的制作（三） 4.4网页的美化与特效（一） 4.4网页的美化与特效（二） 4.5网站的发布与管理 4.6网站的评价 4.1 网站的规划 学习目的：了解网站开发的基本过程、网站规划的基本内容 重点难点：网站规划的基本内容 学习方式：情景设置法 任务驱动法 学习任务：欣赏优秀网站，学习本节课的教学内容 4.1 网站的规划 一、优秀作品欣赏 (历年获奖作品精选) 4.1 网站的规划 二、开发网站的基本过程 4.1 网站的规划 三、网站的规划 1、网站主题的确定 以小组(4人/小组）确定主题，创建一个专题网站。每位同学负责一个子题的若干网页建设。 小组讨论确定主题网站的名称，参考课本95页，表4-2 2、网站运行环境的确定 学校的校园网提供了高带宽、平稳的网站运行环境，为同学们提供存放网站的磁盘空间。  4.1 网站的规划 五、网站开发任务的管理 1、任务分工 2、时间安排 4.2 网站的设计 学习目的：了解网站设计的基本内容、对自己的主题网站进行结构、栏目设计 重点难点：网站设计的基本内容 学习方式：实例分析 学习任务：欣赏优秀网站，学习本节课的教学内容 4.2 网站的设计 一、网站设计的主要内容 网站设计一般包括：网站栏目设计、网页版面设计、网页的链接设计(导航设计)等。 4.2 网站的设计 二、欣赏优秀作品，思考有关问题 1、这些网站是怎样围绕主题展现内容的？ 2、这些网站提供了哪些栏目及功能？ 3、网站的链接有哪些特色，是否便捷？ 4、网站主页有布局、色彩运用有哪些特点？ 优秀网站参考： 4.2 网站的设计 三、网站的结构设计 制作网站前要设计好网站的栏目。网站的栏目可以有多层，但并不是越多越好，以能够恰当地体现网站主题为好。此外，每个栏目本身应有一个大致的内容描述，以表达该栏目的设计思路，充实整个网站的总体结构设计。 4.2 网站的设计 4.2 网站的设计 四、网页的版面设计 网页的版面设计包括如下两方面：1、风格设计　　风格是指网站的整体形象给浏览者的综合感受。有的严肃，有的清爽温馨，有的深沉厚重等。风格的设计与主题密不可分，是为突出主题服务的。　　一种风格的形成需要从多方面着手设计，包括网页布局的整体造型、色彩的搭配、字体图片的样式设置、网站的标志设计等。同一网站内的各网页之间应保持风格的一致、在每个页面的相同位置放置图标、文本块等元素，这样有利于提高浏览速度、并给人以整体感。 4.2 网站的设计 4.2 网站的设计 2、版面布局设计　　网页要呈现的内容很多，概括起来可分为标题信息、栏目信息、内容信息、附加信息等，要进行合理的放置，让人看起来井井有条，主次分明。下图是版面布置的一个例子。 4.2 网站的设计 4.2 网站的设计 五、网页的交互设计　　用户如何访问网站？怎样从一个位置到另一个位置？怎样防止用户在网站中“迷路”？链接点设计就是要考虑人们在浏览网站时通常有哪些需求，并帮助他快捷地路到所需的页面，实现轻松自如的浏览。 4.2 网站的设计 六、给自己的主题网站设计栏目和作版面设计 “网页色彩的选择、造型及其代表意义”参考课本第105页。 4.3 网页的制作(一) 学习目的： 1、了解网页素材的种类与管理 2、认识FrontPage的界面，学会建立站点，编辑简单的网页页面。 学习重点：建立站点，新建网页文件。 学习难点：在站点中保存图片。 4.3 网页的制作(一) 网页制作过程： 4.3 网页的制作(一) 一、准备网页素材 网页素材的准备工作主要包括网页素材的获取加工与管理1、网页素材的获取加工方法： （1）网上搜索获取 （2）使用工具获取（如：数码相机、数码摄影机、扫描仪、录音笔等） （3）各媒体素材光盘中获取 （4）利用工具软件制作或加工素材（如Photoshop、CorelDRAW等软件） 2、网页素材的管理 通常，我们对准备好的素材按网页进行分类，同一个网页的素材用一个文件夹来进行管理，如果需要的话还可以采用多级子文件夹详细分类。 文件夹的名字就是该页面的名称。 用最能反映文件内容或特征的英文或拼音字母作为文件名。 4.3 网页的制作(一) 4.3 网页的制作(一) 二、新建站点 1、