Ano ang hitsura ng web page? Lumikha ng isang web page at i-host ito sa isang lokal na web server

Sa artikulong ito ay pag-uusapan natin iba't ibang konsepto nauugnay sa Web: tungkol sa mga web page, website, web server at search engine. Ang mga terminong ito ay kadalasang nakakalito sa mga bago sa Internet at sa mga taong bihirang gumamit ng Internet. Alamin natin kung ano ang eksaktong ibig sabihin ng mga konseptong ito!

Sa maikling salita

Tulad ng iba pang larangan ng kaalaman, ang Web ay puno ng mga tiyak na termino. Ngunit huwag mag-alala, hindi namin nais na ma-overwhelm ka sa simula pa lamang ng iyong paglalakbay (at kung higit pa rin sa amin ang pag-usisa, mayroon kaming diksyunaryo). Gayunpaman, una sa ilang pangunahing mga termino kailangan mo pa ring matutunan ang mga ito, dahil madalas mo silang makikita sa aming mga artikulo. Minsan ang mga terminong ito ay madaling malito, dahil ang mga ito ay magkakaugnay, ngunit mayroon iba't ibang function. Marahil ay napansin mo ang mga ito na maling ginagamit nang higit sa isang beses sa balita o saanman.

Titingnan natin ang mga konsepto at teknolohiyang ito sa ibang pagkakataon, ngunit ngayon maikling kahulugan Ang mga sumusunod ay magbibigay sa iyo ng napakagandang simula:

Web page Isang dokumento na maaaring ipakita ng mga web browser tulad ng Firefox, Google Chrome,Microsoft Internet Explorer/ Edge o Apple's Safari. Para sa maikli, tatawagin lang natin ang konsepto ng "web page" na simpleng "pahina". Website Isang koleksyon ng mga web page na pinagsama-sama sa ilang paraan. Paggamit sa bokabularyo: "website" o simpleng "site". Web server Isang computer na nagbibigay ng computer at

software

kinakailangan para sa paggana ng website. Search engine Isang website na tumutulong sa iyong mahanap ang iba pang mga web page, gaya ng Google, Bing o Yahoo. Aktibong pag-aaral

Wala pang magagamit na aktibong pag-aaral. Kung makapagbibigay ka

kapaki-pakinabang na impormasyon

, Yan, .

Sumisid tayo ng mas malalim Kaya, humukay tayo nang kaunti at alamin kung paano nauugnay ang 4 na terminong ito sa isa't isa, at kung bakit madalas nalilito ang mga konseptong ito sa isa't isa.

  • Web page Web page
  • - isang simpleng dokumento na ipinapakita sa screen ng computer sa pamamagitan ng browser. Ang nasabing dokumento ay nakasulat sa HTML (na titingnan natin nang mas detalyado). Ang isang web page ay maaaring maglaman ng maraming iba't ibang mga materyales, tulad ng: impormasyon ng istilo
  • - pagkontrol sa pahina sa pamamagitan ng pang-unawa at pakiramdam mga script

- na ginagawang mas dynamic at madaling gamitin ang page para sa mga user Madalas na maipakita ng mga browser ang ilang PDF o mga dokumento ng imahe, ngunit ang termino web page ay mas direktang nauugnay sa mga HTML na dokumento. Hanggang sa katapusan ng artikulo, sa sa kasong ito, gagamitin natin ang konsepto dokumento.

Ang lahat ng mga web page sa Internet ay may sariling natatanging address. Upang ma-access ang nais na pahina, ipasok lamang ang address nito address bar Ang iyong browser:

Website ay isang koleksyon ng mga pahina na magkakaugnay sa anumang paraan (kabilang ang kanilang mga koneksyon sa iba pang mga mapagkukunan), na magagamit sa ilalim ng iisang domain name. Ang bawat pahina ng site ay naglalaman ng mga malalim na link (halos palaging naka-highlight na mga piraso ng teksto na maaaring i-click) na nagpapahintulot sa user na mabilis na lumipat mula sa isang pahina ng website patungo sa isa pa.

Upang ma-access ang isang website, i-type ang domain name nito sa address bar ng iyong browser at ipapakita ang iyong browser home page website o, sa madaling salita, home page:

Web page At website lalong madaling malito ang isa't isa kapag website naglalaman lamang ng isa pahina. Minsan tinatawag ang site na ito isang pahinang website.

