Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Lajme
  • Kurse online mbi HTML, CSS, paraqitjen e JavaScript. Në kursin intensiv do të mësoni

Kurse online mbi HTML, CSS, paraqitjen e JavaScript. Në kursin intensiv do të mësoni

Mirësevini në faqet e blogut tim. HTML është një gjuhë e thjeshtë shënjimi që përdoret për të krijuar faqe në internet. Thashë që është e thjeshtë që të mos kesh frikë ta studiosh. Gjuha HTML për fillestarët është thjesht e përsosur - është shumë më e vështirë të zotërosh menjëherë një gjuhë programimi nga e para, por html është me të vërtetë shumë më e lehtë.

Në këtë artikull, unë dua t'ju tregoj se si ta mësoni këtë gjuhë më shpejt dhe në mënyrë më efektive, në mënyrë që në një ose dy muaj ta dini atë në mënyrë të përsosur. Mendoni se është e pamundur? fillova mësimi i html në fund të marsit. Në fund të majit, unë e dija tashmë 90% të etiketave të nevojshme për të punuar pa asnjë problem.

Si të mësoni një gjuhë falas?

Sigurisht, për shumicën mësim i shpejtë ju duhet të gjeni disa faqe të dobishme. Së pari, do t'ju duhet referencë html... Edhe programuesit me përvojë e përdorin atë, sepse është thjesht e pamundur të mbash parasysh dhjetëra etiketa dhe atributet e tyre.

Nga librat e referencës mund t'ju këshilloj - htmlbook. Kjo është një faqe me të vërtetë e lezetshme, e cila përmban të gjitha etiketat, tregon rezultatin e punës së tyre me të pershkrim i detajuar... Por udhëzuesi është vetëm mjet shtesë, efekti më i madh mund të arrihet me praktikë reale.

Kurse interaktive

Dhe këtu e kam fjalën për kurse interaktive. Kjo është aftësia për të shkruar kodin dhe për të parë menjëherë se si shfaqet. Në kurs do t'ju jepen detyra. Në fillim, ato të thjeshta, për shembull, e kthejnë tekstin në një titull ose bëjnë një tabelë. Pastaj bëhet më e vështirë. Më në fund, do të kuptoni se çfarë mund të bëni duke përdorur HTML... Nëse mendoni se duhet të paguani për të, e keni gabim.

Është një faqe e mrekullueshme me kurse në html dhe css. 16-18 kurset e para janë falas! Nëse dëshironi të vazhdoni studimet dhe të keni akses në ato me pagesë, do t'ju duhet të paguani 300 rubla në muaj ose 1800 rubla në vit. Personalisht, dhashë 300 rubla, kalova gjithçka në një muaj kurse me pagesë dhe mori shumë përfitime prej saj.

Rëndësia e të dhënave

Një këshillë tjetër nga unë - shkruani! Shkruani çdo informacion që është i ri dhe i rëndësishëm për ju. Pa shkruar, rrezikoni të mos fiksoni njohuritë e nevojshme në kujtesën tuaj. Personalisht kam në raft tre fletore të përgjithshme, pothuajse tërësisht të mbuluara me shkrim dhe herë pas here i shikoj kur harroj këtë apo atë pronë.

Mësimi i html dhe css paralelisht

HTML është vetëm një teknologji ueb që formon strukturën dhe paraqitjen e një faqeje interneti. CSS është plotësisht përgjegjëse për projektimin në ndërtimin e sitit. Këto gjuhë duhet të mësohen në të njëjtën kohë, sepse ato ndërveprojnë me njëra-tjetrën.

Vetë-praktikë

Me pak njohuri mund të praktikoni vetë. Si ta bëjmë atë? Provoni një artikull me fotografi, një spreadsheet, një listë të ndërthurur, një paraqitje të thjeshtë faqesh me dy kolona ose diçka tjetër. Ju duhet të praktikoni sepse është e vetmja mënyrë fut shpejt në tru një kuptim se si funksionojnë gjërat. Është më mirë, natyrisht, të gjesh veten mësues në këtë çështje, por ka shumë të ngjarë që do të duhet të paguani për këtë.

Mësime nga ekipi webformyself

Webformyself është një portal i mrekullueshëm në internet që ofron shumë informacione për ndërtimin e faqes. Në faqen e tyre të internetit mund të gjeni shumë artikuj falas mbi HTML, CSS dhe paraqitjen e faqes, por ata lëshuan edhe video tutoriale me pagesë, qëllimi i të cilave është t'ju përcjellin njohuri të dobishme sa më shpejt që të jetë e mundur.

