Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ

Faqe e re në shfletuesin e internetit. Si të krijoni një faqe në internet

INSTITUTI I ARSIMIT TË HAPUR I MOSKËS
DEPARTAMENTI I MATERIALEVE DHE TEKNOLOGJIVE INFORMATIVE

Materialet e kursit në distancë
"Teknologjia e Informacionit dhe Edukimi"

Polilova Tatyana Alekseevna
[email i mbrojtur]

Si të krijoni një faqe në internet

Mënyra më e lehtë për të krijuar një faqe në internet është përdorimi i veglave në paketën Microsoft Office. Versionet më të fundit të kësaj pakete ofrojnë mundësinë për të kthyer një dokument të rregullt në formatin HTML me cilësi të mirë kodi.

Karakteristikat e Word-it

Një dokument i përgatitur në një redaktues teksti Word mund të konvertohet lehtësisht në një faqe interneti. Megjithatë, nuk do të duket aq tërheqëse sa do të dëshironim nëse nuk ndërmerren hapa shtesë. Le të shohim disa shembuj.

Le të marrim pak tekst.

Le ta kthejmë dokumentin në një faqe interneti duke përdorur funksionin Ruaj si ueb faqe… (ai thirret nga menyja kryesore - pozicioni File). Pastaj paraqitja html e dokumentit do të duket si kjo:

Gjëja e parë që ju bie në sy është se teksti zë të gjithë hapësirën e ekranit. Vargu është shumë i gjatë. Për lexim të rehatshëm në ekran, numri i karaktereve për rresht duhet të jetë në intervalin 50-65.

Duke përdorur një tabelë

Në këtë rast, mund ta bëni mjaft thjesht: krijoni një tabelë në dokumentin burimor dhe vendosni tekstin e dëshiruar në të. Tabela mund të jetë me kornizë. Pastaj pamja e faqes në internet do të përmirësohet shumë dhe faqja do të duket më tërheqëse në shfletues.

Sfondi dhe stili

Këshillohet të zgjidhni një sfond jo shumë të ndritshëm në mënyrë që teksti të lexohet mirë në të. Një sfond i tillë në listën e propozuar është, për shembull, Letra e orizit. Faqja ka ndryshuar shumë:

Fut foto

Mund të shtoni një fotografi në një dokument duke e marrë atë, për shembull, nga një koleksion klipesh.

Ju duhet të klikoni me të djathtën mbi foto, të kryeni operacionin e kopjimit dhe më pas të specifikoni vendin për figurën në dokument dhe të kryeni operacionin e ngjitjes së objektit të kopjuar.

Nëse futni një fotografi brenda një paragrafi, është më mirë të ndryshoni vetitë e figurës duke vendosur mbështjelljen e tekstit rreth figurës (duhet të zgjidhni pozicionin e menysë kryesore Format dhe më pas Picture):

Kjo nuk do të krijojë hapësirë ​​shtesë të bardhë në dokument.

Më në fund, mund të shtoni një kornizë dhe hije në figurë duke përdorur butonat në panelin e vizatimit - Lloji i linjës dhe stili i hijes. Nuanca të tilla shtojnë dukshëm ekspresivitetin në faqe.

Nëse paneli i vizatimit nuk është në faqe, atëherë duhet ta instaloni duke zgjedhur pozicionin e menysë kryesore View dhe më pas Shiritat e veglave dhe Vizatimi.

Tiker

Word ju lejon të shtoni elementë të tjerë të dizajnit në një faqe interneti, si p.sh. një "marquee". Për të përdorur këtë veçori, duhet të hapni panelin e komponentëve të uebit në ekran (nga menyja kryesore - artikulli View, pastaj Toolbars and Web Components). Duke klikuar në butonin e operacionit "Linja e zvarritjes" hapet një dritare shtesë për vendosjen e tekstit të parametrave të linjës së zvarritjes.

Si zakonisht, mund të ndryshoni fontin dhe atributet në varg: madhësia e shkronjave dhe ngjyra e karakterit. Faqja e internetit do të duket si kjo në ekran:

Ne kemi dhënë një shembull të vetëm një grupi shumë modest të teknikave të projektimit me të cilat mund të dizajnoni një faqe interneti bazuar në një dokument ekzistues Word.

Përdorimi i modeleve të dizajnit

Nëse po filloni të krijoni një faqe nga e para, atëherë mund të përdorni magjistarin e faqes në internet, i cili do t'ju ndihmojë të krijoni një dokument në një dialog. Ose mund të përdorni një model të gatshëm të dizajnit të faqeve duke e zgjedhur atë nga një grup mjaft përfaqësues. Për ta bërë këtë, në operacionin Krijo, zgjidhni modalitetin Krijo duke përdorur një shabllon dhe më pas Modelet e përgjithshme. Një formular do të shfaqet në ekran në të cilin duhet të zgjidhni skedën e faqeve në internet:

Përdoruesi mund të zgjedhë vetë zgjidhjen e ngjyrave dhe stilit, për shembull, duke përdorur cilësimet Format - Tema.

