Web技術基礎

基于Web標準教師姓名：張樹明Web技術基礎課程群：367454095Email：333fff3f@163.com電話：180015799191987年開始從事軟件開發工作，主要開發完成的Web項目有：《渤海大學國家考試網上報名系統》、《渤海大學教師課堂教學質量測評系統》、《財務費用控制管理系統》、《凌海電力房屋開發有限責任公司銷售管理系統》等。為什么開設這門課？網絡編程的基礎和入口課程設置是偏軟的；軟件是需要編程的；編程主要是網絡的；網絡編程主要是Web應用桌面互聯應用網站移動互聯應用APP（Android、iOS）什么是Web？Web本意是蜘蛛網的意思，現常指Internet的Web技術。Web技術提供了方便的信息發布和交流方式，是一種典型的分布式應用結構，Web應用中的每一次信息交換都要涉及客戶端和服務器，Web開發技術大體上也可以被分為客戶端（前臺）技術和服務端（后臺）技術兩大類。客戶端技術是Web技術的基礎。用Web技術構建的應用也稱網站。建立一個網站需掌握哪些知識？Web體系結構超文本標識語言—XHTML

層疊樣式表—CSS腳本語言—JavaScript

XML標準Ajax服務器腳本技術數據庫技術客戶端技術前端技術服務端技術課程在Web技術中的位置前導與后續課程Web技術基礎C語言程序設計計算機網絡ADO.NetJavaOOP.NetOOPC#JSPAjax/WebServiceJSP/Servlet/JavaBean/WebServiceStruts/Hibernate/Spring/AjaxASP.Net課程目的掌握Web應用體系結構。掌握Web標準；熟練使用XHTML1.0、CSS2.1、JavaScript制作網頁；熟練使用網頁制作工具軟件Dreamweaver

CS。能夠獨立完成網站前（客戶）端開發。主要內容一、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。了解各種瀏覽器。預習要求自學教材中本講的授課內容。思考題：基本的Web技術有哪些？Web工作原理是什么？Web標準有哪些？Web標準建議的超文本標記語言是什么？你經常用什么瀏覽器？3、自學情況反饋每周三17：00前由各組組長收集課程前饋表并整理一并向老師反饋預習中存在的問題（主要通過Web技術基礎課程QQ群367454095），逾期不予受理。要求每個人有自學筆記記錄，高質量完成自學內容，將自學中出現的問題反饋給教師，以便老師及時調整課堂講授內容。在課上隨機抽查，通過提問和檢查自學筆記記錄對前饋情況進行評價。作業題P17：習題1、習題2.2、習題2.4-2.5下載并安裝DreamweaverCS4及以上版本軟件