Në fund të fundit, duhet të keni një qëllim për të cilin po mësoni këto teknologji në internet. Kjo zakonisht bëhet për të mësuar se si të krijoni vetë paraqitjet e faqeve. Nëse edhe ju e keni këtë qëllim, atëherë blerja e aksesit në mësimet premium në webformyself.com është një mundësi e shkëlqyer për ju. Si rezultat, ju mund të merrni jo vetëm akses në mësime mbi HTML dhe CSS, por edhe shumë të tjerë. Për shembull, JavaScript dhe WordPress.

ka mësime të dobishme, në veçanti, do të doja të shënoja mundësinë për të bërë paraqitjen time të parë bazuar në mësimet. Kjo është shumë e rëndësishme sepse do të merrni praktikë e mirë, pas së cilës do të jeni në gjendje të mbushni dorën tashmë vetë, duke u përpjekur të krijoni paraqitje të tjera për faqet që gjeni në rrjet.

Sa kohë duhet për të mësuar gjuhët?

Mesatarisht, HTML dhe CSS mund të mësohen shumë shpejt me qasjen e duhur. Për shembull, m'u deshën disa muaj. Nëse dini se ku të merrni njohuri, atëherë procesi i të mësuarit mund të përshpejtohet disa herë.

Faqe të mira me materiale të dobishme Unë ju dhashë - pastaj biznesin tuaj. Në thelb, burimet e mësipërme janë më të mirat në internet. Për shembull, më shumë se njëqind mijë njerëz kanë ndjekur kurse nga Htmlacademy dhe më shumë se 87 mijë njerëz janë abonuar në përditësimet e Webformyself.

HTML është një gjuhë shënjimi e hipertekstit dhe CSS është një gjuhë për të përshkruar pamjen e të gjithë elementëve në një dokument. Pse duhen këto dy gjuhë dhe pse puna e njërës është e ndërthurur ngushtë me tjetrën, mësuesit e shkollës do ta tregojnë në kursin intensiv të HTML, CSS dhe JavaScript. Njohuritë e marra gjatë trajnimit do të jenë të dobishme në krijimin e faqeve të internetit dhe paraqitjes së faqes.

Kush ka nevojë për kurse online HTML?

  • Kursi bazë është i destinuar për fillestarët dhe ata që planifikojnë të zhvillohen në fushën e ueb-dizajnit. Sot është një nga profesionet më të kërkuara në tregun e punës.
  • Intensiteti do të jetë me interes për profesionistët me përvojë. Këtu mund të fitoni njohuri në fushën e aplikacioneve në internet dhe punës me HTML 5.
  • Gjithashtu, kurset do të jenë me interes për të gjithë ata që duan të zhvillohen në fushën e IT-së. Aftësitë e fituara në kurse janë baza për punësim të mëtejshëm të suksesshëm dhe do të jenë një plus shtesë për CV-në tuaj.

Çfarë njohurish do të marrin studentët në fund të kurseve?

  • Absolutisht të gjithë të diplomuarit e shkollës do të mësojnë se si të krijojnë faqe interneti dhe faqe interneti;
  • Do të jetë në gjendje të krijojë një formular për dërgimin e të dhënave;
  • Do të jetë në gjendje të krijojë faqe.

Pas diplomimit parashikohet pajisja me certifikatë. Shkolla jonë bashkëpunon me kompanitë më të mëdha të IT në Bjellorusi dhe vendet e CIS, ndaj ndihmojmë në punësimin e të gjithë të diplomuarve të IMPRIUM.

Në kursin intensiv do të mësoni:

  • Rregullat themelore për përdorshmërinë;
  • Paraqitja ndër-shfletuesi;
  • Konceptet bazë W3;
  • Karakteristikat e avancuara të CSS;
  • zhvillimi i aplikacionit në ueb HTML 5;
  • Kontrolloni shpejtësinë e ngarkimit të faqes;
  • Puna me JavaScript;
  • Krijimi i ueb faqeve dhe aplikacioneve për pajisje të ndryshme.

Ende në dyshim? Atëherë imagjinoni që për të studiuar në kurset tona, do t'ju mjaftojë thjesht të ndizni internetin dhe të zhyteni në botën e HTML dhe CSS. Mund të udhëtoni edhe në një vend tjetër pa ndërprerë studimet. Kjo Një vështrim i ri për furnizimin e materialit. Regjistrohu dhe shiko vetë!

Ky seksion i faqes i kushtohet tërësisht dy gjuhëve për krijimin e një siti, përkatësisht HTML dhe CSS. Këtu mund të mësoni gjuhët hap pas hapi, të mësoni gjithçka nga bazat deri në momentet më të vështira.