Krijoni lidhje dhe faqerojtës

Çështja e fundit që ne planifikojmë të shqyrtojmë në këtë seksion është krijimi i hiperlidhjeve në një dokument.

Nëse duam t'i referohemi në një dokument një dokumenti tjetër ose një faqeje tjetër në internet, atëherë një hiperlidhje e tillë mund të bëhet si më poshtë: zgjidhni një pjesë teksti (fjalë) në dokument dhe kryeni operacionin Insert - Hyperlink ... A në ekran do të shfaqet forma në të cilën është specifikuar adresa e hiperlidhjes. Adresa mund të futet në mënyrë eksplicite ose mund të zgjidhni skedarin në dritare.

Këtu duhet të mbani mend se adresa e skedarit të zgjedhur në kompjuterin tuaj mund të ndryshojë kur krijoni faqen tuaj. Prandaj, mënyra e nënkuptuar e specifikimit të adresës është e përshtatshme vetëm nëse struktura e dosjes suaj në kompjuterin tuaj dhe në faqen e internetit është e njëjtë.

Nëse një hiperlidhje duhet t'i referohet një pjese tjetër të të njëjtit dokument, atëherë së pari duhet të futni një faqerojtës në fillim të fragmentit të dëshiruar. Duhet të kryeni operacionin Insert - Bookmark dhe në formën që shfaqet në ekran, shkruani emrin e faqerojtësit.

Prezantimi në ueb në PowerPoint

PowerPoint është krijuar për krijimin e prezantimeve në një kompjuter. Megjithatë, ai ka funksionin e konvertimit të prezantimit të përgatitur në formatin ueb.

Mund të hapni prezantimin e përgatitur dhe të kryeni veprime (nga menyja kryesore) Skedari - Ruaj si faqe në internet. Si zakonisht, duhet të vendosni emrin e prezantimit në ueb në dritaren që hapet. Si rezultat i konvertimit të prezantimit, do të krijohet një skedar me emrin dhe shtrirjen e dhënë .htm dhe një dosje me të njëjtin emër me materiale shtesë.

Nëse tani telefononi një prezantim në ueb nga shfletuesi, mund të shihni rezultatin e konvertimit në ekran.

Një linjë e veçantë krijohet në fund të ekranit, ku ndodhen butonat për lëvizjen në rrëshqitje dhe butonat për vendosjen e parametrave të ndryshëm për shikimin e prezantimeve.

Prezantimi mund të shihet me një strukturë rrëshqitëse që tregon. Por nëse ky informacion nuk është me interes, atëherë fusha e rezervuar për shfaqjen e strukturës në ekran mund të hiqet (operacioni për zgjerimin / kolapsin e strukturës në vijën fundore).

Butoni i Slideshow ju lejon të shikoni rrëshqitjet tuaja në ekran të plotë.

Krijo hiperlidhje

Në një prezantim, ju mund të krijoni hiperlidhje që lidhin objektet në një rrëshqitje, për shembull, me sllajde të tjera. Kështu, është e mundur të krijohet një strukturë hipermediale që natyrshëm do të korrespondojë me ideologjinë e internetit. Le ta shpjegojmë këtë qasje me një shembull.

Supozoni se kemi disa sllajde të përgatitura me temën e florës së Baikal, të përbërë nga një koleksion fotografish. Le të krijojmë një rrëshqitje të re - tabelën e përmbajtjes për koleksionin.

Nëse rrëshqitja e re nuk është e para në sekuencë, atëherë duhet të dilni nga modaliteti i klasifikimit të rrëshqitjeve (nga menyja kryesore duke përdorur operacionet View - Slide Sorter) dhe tërhiqni rrëshqitjen e re në fillim të koleksionit.

Në sllajdin e ri do të vendosim kopje të vogla të të gjitha fotove. Mënyra më e lehtë për ta bërë këtë është në mënyrën më të drejtpërdrejtë: kopjoni të gjitha fotot në koleksion një nga një në një rrëshqitje bosh, zvogëloni madhësinë e tyre dhe vendosini, për shembull, në dy rreshta. Fotografitë mund të kornizohen më tej me një hije. Ju mund të shtoni titullin e prezantimit tuaj në tabelën e përmbajtjes së rrëshqitjes. Pamja e prezantimit në modalitetin e klasifikimit të rrëshqitjes është paraqitur më poshtë:

Le të kalojmë në modalitetin normal të pamjes së rrëshqitjes (komandon View dhe më pas Normal). Në tabelën rrëshqitëse të përmbajtjes, zgjidhni foton dhe ekzekutoni komandën Insert - Hyperlink. Në dritaren që hapet, vendosni kalimin me hiperlidhje - numrin e rrëshqitjes me një foto të madhe nga e cila u kopjua një mostër më e vogël për tabelën e përmbajtjes.

Në mënyrë të ngjashme, ne do të lidhim fotografi të tjera në rrëshqitjen e tabelës së përmbajtjes me sllajdet përkatëse me fotot origjinale.