Web server

Web server ay isang computer na nagbibigay ng isa o marami mga website (hosting). Ang terminong "hosting" ay nangangahulugang lahat mga pahina at ang mga file na naka-attach sa kanila ay nakapaloob sa computer na ito. Yung. Web server magpapadala ng anuman pahina Sa site sa kahilingan ng sinumang user, na siyang magiging hosting para sa browser ng user.

Huwag malito ang mga konsepto website At web server. Halimbawa, kung marinig mo ang isang tao na nagsasabing, "Ang aking website ay hindi tumutugon," ang talagang ibig nilang sabihin ay iyon web server ay hindi tumutugon sa kahilingan, at samakatuwid ay hindi magagamit mismo website. Bukod dito, dahil ang isang web server ay maaaring mag-host ng maraming mga site, ang terminong web server ay hindi kailanman ginagamit upang sumangguni sa isang website, dahil ito ay maaaring humantong sa maraming pagkalito. Kung babalikan ang nakaraang halimbawa, kung sasabihin nating, "Hindi tumutugon ang aking web server," nangangahulugan iyon na walang mga site na available sa server na iyon. sa ngayon.

Search engine

Mga search engine ay isang karaniwang sanhi ng pagkalito online. Search engine- Ito espesyal na uri website na tumutulong sa mga user na mahanap mga kinakailangang pahina iba pa mga site.

Mga pinakasikat na search engine: Google, Bing, Yandex, DuckDuckGo, at marami pang iba. Ang ilan sa mga ito ay unibersal, habang ang iba ay nakatuon sa isang partikular na lugar. Gamitin ang search engine na maginhawa para sa iyo.

Maraming mga baguhan na gumagamit ng Internet ang nalilito sa isang search engine at isang browser. Ipaliwanag natin: browser ay software na naghahanap at nagpapakita ng mga web page; search engine - ito ay isang espesyal na uri ng site na tumutulong sa mga user na mahanap ang mga pahinang kailangan nila iba pa mga site. Lumilitaw ang pagkalito dahil kapag may unang naglunsad ng browser, ipinapakita nito ang home page ng search engine. Ito ay eksaktong totoo, dahil ang unang bagay na gagawin mo kapag inilunsad mo ang iyong browser ay maghanap ng isang web page at buksan ito. Ngunit huwag malito ang imprastraktura (i.e. browser) sa serbisyo (i.e. search engine). Medyo makakatulong sa iyo ang pagkakaibang ito, ngunit kahit na ang ilang mga eksperto ay gumagamit ng mga konseptong ito nang arbitraryo, kaya hindi ka dapat mag-alala nang labis tungkol dito.

Nasa ibaba ang isang halimbawa kung paano ipinapakita ng Firerox browser ang window bilang default Paghahanap sa Google sa panimulang (home) na pahina:

: HTML - hypertext markup language (o hypertext markup language).

Kaya mas kilalanin natin siya.

Una, gumawa ng file sa iyong computer na may anumang pangalan at extension.html (Dapat nakalagay ang pangalan Ingles - halimbawa index.html). Upang lumikha ng ganoong file, lumikha ng isang regular na file tekstong dokumento ("Start" - "All Programs" - "Accessories" - "Notepad") at i-save ("File" - "I-save Bilang") ito kahit saan sa pamamagitan ng paglalagay ng pangalan at extension (nangyayari na kapag nagpakilala ka ng extension, sine-save pa rin ito ng notepad bilang text file, ngunit kailangan namin web file. Upang gawin ito, bago i-save, piliin ang uri ng file - "Lahat ng mga file (*.*)").

Ito ay hindi kinakailangan(dahil maaari mong baguhin ang pangalan ng unang pahina sa mga setting ng server), ngunit isang panuntunan ng mabuting asal. Ang pangalan ng unang pahina ay mas mabuti na index (index.html), dahil ang server, kapag ina-access ito, ay gumagawa ng isang file na may parehong pangalan - index.

Kung nai-save nang tama, ang icon ng file ay dapat lumipat sa icon ng browser (sa pamamagitan ng default na Internet Explorer).

Ngayon buksan ang file na ito gamit ang Notepad at kopyahin ang sumusunod na code doon.

Ito ang unang web page!