Ky seksion është i strukturuar sipas parimit mësimi hap pas hapi material, pra, përpara çdo titulli të një mësimi mbi HTML dhe CSS, ka një numër që korrespondon me numri rendor mësim. Kjo është e natyrshme në rast se dëshironi të mësoni gjithçka nga bazat dhe të mos bëni rrëmujë në kokën tuaj. Nëse tashmë dini diçka rreth HTML dhe CSS, atëherë mund të gjeni edhe njohuritë që mungojnë këtu, ose të thelloni atë që keni mësuar tashmë.

V këtë seksion Leksionet mbi standardet e gjuhëve HTML5 dhe CSS3 janë postuar përkatësisht, nëse ka ndonjë version më të ri të këtyre gjuhëve, ato do të pasqyrohen edhe në mësimet e reja të këtij seksioni dhe do ta zbuloni patjetër.



Ndoshta, çdo person që të paktën një herë në jetën e tij ka hasur në krijimin e një faqe në internet, sigurisht që ka dëgjuar për një paketë të tillë si html dhe css, mund të them me besim se nëse doni të krijoni faqe në internet vetë, atëherë mundeni Mos bëni pa dijeninë e këtyre dy gjërave.

Pasi të keni marrë konceptet e përgjithshme ka qartë një pamje të paqartë se çfarë është html në kokën tuaj, dhe mendoj se kjo nuk është për t'u habitur. Është koha për të shkuar drejtpërdrejt në praktikë dhe për të krijuar dokumentin tuaj të parë html.

Ashtu si html, CSS ka karakteristikat, rregullat dhe strukturën e vet. Në këtë mësim, unë do t'ju tregoj për konceptet bazë të gjuhës CSS, strukturën, pajisjen e saj dhe do të bëjmë të parën me ju. Tabela CSS fletë stili dhe mësoni se si të lidhni një fletë stili me një dokument html.

Përzgjedhësit në CSS janë baza e vetë gjuhës dhe është shumë e rëndësishme t'i studioni dhe kuptoni ato, kështu që në këtë mësim do t'ju tregoj për disa lloje të tjera përzgjedhësish dhe do t'ju përshkruaj aftësitë e tyre.

Një pikë shumë e rëndësishme në krijimin e një faqeje është puna me tekst, dhe siç e kuptoni, gjithashtu duhet të jeni në gjendje të punoni me tekst në html dhe të dini se çfarë etiketash ka dhe si mund të përdoren ato.

Pasi të dini gjithçka etiketat html për të punuar me tekst, tani është koha për të shkuar drejtpërdrejt në CSS duke punuar me tekst, gjë që do të zgjerojë shumë njohuritë dhe mundësitë tuaja.

Në CSS sasi e madhe të gjitha llojet e përshtatshme dhe cilësisht në ndryshim pamjen pronat dhe ne vazhdojmë të studiojmë Puna CSS me tekst dhe në këtë tutorial, ne do të thellohemi më thellë në temën e punës me tekstin dhe do të shohim vetitë e reja të tekstit.

Puna me imazhe kur krijoni nga faqja, një nga Pikat kryesore, si kur krijoni një dizajn, gjithashtu me një plan urbanistik të thjeshtë ose duke shkruar ndonjë material për faqen tuaj.

CSS zgjeron shumë mundësitë e punës me ndonjë objekte html, në këtë tutorial do të doja t'ju tregoja në detaje për ato parametra që mund të aplikohen në imazhe.

Vendosa t'i kushtoj më shumë vëmendje fillestarëve që duan të marrin njohuri në fushën e ndërtimit të faqeve. Për këtë më shtyu mësuesi im, i cili bëri shumë gabime në manualet për punë laboratorike... Me kënaqësi do t'i hidhja një sy burimit nga është marrë infa arsimore dhe do të lija nja dy rreshta të mendimit tim atje. Por tani nuk bëhet fjalë për këtë. Në leksionin tim të parë do të flas për

Cila është struktura e një dokumenti HTML

Etiketë informon se fillon struktura e dokumentit html, - çfarë përfundon. Midis etiketave shumica e informacionit ruhet për shfletuesin dhe motorët e kërkimit. Në etiketa përmban titullin e faqes sonë. Etiketë tregon se informacione të mëtejshme janë të destinuara për përdoruesit, natyrshëm tregon se informacioni për përdoruesit po mbaron.

