




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
網(wǎng)站設(shè)計(jì)與開發(fā)2018年河南大學(xué)環(huán)境與規(guī)劃學(xué)院網(wǎng)站設(shè)計(jì)與開發(fā)2018年河南大學(xué)環(huán)境與規(guī)劃學(xué)院1劣勢:年輕、經(jīng)驗(yàn)欠缺、黑人、民主黨優(yōu)勢:年輕、善于演講、善于利用互聯(lián)網(wǎng)網(wǎng)站應(yīng)用實(shí)例優(yōu)勢:四屆國會(huì)參議員、經(jīng)驗(yàn)豐富、越戰(zhàn)英雄、共和黨劣勢:年輕、經(jīng)驗(yàn)欠缺、黑人、民主黨網(wǎng)站應(yīng)用實(shí)例優(yōu)勢:四屆國會(huì)2網(wǎng)站應(yīng)用實(shí)例孝順:著有《我父親的夢想》一書,競選期間去看望自己的外婆,打動(dòng)人心熱愛運(yùn)動(dòng):喜歡籃球、高爾夫,擔(dān)任總統(tǒng)期間,打了247場高爾夫家庭幸福網(wǎng)站應(yīng)用實(shí)例孝順:著有《我父親的夢想》一書,競選期間去看望自3能夠發(fā)揮互聯(lián)網(wǎng)全部潛力的候選人,將會(huì)在下一屆總統(tǒng)大選中脫穎而出。——埃里克.施密特(GoogleCEO,2006)
能夠發(fā)揮互聯(lián)網(wǎng)全部潛力的候選人,將會(huì)在下一屆總統(tǒng)大選中脫穎而42015年淘寶雙11戰(zhàn)績第1分鐘成交10億第12分鐘成交100億第1小時(shí)接近250億10個(gè)小時(shí)
超過500億24小時(shí)達(dá)到912億未來精彩還將繼續(xù)…..2015年淘寶雙11戰(zhàn)績第1分鐘成交10億未來5
設(shè)計(jì)和制作一個(gè)自己的網(wǎng)站本門課程學(xué)習(xí)的目的系統(tǒng)學(xué)習(xí)網(wǎng)站的規(guī)劃、設(shè)計(jì)、制作、管理、維護(hù)的全過程最終目的設(shè)計(jì)和制作一個(gè)自己的網(wǎng)站本門課程學(xué)習(xí)的目的系統(tǒng)學(xué)習(xí)網(wǎng)站的6第一章
網(wǎng)站開發(fā)基礎(chǔ)第一章781.3網(wǎng)站的開發(fā)流程1.2認(rèn)識網(wǎng)站1.1Web基礎(chǔ)知識網(wǎng)站開發(fā)基礎(chǔ)網(wǎng)站開發(fā)基礎(chǔ)1.4常用的網(wǎng)站制作軟件81.3網(wǎng)站的開發(fā)流程1.2認(rèn)識網(wǎng)站1.1Web基礎(chǔ)知1.1Web基礎(chǔ)知識網(wǎng)絡(luò)1.1Web基礎(chǔ)知識網(wǎng)絡(luò)9email,google,blog,chat,webcast,wiki…Internet即互聯(lián)網(wǎng),是網(wǎng)絡(luò)與網(wǎng)絡(luò)之間所串連成的龐大網(wǎng)絡(luò),這些網(wǎng)絡(luò)以一組標(biāo)準(zhǔn)的網(wǎng)絡(luò)TCP/IP協(xié)議族相連,鏈接全世界幾十億個(gè)設(shè)備,形成邏輯上的單一巨大國際網(wǎng)絡(luò)email,google,blog,chat,web10起源
起源于美蘇冷戰(zhàn)第一代網(wǎng)絡(luò)協(xié)議:1969,美國國防部高級研究計(jì)劃署設(shè)計(jì)了ARPANET(AdvancedResearchProjectAgencyNetwork),將美國四所大學(xué)的電腦通過電話線連接起來,成立一個(gè)名為ARPANET的網(wǎng)絡(luò)斯坦福大學(xué)猶它州州立大學(xué)加利福尼亞大學(xué)的圣芭芭拉分校加利福尼亞大學(xué)的洛杉磯分校起源 起源于美蘇冷戰(zhàn)斯坦福大學(xué)猶它州州立大學(xué)加利福尼亞大學(xué)11萬維網(wǎng)的產(chǎn)生
12TimBerners-Lee開發(fā)了構(gòu)架起www的三大基礎(chǔ)技術(shù):Http,Html,URL萬維網(wǎng)之父“如果計(jì)算機(jī)和網(wǎng)絡(luò)是一門傳統(tǒng)的學(xué)科,那么蒂姆伯納斯-李就一定能獲得諾貝爾獎(jiǎng)”
——原Novell公司總裁、現(xiàn)Google公司CEO埃里克·施密特1991年產(chǎn)生于歐洲粒子物理研究所“與所有的推動(dòng)人類進(jìn)程的發(fā)明不同,這是一件純粹個(gè)人的勞動(dòng)成果。萬維網(wǎng)只屬于伯納斯?李一個(gè)人...很難用語言來形容他的發(fā)明在信息全球化的發(fā)展中有多大的意義,這就像古印刷術(shù)一樣,誰又能說得清楚它為全世界帶來了怎樣的影響”-《時(shí)代》周刊的評價(jià)萬維網(wǎng)的產(chǎn)生
12TimBerners-Le世界上第一個(gè)Web瀏覽器13世界上第一個(gè)網(wǎng)站http://info.cern.ch
(1991)世界上第一個(gè)Web瀏覽器13世界上第一個(gè)網(wǎng)站http://萬維網(wǎng)上的第一張圖片14這是1992年由詹納羅掃描并上傳到互聯(lián)網(wǎng)上的第一幅圖片,圖片中四位女士都是歐洲粒子物理研究所(CERN)的工作人員萬維網(wǎng)上的第一張圖片14這是1992年由詹納羅掃描并上傳到互1994年:3月,中國終于獲準(zhǔn)加入互聯(lián)網(wǎng),并在同年5月完成全部中國聯(lián)網(wǎng)工作1995年:5月,張樹新創(chuàng)立第一家互聯(lián)網(wǎng)服務(wù)供應(yīng)商,中國的普通百姓開始進(jìn)入互聯(lián)網(wǎng)絡(luò)1996年:1月,CHINANET全國骨干網(wǎng)建成開通1996年:7月,張朝陽獲得第一筆天使投資2萬美金,網(wǎng)吧出現(xiàn),email和bbs在校園中興起中國互聯(lián)網(wǎng)進(jìn)程1994年:3月,中國終于獲準(zhǔn)加入互聯(lián)網(wǎng),并在同年5月完成全151998年:騰訊公司成立,1999年騰訊QQ問世2000年:中國三大門戶網(wǎng)站搜狐、新浪、網(wǎng)易成功在美國納斯達(dá)克掛牌上市2003年:阿里巴巴集團(tuán)成立了淘寶網(wǎng),10月推出支付寶2005年:百度上市2011年:騰訊公司推出微信2014年:雙11,天貓總成交額571億元……1998年:騰訊公司成立,1999年騰訊QQ問世16二年級語文上冊手捧空花盆的孩子ppt課件1語文S版17二年級語文上冊手捧空花盆的孩子ppt課件1語文S版18二年級語文上冊手捧空花盆的孩子ppt課件1語文S版19二年級語文上冊手捧空花盆的孩子ppt課件1語文S版20二年級語文上冊手捧空花盆的孩子ppt課件1語文S版21網(wǎng)站網(wǎng)站(Website)是指在互聯(lián)網(wǎng)上,根據(jù)一定的規(guī)則,使用HTML等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁的集合(維基百科)簡單地說,網(wǎng)站是一種通訊工具,就像布告欄一樣,人們可以通過網(wǎng)站來發(fā)布自己想要公開的資訊,或網(wǎng)站來提供相關(guān)的網(wǎng)絡(luò)服務(wù)。人們可以通過網(wǎng)頁瀏覽器來訪問網(wǎng)站,獲取自己需要的資訊或者享受網(wǎng)絡(luò)服務(wù)。1.2認(rèn)識網(wǎng)站網(wǎng)站網(wǎng)站(Website)是指在互聯(lián)網(wǎng)上,根據(jù)一定的規(guī)則,使22瀏覽者訪問一個(gè)網(wǎng)站的過程
客戶機(jī)DNS服務(wù)器Web服務(wù)器1、請求:解析域名2、回答:IP地址為3、請求:訪問主頁4、回答:傳送主頁第一章網(wǎng)站開發(fā)基礎(chǔ)瀏覽者訪問一個(gè)網(wǎng)站的過程客DNS服務(wù)器Web1、請求:解析23為了區(qū)分internet上眾多主機(jī),人們給每臺主機(jī)都分配了一個(gè)專門的二進(jìn)制數(shù)地址,稱為IP地址,如:2IP地址是網(wǎng)上標(biāo)識用戶站點(diǎn)的數(shù)字地址,為了簡單好記,采用域名來代替IP地址表示站點(diǎn)地址。IP和域名具有唯一性,并且一一對應(yīng)。IP地址為了區(qū)分internet上眾多主機(jī),人們給每臺主機(jī)都分配了一24是由一串用點(diǎn)分隔的名字組成的Internet上某一臺計(jì)算機(jī)或計(jì)算機(jī)組的名稱,用于在數(shù)據(jù)傳輸時(shí)標(biāo)識計(jì)算機(jī)的電子方位(有時(shí)也指地理位置)。域名域名解析-DNS使用域名服務(wù)器(DNS)將域名解析成IP地址,使之一一對應(yīng)是由一串用點(diǎn)分隔的名字組成的Internet上某一臺計(jì)算機(jī)或25cn
中國國家頂級域名
中國公司和商業(yè)組織域名
中國網(wǎng)絡(luò)服務(wù)機(jī)構(gòu)域名
中國政府機(jī)構(gòu)域名
中國非盈利組織域名新國際域名.biz 商務(wù)網(wǎng)站.CC 簡短的國際頂級域名.TV 電視臺或頻道.info 信息網(wǎng)與信息服務(wù).name 一般由個(gè)人注冊和使用
域名后綴含義簡述cn 中國國家頂級域名域名后綴含義簡述26URL第一章網(wǎng)站開發(fā)基礎(chǔ)
URL是UniformResourceLocator的縮寫,即統(tǒng)一資源定位地址,也就是通常所說的網(wǎng)址。
URL是Internet上用于指定信息位置的表示方法。
一個(gè)完整的URL地址由協(xié)議名、Web服務(wù)器地址、文件在服務(wù)器中的路徑和文件名4部分組成。URL第一章網(wǎng)站開發(fā)基礎(chǔ)URL是UniformRes27
How代表網(wǎng)絡(luò)協(xié)議,Web專用的協(xié)議時(shí)超文本傳送協(xié)議(HTTP),該協(xié)議與其后的內(nèi)容之間用冒號和反斜杠分隔,即http://Who表示存儲網(wǎng)絡(luò)資源的Web服務(wù)器的名稱,即域地址(domainaddress),它是由網(wǎng)站類型和域名組成的。如:http:///publish/th/index.html中,www代表網(wǎng)站類型,henu.是域名。
Where和What用于確定網(wǎng)絡(luò)資源在Web服務(wù)器上的位置。Where是保存網(wǎng)絡(luò)資源的文件夾,上例中publish/th就是文件的位置;What是指要訪問的網(wǎng)頁文件的名稱,要求使用擴(kuò)展名(HTM、HTML、ASP、JSP、GIF、JPG、MID等),上例中index.html就是網(wǎng)頁文件的名稱。完整的URL地址:How://Who/Where/WhatHow代表網(wǎng)絡(luò)協(xié)議,Web專用的協(xié)議時(shí)超文本傳送協(xié)議(H28瀏覽器
瀏覽器是指可以顯示網(wǎng)頁服務(wù)器或者文件系統(tǒng)的HTML文件內(nèi)容,并讓用戶與這些文件交互的一種軟件。
瀏覽器的作用是通過HTTP復(fù)原并顯示來自Web服務(wù)器的信息。
瀏覽器不需要知道服務(wù)器的物理位置,也不必計(jì)較Web服務(wù)器的類型,只需要知道URL,就可以輕松地找到并訪問服務(wù)器,并從這個(gè)服務(wù)器上獲得信息。瀏覽器瀏覽器是指可以顯示網(wǎng)頁服務(wù)器或者文件系統(tǒng)的HT29HTML
HTML是HyperTextMarkupLanguage的縮寫,即超本文標(biāo)記語言。HTML是構(gòu)成網(wǎng)頁文檔的主要語言。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTMLHTML是HyperTextMarkupLa30瀏覽者訪問一個(gè)網(wǎng)站的過程
客戶機(jī)DNS服務(wù)器Web服務(wù)器1、請求:解析域名2、回答:IP地址為3、請求:訪問主頁4、回答:傳送主頁第一章網(wǎng)站開發(fā)基礎(chǔ)瀏覽者訪問一個(gè)網(wǎng)站的過程客DNS服務(wù)器Web1、請求:解析31靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁通常是指在網(wǎng)站設(shè)計(jì)中純粹HTML格式的網(wǎng)頁;動(dòng)態(tài)網(wǎng)頁通常以
.aspx,.asp、.jsp、.php等形式為后綴。靜態(tài)網(wǎng)頁無法實(shí)現(xiàn)用戶參與的動(dòng)態(tài)交互功能,無法支持后臺數(shù)據(jù)庫;動(dòng)態(tài)網(wǎng)頁能夠?qū)崿F(xiàn)與瀏覽者交互的網(wǎng)頁。動(dòng)態(tài)網(wǎng)頁可以針對不同用戶的不同需求,經(jīng)過程序化處理,把最需要用戶知道和用戶最想知道的信息返回給瀏覽器,從而實(shí)現(xiàn)與用戶的良好互動(dòng)。靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁通常是指在網(wǎng)站設(shè)計(jì)中純粹HTML格32根據(jù)網(wǎng)站所用編程語言分類:
例如asp網(wǎng)站、php網(wǎng)站、jsp網(wǎng)站、Asp.net網(wǎng)站等;根據(jù)網(wǎng)站的用途分類:
例如門戶網(wǎng)站(綜合網(wǎng)站)、行業(yè)網(wǎng)站、娛樂網(wǎng)站等;根據(jù)網(wǎng)站的功能分類:
例如單一網(wǎng)站(企業(yè)網(wǎng)站)、多功能網(wǎng)站(網(wǎng)絡(luò)商城)根據(jù)網(wǎng)站的持有者分類:
例如個(gè)人網(wǎng)站、商業(yè)網(wǎng)站、政府網(wǎng)站、教育網(wǎng)站等。根據(jù)網(wǎng)站的商業(yè)目的分類:
營利型網(wǎng)站(行業(yè)網(wǎng)站、論壇)、非營利性型網(wǎng)站(企業(yè)網(wǎng)站、政府網(wǎng)站、教育網(wǎng)站)、搜索網(wǎng)站(比如百度、搜搜、有道、必應(yīng))網(wǎng)站類型根據(jù)網(wǎng)站所用編程語言分類:網(wǎng)站類型33
是指一些大型的綜合性網(wǎng)站,用于提供各種各樣的服務(wù),如論壇、電子郵箱以及發(fā)布新聞、娛樂、體育等方面的信息服務(wù)。1.門戶網(wǎng)站是指一些大型的綜合性網(wǎng)站,用于提供各種各樣的服務(wù),如論壇34是一種比較特殊的網(wǎng)站,用于專門分類地提供各類網(wǎng)站鏈接,以便用戶查找并選擇所需的網(wǎng)站。2.導(dǎo)航網(wǎng)站是一種比較特殊的網(wǎng)站,用于專門分類地提供各類網(wǎng)站鏈接,以便用35是為用戶提供內(nèi)容搜索功能的網(wǎng)站,是讓用戶通過輸入關(guān)鍵字來搜索相關(guān)內(nèi)容的網(wǎng)站第一章網(wǎng)站開發(fā)基礎(chǔ)3.搜索引擎網(wǎng)站是為用戶提供內(nèi)容搜索功能的網(wǎng)站,是讓用戶通過輸入關(guān)鍵字來搜索36作為網(wǎng)上交易平臺,用于發(fā)布和搜索供求信息,進(jìn)行線上或線下交易等。4.電子商務(wù)網(wǎng)站作為網(wǎng)上交易平臺,用于發(fā)布和搜索供求信息,進(jìn)行線上或線下交易37公司宣傳網(wǎng)站是最常見的站點(diǎn)類型。企業(yè)借助于網(wǎng)站推廣企業(yè)形象、樹立企業(yè)品牌、發(fā)布企業(yè)產(chǎn)品。5.公司宣傳網(wǎng)站公司宣傳網(wǎng)站是最常見的站點(diǎn)類型。企業(yè)借助于網(wǎng)站推廣企業(yè)形象、38是指政府部門為了發(fā)布政府信息和提供在線服務(wù)而建立的網(wǎng)站。6.政府部門網(wǎng)站是指政府部門為了發(fā)布政府信息和提供在線服務(wù)而建立的網(wǎng)站。6.39簡單地說,社交網(wǎng)絡(luò)是在互聯(lián)網(wǎng)上與其他人相聯(lián)系的一個(gè)平臺。第一章網(wǎng)站開發(fā)基礎(chǔ)7.社交網(wǎng)站簡單地說,社交網(wǎng)絡(luò)是在互聯(lián)網(wǎng)上與其他人相聯(lián)系的一個(gè)平臺。第一40網(wǎng)頁中的信息主要是以文本為主的,在網(wǎng)頁中可以通過字體、大小、顏色、底紋、邊框等來設(shè)置文本的屬性。
構(gòu)成網(wǎng)頁的元素1、文本網(wǎng)頁中的信息主要是以文本為主的,在網(wǎng)頁中可以通過字體、大小、41豐富多彩的網(wǎng)頁都是因?yàn)橛辛藞D像,網(wǎng)頁中的圖片一般為JPG和GIF格式的。
2、圖像豐富多彩的網(wǎng)頁都是因?yàn)橛辛藞D像,網(wǎng)頁中的圖片一般為JPG和G42動(dòng)畫是網(wǎng)頁上最活躍的元素,包括GIF動(dòng)畫和Flash動(dòng)畫。3、動(dòng)畫動(dòng)畫是網(wǎng)頁上最活躍的元素,包括GIF動(dòng)畫和Flash動(dòng)畫。343隨著網(wǎng)絡(luò)帶寬的增加,在網(wǎng)頁中插入音頻和視頻,可以提高網(wǎng)頁內(nèi)容對訪問者的吸引力。網(wǎng)絡(luò)上使用的較廣泛的音頻格式主要是mp3、wav、midi等,視頻格式主要是asf、rmvb、swf、mp4等。
4、音頻與視頻隨著網(wǎng)絡(luò)帶寬的增加,在網(wǎng)頁中插入音頻和視頻,可以提高網(wǎng)頁內(nèi)容44超鏈接可以將一個(gè)頁面指向另一個(gè)目的端。這個(gè)目的端可以是一個(gè)網(wǎng)頁、一幅圖片、一個(gè)文件等等。5、超鏈接超鏈接可以將一個(gè)頁面指向另一個(gè)目的端。這個(gè)目的端可以是一個(gè)網(wǎng)45導(dǎo)航欄的作用是引導(dǎo)訪問者瀏覽站點(diǎn)。導(dǎo)航欄實(shí)際上就是一組超鏈接,其鏈接的目標(biāo)是本站點(diǎn)的各個(gè)網(wǎng)頁。6、導(dǎo)航欄導(dǎo)航欄的作用是引導(dǎo)訪問者瀏覽站點(diǎn)。導(dǎo)航欄實(shí)際上就是一組超鏈接46主要負(fù)責(zé)數(shù)據(jù)采集功能,用來收集站點(diǎn)訪問者的信息。允許用戶在表單中(比如:文本域、下拉列表、單選框、復(fù)選框等等)輸入信息。
7、表單主要負(fù)責(zé)數(shù)據(jù)采集功能,用來收集站點(diǎn)訪問者的信息。允許用戶在表471、策劃階段2、設(shè)計(jì)階段3、實(shí)施階段明確主題、網(wǎng)站策劃、構(gòu)思草圖美工設(shè)計(jì)、圖形制作腳本編程、圖形頁面整合、測試發(fā)
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025-2030年中國鋰電池負(fù)極材料市場運(yùn)行狀況與前景趨勢分析報(bào)告
- 2025-2030年中國鋼簾線市場發(fā)展現(xiàn)狀及前景趨勢分析報(bào)告
- 2025-2030年中國西樂器制造市場十三五規(guī)劃及投資策略研究報(bào)告
- 2025-2030年中國茄尼醇行業(yè)風(fēng)險(xiǎn)評估規(guī)劃研究報(bào)告
- 2025-2030年中國紅花籽油市場運(yùn)行狀況及未來發(fā)展趨勢預(yù)測報(bào)告
- 貴州應(yīng)用技術(shù)職業(yè)學(xué)院《傳熱學(xué)B》2023-2024學(xué)年第二學(xué)期期末試卷
- 伊犁師范大學(xué)《中學(xué)思想政治課程與教學(xué)論》2023-2024學(xué)年第二學(xué)期期末試卷
- 撫州職業(yè)技術(shù)學(xué)院《無機(jī)非金屬材料機(jī)械設(shè)備》2023-2024學(xué)年第二學(xué)期期末試卷
- 貴州工程應(yīng)用技術(shù)學(xué)院《經(jīng)濟(jì)寫作》2023-2024學(xué)年第二學(xué)期期末試卷
- 貴州中醫(yī)藥大學(xué)時(shí)珍學(xué)院《現(xiàn)代光學(xué)基礎(chǔ)》2023-2024學(xué)年第二學(xué)期期末試卷
- 法律文書寫作(第五版)PPT完整全套教學(xué)課件
- 半導(dǎo)體制造技術(shù)導(dǎo)論
- 人教版四年級數(shù)學(xué)下冊教材分析精講課件
- 7S目視化管理標(biāo)準(zhǔn)
- 酒店成本管理系統(tǒng)PICC
- 產(chǎn)品手繪設(shè)計(jì)表現(xiàn)技法PPT完整全套教學(xué)課件
- GA/T 1988-2022移動(dòng)警務(wù)即時(shí)通信系統(tǒng)功能及互聯(lián)互通技術(shù)要求
- 文科學(xué)術(shù)規(guī)范與學(xué)術(shù)論文寫作課件
- 人教版小學(xué)二年級體育下冊全冊教案
- 農(nóng)業(yè)政策學(xué)PPT完整全套教學(xué)課件
- 國家電網(wǎng)招聘之其他工學(xué)類復(fù)習(xí)資料大全
評論
0/150
提交評論