I-save at buksan sa isang browser.

Binabati kita, kakagawa mo lang ng iyong unang web page.

Text "Ito ang unang web page!" Maaari mo itong palitan sa alinmang isa, halimbawa, "Ito ang aking unang web page!!!" i-save, i-update ang browser, at humanga sa resulta.

Ngunit ang aming pahina ay walang pamagat.

Kailangan naming ayusin ito - itatama namin ng kaunti ang code, o sa halip ay magdaragdag kami ng "Site Head" dito gamit ang mga tag At .</p><p> <html> <head> <title>Unang pahina Ito ang aking unang web page!!!

I-save, i-update, humanga. Ang aming pahina ay may pamagat na.

Paglalarawan ng mga tag.

Ang pinakaunang tag ay (Ang tag na ito ay ipinares, ibig sabihin, ang pansarang tag kinakailangan) - ginagamit ito bilang isang lalagyan sa loob kung saan matatagpuan ang lahat ng nilalaman ng pahina (teksto, mga larawan, atbp.). Bagama't ang tag na ito ( At) ay opsyonal, ngunit ang paggamit nito ay nagpapahiwatig ng mabuting asal. Samakatuwid, ipinapayo ko sa iyo na gamitin ito.

Susunod na tag - . Ito rin nakapares na tag (At). Hindi lumalabas ang tag na ito sa page (maliban sa header), ngunit kinakailangan itong ipahiwatig karagdagang mga parameter mga pahina - paglalarawan ng pahina (ginagamit ng mga search engine), mga keyword(ginagamit ng mga search engine), mga estilo, script, header, atbp.

Tag </b>- nakapares na tag ( <title>At), ay kinakailangan upang ipahiwatig ang pamagat ng pahina. Bukod dito, ang tag na ito ay dapat na ilagay lamang sa loob ng tag !

At ang huling tag sa aming code ay - . Isa ring nakapares na tag ( At

), sa loob nito ay ang buong nakikitang bahagi ng site, i.e. mga teksto, mga larawan, mga link, sa pangkalahatang impormasyon na gusto mong ilagay sa site.

Sa susunod na aralin ay pag-uusapan natin ang mga uri ng mga tag at ang mga tuntunin sa pagsulat ng mga ito.

Kaya, ano ang isang Web site at isang Web page? Upang maunawaan ang isyung ito, pag-isipan natin kung anong impormasyon ang maaaring aktwal na nilalaman sa isang Web site? Ang sagot ay halata - halos kahit ano. Ang site ay maaaring maglaman ng impormasyon tungkol sa mga laro sa computer, mga kotse, isda sa aquarium, mga gawa-gawang nilalang, lungsod at bansa sa mundo, atbp. atbp. Ang listahan ay nagpapatuloy. Maaari ka ring mag-post, halimbawa, mga gawa ng mahuhusay na klasikong Ruso sa site. Paano mo gusto ang site na "Digmaan at Kapayapaan"? Ito ay lumiliko na ang site ay isang libro, ngunit hindi lamang isang simple, ngunit isang electronic? Oo, ang isang Web site, sa esensya nito, ay talagang isang e-book, magasin o aklat-aralin, na maaaring maglaman ng parehong impormasyon na kapaki-pakinabang sa iyo, at iyong hindi ka interesado sa ngayon.

Tulad ng isang regular na libro, ang isang Web site ay binubuo ng mga pahina na tinatawag na mga Web page.

Paano natin, sa katunayan, mahahanap ang impormasyong interesado tayo sa parehong aklat-aralin sa computer science? Binubuksan namin ang nilalaman, na matatagpuan sa simula o dulo ng aklat-aralin, hanapin ang talata na naglalaman ng kinakailangang impormasyon, tingnan ang numero ng pahina sa tapat ng talata, buksan ito at pag-aralan ang materyal. Ang lahat ay medyo simple at karaniwan.

Pagkatapos nating makarating sa pangunahing pahina ng isang mahusay na disenyong website, dapat din tayong makakita ng isang bagay na katulad ng mga nilalaman ng isang aklat-aralin upang mabilis na mahanap ang impormasyong kailangan natin.

Ngunit kung paano makarating sa kinakailangang impormasyon matatagpuan sa Web site, dahil hindi kami makapag-scroll mga elektronikong pahina tulad ng mga regular na papel? Sa katunayan, kadalasang gumagamit kami ng mouse.