Tani do të shpjegoj pak. Të gjitha etiketat ( etiketa - një element i gjuhës së shënjimit të hipertekstit) ndahen në dy lloje "të vetme" dhe "mbyllëse". Për më tepër, etiketat janë të mbyllura në karakteret e mëposhtme < dhe > , janë ata që e dallojnë etiketën nga teksti i thjeshtë html... Le të shohim disa nga etiketat më të thjeshta "single":


- një etiketë që është përgjegjëse për mbështjelljen në një linjë të re, në vendin ku është instaluar kjo etiketë. Le të hedhim një vështrim në kodin duke përdorur këtë etiketë.

Faqja ime e parë Përshëndetje të gjithëve!
Dhe kjo është faqja ime e parë.

Ju mund të shihni rezultatin.


Është një etiketë që tërheq një vijë horizontale. Kjo etiketë i referohet elementet e bllokut, linja fillon gjithmonë me linjë e re... Ka 5 atribute:

  • align - Përcakton shtrirjen e vijës. Mund të vendoset në të majtë, në qendër, në të djathtë.
  • ngjyra - Vendos ngjyrën e linjës.
  • noshade - Vizaton një vijë pa efekte 3D.
  • madhësia - Vendos trashësinë e vijës.
  • width - Vendos gjerësinë e rreshtit.

Kodi duke përdorur etiketën


:

Faqja ime e parë Përshëndetje të gjithëve!


Dhe kjo është faqja ime e parë.

Gjendet një shembull vizual.

Një tjetër etiketë "e vetme" është . Kjo etiketë përdoren për të ruajtur informacionin e destinuar për shfletues dhe motorë kërkimi. Motorët e kërkimit shikojnë meta etiketat për të marrë përshkrimet e faqeve, fjalë kyçe dhe të dhëna të tjera. Lejohet një numër i pakufizuar i meta etiketave, të gjitha duhet të jenë ndërmjet dhe ... Parametrat e çdo meta etikete kanë formën "emri = vlera", e cila është e përcaktuar fjalë kyçe përmbajtjen, emri ose http-equiv... Sepse Etiketat meta janë për makina, ato nuk bëjnë asnjë ndryshim vizual, kështu që unë do të jap vetëm kodin burimor:

Kjo linjë tregon që krijuesi i faqes mendon se faqja po përdor kodimin UTF-8. Gjithçka është bërë më e thjeshtë në HTML5, për të specifikuar kodimin, mjafton vetëm rreshti i mëposhtëm:

Ka të tjerë etiketa të vetme (, ,
, , , ,


, , , , , , , , , ), por do t'ju prezantoj me to pak më vonë.

Tani le të flasim për mbylljen e etiketave. Vetë emri "etiketë mbyllëse" do të thotë që etiketa kërkon mbyllje të detyrueshme. Kjo bëhet në mënyrë që të kufizohet qartë pjesa e tekstit në të cilën vepron etiketa.

Për shembull ilustrues hidhini një sy etiketës e cila përdoret për të theksuar tekstin, e vendos fontin në të theksuar. Etiketat dhe janë kufijtë që përcaktojnë zonën e përzgjedhjes së tekstit. Këtu është kodi ku rreshti i fundit harroi të mbyllte etiketën :

Faqja ime e parë Përshëndetje të gjithëve! Dhe kjo është faqja ime e parë.
Përshëndetje të gjithëve! Dhe kjo është faqja ime e parë.

Siç mund ta shihni, nuk ka asgjë të komplikuar, tani mund të krijoni disa faqe të lidhura.

Etiketa për të theksuar tekstin

Ka disa mënyra për të theksuar tekstin në një faqe. Ju mund ta bëni këtë duke përdorur stile, ose mund të përdorni etiketa. Ne jemi (për momentin) të interesuar për opsionin e dytë.

- vendos fontin në të trashë.

- vendos fontin në italic.

- shton nënvizim në tekst.

- projektuar për të theksuar tekstin. Shfletuesit e japin tekstin e tillë me shkronja të pjerrëta.

- kalon tekstin. Kjo etiketë është hequr nga HTML5, rekomandohet ta përdorni në vend të saj

- shfaq tekstin në tekst me një hapësirë. Përjashtuar nga HTML5.

- shfaq fontin si mbishkrim... Shkronja shfaqet mbi bazën e tekstit dhe zvogëlohet në madhësi.

- shfaq fontin si nënshkrim. Në të njëjtën kohë, teksti ndodhet nën vijën bazë të karaktereve të tjera të rreshtit dhe madhësisë së reduktuar.

- projektuar për të theksuar tekstin. Shfletuesit e japin një tekst të tillë me shkronja të zeza.