Nëse tani e drejtojmë prezantimin tonë, ai do të funksionojë si një strukturë hipermediale: klikimi mbi foton e vogël do të hidhet në rrëshqitjen më të madhe të fotografisë.

Mbetet për të përmirësuar jo pak strukturën tonë. Le të shtojmë një shigjetë në çdo rrëshqitje me një foto në pjesën e sipërme të majtë të saj (AutoShape në shiritin e veglave Drawing) dhe ta bëjmë këtë shigjetë një hiperlidhje që lundron në tabelën e përmbajtjes së rrëshqitjes. Tani lëvizja përgjatë strukturës hipermediale që kemi krijuar do të bëhet "dykahëshe": nga tabela e përmbajtjes mund të shkoni te sllajdet me foto dhe nga çdo rrëshqitje mund të ktheheni në tabelën e përmbajtjes.

Pas konvertimit të prezantimit në format ueb, faqja jonë e parë do të duket kështu:

Klikimi mbi një imazh nga menyja do t'ju çojë në rrëshqitjen e madhe të fotografisë dhe duke klikuar në shigjetën (në pjesën e sipërme majtas të rrëshqitjes) do t'ju çojë në faqen e tabelës së përmbajtjes së koleksionit.

Përshëndetje të dashur lexues të blogut. Me këtë artikull, ne do të fillojmë të mësojmë bazat e gjuhës HTML.

Ju ndoshta e dini tashmë se gjuha kryesore e internetit është Gjuha e shënjimit të hipertekstit (HTML). Në këtë artikull, ne do të mësojmë konceptet bazë të HTML dhe do të mësojmë se si të krijojmë faqet më të thjeshta WEB.

Le të fillojmë me më të rëndësishmet, të shqyrtojmë se si funksionon vetë World Wide Web - internet. Për të marrë faqe në internet, ju krijoni skedarë të shkruar në HTML dhe i vendosni ato në një server në internet. Pas kësaj, çdo shfletues i instaluar në një pajisje me akses në internet, qoftë kompjuter, telefon apo tablet, mund të gjejë faqet tuaja të internetit.

Web server- Ky është një kompjuter i rregullt me ​​softuer special që ka akses në internet. Ai vazhdimisht pret kërkesa nga shfletuesit për faqet e internetit, imazhet, skedarët audio dhe video. Pasi ka marrë një kërkesë për një nga këto burime, serveri e kërkon atë dhe e dërgon atë në shfletues.

Shfletuesiështë një program i veçantë i krijuar për të shfletuar faqet e internetit, të tilla si Internet Explorer. Me shfletuesin tuaj, ju shfletoni ueb duke klikuar në lidhje. Çdo klikim i tillë bën që shfletuesi të bëjë një kërkesë për faqen html në serverin e uebit, të marrë një përgjigje dhe të shfaqë faqen në dritaren e tij. Është kur shfaqet faqja që gjuha HTML hyn në lojë, ajo i tregon shfletuesit gjithçka për strukturën dhe përmbajtjen e faqes së internetit. Me ndihmën e komandave - etiketa, HTML i tregon shfletuesit se ku fillojnë paragrafët e tekstit, cila pjesë e tekstit është titulli dhe tregon se ku të futen tabelat, madje edhe fotografitë. Dhe etiketat janë fjalë në kllapa këndore, për shembull

,

, .

Një dyqan online nevojitet urgjentisht, por nuk ka kohë për të mësuar HTML, CSS, PHP dhe teknologji të tjera. Atëherë thjesht mund të marrësh me qira një dyqan online me funksionalitet dhe optimizim të plotë të zbatuar për motorët e kërkimit.

Gjuha HTML dhe etiketat e saj

Versioni i parë i HTML u shfaq në 1992. Në kohën e vitit 2013, po zhvillohet një specifikim për një version të ri të HTML numër 5. Ky specifikim po zhvillohet nga World Wide Web Consortium, ose shkurt W3C. W3C gjithashtu zhvillon standarde të tjera Web. Ju mund të njiheni me këto standarde në faqen e tyre të internetit www.w3.org. Nga rruga, shumë shfletues të internetit tashmë mbështesin disa veçori HTML 5.

Unë propozoj të filloni të mësoni gjuhën HTML menjëherë me një shembull. Pra, le të krijojmë faqen tonë të parë të internetit. Çdo redaktues teksti është i përshtatshëm për krijimin e faqeve në internet. Unë sugjeroj të filloni me përdorimin e Windows-it të integruar Notepad(në përgjithësi, në të ardhmen, për modifikimin e kodit html, ju këshilloj të përdorni ). Mund ta gjeni: "Start-> All Programs-> Accessories-> Notepad". Le të krijojmë një faqe për makinat. Pra, hapni Notepad dhe shkruani tekstin e mëposhtëm:





Shembull i faqes në internet


Faqja e internetit për makinat.


Mirë se vini në faqen tonë të automobilave. Këtu do të gjeni shumë artikuj interesantë dhe të dobishëm rreth makina. Faqja ka përshkrime të shumë makinave të importuara dhe vendase.