Sa katunayan, ang paglipat sa pagitan ng mga pahina ng site ay mas mahusay kaysa sa paglipat sa pagitan ng mga pahina kapag nagtatrabaho sa isang regular na aklat-aralin. Upang lumipat sa pagitan ng mga pahina ng isang site, ang mga elemento ng Web page ay ginagamit kapag nag-click ka sa mga ito, maaari kang lumipat sa isa pang pahina ng site. Ang mga elemento ng pahinang ito ay tinatawag na mga hyperlink at naroroon sa lahat ng mga pahina na bumubuo sa site.

Sa "classic" na kaso, ang bahagi ng teksto (isang salita o ilang salita) at mga graphic na larawan (mga guhit at litrato) ay ginagamit bilang mga hyperlink.

Dahil sa unang kaso, ang teksto ay ginagamit upang lumikha ng mga hyperlink, ang naturang hyperlink ay tinatawag na isang text link. Kadalasan ang isang text hyperlink ay may salungguhit na teksto asul. Nang makita, halimbawa, sa pangunahing pahina ng site ang inskripsyon na "Mga Web site at Web page" na pinalamutian sa katulad na paraan at sa pamamagitan ng pag-click dito gamit ang kaliwang pindutan ng mouse, dapat kang mapunta sa isang Web page na nakatuon sa paksang ito. Ang pahina ng "Mga Website at Web Page" ay dapat, sa turn, ay mayroong kahit isang hyperlink kung saan maaari kang bumalik sa nilalaman.

Kung ginamit bilang isang hyperlink graphic na larawan, halimbawa isang litrato, pagkatapos ay mahirap hulaan na ito ay isang hyperlink. Paano, kung gayon, matukoy kung ang isang imahe ay isang hyperlink o hindi? Sa kasong ito, tandaan susunod na tuntunin: "Kung kapag inilipat mo ang cursor ng mouse sa isang elemento sa isang Web page, ito ay may hugis ng kamay, kung gayon ang elementong iyon ay isang hyperlink."

Tandaan: May pagbubukod sa panuntunang ito, halimbawa sa kaso ng mga rollover, na maaaring hindi mga hyperlink, ngunit kapag ini-hover mo ang mouse sa ibabaw ng mga ito, ang cursor ay magkakaroon din ng hugis ng kamay. Bilang karagdagan sa pagbabago ng hitsura ng cursor, kapag nag-hover ka sa isang hyperlink, dapat ding ipakita ang URL (natatanging address ng mapagkukunan), ngunit pag-uusapan natin ito sa aralin sa paggawa ng mga hyperlink gamit ang FrontPage.

Mga tanong sa seguridad:

  • Ano ang isang Web site?
  • Ano ang isang Web page?
  • Ano ang hyperlink?
  • Anong mga elemento ng isang Web page ang maaaring gamitin bilang mga hyperlink?
  • Paano ko matutukoy kung ang isang elemento ng pahina ay isang hyperlink?
  • Maaari bang hindi maglaman ng isang hyperlink ang mga indibidwal na Web page ng isang site?

Isang malayang bahagi ng website; isang dokumentong ibinigay na may natatanging address (URL). Ang isang web page ay maaaring magkaroon ng static o dinamikong konstruksyon. Karaniwan, ang mga web page ay nakaayos bilang hypertext na may teksto, graphics, tunog, video, o... Financial Dictionary

- (Ingles) Web page) mapagkukunan ng hypertext World Wide Web, kadalasang nakasulat sa reference na wika para sa mabilis na paglipat sa iba pang mga pahina, pati na rin sa static at mga dynamic na imahe. Ang program na nagpapakita ng web page ay tinatawag na web browser... Wikipedia

Isang malayang bahagi ng website; isang dokumentong ibinigay na may natatanging address (URL). Ang isang web page ay maaaring statically o dynamic na binuo. Karaniwan, ang mga web page ay nakaayos bilang hypertext na may teksto, graphics, tunog, video, o... Diksyunaryo ng mga termino ng negosyo

web page- Bahagi ng website, file na matatagpuan sa web page ng server [GOST R 52872 2007]. HTML na dokumento, naa-access sa pamamagitan ng Web. Mga paksa Teknolohiya ng impormasyon sa pangkalahatan EN web pageweb page…