- zvogëlon madhësinë e shkronjave me një në krahasim me Teksti i thjeshtë... V Madhësia HTML fonti matet në njësi konvencionale nga 1 në 7, madhësia mesatare e tekstit e përdorur si parazgjedhje është 3. Tag zvogëlon tekstin me një njësi konvencionale. Etiketat e mbivendosura lejohen , në këtë rast madhësia e shkronjave do të jetë më e vogël me 1 me çdo nivel të ndërthurur, por nuk mund të jetë më e vogël se 1.

- rrit madhësinë e shkronjave me një në krahasim me tekstin normal. Në HTML, madhësia e shkronjave matet në njësi arbitrare nga 1 në 7, madhësia mesatare e tekstit e përdorur si parazgjedhje është 3. Kështu, duke shtuar një etiketë e rrit tekstin me një njësi konvencionale. Etiketat e mbivendosura lejohen , madhësia e shkronjave do të jetë më e madhe me çdo nivel.

- përdoret për të theksuar citimet në tekst. Përmbajtja e kontejnerit shfaqet automatikisht në thonjëza në shfletues.

- projektuar për të theksuar citate të gjata brenda një dokumenti. Teksti i caktuar me këtë etiketë shfaqet tradicionalisht si një kuti e rreshtuar me mbushje majtas dhe djathtas (afërsisht 40 pikselë) dhe mbushje në krye dhe në fund.


- përcakton një bllok teksti të paraformatuar.  Një tekst i tillë zakonisht shfaqet në një font me një hapësirë ​​dhe me të gjitha hapësirat midis fjalëve.  Si parazgjedhje, çdo numër hapësirash në një rresht në kod shfaqet si një në faqen e internetit.  Etiketë 
Ju lejon të anashkaloni këtë veçori dhe të shfaqni tekstin siç kërkohet nga zhvilluesi.

- përcakton paragrafi i tekstit... Etiketë

Është një element blloku, gjithmonë fillon në një rresht të ri, paragrafët e tekstit që ndjekin njëri-tjetrin ndahen me një mbushje. Sasia e mbushjes mund të kontrollohet duke përdorur stile. Nëse nuk ka etiketë fundore, fundi i paragrafit konsiderohet të jetë fillimi i elementit tjetër të bllokut.

..
..

- HTML ofron gjashtë tituj nivele të ndryshme të cilat tregojnë rëndësinë relative të seksionit pas titullit. Pra, etiketa

përfaqëson titullin më të rëndësishëm të nivelit të parë dhe etiketën

shërben për të treguar një titull të nivelit të gjashtë dhe është më pak i rëndësishëm. Si parazgjedhje, titulli i nivelit të parë shfaqet si më i madhi shtyp i madh të guximshme, titujt e nivelit pasardhës kanë përmasa më të vogla. Etiketat

,…,

referojuni elementeve të bllokut, ata gjithmonë fillojnë në një linjë të re, dhe pas tyre vendosen elementë të tjerë rreshti tjetër... Përveç kësaj, hapësira e bardhë shtohet para dhe pas titullit. Etiketa ka një atribut rreshtoj, e cila përcakton shtrirjen e titullit, mund të jetë majtas- rreshtimi i titullit në të majtë, qendër- shtrirje në qendër, drejtë- shtrirje e djathtë, justifikoj- shtrirje e justifikuar (djathtas dhe majtas). Kjo vlerë funksionon vetëm për një kokë që është më shumë se një rresht në gjatësi.

- është një enë për ndryshimin e karakteristikave të shkronjave si madhësia, ngjyra dhe shkronja. Edhe pse kjo etiketë ende mbështetet nga të gjithë shfletuesit, ajo është e vjetëruar dhe rekomandohet të hiqet në favor të stileve. Etiketa ka 3 atribute: ngjyrë- vendos ngjyrën e tekstit, fytyrë- përcakton tipografinë, madhësia- vendos madhësinë e shkronjave në njësi konvencionale.

- shënon tekstin si citat ose fusnotë për një material tjetër. Kjo përzgjedhje është e dobishme për ndryshimin e stilit të tekstit përmes CSS, dhe përdoret gjithashtu për të ndarë kodin HTML në elementet strukturore... Shfletuesit zakonisht vendosin tekst brenda një kontejneri me shkronja të pjerrëta.

- tregon se sekuenca e karaktereve është një shkurtim. Duke përdorur atributin titullin jepet deshifrimi i shkurtesës, i cili bën të mundur kuptimin e shkurtesës për ata persona që nuk e njohin atë. Për më tepër, Motorë kërkimi indeksoni versionin me tekst të plotë të shkurtesës që mund të përdoret për të rritur vlerësimin e dokumentit.

