自学网页设计与制作.ppt
网页设计与制作第一单元,网页设计与制作,课程的地位和作用-课程的地位是计算机网络技术及相关专业的专业必修课是计算机网络技术专业的专业核心课 程,网页设计与制作,课程的地位和作用-课程的作用知识要求：通过课程学习，掌握运用Dreamweaver设计制作网页、特别是制作动态网页的方法；掌握运用Fireworks进行网页中图形设计和运用flash进行网页中动画设计的方法。进而掌握综合运用三个软件，完成网页设计与制作任务的方法。,网页设计与制作,课程的地位和作用-课程的作用能力要求1：围绕专业核心能力培养，通过该课程的学习，培养网页设计的能力，初步的网站维护、管理的能力，具备撰写简单技术文档的能力。,网页设计与制作,课程的地位和作用-课程的作用能力要求2：在课程学习中，培养和提高自主学习的能力；交流沟通和团队协作能力；提高探索创新能力。,网页设计与制作,课程教学 创设适当的教学情景：交互式多媒体选用合适的教学方法：任务驱动理论实践一体化教学：讲练结合,网页设计与制作,课程教学 设计任务基本（模仿）任务:构建”NBA精彩回放”网站扩展（开放）任务:构建”我的业余爱好”网站,网页设计与制作,课程教学 教学的组织学习模式：模仿任务以个别学习为主，开放型任务强调协作学习。引导学生与学生、学生与教师间的多向交流。,网页设计与制作,评价模式 评价的依据期末成绩=平时成绩(60%)+阶段成绩(40%)平时成绩依据:完成模仿任务质量(40%)上课态度 纪律 出勤等(20%)阶段成绩依据:每阶段完成开放任务质量（开放任务分成了网页设计和图形动画设计两个阶段）,网页设计与制作,评价模式 评价的多样性 使用建立在共同的基础层面上的多样性评价尺度模仿任务：统一要求开放任务：综合运用和在原有基础上的提高,网页设计与制作,教学要求 提前2分钟进入教室，上课结束整理好机房方可离开。上课违纪3次扣平时成绩10分，5次以上平时成绩以0分记。,第一单元 网页设计概述与经典网站赏析,提出任务：角色转换：浏览者设计者,概述:网络-网站-网页网络：将不同地理位置的、具有独立功能的多个计算机系统通过通信设备和线路连接起来，并能以功能完善的软件实现网络内资源共享的系统。因特网：全球范围的计算机互联网。,第一单元 网页设计概述与经典网站赏析,网站：网页的集合随着互联网的飞速发展，网站越来越多地承担着树立企业形象、提高公众对企业的认知度的作用，从而促进企业的发展。一个设计精美的网站会让人形成一种好感，也必然使浏览者形成一定程度的认同。网站设计人员的设计能力和技巧是网站建设成功与否至关重要的一环,第一单元 网页设计概述与经典网站赏析,网页：网页由超文本标记语言（HTML）的文件格式来构造，网页中包含了文本、图像、动画、声音及其他信息。使用浏览器可以搜索、查看和下载互联网上的各种信息。网页的起源：创始于世纪年代，设在日内瓦的欧洲核子研究中心的研究人员为满足信息需求，开发和设计了网页系统。,第一单元 网页设计概述与经典网站赏析,网页浏览过程？,第一单元 网页设计概述与经典网站赏析,第一章 网页设计与制作基础,网页由超文本标记语言（HTML）的文件格式来构造，网页中包含了文本、图像、动画、声音及其他信息。使用浏览器可以搜索、查看和下载互联网上的各种信息。网页浏览过程？,第一章 网页设计与制作基础,网页由超文本标记语言（HTML）的文件格式来构造，网页中包含了文本、图像、动画、声音及其他信息。使用浏览器可以搜索、查看和下载互联网上的各种信息。网页浏览过程？,第一章 网页设计与制作基础,网页由超文本标记语言（HTML）的文件格式来构造，网页中包含了文本、图像、动画、声音及其他信息。使用浏览器可以搜索、查看和下载互联网上的各种信息。网页浏览过程？,第一章 网页设计与制作基础,网页由超文本标记语言（HTML）的文件格式来构造，网页中包含了文本、图像、动画、声音及其他信息。使用浏览器可以搜索、查看和下载互联网上的各种信息。网页浏览过程？,网页设计是技术与艺术的结合，涵盖了网络技术、多媒体技术、界面设计艺术等。通过对精选的国内外优秀网站进行赏析，我们了解这些网站设计的特色、技术、效果。,第一单元 网页设计概述与经典网站赏析,国内外优秀网站赏析之一门户网站中华人民共和国中央人民政府中国教育科研网新浪网无锡阿福台,第一单元 网页设计概述与经典网站赏析,国内外优秀网站赏析之二商业网站太平洋电脑网万科房地产,第一单元 网页设计概述与经典网站赏析,国内外优秀网站赏析之三教育网站清华大学中国人民大学,第一单元 网页设计概述与经典网站赏析,国内外优秀网站赏析之四少儿网站中国少年雏鹰网,第一单元 网页设计概述与经典网站赏析,国内外优秀网站赏析之五国外网站牛津大学微软中国,第一单元 网页设计概述与经典网站赏析,网站艺术设计赏析学生作品赏析,第一单元 网页设计概述与经典网站赏析,网页制作软件目前，网页的复杂性越来越高。软件厂商开发了许多制作工具，采用图形界面，所见即所得，无需编程。,第一单元 网页设计概述与经典网站赏析,网页制作软件1、Macromedia公司推出了 Dreamweaver Fireworks Flash2、Dreamweaver与Frontpage比较,第一单元 网页设计概述与经典网站赏析,网页设计与制作概述,网页制作软件 Dreamweaver窗口介绍,网页设计与制作概述,网页设计与制作概述,角色转化 浏览者设计者,第一单元 网页设计概述与经典网站赏析,
