Web技术基础基于Web标准教师姓名:张树明Web技术基础课程群:367454095Email:333fff3f@163.com电话:18001579919•1987年开始从事软件开发工作,主要开发完成的Web项目有:《渤海大学国家考试网上报名系统》、《渤海大学教师课堂教学质量测评系统》、《财务费用控制管理系统》、《凌海电力房屋开发有限责任公司销售管理系统》等。为什么开设这门课?网络编程的基础和入口课程设置是偏软的;软件是需要编程的;编程主要是网络的;•网络编程主要是Web应用–桌面互联应用•网站–移动互联应用•APP(Android、iOS)什么是Web?•Web本意是蜘蛛网的意思,现常指Internet的Web技术。Web技术提供了方便的信息发布和交流方式,是一种典型的分布式应用结构,Web应用中的每一次信息交换都要涉及客户端和服务器,Web开发技术大体上也可以被分为客户端(前台)技术和服务端(后台)技术两大类。客户端技术是Web技术的基础。用Web技术构建的应用也称网站。建立一个网站需掌握哪些知识?1.Web体系结构2.超文本标识语言—XHTML3.层叠样式表—CSS4.脚本语言—JavaScript5.XML标准6.Ajax7.服务器脚本技术8.数据库技术客户端技术前端技术服务端技术课程在Web技术中的位置前导与后续课程Web技术基础C语言程序设计计算机网络ADO.NetJavaOOP.NetOOPC#JSPAjax/WebServiceJSP/Servlet/JavaBean/WebServiceStruts/Hibernate/Spring/AjaxASP.Net课程目的掌握Web应用体系结构。掌握Web标准;熟练使用XHTML1.0、CSS2.1、JavaScript制作网页;熟练使用网页制作工具软件DreamweaverCS。能够独立完成网站前(客户)端开发。主要内容一、Web技术概述Internet概述;Web体系结构;超文本与标记语言;Web标准的组成;常用浏览器;主要内容二、Web标准结构推荐——XHTML1.0常用元素的标签语句及应用;表现标准——CSS2.1常用属性及应用,重点介绍了页面如何布局;网站制作流程与发布过程;行为标准——ECMA-262的ECMAScript基础和JavaScript脚本语言;主要内容三、JavaScript框架jQuery入门;课程目标和课程项目展示•课程目标–学完本门课程后能够:•课程项目课程项目展示制作界面美观大方、面向应用的各类网站。教材及参考书教材•《Web技术基础——XHTML、CSS、JavaScript》张树明等编著清华大学出版社教材及参考书参考书•《HTML与XHTML权威指南》(美)穆西亚诺肯尼迪著张洪涛邢璐译清华大学出版社教材及参考书参考书《CSS权威指南》(美)迈耶著尹志忠侯妍译中国电力出版社教材及参考书参考书•《JavaScript权威指南》(美)费拉纳提著李强等译机械工业出版社教材及参考书参考书•《CSS商业网站布局之道》朱印宏著清华大学出版社教材及参考书参考网站•教学改革——以学生为中心的课程教学优质大学本科教育的七条准则:1)鼓励师生间的交流2)鼓励学生间的合作3)鼓励活跃的学习方式4)能提供及时的反馈5)在完成任务时强调时间观念6)能相互寄予更高的期望7)尊重各种不同的人才及学习方式教学改革——以学生为中心的课程教学•建立以精讲、互动、训练为主体的课堂教学基本模式。•促进学生自控能力、学习能力、沟通能力、协作能力、创新能力的养成。•减低记忆性考核比重•加大学习过程评价在学业评价体系中的比重。•建立以能力考核为主体的学业评价机制。课堂流程1、课堂初期•对学生完成任务(前馈及作业)点评,针对存在的问题进行必要的知识讲解。不大于5分钟。2、课堂讲授期•对知识点进行精讲教学,讲易混点;讲易错点;讲易漏和易忽略点。不多于30分钟。3、课堂互动期•设置课堂互动问题,进行师生、生生互动,对学生学习过程进行评价。布置课外学习任务。15-20分钟。课外流程1、自学预习•学生要完成老师布置的课外学习任务。2、课后作业•完成课后作业。3、课外阅读与研究•完成老师布置的开放性题目。学时分配计算机科学与技术、计算机科学与技术(软件开发)、软件工程:•总学时:34学时(理论)+17学时(实验)•课内学时=51×60%≈30学时•课外学时=51×40%=20学时计算机科学与技术(中职本)专业:•总学时:34学时(理论)+34学时(实验)•课内学时=68×60%≈40学时•课外学时=68×40%=28学时成绩评定总成绩•平时学习过程(70分)–2周公布一次成绩。•开放性考试(30分)成绩评定—平时学习过程考核细则前馈评价(20%)认真预习,主动思考,提出高质量问题,积极向老师反馈。有自学笔记。(4)能够预习,能够思考,能够提出问题,能及时向老师反馈。有自学笔记。(3)能够预习,但不思考,没有提出问题,能及时向老师反馈。有自学笔记。(2)不预习,不思考,没有提出问题,也不及时向老师反馈。没有自学笔记。(1)学习状态(10%)完全投入课堂学习。(4)学习状态较好。(3)学习状态差(如上课吃零食、睡觉、玩游戏等)。(2)缺勤(病事假、旷课。其中旷课5次及以上视为放弃课程考核。)。(1)课堂研讨(10%)积极参与课堂讨论,主动发言回答问题并正确,有记录。(5)较好地参与课堂讨论,能够发言回答问题并基本正确,有记录。(4)能够参与课堂讨论,能够发言回答问题,有记录。(3)能够参与课堂讨论,不发言回答问题,无记录。(2)不参与课堂讨论,不发言回答问题,无记录。(1)课程实验(10%)能在规定的时间内完成实验题目,逻辑清晰,代码规范,结果正确。(4)能在规定的时间内完成实验题目,结果基本正确。(3)能在规定的时间内完成实验题目,但结果不正确。(2)不提交实验,抄袭,无法回答所作实验相关内容。(1)课外作业(20%)独立、认真完成作业。(5)较好完成作业。(4)全部完成作业。(3)未全部完成作业或与要求不符。(2)未交作业或抄袭。(1)成绩评定—开放性考试考核1、期中实验考试(20分)2、期末实验考试(10分)评分项分值文档结构4标准布局5导航菜单5内容样式4编码规范2评分项分值编码规范2代码正确4结果正确4课程引导•准备–分组•随机组合,5-6人一组。•先选定组长,组长轮值或固定,组长负责制。•组长负责每次课前前馈反映情况的统计提交、组织课堂分组讨论、收交课后作业、帮助老师记录等等。–建立课程群联系方式•Web技术基础课程群:367454095课程引导-模拟•课程教学学案授课内容第1章Web技术概述1.1Internet概述1.1.1TCP/IP、1.1.2主机和IP地址、1.1.3域名和DNS1.2Web概述1.2.1Web历史、1.2.2Web体系结构、1.2.3基本Web技术、1.2.4Web服务器1.3超文本与标记语言1.3.1超文本与超媒体、1.3.2标记语言、1.4Web标准1.4.1Web标准体系、1.4.2采用Web标准的优势1.5浏览器1.5.1常用浏览器、1.5.3标准浏览器、1.6网页制作工具1.6.1AdobeDreamweaver知识点重点:Web体系结构、超文本标记语言、Web标准。难点:Web体系结构组成及工作原理。教学目标掌握Web体系结构、超文本标记语言、Web标准。理解TCP/IP、主机和IP地址、域名和DNS。了解各种浏览器。预习要求1.自学教材中本讲的授课内容。2.思考题:基本的Web技术有哪些?Web工作原理是什么?Web标准有哪些?Web标准建议的超文本标记语言是什么?你经常用什么浏览器?3、自学情况反馈每周三17:00前由各组组长收集课程前馈表并整理一并向老师反馈预习中存在的问题(主要通过Web技术基础课程QQ群367454095),逾期不予受理。要求每个人有自学笔记记录,高质量完成自学内容,将自学中出现的问题反馈给教师,以便老师及时调整课堂讲授内容。在课上随机抽查,通过提问和检查自学笔记记录对前馈情况进行评价。作业题P17:习题1、习题2.2、习题2.4-2.5下载并安装DreamweaverCS4及以上版本软件,熟悉基本使用方法(查阅网络)。作业题要求写在自学笔记记录本上。课程引导-模拟•前馈–填表、提出问题。•精讲•互动–举例说明IP地址、URL和DNS之间的关系?•布置–从QQ群下载“《Web技术基础》课程学案.doc”文件完成第2次课学案内容并填写“《Web技术基础》课程前馈表”于下周三17:00前由各组组长收集(每组集成到一个文件中)通过QQ群交给老师。