自学网页设计与制作.pptx

《自学网页设计与制作.pptx》由会员分享，可在线阅读，更多相关《自学网页设计与制作.pptx（35页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页设计与制作课程的地位和作用课程的地位和作用-课程的地位课程的地位是计算机网络技术及相关专业的是计算机网络技术及相关专业的专业必修课专业必修课是计算机网络技术专业的是计算机网络技术专业的专业核心课专业核心课 程程第1页/共35页网页设计与制作课程的地位和作用课程的地位和作用-课程的作用课程的作用知识要求：知识要求：通过课程学习，掌握运用通过课程学习，掌握运用DreamweaverDreamweaver设计制作网页、特别是制作动设计制作网页、特别是制作动态网页的方法；掌握运用态网页的方法；掌握运用FireworksFireworks进行网页中图形设计和运用进行网页中图形设计和运用flashfl

2、ash进行进行网页中动画设计的方法。进而掌握综合运用三个软件，完成网页设计与制网页中动画设计的方法。进而掌握综合运用三个软件，完成网页设计与制作任务的方法。作任务的方法。第2页/共35页网页设计与制作课程的地位和作用课程的地位和作用-课程的作用课程的作用能力要求能力要求1 1：围绕专业核心能力培养，通过该课程的学习，培养围绕专业核心能力培养，通过该课程的学习，培养网页设计网页设计的能力，初步的能力，初步的网站的网站维护、管理维护、管理的能力，具备的能力，具备撰写简单技术文档撰写简单技术文档的能力。的能力。第3页/共35页网页设计与制作课程的地位和作用课程的地位和作用-课程的作用课程的作用能力要

3、求能力要求2 2：在课程学习中，培养和提高在课程学习中，培养和提高自主学习自主学习的能力；的能力；交流沟通和团队协作交流沟通和团队协作能能力；提高力；提高探索创新探索创新能力。能力。第4页/共35页网页设计与制作课程教学课程教学 创设适当的教学情景：创设适当的教学情景：交互式多媒体交互式多媒体选用合适的教学方法：选用合适的教学方法：任务驱动任务驱动理论实践一体化教学：理论实践一体化教学：讲练结合讲练结合第5页/共35页网页设计与制作课程教学课程教学 设计任务设计任务基本（模仿）任务基本（模仿）任务:构建构建”NBANBA精彩回放精彩回放”网站网站扩展（开放）任务扩展（开放）任务:构建构建”我的

4、业余爱好我的业余爱好”网站网站第6页/共35页 第7页/共35页 第8页/共35页网页设计与制作课程教学课程教学 教学的组织教学的组织学习模式：学习模式：模仿任务以模仿任务以个别学习个别学习为主，开放型任务强调为主，开放型任务强调协作学习协作学习。引导学生与学生、学生与教师间的引导学生与学生、学生与教师间的多向交流多向交流。第9页/共35页网页设计与制作评价模式评价模式 评价的依据评价的依据期末成绩期末成绩=平时成绩平时成绩(60%)+阶段成绩阶段成绩(40%)平时成绩依据平时成绩依据:完成模仿任务质量完成模仿任务质量(40%)上课态度上课态度 纪律纪律 出勤等出勤等(20%)阶段成绩依据阶段

5、成绩依据:每阶段完成开放任务质量每阶段完成开放任务质量 （开放任务分成了网页设计和图形动画设计两个阶段）（开放任务分成了网页设计和图形动画设计两个阶段）第10页/共35页网页设计与制作评价模式评价模式 评价的多样性评价的多样性 使用建立在共同的基础层面上的多样性评价尺度使用建立在共同的基础层面上的多样性评价尺度模仿任务：模仿任务：统一要求统一要求开放任务：开放任务：综合运用和在原有基础上的提高综合运用和在原有基础上的提高第11页/共35页网页设计与制作教学要求教学要求 提前提前2分钟进入教室，上课结束整理好机房方可离开。分钟进入教室，上课结束整理好机房方可离开。上课违纪上课违纪3次扣平时成绩次