- (Ingles) Gabay sa Teknikal na Tagasalin web web , network), isang independiyenteng bahagi ng website (tingnan ang WEBSITE), hiwalay na dokumento sa Internet (tingnan ang INTERNET), nilagyan ng isang natatanging address (URL), na maaaring maglaman ng teksto, graphic, tunog, mga video file, animation. Nakasulat sa......

Encyclopedic Dictionary Pangngalan, bilang ng mga kasingkahulugan: 4 gateway (1) doorway (2) internet page (1) ...

web page Diksyunaryo ng mga kasingkahulugan - mga web page, mga web page...

web page Magkasama. Hiwalay. Naka-hyphenate. - fucking bansa, y, malikhain. p.

Diksyonaryo ng spelling ng Ruso

Ang dynamic na page ay isang web page na nabuo sa pamamagitan ng program, kumpara sa isang static na page, na mga file na matatagpuan sa server. Ang server ay bumubuo ng (X)HTML code para sa pagproseso ng browser o ibang user agent. Paglalarawan... ... Wikipedia Ang kahilingan para sa "site" ay na-redirect dito. Tingnan mo iba pang mga kahulugan. Website (mula sa English Website: web web at site “place”) sa network ng kompyuter

pinagsama sa ilalim ng isang domain name o IP address) isang koleksyon ng mga dokumento ng isang pribadong tao o... ... Wikipedia

Saan nagsisimula ang isang web page?

Ano ang mga yugto ng proseso ng paglikha upang maunawaan kung ano ang isang web page, kailangan mong maunawaan kung paano ito nabuo.

Disenyo

Nagsisimula ang lahat sa gawain ng taga-disenyo. Siya, alinsunod sa mga kinakailangan at layunin ng customer, ay bubuo ng layout ng hinaharap na website. Ang layout na ito ay nilikha para sa isa, dalawa o higit pang mga pahina. Sa yugtong ito, ang lokasyon ng lahat ng kinakailangang bagay ay tinutukoy, ang mga font, larawan, at disenyo sa pangkalahatan ay pinili. Ibig sabihin, ito ay unang nabuo hitsura mga pahina, kung saan bubuo ang isang ganap na website.

Layout

Pagkatapos ang taga-disenyo ng layout ay nakikilahok sa trabaho. Batay sa layout na binuo ng taga-disenyo, ginagawa niya ang layout ng pahina, na nag-optimize para dito iba't ibang mga browser. Para sa layuning ito ito ay nilikha ordinaryong dokumento, halimbawa, sa Notepad, na naka-save gamit ang .html extension. Sa wikang ito isinulat ang isang simpleng web page. Ang HTML ay nangangahulugang HyperText Markup Language at isang hanay ng mga tag na nagsisilbi upang ipatupad ang iba't ibang gawain. Ang wikang ito ay medyo simple ngunit gumagana. Sa tulong nito ito ay nilikha lohikal na istraktura pahina at ito ay nahahati sa indibidwal na elemento- mga heading, listahan, talata, talahanayan at iba pang mga bagay. Bukod pa rito, tinutukoy ng mga tag ang kahulugan ng lahat ng nilalaman. Ibinibigay nila ang impormasyon ng browser tungkol sa kung ano ang iha-highlight, salungguhitan, kung saan i-indent, kung saan ilalagay ang isang larawan, at kung ano ang iko-convert sa isang link. Bilang resulta, ang pahina ay tumatagal sa naaangkop na hitsura. Gayunpaman, upang ito ay ganap na tumutugma sa kung ano ang ginawa ng taga-disenyo, kinakailangan ding gumamit ng CSS. Ito ay mga cascading style sheet na tumutukoy sa hitsura ng isang HTML na dokumento at ang disenyo nito. Gamit ang mga tool ng CSS maaari mong "kulayan" ang pahina mga kinakailangang kulay, maglapat ng isa o ibang istilo ng font, magdagdag ng iba pang elemento ng disenyo. Ang paggamit ng HTML at CSS ay nagbibigay sa amin ng isang tapos, magandang idinisenyong pahina. Ngunit kailangan pa rin itong gawing dynamic, at ito ay nasa programmer.

Programming

