Web开发基础基础知识

Web开发根底根底知识Web开发根底根底知识Web开发根底根底知识本期上课实验时间表〔2021年9月9日周三〕13:20-17:35机房4,6如果没做完机房2,6晚上可用〔2021年9月14日周一〕13:20-17:35机房1,5〔2021年9月21日周一〕08:00-12:15机房1,2〔2021年9月22日周二〕08:00-12:15机房1,2〔2021年9月24日周四〕08:00-12:15机房1,29-79:50-12:151#203上课9-99:50-12:151#203上课9-149:50-12:151#203上课essentialofwe4development2本课程内容摘要网站开发根底知识网站环境构建管理和配置网站HTML&CSSJavaScriptAsp效劳端编程数据库连结与访问essentialofwebdevelopment3网站开发根底知识计算机网络根底网站的含义网站访问的原理网页的类型动态网站技术essentialofwebdevelopment4计算机网络根底InternetVsintranet计算机网络的标准模型TCP/IP协议效劳器和客户机域名端口essentialofwebdevelopment5InternetVSIntranetTheInternetisaglobalsystemofinterconnectedcomputernetworksthatusethestandardInternetProtocolSuite(TCP/IP)toservebillionsofusersworldwideItisanetworkofnetworks

AnintranetisaprivatecomputernetworkthatusesInternetProtocoltechnologiestosecurelyshareanypartofanorganization'sinformationornetworkoperatingsystemwithinthatorganization.essentialofwebdevelopment6essentialofwebdevelopment7AndWWWWWW〔亦作“Web〞、“万维网〞、“W3〞，英文全称为“WorldWideWeb〞〕是一个由许多互相链接的超文本文档组成的系统，通过互联网访问。万维网联盟〔英语：WorldWideWebConsortium，简称W3C〕，又称W3C理事会。1994年10月在麻省理工学院〔MIT〕计算机科学实验室成立。万维网联盟的创立者是万维网的创造者蒂姆·伯纳斯-李。What'sthedifferencebetweentheInternetandtheWorldWideWeb(WWW)WWW=HTML*+HTTP(S)*includingCSS,JavaScript,andotherbrowserenabledcontentWWW是Internet应用之一essentialofwebdevelopment8BriefHistorybeganasaUSDepartmentofDefensenetworkcalledARPANET(1960s-70s)initialservices:electronicmail,filetransferopenedtocommercialinterestsinlate80sWWWcreatedin1989-91byTimBerners-Leepopularwebbrowsersreleased:Netscape1994,IE1995Amazonopensin1995;GoogleJanuary1996ChineseFirstConnectionwithInternet：ChineseAcademicsNet,byComputerApplyingTechnologyInstituteofBeijing1986，Firstemail,Sep.141987,fromCATIB,“AcrosstheGreatWallwecanreacheverycornerintheworld〞ChineseFirstFullInternetConnection：NCFC(NationalComputingandNetworkingFacilityofChina)1994Baidu1999；Taobao2003essentialofwebdevelopment9KeyaspectsoftheInternetInternetisforfreedomofinformationsubnetworkscanstandontheirowncomputerscandynamicallyjoinandleavethenetworkbuiltonopenstandards;anyonecancreateanewdevicelackofcentralizedcontrol(mostly)everyonecanuseitwithsimple,commonlyavailablesoftwareessentialofwebdevelopment10LayeredarchitectureTheinternetusesalayeredhardware/softwarearchitecture(OSImodel):physicallayer:devicessuchascoaxialcables,fiber-opticlines,modemsdatalinklayer:basichardwareprotocols(Ethernet,Wi-Fi,DSL,ATM,PPP)network/internetlayer:basicsoftwareprotocol(IP)transportlayer:addreliabilitytonetworklayer(TCP,UDP)applicationlayer:implementsspecificcommunicationforeachkindofprogram(HTTP,POP3/IMAP,SSH,FTP))essentialofwebdevelopment11InternetProtocol(IP)theIPistheunderlyingsystemofcommunicationforalldata(packets)sentacrosstheinternet.eachdevicehasa32-bitIPaddressasfour8-bitnumbers(0-255)findoutyourinternetIPaddress:findoutyourlocalIPaddress:inaterminal,type:ipconfig(Windows)orifconfig(Mac/Linux)IPv4vs.IPv6(32-bvs.128-b)essentialofwebdevelopment12TransmissionControlProtocol(TCP)addsmultiple,guaranteedmessagedeliveryontopofIPmultiplexing:multipleprogramsusingthesameIPaddressport:anumbergiventoeachprogramorservice80:Webbrowser(443forsecurebrowsing)25:email22:ssh21:ftpmorecommonportssomeprograms(QQ,games,streamingmediaprograms)usesimplerUDPprotocolinsteadofTCPfindoutportsused:inaterminal,usingnetstat(Windows)commandusingCurrPortsessentialofwebdevelopment13WebserversandbrowsersWebserver:softwarethatlistensforWebpagerequestspartofWindows)C/SVsB/SmodelWebbrowser:fetches/displaysdocumentsfromWebserversMicrosoftInternetExplorer(IE)MozillaFirefoxAppleSafariGoogleChromeOperaessentialofwebdevelopment14DomainNameSystem(DNS)asetofserversthatmapwrittennamestoIPaddressesExample:usingWindowscommandnslookuptofindoutIPaddressmanysystemsmaintainalocalcachecalledahostfile

