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