Më pas, le ta ruajmë faqen e krijuar të internetit në një skedar të quajtur index.html. Në të njëjtën kohë, në kutinë e dialogut për ruajtjen e skedarit, duhet të vendosni kodimin UTF-8 dhe të vendosni emrin e skedarit në thonjëza, përndryshe Notepad do t'i shtojë atij shtesën txt dhe skedari ynë do të quhet index.htm. tekst:

Tani mbetet të hapni skedarin e krijuar në shfletues dhe të shikoni rezultatin. Për ta bërë këtë, mund të përdorni shfletuesin Microsoft Internet Explorer të dhënë me Windows, ose çdo shfletues tjetër të instaluar në kompjuterin tuaj, duke klikuar dy herë mbi skedarin index.html ose duke e zvarritur skedarin mbi ikonën e shfletuesit. Ne e hapim atë dhe shohim diçka si kjo:

Pra, ne kemi krijuar një faqe interneti në Notepad që është pak e zymtë, por tashmë përmban një titull të madh dhe një paragraf teksti që ndahet automatikisht në rreshta dhe përmban një fragment teksti të theksuar.

Çfarë është një etiketë?

Tani le të flasim më shumë për strukturën e faqes. Merrni parasysh fragmentin:

Faqja e internetit për makinat

. Këtu shohim tekstin që shfaqet në faqe si titull, i mbyllur në etiketa

Dhe

. Çfarë është një etiketë në gjuhën html?

Etiketa HTML janë fjalë dhe simbole të zakonshme të mbyllura në kllapa këndore, p.sh.

,

, . pra tag

është etiketa hapëse, etiketë

etiketa mbyllëse dhe teksti në mes quhet përmbajtja e etiketës. Gjithashtu etiketoni

dhe tag

quhen etiketa çift. Së bashku, etiketa e fillimit plus përmbajtja plus etiketa e fundit formojnë një element të dokumentit html. Ekzistojnë gjithashtu elementë që përbëhen nga një etiketë e vetme hapëse:

Pra, etiketa çift

përcakton elementin e titullit të nivelit të parë. Gjithsej janë gjashtë nivele titujsh, këto janë elementet

.

Elementet janë bllok dhe shkronja të vogla (tekst). Elementet e bllokut kryeni formatimin strukturor të faqes. Elementet e bllokut shfaqen gjithmonë në faqe në një rresht të ri dhe janë të futur nga elementët fqinjë. Elementet inline kryejnë formatimin e drejtpërdrejtë të tekstit ose formatimin logjik. Elementi

është një element blloku.

Kjo është e gjitha për mua!!! Shihemi në postimet e radhës!

Pra, çfarë është një faqe interneti dhe një faqe interneti? Për të kuptuar këtë çështje, le të mendojmë se çfarë lloj informacioni mund të përmbahet në një faqe interneti? Përgjigja është e qartë - pothuajse çdo. Faqja mund të përmbajë informacione rreth lojërave kompjuterike, makinave, peshqve të akuariumit, krijesave mitike, qyteteve dhe vendeve të botës, etj. etj. Lista është e pafund. Në faqe, madje mund të postoni, për shembull, veprat e klasikëve të mëdhenj rusë. Si ju pëlqen faqja "Lufta dhe Paqja"? Rezulton se faqja është një libër, por jo i thjeshtë, por elektronik? Po, një faqe interneti, në thelbin e saj, është me të vërtetë një e-libër, një revistë ose një libër shkollor që mund të përmbajë informacione që janë të dobishme për ju dhe informacione që nuk janë aspak interesante për ju për momentin.

Ashtu si një libër i zakonshëm, një faqe interneti përbëhet nga faqe të quajtura faqe në internet.

Dhe si e gjejmë ne, në fakt, në të njëjtin tekst të shkencave kompjuterike, informacionin që na intereson? Hapim përmbajtjen që ndodhet në fillim ose në fund të tekstit shkollor, kërkojmë paragrafin në të cilin ndodhet informacioni i nevojshëm, përballë paragrafit shikojmë numrin e faqes, e hapim dhe studiojmë materialin. Gjithçka është mjaft e thjeshtë dhe e zakonshme.

Pasi të shkojmë në faqen kryesore të një faqeje të dizajnuar mirë, duhet të shohim edhe diçka të ngjashme me përmbajtjen e tekstit shkollor në mënyrë që të mund të gjejmë shpejt informacionin që na nevojitet.

Por si të arrijmë tek informacioni i nevojshëm i vendosur në faqen e internetit, sepse nuk mund të shfletojmë faqe elektronike si ato të zakonshme në letër? Në të vërtetë, ne zakonisht përdorim miun.

Në fakt, lëvizja midis faqeve të faqes është edhe më e shpejtë se lëvizja midis faqeve kur punoni me një libër shkollor të rregullt. Për të lëvizur midis faqeve të faqes, përdoren elementë të faqes së internetit, kur klikoni mbi to, mund të kaloni në një faqe tjetër të sajtit. Këta elementë faqe quhen hiperlidhje dhe janë të pranishme në të gjitha faqet që përbëjnë faqen.