Windows:C:\Windows\system32\drivers\etc\hosts

Mac:/private/etc/hostsLinux:/etc/hostsessentialofwebdevelopment15UniformResourceLocator(URL)anidentifierforthelocationofadocumentonawebsiteabasicURL:

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

protocolhostpathuponenteringthisURLintothebrowser,itwould:connecttothatIPaddressatport80displaytheresultingpageonthescreenessentialofwebdevelopment16MoreadvancedURLsanchor:jumpstoagivensectionofawebpage

#downloadsfetchesindex.htmlthenjumpsdowntopartofthepagelabeleddownloads8080/querystring:asetofparameterspassedtoawebprogram

q=miserable+failure&start=10parameterqissetto"miserable+failure"parameterstartissetto10essentialofwebdevelopment17HypertextTransportProtocol(HTTP)HTTPisthefoundationofdatacommunicationforthe

WorldWideWeb.thesetofcommandsunderstoodbyawebserverandsentfromabrowsersomeHTTPcommands(yourbrowsersendstheseinternally):GET

filename:downloadPOSTfilename:sendawebformresponsePUT

filename:uploadDELETEfilename:removeentityHEADfilename:onlystatusinformation,notentirecontent…essentialofwebdevelopment18HTTPerrorcodeswhensomethinggoeswrong,thewebserverreturnsaspecial"errorcode"numbertothebrowser,possiblyfollowedbyanHTMLdocumentcommonerrorcodes:200OK

301-303pagehasmoved(permanentlyortemporarily)

403youareforbiddentoaccessthispage404pagenotfound500internalservererror

completelistessentialofwebdevelopment19TermsInternetServiceProviderenterprisesororganizationswhoprovideInternetaccesstoyou,whopleaseidentifyyourISPsWebHostingprovideaplaceforconsumerstostorepagesdesignedtobeconsumedbytheWebsurfingpublicISPsoftenofferWebhostingservicesalongwiththeirstandardconnectivitypackages.Client/Servervs.Browser/Serveressentialofwebdevelopment20Web1.0isaboutpublishingusersarelimitedtothepassiveviewingofinformationthatisprovidedtothemWeb2.0isaboutinteractionallowsitsuserstointeractwithotherusersortochangewebsitecontentinformationsharing,interoperability,user-centereddesignandcollaboration

hostedservices,webapplications,social-networkingsites,video-sharingsites,wikis,blogsessentialofwebdevelopment21网站的含义网页是网站的根本单位用标准的HTML语言将图片、文字、多媒体信息组织起来的格式文档一般意义上的网站AgroupofrelatedpagesAdedicateserverAgroupofserversessentialofwebdevelopment22虚拟网站多个网站可以同时运行在一个单一效劳器上利用不同的端口号利用不同的ip地址利用不同的域名

essentialofwebdevelopment23网站访问的原理网站中的两种角色-浏览器&效劳器网站使用的协议-HTTP浏览器HTML语言解析器图片解析器声音播放器视频播放器…网站的访问过程没有域名的网站有域名的网站