江西省永丰中学沪科版高中信息技术（选修3网络技术应用）课件：4.1 了解和设计网站 .pptxVIP

了解与设计网站 沪科版高中信息技术（选修三）——《网络技术应用 》第四章第一节 任务一了解网站的基本结构 1．了解网站的基本结构 文字 图片 动画 超级链接 搜索表单 任务一了解网站的基本结构 ２．分析网站的栏目结构和链接关系（以清华大学网站为例） 清华大学网址　 清华大学网站的主要栏目及链接关系 第一层 第二层 主页 清华新闻 学校概况 院系设置 师资队伍 教育教学 科学研究 招生就业 走进清华 第三层 清华大学网站采用的结构是树形结构。 　提　示　板 　　从网站的主要栏目结构和链接关系来看，常见的网站结构有树形、星形和混合形。 任务二了解静态网页与动态网页 １．浏览一些不同形式的网页。访问新浪网的主页，单击页面上几个不同的超级链接，打开相应的网页，填写下表。 打开的网页内容 地址栏显示的内容 支持提交信息 　　　提　示　板 　　网站建设常用的技术包括HTML、avaScript、ASP、CGI等，使用不同的技术制作的网页其扩展名不相同。 这些网页文件的扩展名包括.htm、 .html、.asp 、.php、 .jsp ； 其中使用最多的是：.html。 任务二了解静态网页与动态网页 2．了解动态网页。 访问互动出版网（），查询关于动态网页的书籍，关注返回信息。 操作步骤： 1.在搜索栏中，搜索有关“计算机”的书籍。 2.浏览返回的图书信息，选择感兴趣的图书，了解更详细的资料。 3.尝试在“更新搜索：文本框中输入感兴趣的主题，查找相关书籍。 讨论 经过上述操作，网页上的内容发生了哪些变化？这些变化是由什么引起的？ 任务三设计“我爱我校”网站 １．组成小组,展开讨论,确定”我爱我校”网站的域名、服务对象和主要内容，将讨论结果填入下表。 网站主题 我爱我校 域名 服务对象 学生，老师，学长 主要内容 学校相关信息 任务三设计“我爱我校”网站 　　　提　示　板 　　确定好网站主题后，要对网站内容进行分类，设置栏目，确定网站的结构、链接关系及风格。 2.开展小组讨论，确定网站的主要栏目结构、网页之间的链接关系及网站的风格，并将其记录下来。 “我爱我校”网站的主要栏目结构及链接关系 首页 美丽校园 校园快报 时尚娱乐 原创作品 学科知识 心理驿站 学校简介 校园图片 活动预告 获奖信息 校园热点 英语角 阅读楼 探索窗 流行地带 我爱明星 脑筋急转弯 奇思妙想 成长烦恼 校园幽默 心理知识 心理测试 心理咨询 “我爱我校”网站风格设计 主色调 图片风格 主要字体 语言风格 其他 网站的结构为树形结构 任务三设计“我爱我校”网站 3．每个小组成员都为“我爱我校”网站的主页设计一个布局方案，并将它画下来。汇总所有小组成员的设计方案，讨论后确定一个最终方案。 4.围绕本小组确定的主题和栏目收集、整理资料，并选择适当的工具软件对这些资料进行加工和处理。 本小组使用_______软件处理文字资料，使用______软件得理图片，还使用______软件处理_______资料。 5.小组讨论确定将哪些网页设计成静态网页，哪些网页设计成动态网页，并根据设计的要求选择建站工具。 Dreamweaver frontpage adobe muse cc 2017 wpsh5秀堂 “我爱我校”网站设计实例