Në rastin "klasik", një pjesë e tekstit (një fjalë ose disa fjalë) dhe imazhet grafike (vizatimet dhe fotografitë) përdoren si hiperlidhje.

Meqenëse në rastin e parë teksti përdoret për të krijuar hiperlidhje, një hiperlidhje e tillë quhet hiperlidhje teksti. Shumë shpesh, një hiperlidhje teksti është tekst i nënvizuar blu. Duke parë, për shembull, në faqen kryesore të faqes mbishkrimin "Uebsajtet dhe faqet e internetit" të krijuara në mënyrë të ngjashme dhe duke klikuar mbi të me butonin e majtë të miut, duhet të gjendeni në një faqe Web kushtuar kësaj teme. Faqja "Uebsajtet dhe faqet e internetit" duhet, nga ana tjetër, të përmbajë të paktën një lidhje hiperlinke përmes së cilës mund të ktheheni te përmbajtja.

Nëse një imazh grafik, siç është një fotografi, përdoret si hiperlidhje, atëherë do të jetë e vështirë të merret me mend se kjo është një hiperlidhje. Atëherë, si të përcaktohet nëse imazhi është një hiperlidhje apo jo? Në këtë rast, mbani mend rregullin e mëposhtëm: "Nëse, kur lëvizni kursorin e miut mbi një element në një faqe Web, ai merr formën e një dore, atëherë ky element është një hiperlidhje."

Shënim: Ekziston një përjashtim nga ky rregull, për shembull në rastin e rrotullimeve, të cilat mund të mos jenë hiperlidhje, por kur lëvizni kursorin e miut mbi to, kursori gjithashtu merr formën e një dore. Përveç ndryshimit të pamjes së kursorit, kur rri pezull mbi një hiperlidhje, duhet të shfaqet edhe URL (adresa unike e burimit), por ne do të flasim për këtë në mësimin për krijimin e hiperlidhjeve duke përdorur programin FrontPage.

Pyetjet e testit:

  • Çfarë është një faqe interneti?
  • Çfarë është një faqe në internet?
  • Çfarë është një hiperlidhje?
  • Cilët elementë të një faqe interneti mund të përdoren si hiperlidhje?
  • Si të përcaktoni nëse një element faqe është një hiperlidhje?
  • A mundet që ueb faqet individuale të një faqeje të mos përmbajnë hiperlidhje?
9 vota

Mirë se vini në faqet e blogut Start-Luck. Sot do të doja t'ju tregoja se si të përdorni kodin. Shkrimi i faqeve të internetit është një aktivitet interesant që mund të duket dërrmues për shumë njerëz. Në fakt, një faqe e thjeshtë mund të krijohet në vetëm 5 minuta.

Në këtë artikull do të flas për krijimin e një faqe html. Ne do ta përfundojmë këtë detyrë në më pak se 10 minuta, dhe më pas do të merremi me etiketat kryesore në më shumë detaje. Do të ishte gabim ta quajmë mësim një botim të tillë. Është më shumë një fillestar që ka për qëllim t'ju tregojë thjeshtësinë e punës dhe t'ju japë dëshirën për të ecur përpara, për të mësuar më shumë, për të bërë më mirë.

Si të krijoni një faqe

Unë ju sugjeroj të bëni faqen e parë në një bllok shënimesh. Më e thjeshta, e cila ndodhet në menynë Start, dosja Aksesorë. Nuk keni nevojë të shkarkoni asgjë ende. Mundohuni të përfitoni nga ajo që keni.

Hap një dokument.

Ngjitni këtë kod në të.

<html > <kokë > <titull > Faqja ime e parë</titull> </kokë> <trup > <qendër >

</h1> <br/>
<qendër > "https://pixabay.com/static/uploads/photo/2016/10/14/18/03/workplace-1740807_960_720.jpg"> <br/>
<fontstyle="color:red"></font> <br/>
<b></b> <br/>
Kemi arritur në fund<br/>
Tani ju dini pak më shumë rreth etiketave dhe mund t'i përdorni ato. Le të përpiqemi të fusim një lidhje për të lidhur disa faqe së bashku.<br/>
<hr > Për shembull, këtu është një lidhje në blogun tim -<a href = "http://site/" > Filloni fatin</a>- flet thjesht për "të vështira".<br/>
<br/>
</trupi> </html>

Faqja ime e parë

Krijimi i një faqeje është më i lehtë nga sa mendoni

Shumëkujt mund t'u duket se krijimi i faqeve të internetit është një detyrë e vështirë, madje e pamundur. Për ta bërë këtë, ju duhet të mësoni shumë, të mësoni, të bëni. Në fakt, ka rreth 100 etiketa që as nuk duhet t'i mësoni. Është e rëndësishme vetëm të kuptohet se çfarë dhe ku aplikohet. Informacioni mund të shikohet në fletë të ndryshme mashtrimi dhe me kalimin e kohës do të filloni të mbani mend etiketat në makinë.