Si parazgjedhje, teksti është i mbyllur në kontejner nënvizuar me një vijë me pika.

Më poshtë është kodi ku kam përdorur të gjitha këto etiketa:

Faqja ime e parë

HTML dhe CSS janë dy nga teknologjitë kryesore për ndërtimin e faqeve në internet. HTML ofron strukturën e Faqja, CSS paraqitjen (vizuale dhe zanore), për një sërë pajisjesh. Së bashku me grafikën dhe skriptimin, HTML dhe CSS janë baza e ndërtimit të faqeve në internet dhe aplikacioneve në ueb. Mësoni më shumë më poshtë për:

Çfarë është HTML?

HTML është gjuha për duke përshkruar strukturën e ueb faqeve. HTML u jep autorëve mjetet për të:

Publikoni dokumente në internet me tituj, tekst, tabela, lista, foto, etj.
Merrni informacionin në internet nëpërmjet lidhjeve të hipertekstit, me klikim të një butoni.
Dizajn formularësh për kryerjen e transaksioneve me shërbime në distancë, për përdorim në kërkim për informacion, duke bërë rezervime, duke porositur produkte, etj.
Përfshini fletëllogaritëse, videoklipe, klipe zanore dhe aplikacione të tjera drejtpërdrejt në dokumentet e tyre.
Me HTML, autorët përshkruajnë strukturën e faqeve duke përdorur markup. Elementet e gjuhës etiketojnë pjesë të përmbajtjes si p.sh "Paragrafi", "lista", "tabela" dhe kështu me radhë.

Çfarë është XHTML?

XHTML është një variant i HTML që përdor sintaksën e XML, gjuhën e shënjimit të zgjeruar. XHTML ka të gjithë elementët e njëjtë (për paragrafët, etj.) si varianti HTML, por sintaksa është paksa e ndryshme. Për shkak se XHTML është një aplikacion XML, ju mund të përdorni XML të tjera mjetet me të (siç është XSLT, një gjuhë për transformimin e përmbajtjes XML).

Çfarë është CSS?

CSS është gjuha për përshkrimin e prezantimit të faqeve të internetit, duke përfshirë ngjyrat, paraqitjen dhe shkronjat. Kjo ju lejon të përshtatni prezantimin me lloje të ndryshme pajisjesh, të tilla si ekrane të mëdha, ekrane të vegjël ose printera. CSSështë i pavarur e HTML dhe mund të përdoret me çdo shënim të bazuar në XML gjuhe gjuhe. Ndarja e HTML nga CSS e bën më të lehtë mirëmbajtjen e sajteve, ndarjen e fletëve të stilit nëpër faqe dhe përshtatjen e faqeve në mjedise të ndryshme. Kjo quhet ndarja e strukturës (ose: përmbajtjes) nga prezantimi.

Çfarë është WebFonts?

Uebfontetështë një teknologji që u mundëson njerëzve të përdorin fontet sipas kërkesës ueb pa kërkuar instalim në sistemi operativ... W3C ka përvojë në fontet e shkarkueshme përmes HTML, CSS2 dhe SVG... Deri kohët e fundit, fontet e shkarkueshme nuk kanë qenë të zakonshme në ueb për shkak të mungesës së një formati të ndërveprueshëm të shkronjave. Përpjekja e WebFonts planifikon ta adresojë këtë përmes krijimit të një formati të hapur të fontit të mbështetur nga industria për Ueb-in (i quajtur "WOFF").

Leksioni ka përfunduar, shpresoj që njohuritë e marra të jenë të dobishme për ju! Në leksionin tjetër, do t'ju tregoj se çfarë ruan etiketa në vetvete. , do të mësojmë se si të kryejmë të gjitha llojet e manipulimeve me imazhe dhe do të njihemi me tabelat.

Gjatë shkrimit të këtij artikulli, përshkrimi i disa prej etiketave është marrë nga këtu

Autori (drejtori): Andrey Bernatsky
Zhanri: HTML5, CSS3, ueb
Kohëzgjatja: 25:51:27
Cilësia e videos: PCrec
Video: AVC / H.264, 1024x768, ~ 283 - 681 Kbps
Audio: AAC, 2 ch, 106 Kbps

Përshkrim:
Pa ekzagjerim, sot ky është kursi më i plotë dhe më i përditësuar në internetin rus. Mendoni vetë: vetëm pjesa kryesore e kursit (duke përjashtuar bonuset) përbëhet nga 47 mësime video të detajuara që formojnë një sistem praktik hap pas hapi.