Naka-on sa yugtong ito mayroon ka nang pang-unawa sa kung ano ang isang web page at kung paano ito nilikha. Gayunpaman, hindi lang iyon. Mayroong ilang mga uri ng mga pahina - static, dynamic at interactive. Ang mga una ay tiyak ang mga nilikha lamang gamit gamit ang html at css. Upang gawing dynamic ang isang page, kailangan mo ng engine - CMS (o Content Management System). Ito espesyal na programa, na, batay sa mga kahilingan ng gumagamit, ay bumubuo ng isang pahina mula sa data na nakaimbak sa database ng server. Iyon ay, ang pahina ay nilikha kapag ang isang kahilingan ay natanggap mula sa gumagamit. Upang isulat ito, ginagamit ang mga wika tulad ng ASP, PHP at iba pa. Tulad ng para sa mga interactive na pahina, kasama sa mga ito ang tinatawag na mga form kung saan ang user at ang server ay nagpapalitan ng data. Nakasulat din ang mga ito Mga wikang PHP, JavaScript, atbp. Ang pagprograma ay isang mas kumplikadong proseso kaysa sa layout; nangangailangan ito ng mataas na kalidad na tiyak na kaalaman ng kahit isa (o mas mainam na ilan) sa mga nakalistang wika.

Paano naglo-load ang isang web page?

Upang ang pahina ay maging available sa lahat ng mga gumagamit ng Internet, ito (iyon ay, ang dokumento kung saan ito inilalarawan) ay inilalagay sa isang web server. Ito ay isang computer na patuloy na gumagana, naghihintay para sa mga kahilingan mula sa mga browser na dumating. Kapag natanggap ito, hahanapin nito ang kinakailangang mapagkukunan (halimbawa, isang web page) at ipapadala ito sa naaangkop na browser. At iyon, sa turn, batay sa impormasyon (mga signal) na nilalaman sa dokumento, ay nagpapakita ng isang web page.

Bakit hindi ako makapagbukas ng web page?

May mga sitwasyon kapag nagpasok ka ng isang kahilingan (ipahiwatig ang address, isulat ang salita sa search bar o mag-click sa isang link), ngunit hindi maipakita ng browser ang impormasyong kailangan mo at isinulat na hindi natagpuan ang web page. Ano ang dahilan dito at kung paano malutas ang ganitong problema?

Una, dapat mong suriin ang URL upang makita kung ito ay naipasok nang tama. Kung ang isang error ay ginawa sa anumang titik o simbolo, kung gayon ang server ay hindi makakahanap ng impormasyon na sapat sa iyong kahilingan, at ang browser, nang naaayon, ay hindi maipapakita ito. Ngunit kung tama ang address, bakit hindi available ang web page? Ang dahilan ay maaaring cookies. Ang mga ito ay nilikha ng mga web page na binisita mo dati upang mag-imbak ng ilang mga setting at iba pang mga bagay. Kung ang naturang file ay nasira, maaari itong makagambala normal na paglo-load mga pahina. Upang itama ang sitwasyon, dapat itong alisin. Upang gawin ito, hanapin ang seksyong "Privacy," pumunta sa mga setting ng nilalaman at sa window na bubukas, piliin ang "Lahat ng cookies at data ng site." I-click ang "Tanggalin Lahat".

Ang ikatlong dahilan ay maaaring mabagal na trabaho browser dahil sa paggamit ng proxy server. Upang ayusin ang problema kailangan mong baguhin ang mga setting. Magagawa ito sa seksyong "Mga Koneksyon sa Internet." Piliin ang network na iyong ginagamit, buksan ang Mga Setting at hanapin ang tab na Proxy. Itakda mga kinakailangang setting paggamit nito. Ngayon ang lahat ay dapat gumana.

Konklusyon

Mula sa artikulong ito natutunan mo ang tungkol sa kung ano ang isang web page, kung paano ito nabuo at kung anong mga espesyalista ang nakikilahok sa paglikha nito. Tiningnan din namin kung paano naglo-load at nagpapakita ang mga page ng site, kung bakit maaaring hindi buksan ang mga ito, at kung paano lutasin ang problemang ito. Ngayon alam mo na ang kaunti pa tungkol sa kung paano gumagana ang Internet at kung ano ang mga mapagkukunan nito sa web.



MGA KAUGNAY NA ARTIKULO