Kod i thjeshtë për ta bërë tekstin të kuq

Nuk është shumë më e vështirë të shkruash me shkronja të zeza

Kemi arritur në fund

Tani ju dini pak më shumë rreth etiketave dhe mund t'i përdorni ato. Le të përpiqemi të fusim një lidhje për të lidhur disa faqe së bashku..

Epo kjo është e gjitha. Faqja juaj e parë është gati

Skedari duhet të emërtohet index.html. Përfundimi ".html" tregon shtrirjen e skedarit. Nëse thjesht futni emrin e indeksit, dokumenti do të ruhet si skedar teksti dhe nuk do të hapet nga shfletuesi.

E ruajta dokumentin në desktopin tim. Tani ju duhet ta gjeni, shtypni butonin e djathtë të miut dhe hapeni me çdo shfletues. Unë do të zgjedh Google Chrome.

Kështu duket faqja që sapo krijova. E juaja nuk do të jetë ndryshe. Gjithçka është saktësisht e njëjtë: me foto dhe font ngjyrash.

Tani do të hyj në më shumë detaje rreth etiketave, por tani për tani le të heqim vetëm " qendër " dhe futni një rresht që përmban fjalën " ngjyrë". Nga rruga, unë kam shkruar tashmë. Është shumë e thjeshtë, ju rekomandoj ta lexoni.

Ruani përsëri dokumentin, këtë herë thjesht mund të përdorni shkurtoren e tastierës Ctrl + S dhe më pas rifreskoni faqen në shfletues duke përdorur butonin F5

Mbani mend, pothuajse çdo etiketë duhet të hapet dhe mbyllet. Kjo do të thotë, kodi me një prerje duhet të jetë i vendosur diku. Në këtë rast, duket kështu: .

Shikoni, titulli është bërë i kuq. Në të njëjtën mënyrë, ju mund t'i jepni hijen e dëshiruar çdo pjese të tekstit.

Epo, kjo është e gjitha, shembulli është gati, dhe ju duhet të jeni krenarë për veten tuaj. Sigurisht, nuk është ende online, për këtë duhet të vendoset faqja e internetit, e cila ofrohet nga hosti. Ju gjithashtu duhet të lidhni domenin tuaj në mënyrë që njerëzit e tjerë të mund të shohin krijimin tuaj.

Për momentin, vetëm ju mund ta shihni faqen. Por duhet ta pranoni se vetëm një person nga epoka e hekurit mund të befasohet nga një faqe e tillë. Por kjo është përvoja e parë, le ta bëjmë edhe më të suksesshme duke kuptuar etiketat që kemi përdorur. Kjo do t'ju ndihmojë të mësoni se si të krijoni projektet tuaja pa ndihmën e askujt.

etiketa

Me lejen tuaj, do të kaloj në NotePad++. Ka një numër avantazhesh në krahasim me një bllok shënimesh të rregullt. Tani do të më duhen vërtet etiketat e theksuara për t'ju treguar elementët për të cilët do të flas. Në përgjithësi, nëse do të mësoni html, atëherë unë rekomandoj shumë instalimin e këtij programi falas.

Nuk është i vetmi dhe mund t'ju ofroj disa të tjera nëse dikush është i interesuar për alternativa. Do të kalojmë në pjesën teorike.

Kryesor

Faqja fillon dhe përfundon me etiketa . Ata i tregojnë shfletuesit se ky është një dokument ueb i krijuar me html.

Tjetra vjen ose titull. Ai përmban informacionin më të rëndësishëm në lidhje me faqen, në rastin tonë - . Nëse nuk e keni gjetur ende shprehjen "Faqja ime e parë", e cila është e pranishme në kod, kushtojini vëmendje vetë skedës, sipër vijës së kërkimit.

Domethënë etiketat janë përgjegjës për fillimin dhe fundin e informacionit kryesor rreth faqes.

Etiketë

tregon se fraza është një titull. Si parazgjedhje, është pak më i madh se teksti i trupit dhe është i theksuar. Nëse ju dhe unë tani do të shkruanim jo vetëm në html, por gjithashtu do të krijonim një skedar CSS me të cilin skedari ynë kishte diçka të përbashkët, ne mund të kontrollonim madhësinë, fontin dhe madje edhe ngjyrën e të gjithë titujve në faqe pa shkruar stili i shkronjave siç bëmë në shembull. Megjithatë është shumë herët për këtë.

Nga rruga, Titulli dhe H1 kanë ndikimin e tyre kur i caktojnë faqes tuaj një vend në rezultatet e kërkimit. Ju duhet t'i trajtoni me shumë vëmendje dhe mos shkruani brenda vetëm kaq. Ato janë të lidhura me. Përveç h1, ka edhe h2, h3, h4.

Në të njëjtën linjë ka një hapje dhe mbyllje

. Falë këtij elementi, ju mund ta rreshtoni tekstin në mes. Nëse hiqet kjo etiketë, teksti do të rreshtohet djathtas.