6、扣平时成绩10分，分，5次以上平时成绩以次以上平时成绩以0分记。分记。第12页/共35页第一单元第一单元 网页设计概述与经典网站赏网页设计概述与经典网站赏析析提出任务：提出任务：角色转换：浏览者角色转换：浏览者 设计者设计者第13页/共35页概述概述:网络网络-网站网站-网页网页网络：将不同地理位置的、具有独立功能的多个计算机系统通过通信设备和线网络：将不同地理位置的、具有独立功能的多个计算机系统通过通信设备和线路连接起来，并能以功能完善的软件实现网络内资源共享的系统。路连接起来，并能以功能完善的软件实现网络内资源共享的系统。因特网：全球范围的计算机互联网。因特网：全球范围的计算机互联网。第一

7、单元第一单元 网页设计概述与经典网站赏网页设计概述与经典网站赏析析第14页/共35页网站：网站：网页的集合网页的集合随着互联网的飞速发展，网站越来越多地承担着树立企业形象、提高公众对企随着互联网的飞速发展，网站越来越多地承担着树立企业形象、提高公众对企业的认知度的作用，从而促进企业的发展。业的认知度的作用，从而促进企业的发展。一个设计精美的网站会让人形成一种好感，也必然使浏览者形成一定程度的一个设计精美的网站会让人形成一种好感，也必然使浏览者形成一定程度的认同。认同。网站设计人员的设计能力和技巧是网站建设成功与否至关重要的一环网站设计人员的设计能力和技巧是网站建设成功与否至关重要的一环 第一单

8、元第一单元 网页设计概述与经典网站赏网页设计概述与经典网站赏析析第15页/共35页网页：网页：网页由超文本标记语言（网页由超文本标记语言（HTMLHTML）的文件格式来构造，网页中包含了文本、图）的文件格式来构造，网页中包含了文本、图像、动画、声音及其他信息。像、动画、声音及其他信息。使用浏览器可以搜索、查看和下载互联网上的各种信息。使用浏览器可以搜索、查看和下载互联网上的各种信息。网页的起源：创始于世纪年代，设在日内瓦的欧洲核子研究中心的研网页的起源：创始于世纪年代，设在日内瓦的欧洲核子研究中心的研究人员为满足信息需求，开发和设计了网页系统。究人员为满足信息需求，开发和设计了网页系统。第一单

9、元第一单元 网页设计概述与经典网站赏网页设计概述与经典网站赏析析第16页/共35页网页浏览过程网页浏览过程？第一单元第一单元 网页设计概述与经典网站赏网页设计概述与经典网站赏析析第17页/共35页第一章 网页设计与制作基础网页由超文本标记语言（网页由超文本标记语言（HTMLHTML）的文件格式来构造，网页中包含了文本、图像、）的文件格式来构造，网页中包含了文本、图像、动画、声音及其他信息。动画、声音及其他信息。使用浏览器可以搜索、查看和下载互联网上的各种信息。使用浏览器可以搜索、查看和下载互联网上的各种信息。网页浏览过程网页浏览过程？第18页/共35页第一章 网页设计与制作基础网页由超文本标记

10、语言（网页由超文本标记语言（HTMLHTML）的文件格式来构造，网页中包含了文本、图像、）的文件格式来构造，网页中包含了文本、图像、动画、声音及其他信息。动画、声音及其他信息。使用浏览器可以搜索、查看和下载互联网上的各种信息。使用浏览器可以搜索、查看和下载互联网上的各种信息。网页浏览过程网页浏览过程？第19页/共35页第一章 网页设计与制作基础网页由超文本标记语言（网页由超文本标记语言（HTMLHTML）的文件格式来构造，网页中包含了文本、图像、）的文件格式来构造，网页中包含了文本、图像、动画、声音及其他信息。动画、声音及其他信息。使用浏览器可以搜索、查看和下载互联网上的各种信息。使用浏览器可