Pasi të mësoni këtë sistem, do ta zotëroni plotësisht faqosje adaptive duke përdorur risitë më të fundit të këtyre dy gjuhëve të shënjimit të hipertekstit dhe fletëve të stilit kaskadë.

Në kursin tonë të ri, TË GJITHA paraqitjet janë shtypur menjëherë ADAPTIVE dhe CROSSBROWSER.

Studimi i lëndës është i strukturuar sipas parimit "nga e thjeshta në komplekse" dhe nga "teoria në praktikë".

Unë nuk do t'ju mësoj vetëm se si të krijoni faqet më të thjeshta të internetit, ne do të përpunojmë paraqitjen me detaje të mëdha (deri në detajet më të vogla) duke përdorur shembullin e tre llojeve më të njohura të faqeve të internetit me kompleksitet të ndryshëm në internetin modern:

Faqja e kartës së biznesit
blog dhe...
dyqan online

PJESA E PARË
Paraqitja e faqes së internetit të një kartevizitë


Mësimi 2. Përcaktimi i paraqitjes së faqes
Mësimi 3. Përshkrimi i stileve të kokës së faqes
Mësimi 4. Përshkrimi i stileve të bllokut kryesor të faqes. Pjesa 1
Mësimi 5. Përshkrimi i stileve të bllokut kryesor të faqes. Pjesa 2. konkluzioni

PJESA E DYTË
Paraqitja e blogut

Mësimi 1. Hyrje. Konfigurimi i faqes
Mësimi 2. Përcaktimi i shënjimit të kokës së faqes
Mësimi 3. Lidhja e shkronjave jo standarde
Mësimi 4. Përshkrimi i stileve të kokës së faqes
Mësimi 5. Përshkrimi i shënjimit të bllokut kryesor të faqes
Mësimi 6. Përshkrimi i shënjimit të postbllokut
Mësimi 7. Caktimi i stileve të postbllokut
Mësimi 8. Përshkrimi i shënjimit të shiritit anësor
Mësimi 9. Caktimi i stileve të kolonave anësore
Mësimi 10. Përshkrimi i shënjimit të faqeve
Mësimi 11. Caktimi i stileve në navigimin e faqeve
Mësimi 12. Paraqitja e faqes së fundores
Mësimi 13. Përfundimi i paraqitjes së paraqitjes
Mësimi 14. Përshtatja e paraqitjes për pajisje celulare... Pjesa 1
Mësimi 15. Përshtatja e paraqitjes për pajisjet mobile. Pjesa 2
Mësimi 16. Shtimi i efekteve CSS3 në faqe. Pjesa 1
Mësimi 17. Shtimi i efekteve CSS3 në faqe. Pjesa 2

PJESA E TRETË
Paraqitja e paraqitjes së dyqanit online

Mësimi 1. Hyrje
Mësimi 2. Lidhja e një fonti të personalizuar me faqen
Mësimi 3. Përcaktimi i shënjimit të kokës së faqes
Mësimi 4. Përshkrimi i stileve të kokës së faqes. Pjesa 1
Mësimi 5. Përshkrimi i stileve të kokës së faqes. Pjesa 2
Mësimi 6. Lidhja e rrëshqitësit me faqen
Mësimi 7. Caktimi i stileve dhe përshtatja e rrëshqitësit
Mësimi 8. Përshkrimi i shënjimit të bllokut të lajmeve
Mësimi 9. Caktimi i stileve për bllokun e lajmeve
Mësimi 10. Përshkrimi i shënjimit për bllokun Produktet Popullore
Mësimi 11. Caktimi i stileve për bllokun Produktet Popullore. Pjesa 1
Mësimi 12. Caktimi i stileve për bllokun Produktet Popullore. Pjesa 2
Mësimi 13. Përmirësimi i bllokut "Produkte Popullore".
Mësimi 14. Përshkrimi i shënjimit të bllokut "Rreth dyqanit".
Mësimi 15. Caktimi i stileve në bllokun Rreth dyqanit
Mësimi 16. Përshkrimi i shënjimit të bllokut "Abonimi".
Mësimi 17. Caktimi i stileve në bllokun "Abonimi".
Mësimi 18. Përshkrimi i shënjimit për footer
Mësimi 19. Stilimi i bllokut "footer".
Mësimi 20. Bërja e faqosjes të përgjegjshme. Pjesa 1
Mësimi 21. Bërja e faqosjes të përgjegjshme. Pjesa 2
Mësimi 22. Bërja e faqosjes të përgjegjshme. Pjesa 3
Mësimi 23. Bërja e faqosjes të përgjegjshme. Pjesa 4
Mësimi 24. Bërja e faqosjes të përgjegjshme. Pjesa 5
Mësimi 25. Përfundim