- një nga etiketat e pakta të vetme. Kjo do të thotë, funksionon më vete. Falë kësaj, ju hidhni elementë nga një rresht në tjetrin. Me fjalë të tjera, bëni një hap prapa. E kanë shkruar një herë, që do të thotë se kanë zbritur një herë, dy herë, si e imja, dhe dhëmbëzimi doli të ishte pak më shumë.

Foto

Më pas vjen etiketa img , pra imazh, foto. Hapet kllapa katrore, të gjitha informacionet bazë për imazhin përshtaten në të, vetëm pas kësaj mbyllet. Duhet theksuar se img është një etiketë, dhe të gjithë elementët e tjerë të kodit që përshtaten brenda janë atributet e tij.

Para së gjithash shkon alt , që është një përshkrim. Kjo është gjithashtu e nevojshme për optimizim. Ndonjëherë shtohet edhe titullin . Kur rri pezull mbi një imazh me miun, një këshillë mjeti shfaqet pranë kursorit kur faqja është tashmë e hapur në shfletues.

Ishte e mundur të ngarkoja fotografinë në dosjen e faqes dhe të vendosja rrugën drejt saj, por unë shkova në rrugën e thjeshtë. Midis Pixabay gjeta një foto, e hapa në një dritare të re dhe ngjita lidhjen.

Në etiketë src është shkruar rruga për në imazh. Është ai që i thotë shfletuesit që duhet të lëvizni më tej në mënyrë që të gjeni imazhin e dëshiruar, dhe në cilin drejtim të shikoni - shkruani vetë.

Formatimi i tekstit

është përgjegjës për t'i dhënë një pjese të tekstit një stil të veçantë, për shembull, si në rastin tonë, një ngjyrë të ndryshme. style="color:red" tregon se ngjyra do të jetë e kuqe. Nëse dëshironi të verdhë, shkruani të verdhë, jeshile - jeshile. Ju mund të përdorni kodet e ngjyrave nga Photoshop.

ndihmon për ta bërë tekstin të trashë.


vizaton një vijë horizontale. Eshte teke dhe perdoret vetem kur eshte i mbyllur. Nëse shkruani
disa herë, do të merrni saktësisht të njëjtin numër vijash horizontale kur hapni faqen në shfletues.

Lidhjet

i tregon shfletuesit se një lidhje do të pasojë. Ju dëshironi ta ridrejtoni lexuesin në një adresë tjetër. Ky etiketë vjen me një atribut të kërkuar href="adresa" . Rruga ku shfletuesi duhet të transferojë vizitorin në faqe është futur në thonjëza. Pasi të shkruhet ky etiketë, futet një përshkrim, një fjalë ose disa, me klikim mbi të cilin lexuesi do të transferohet më tej. Pasi të plotësohen këto kushte, mund të futni një etiketë të dytë mbyllëse .

Pasi të shkruhet pjesa e trupit të faqes, ju mbyllni etiketën trupi meqë trupi është i mbaruar. Dhe tregoni se nuk e përdorni sot html .

Nëse dëshironi të mësoni më shumë rreth etiketave html dhe të mësoni se si të futni jo vetëm fotografi, por edhe video, të krijoni butona, forma të ndryshme, lista, paragrafë, atëherë unë mund t'ju ofroj një kurs falas nga Evgeny Popov " bazat html ". Vetëm 33 mësime do t'ju ndihmojnë të arrini një nivel të ri.


Unë gjithashtu dua t'ju rekomandoj një kurs video që tregon se si janë krijuar faqet. I gjithë procesi tregohet në shembuj realë, gjë që është veçanërisht e mirë. Kursi është i destinuar si për fillestarët që nuk e njohin ende HTML-në, ashtu edhe për ata që tashmë e njohin mirë HTML dhe CSS, megjithatë, ata nuk dinë të vendosin mirë faqet. Më shumë informacion mund të merrni duke klikuar në lidhjen: www.srs.myrusakov.ru/makeup


Përveç kësaj, merrni Libër pa pagesë për ndërtimin e faqeve të internetit ! Ky libër u drejtohet fillestarëve dhe aty po krijohet faqja e internetit FROM dhe TO. Dmth përgatitet dizajni, pastaj krijohen faqet, shkruhet pjesa e softuerit dhe më pas faqja vendoset në internet. Autori komenton me kujdes gjithçka, dhe libri ka shumë pamje dhe ilustrime. Për më tepër, e veçanta e librit është se nuk po krijohet ndonjë faqe abstrakte, por mjaft reale dhe ekzistuese në internet.

Sot keni bërë shumë, sepse hapi i parë është më i vështiri.

Abonohuni në buletinin dhe Grupi VKontakte , dhe mësoni më shumë: si dhe pse keni nevojë për një motor uebsajti, çfarë është faqosja e bllokut dhe rrjeti modular, si të shkruani faqe interneti dhe shumë më tepër.

Shihemi sërish dhe fat të mirë!