11、以搜索、查看和下载互联网上的各种信息。网页浏览过程网页浏览过程？第20页/共35页第一章 网页设计与制作基础网页由超文本标记语言（网页由超文本标记语言（HTMLHTML）的文件格式来构造，网页中包含了文本、图像、）的文件格式来构造，网页中包含了文本、图像、动画、声音及其他信息。动画、声音及其他信息。使用浏览器可以搜索、查看和下载互联网上的各种信息。使用浏览器可以搜索、查看和下载互联网上的各种信息。网页浏览过程网页浏览过程？第21页/共35页网页设计是技术与艺术的结合，涵盖了网络技术、多媒体技术、界面设计艺术等。网页设计是技术与艺术的结合，涵盖了网络技术、多媒体技术、界面设计艺术等。通过对精选的

12、国内外优秀网站进行赏析，我们了解这些网站设计的特色、技术、通过对精选的国内外优秀网站进行赏析，我们了解这些网站设计的特色、技术、效果。效果。第一单元第一单元 网页设计概述与经典网站赏网页设计概述与经典网站赏析析第22页/共35页国内外优秀网站赏析之一国内外优秀网站赏析之一门户网站门户网站中华人民共和国中央人民政府中华人民共和国中央人民政府中国教育科研网中国教育科研网新浪网新浪网无锡阿福台无锡阿福台第一单元第一单元 网页设计概述与经典网站赏网页设计概述与经典网站赏析析第23页/共35页国内外优秀网站赏析之二国内外优秀网站赏析之二商业网站商业网站太平洋电脑网太平洋电脑网万科房地产万科房地产第一单元

13、第一单元 网页设计概述与经典网站赏网页设计概述与经典网站赏析析第24页/共35页国内外优秀网站赏析之三国内外优秀网站赏析之三教育网站教育网站清华大学清华大学中国人民大学中国人民大学第一单元第一单元 网页设计概述与经典网站赏网页设计概述与经典网站赏析析第25页/共35页国内外优秀网站赏析之四国内外优秀网站赏析之四少儿网站少儿网站中国少年雏鹰网中国少年雏鹰网第一单元第一单元 网页设计概述与经典网站赏网页设计概述与经典网站赏析析第26页/共35页国内外优秀网站赏析之五国内外优秀网站赏析之五国外网站国外网站牛津大学牛津大学微软中国微软中国第一单元第一单元 网页设计概述与经典网站赏网页设计概述与经典网站

14、赏析析第27页/共35页网站艺术设计网站艺术设计赏析赏析学生作品学生作品赏析赏析第一单元第一单元 网页设计概述与经典网站赏网页设计概述与经典网站赏析析第28页/共35页网页制作软件网页制作软件目前，网页的复杂性越来越高。软件厂商开发了许多制作工具，采用图形目前，网页的复杂性越来越高。软件厂商开发了许多制作工具，采用图形界面，所见即所得，无需编程。界面，所见即所得，无需编程。第一单元第一单元 网页设计概述与经典网站赏网页设计概述与经典网站赏析析第29页/共35页网页制作软件网页制作软件1 1、MacromediaMacromedia公司推出了公司推出了 Dreamweaver Fireworks

15、 FlashDreamweaver Fireworks Flash2 2、DreamweaverDreamweaver与与FrontpageFrontpage比较比较第一单元第一单元 网页设计概述与经典网站赏网页设计概述与经典网站赏析析第30页/共35页网页设计与制作概述网页设计与制作概述网页制作软件网页制作软件 Dreamweaver窗口介绍窗口介绍第31页/共35页网页设计与制作概述网页设计与制作概述第32页/共35页网页设计与制作概述网页设计与制作概述第33页/共35页角色转化角色转化 浏览者设计者浏览者设计者第一单元第一单元 网页设计概述与经典网站赏网页设计概述与经典网站赏析析第34页/共35页感谢您的观看！第35页/共35页