任务一了解网站的基本结构.ppt

教学目标：教学目标：（1 1）认识网站、网页、主页；）认识网站、网页、主页；（2 2）了解构成网页的基本元素；）了解构成网页的基本元素；（3 3）学会分析网页结构；）学会分析网页结构；（4 4）区分静态网页和动态网页）区分静态网页和动态网页 教学重、难点：教学重、难点：（1 1）构成网页的基本元素；）构成网页的基本元素；（2 2）学会分析网页结构；）学会分析网页结构；网页网页：利用各种软件或开发工具制作而成的文件，：利用各种软件或开发工具制作而成的文件，可以传递文字、图片、声音等各种信息。可以传递文字、图片、声音等各种信息。网页可分为静态网页和动态网页。网页可分为静态网页和动态网页。网站网站：由一些互相关联的网页构成的一个整体。：由一些互相关联的网页构成的一个整体。主页主页：一个网站的起始网页。也叫首页。网站的：一个网站的起始网页。也叫首页。网站的门面，体现了整个网站的主题、风格及架构，具门面，体现了整个网站的主题、风格及架构，具有引导的功能。有引导的功能。任务任务：以小组为单位分别列出以下类型的网站：以小组为单位分别列出以下类型的网站新闻小说视频辉县市高级中学辉县市高级中学清华大学附小清华大学附小北京大学北京大学爱奇艺爱奇艺优酷网优酷网土豆网土豆网淘宝网淘宝网当当网当当网京东网京东网百度新闻百度新闻人民网人民网新华网新华网新闻小说视频新闻小说网购网购视频视频新闻新闻学校学校文字与图片文字与图片超级链接超级链接动画动画音频音频视频视频动态内容动态内容任务二：浏览网页，指出主页地址并说明网页任务二：浏览网页，指出主页地址并说明网页的构成元素有哪些？的构成元素有哪些？优点：条理清晰优点：条理清晰缺点：浏览效率较低缺点：浏览效率较低优点：浏览方便，访问者随时可以切换到自己想看的页面优点：浏览方便，访问者随时可以切换到自己想看的页面缺点：链接太多，访问者容易迷失方向缺点：链接太多，访问者容易迷失方向优点：访问者既可以方便快捷地到达自己需要的页面，优点：访问者既可以方便快捷地到达自己需要的页面，又能清楚地知道自己所处的位置。又能清楚地知道自己所处的位置。静态网页静态网页：用：用HTMLHTML代码组成的文件，用于发布无需用户参与、内容代码组成的文件，用于发布无需用户参与、内容固定的信息。常用固定的信息。常用HTMLHTML语言或语言或DreamweaverDreamweaver、FrontPageFrontPage、Office2000Office2000等工具编制。等工具编制。动动 态态 网网 页页 :包括动态表现网页与动态内容网页包括动态表现网页与动态内容网页动态表现网页动态表现网页:常用制作技术有常用制作技术有GIFGIF动画、动画、FlashFlash、JavaScriptJavaScript动态内容网页动态内容网页:通过一计算机编程语言如通过一计算机编程语言如CGICGI、ASPASP、JSPJSP、PHPPHP等，等，实现与用户的实时交互，生成内容发生变化的网页。实现与用户的实时交互，生成内容发生变化的网页。操作任务：操作任务：1、在360浏览器中打开“清华大学”网站，逐一打开各个栏目，记录其主要栏目，并用箭头标明它们之间的链接关系，完成P99表格。指是清华大学网站属于哪种网站结构？2、打开新浪网主页，单击页面上几个不同的超级链接，找开相应网页，填写P100表格。指出网页文件的扩展名包括哪些？其中常用的是哪个？指出哪些网页是静态网页，哪些网页是动态网页，是哪种动态网页？小小 结结1 1、网站、网页、主页、网站、网页、主页2 2、网站的构成元素、网站的构成元素3 3、网站的结构、网站的结构4 4、静态网页和动态网页、静态网页和动态网页