初中八年级下信息技术.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,初中八年级下信息技术,初中八年级下信息技术初中八年级下信息技术,（二）教学设计,1,课堂引入,前面已经掌握了网站、网页、网页的组成元素等基础知识，现在就来了解开发建设一个网站的过程中需要进行的工作。在进行网站建设的时候，需要先进行需求分析，要对网站的主题、素材、规划内容综合考虑。,2,安全自护我能行（首页,Index.html,）,目录（,all.html,）,日常生活,校园内外,逃生急救,有奖问答,交通出行,生活用电,家务劳动,体育健身,集体活动,校内,野外实践,火灾自救,溺水急救,呼救常识,第一层,第二层,第三层,第四层,本课，我们将对以“安全自护我能行”为主题的网站进行站点规划，如下图就是该站点的组织结构图。,3,网站需求分析,网站风格定位,确定网页版式类型,网页设计创意,制作网页,发布网站,市场调查,网站规模,网站主题,目标群体,上左中右型,上左右型,左中右型,满版型,其他,开发网站流程示意图,一、了解网站开发流程,4,一、了解网站开发流程,对于开发个人网站，可以简化为以下三步,1,、网站需求分析,规划一个网站，除规划好架构，还需要考虑以后的扩充性，,确定网站主题,网站的主题就是网站所要表达的核心内容，网站必须有明确的主题才能充分表现个性和情趣，才能办出特色，给浏览者留下深刻印象。,收集素材 明确了网站的主题以后，就要围绕主题搜集素材了。素材的准备包括：图片、文字、音频、视频和动画等。,规划站点 如网站结构、栏目设置、网站风格、网站导航、颜色搭配、版面布局、文字图片的运用等。,5,2,、设计制造网站页面,网页设计一定要按照先大后小，先简单后复杂的顺序来进行制作。,先大后小：就是在制作网页时，先把整体的结构设计好，然后再逐步完善局部的结构设计。,先简单后复杂：就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时及时修改。,3,、网站的发布,网站制作完成，还需要发布到互联网上，这样其它用户通过域名地址访问，具体过程是先申请域名、开通网站空间，然后上传网站,6,二、利用,Dreamweaven 8,创建网站,1,、启动,Dreamweaven 8,步骤,1,：单击,开始,程序,Macromedia Macromedia Dreamweaven 8,命令，。首次启动,Dreamweaven 8,时系统会出现一个“工作区设置”对话框，选择“设计器”工作区布局。,7,1,、启动,Dreamweaven 8,步骤,2,：单击“确定”按钮后，出现,Dreamweaven 8,的起始页，选择“,HTML”,选项,8,进入,Dreamweaven 8,工作页面,9,2,、创建站点,步骤,1,：在,Dreamweaven 8,的工作界面中，执行站点,新建站点命令，打开“站点定义”对话框，选择“基本”标签，使用站点定义向导来创建站点，输入“安全自护我能行”作为网站名。,10,2,、创建站点,步骤,2,：单击“下一步”按钮，选择“否，我不想使用服务器技术”。,11,2,、创建站点,步骤,3,：单击“下一步”按钮，选择“编辑我的计算机上的本地副本，完成后再上传到服务器”，并在下面的文本框中输入站点的位置：“,D,初二,safe,12,2,、创建站点,步骤,4,：单击“下一步”按钮，选择“无”选项。,13,2,、创建站点,步骤,5,：单击“下一步”按钮，进入到”站点定义“的总页面，显示出已经完成的设置内容。,14,2,、创建站点,步骤,6,：单击“完成”按钮，完成新站点的创建。创建完成后，在“文件”面板中显示新站点：“站点,安全自护我能行（,D,初二,safe,）,15,三、课堂练习,16,四、小结,1,、建设网站需要先进行规划，规划的好坏直接决定着网站设计的成功及否。规划的内容包含网站的结构、栏目的设置、网站的风格等。,2,、利用,Dreamweaven 8,可以快速创建网站。,17,（三）教学补充,1.,切换网站,当学生使用的计算机具有磁盘保护的功能，或者在,Dreamweaver 8,中创建了多个待编辑的网站时，学生启动软件后，系统不会恰好打开需要编辑的站点，此时可以提示学生使用“文件”面板来打开需要的网站。其操作过程如图,2.4,、,2.5,和,2.6,所示。,图,2.4,单击箭头所示位置,图,2.5,选择所需站点,图,2.6,完成切换,18,2.,网站组成,在创建站点的过程中，教师不可避免地会遇到站点的组成问题，一般来说在,Dreamweaver 8,中创建的站点分为三部分：本地站点、远程站点和测试站点，讲清楚此三部分的含义，才能正确设置站点。,本地站点,：这是我们创建站点的工作目录，用来存放网页和素材，它可以位于学生的本地计算机，也可以位于教师配置的网络服务器上。,远程站点,：远程站点是用来存储我们创建的站点文件的文件夹，这些文件用于测试、生产、协作和发布站点。如果想在不连接,Internet,时测试站点，可以在本地计算机上通过软件设置的办法去模拟,Web,服务器环境。,测试站点,：用来测试动态页面的站点，适用于动态网页。,3.,动态网页和静态网页,至于动态网页和静态网页的区别，教师可以简单概括讲解如下：,动态网页和静态网页是相对的，动态网页是指内容由站点数据库中变化的数据来显示的网页，静态网页和动态网页的扩展名不同，静态网页一般 是以,.htm,、,.html,、,.shtml,、,.xml,等为扩展名，而动态网页则是以,.asp,、,.jsp,、,.php,、,.perl,、,.cgi,等为扩展名的。教师还可以提供学生一些动态网站的地址，让学生通过自己的实际操作去体会二者的区别。,19,谢谢观赏,