Një faqe interneti, e quajtur shpesh shkurt si një faqe interneti, nuk është asgjë më shumë se një koleksion i faqeve të internetit të ndërlidhura logjikisht, ose vetëm një faqe. Faqet e sajtit janë të disponueshme në internet duke përdorur protokollet HTTP ose HTTPS. Një faqe interneti ka vendin e vet në internet, e përcaktuar nga një adresë personale për çdo faqe, e cila zakonisht quhet URL. Çdo faqe interneti ka pronarin e vet, pronari mund të jetë si një person fizik ashtu edhe një person juridik.

Faqja e internetit përbëhet nga faqe

Një faqe interneti përbëhet nga faqe të lidhura me një URL të përbashkët rrënjë dhe, si rregull, një strukturë logjike, temë, pamje (dizajn) dhe pajisje teknike të përbashkët. Nga ana tjetër, World Wide Web nuk është gjë tjetër veçse një koleksion i të gjitha faqeve të internetit. Faqet e internetit janë skedarë teksti të shkruar në gjuhën e shënjimit të hipertekstit HTML ose XHTML.

Kur shikoni një faqe në internet, në një program të veçantë të quajtur shfletues, skedarët HTML shkarkohen në kompjuterin e përdoruesit. Pasi të shkarkohet, shfletuesi shfaq faqet e internetit në ekranin e përdoruesit. Pajisje të ndryshme mund të përdoren si një mjet harduerik për të hyrë në internet për të parë përmbajtjen e faqeve të internetit: një kompjuter personal, PDA, disa modele të konsolave ​​të lojërave dhe pajisje të tjera, të gjitha këto pajisje mbështesin standardet e gjuhës HTML / XHTML dhe faqet e internetit. janë shfaqur njësoj në to.

Gjuha HTML / XHTML bën të mundur formatimin e faqeve, vendosjen e tekstit, hiperlidhjeve, tabelave, fotografive dhe objekteve të tjera në to. Një fletë stili CSS që mund të përdoret në dokumentet HTML ofron opsione shtesë për krijimin e pamjes së faqeve të internetit.

JavaScript dhe disa gjuhë të tjera skriptimi

Në faqet e internetit, mund të përdorni gjithashtu JavaScript dhe disa gjuhë të tjera skriptimi të mbështetura nga shfletuesi dhe të shtoni interaktivitet në dokumentin e uebit. Hypertext-links, ose hiper-links shkurt, përdoren për të lidhur midis faqeve të internetit brenda një sajti dhe lidhjeve midis faqeve të ndryshme të internetit në World Wide Web. Nëse një hiperlidhje përdoret për të lidhur faqet brenda një faqeje, ajo quhet një lidhje e brendshme, dhe nëse lidh faqe të ndryshme, quhet një lidhje e jashtme.

Faqet e faqes

Faqet në sit mund të jenë statike, d.m.th., ato ruhen në serverin e internetit në formën e skedarëve të pandryshueshëm, ose mund të jenë dinamike, domethënë ato gjenerohen drejtpërdrejt në server nga një program i veçantë, i cili gjithashtu është quhet motori i faqes. Motori i faqes mund të ofrojë një gamë të gjerë opsionesh për të ndryshuar përmbajtjen e faqeve të internetit, për të shtuar faqe të reja në internet dhe për të kryer veprime të tjera për të konfiguruar një faqe interneti dhe për të redaktuar informacionin në të përmes një ndërfaqeje të administrimit të uebit, e cila quhet një sistem i menaxhimit të përmbajtjes ose CMS.

Krijimi i një faqe interneti është një proces intensiv i punës që kombinon punën e specialistëve të ndryshëm: dizenjues ueb, programues, kodues HTML, optimizues, menaxherë, gazetarë për të mbushur faqen me informacion, etj. Koha dhe kostoja e krijimit të një faqe interneti varet nga kompleksiteti i projektit, struktura e tij dhe cilësia e dizajnit.

Pak histori e zhvillimit të faqes në internet

Faqja e parë në botë u krijua më 6 gusht 1991 nga amerikani Tim Berners-Lee, ai postoi një botim në sit rreth teknologjisë World Wide Web. Baza e teknologjisë World Wide Web është protokolli i transferimit të të dhënave HTTP, gjuha e shënjimit të hipertekstit HTML dhe sistemi i adresimit të URL-ve. Faqja përshkroi gjithashtu parime të tjera bazë të internetit, si funksionimi i serverëve, shfletuesve të internetit, etj. Faqja, e krijuar nga Tim Berners-Lee, u bë gjithashtu drejtoria e parë e internetit në botë, sepse. më vonë në të u vendosën lidhje me burime të tjera të internetit të atëhershëm.

Mjetet e nevojshme për funksionimin e faqes u përgatitën edhe më herët, në fund të vitit 1990 u shfaq shfletuesi i parë, i cili u quajt WorldWideWeb, ai përfshinte gjithashtu funksionin e një redaktuesi hiperteksti. Tim Berners-Lee prodhoi gjithashtu serverin e parë të internetit të bazuar në NeXTcube.

Artikujt kryesorë të lidhur