BONUS 1
Kurs premium. Udhëzues për bazat e HTML

Mësimi 1. Hyrje. Bazat e HTML
Mësimi 2. Struktura HTML dokument
Mësimi 3. Etiketat e formatimit të tekstit
Mësimi 4. Imazhet
Mësimi 5. Lidhjet. Lidhjet e imazhit
Mësimi 6. Listat
Mësimi 7. Tabelat
Mësimi 8. Format

BONUS 2
Kurs premium. Udhëzues për bazat e CSS

Mësimi 1. Mënyrat e lidhjes
Mësimi 2. Detyrat dhe ID-të e klasës
Mësimi 3. Karakteristikat e shkronjave
Mësimi 4. Vetitë e tekstit
Mësimi 5. Sfondi
Mësimi 6. Gjerësia, lartësia. Etiketa Div dhe Span
Mësimi 7. Korniza
Mësimi 8. Indentation
Mësimi 9. Bazat e CSS... Float, Clear, Display
Mësimi 10. Bazat e CSS. Pozicioni i pronës

BONUS 3
Kurs premium. Paraqitja e faqes në internet për fillestarët

Mësimi 1. Përcaktimi i markup-it
Mësimi 2. Përshkrimi i shënjimit
Mësimi 3. Titujt CSS faqe
Mësimi 4. Fushat e përmbajtjes CSS
Mësimi 5. Përsosja e paraqitjes

BONUS 4
Kurs premium. HTML 5: bazat

Mësimi 1. Struktura dokument HTML 5
Mësimi 2. Një përmbledhje e etiketave të kokës dhe të fundit
Mësimi 3. Etiketa e artikullit
Mësimi 4. Etiketa e seksionit
Mësimi 5. Etiketat nav, kryesore dhe mënjanë
Mësimi 6. Etiketat e figurës dhe fig
Mësimi 7. Dizajn ndër-shfletues
Etiketat HTML 5
Mësimi 8. Etiketa hyrëse... Llojet e reja të etiketave në html 5.
Pjesa 1
Mësimi 9. Etiketa hyrëse. Llojet e reja të etiketave në html 5. Pjesa 2
Mësimi 10. Video HTML 5. Futja e një videoje në një faqe interneti
Mësimi 11. Audio HTML 5. Fut audio në faqe
Mësimi 12. Kanavacë HTML 5. Vizatimi në HTML 5
Mësimi 13. Gjeolokimi HTML 5. Vendndodhja në HTML 5

BONUS 5
Kursi premium CSS3

Mësimi 1. Puna me sfonde në CSS3
Mësimi 2. Hijet dhe këndet e rrumbullakosura
Mësimi 3. Transparenca e sfondit, imazhit, tekstit dhe ngjyrës në CSS
Mësimi 4. Gradientët Linear CSS
Mësimi 5. Kolonat
Mësimi 6. Gradientet radiale
Mësimi 7. Fonti
Mësimi 8. Puna me tekstin në css 3
Mësimi 9. Pseudo-klasa
Mësimi 10. Përzgjedhës
Mësimi 11. Transformimi

BONUS 6
Anatomia e një faqe uljeje fitimprurëse

Mësimi 1. Anatomia e një faqeje fitimprurëse të uljes

BONUS 7
Krijimi i një faqeje uljeje në një mbrëmje

Mësimi 1. Hyrje
Mësimi 2. Lidhuni font i personalizuar tek faqja
Mësimi 3. Përcaktoni shënjimin e kokës së faqes
Mësimi 4. Përshkrimi i stileve të kokës së faqes
Mësimi 5. Përcaktimi i paraqitjes së rrëshqitësit
Mësimi 6. Stilimi i rrëshqitësit
Mësimi 7. Blloku i paraqitjes "Veçoritë"
Mësimi 8. Blloku i paraqitjes "Galeria"
Mësimi 9. Përcaktimi i shënjimit të bllokut të videos
Mësimi 10. Përshkrimi i stileve të bllokut të videove
Mësimi 11. Paraqitni bllokun "Shkarko aplikacionin".
Mësimi 12. Rishikimi i paraqitjes. Eliminoni të metat
Mësimi 13. Përcaktoni paraqitjen e bllokut të kontaktit
Mësimi 14. Përshkrimi i stileve të bllokut të kontaktit
Mësimi 15. Fundi i faqosjes
Mësimi 16. Përshtatja e rrëshqitësit
Mësimi 17. Përfundim

Artikujt kryesorë të lidhur