Doriți să învățați cum să faceți site-uri web sau să obțineți un poziționer HTML pentru câteva săptămâni, cu un salariu ridicat? Salariul unui codificator HTML este acum o medie de 30.000-60.000 de ruble. Și câștigurile de pe schimburile independente sunt limitate numai de dorința dumneavoastră și de disponibilitatea timpului liber. Dar cum începe un concurent într-o criză cu cei care deja câștigă? Vrei să știi?
Nu este nevoie să aveți super-abilități pentru a stăpâni aspectul HTML5 și CSS3 pentru a începe să câștigați în câteva săptămâni.
Pentru cine este acest curs?
Acest curs este perfect pentru cei care se confruntă cu una dintre problemele enumerate:
Nu știți care sunt codurile HTML și CSS, nu știți cifrele din capătul acestor abrevieri și nu ați făcut niciodată site-uri, dar doriți să învățați.
Deja v-ați familiarizat cu tehnologiile HTML și CSS și chiar ați avut experiența de a crea site-uri simple, dar când vedeți șabloane cu un design ușor complicat, veți ajunge într-o stupoare și acest lucru nu vă oferă șansa de a câștiga abilitățile.
Am întâlnit și aceste probleme în timpul meu. Mi-a trebuit un an pentru a stăpâni aceste tehnologii, iar pentru încă șase luni am "umplut bumps" înainte de a începe să câștig. Dar a fost cu mult timp în urmă și acum îmi amintesc cu un zâmbet acele vremuri, deși în acel moment nu am fost deloc de râs. Am colectat informații câte puțin și am întreprins orice sarcină pentru a câștiga experiență neprețuită.
Există mai multe modalități de a învăța cum să realizați site-uri web
Metoda 1 - Aflați HTML și CSS-ul dvs. (cum am făcut în timpul meu) - dar este ca și cum ați căuta un ac într-o fân.
Metoda 2 - Experimentați experiența unei persoane care deja sa confruntat cu problema învățării HTML și CSS și care este gata să vă împărtășească abilitățile și activitățile pe această temă. Acest lucru va accelera foarte mult procesul dvs. de formare și va reduce timpul de la începutul formării până la primele câștiguri din crearea site-urilor.
Pentru cei care au ales Metoda 2, ofer un curs de HTML5 și CSS3. «Site de la zero»
Ce te așteaptă în acest curs?
Principalele părți ale cursului sunt următoarele
HTML5
Învățarea limbajului HTML5 pentru markup
34 lecții
Descrierea secțiunii
În această parte a cursului, vom analiza majoritatea etichetelor folosite (elementele de pagină) și vom învăța cum să le folosim în proiectele lor.
Ce etichete veți învăța din această secțiune a cursului?
Elementele de formatare a textului sunt acele etichete cu care puteți crea o componentă text a conținutului paginii.
Un alt tip de liste HTML - vom analiza ceea ce sunt, modul în care pot fi manipulate și în ce cazuri se aplică această listă sau acea listă.
Elementele de blocare și linie - structura oricărui site poate fi împărțită în blocuri, în HTML există două tipuri de elemente - elementele de linie și de bloc.
Link-uri - Veți învăța cum să conectați paginile site-ului dvs. la alte pagini din rețea, datorită unei varietăți de tipuri de hyperlink-uri.
Tabele - adesea este necesar să prezentați informații sub formă de tabele, aici veți afla că tabelele HTML au o tehnologie specială de construcție.
Formularele - cele mai multe manipulări cu date, între utilizatorul final și server, apar prin intermediul formularelor HTML, aici veți învăța cum să creați astfel de forme ca atare și mai ales modul în care sunt transmise datele prin intermediul acestor formulare.
Etichetele Meta sunt ca un bonus, pentru dvs. în această secțiune, principalele grupuri de meta-etichete care nu sunt vizibile de utilizator vor fi dezasamblate, dar vor afecta atât afișarea conținutului, cât și indexarea paginilor site-ului de către roboți de căutare
Exemple de lecții
Anteturi și paragrafe
Folosind titluri de diferite nivele
04:06
Textul preformat
Afișați textul cu formatul original
01:55
citate
Utilizarea citatelor în marcajul HTML
02:55
Etichete de formatare
Parsarea etichetelor de linie, pentru formatarea textului
09:23
Caractere speciale
Ce este și unde să le obțineți?
03:03
Listă bulletată
Crearea de liste cu marcatori
06:54
Lista numerotată
Folosind liste numerotate
03:02
Lista de valori cheie
Crearea listelor de valori cheie
02:59
Div și Span
Crearea propriului bloc și elemente rând
05:45
Id și clasă
Identificarea elementelor dintr-o pagină utilizând atributele de tip id și de clasă
3:16
Link-uri externe
Crearea de linkuri către surse externe
04:13
Link-uri interne
Crearea de linkuri către resurse locale
03:02
Anchor Links
Crearea de linkuri către o anumită parte a paginii
02:47
Descărcarea fișierelor
Adăugând linkul Descărcare
01:33
Tabă nouă
Deschideți linkurile într-o filă nouă a browserului
01:47
Introducerea imaginilor
Inserarea imaginilor într-o pagină HTML
6:07 am
Introducerea de audio
Introducerea conținutului audio într-o pagină
02:40
iframe
Adăugarea de conținut terță parte la site
07:13
tabele
Crearea unei tabele simple
02:22
Tabelele tabelelor
Definirea anteturilor tabelului
04:15
Combinând elementele Tab
Mergeți rândurile și coloanele unui tabel
04:45
Element de formular
Formulare HTML pe pagină
03:57
Crearea unui formular simplu
Crearea unui simplu formular HTML
03:15
Finalizarea formularului
Modificarea formularului HTML
06:39
textarea
Caracteristicile elementului textarea
02:02
Conținutul se poate modifica
Atributul Content-editable este un formular HTML din orice element de text
01:27
Resetarea datelor formularului
Resetarea datelor formularului cu resetare
01:18
gamă
Utilizând gama de intrare
03:27
Data-listă
Utilizarea instrumentului listei de date
02:35
selecta
Lucrul cu formularul Selectați
01:52
radio
Utilizarea elementului radio
04:18
Meta
Meta etichete
07:29
Roboți
Specificarea parametrilor de indexare pentru paginile de site folosind Roboți
05:42
CSS3
Învățarea foilor de stil cascadă CSS3
42 lecții
Descrierea secțiunii
În acest stadiu, aflăm mai multe despre instrumentele folosite de designerii de layout pentru a crea machete frumoase și complexe ale paginilor.
Desigur, această secțiune a cursului este despre foile de stil CSS în cascadă. Aici vor fi sortate astfel de lucruri, cum ar fi:
Selectorii sunt construcții sintactice care vă permit să selectați unul sau alt element sau un grup de elemente dintr-o pagină, pentru a aplica stiluri diferite de cele standard.
Manipularea stilurilor de text - totul, de la alegerea unui font sau importul de fonturi nestandard la dimensiunea, conturul, înclinarea, umbra etc.
Dimensiunile blocurilor - după aceste lecții, puteți manipula cu ușurință dimensiunea oricăror blocuri, precum și setați valorile indiciilor interne și externe.
Blocuri de poziționare - diferite tipuri și metode de poziționare a elementelor paginii html, curgere în jurul blocurilor, poziționare relativă, absolută și fixă pentru blocuri, precum și nuanțe pentru această sau acea metodă de poziționare
Setarea elementelor de culoare și imagine - și aceasta nu se limitează doar la schimbarea culorii de fundal a elementului, au fost realizate o serie întreagă de lecții, chiar și a unor concepte precum un gradient liniar și radial care poate fi utilizat pentru a crea un design specific.
Introducere în CSS3
Introducere în CSS3
04:13
Elementele selectorului de elemente
Selectori element CSS3
05:19
Selectori de elemente 2
Selectori de elemente CSS3 2
03:35
Pseudo-selectori
Selectarea elementelor cu pseudo-selectori
05:25
Selector de atribute
Selectarea elementelor cu valori specifice ale atributelor
08:11
Specificarea unui font
Specificarea unui font specific pentru text
02:31
Fontface
Conectarea fonturilor non-standard
02:23
import
Importarea fonturilor din resurse terță parte
02:09
Dimensiunea fontului
Setarea dimensiunii fontului
02:09
Saturarea fontului
Specificarea saturației fontului
01:45
Culoarea textului
Setează culoarea textului
02:13
Registru și intervale
Setarea registrelor și a intervalelor de text
02:43
Aliniați textul
Aliniați textul
02:08
Indicele în text
Indicii între cuvinte și simboluri
03:08
Umbrele textului
Setarea umbrei textului
02:19
Formatarea listelor
Formatarea stilurilor de listă
03:58
Icon Fonturi
Utilizarea Fonturilor de Icon într-un proiect
03:47
Setarea culorii
Setarea culorilor în diverse moduri
02:54
Imagine de fundal
Adăugați o imagine de fundal
7:04 am
Gradient liniar
Specificarea unei culori a fundalului printr-un gradient liniar
02:20
Radiusul radial
Specificarea unei culori de fundal printr-un gradient radial
02:55
Dimensiunile unității
Stabilirea blocului
07:15
Box-dimensionare
CSS proprietate-dimensionare cutie
03:38
revărsare
Ieșirea conținutului încorporat pentru dimensiunea blocului părinte
05:52
liniuță
Specificarea de linii pentru elemente de pagină
6:07 am
cadru
Specificarea unui cadru pentru elementele de pagină
01:45
Blocul de umbre
Setarea umbrei la blocuri
06:11
runaround
Setarea modurilor de flux pentru elemente
05:09
Opriți împachetarea
Dezactivați împachetarea elementelor de pagină
05:51
Poziționarea relativă
Poziționarea relativă a elementelor de pagină
05:51
Poziționarea absolută
Poziționarea absolută a elementelor de pagină
05:12
Poziționarea fixă
Poziționarea fixă a elementelor de pagină
01:45
Z-index
Ordinea de afișare a straturilor
01:35
tranziții
Tranziții fără egal a proprietăților CSS de la o stare la alta
06:33
Tranziții 2
Tranziții fără egal a tuturor proprietăților CSS disponibile
02:31
mișcări
Conversia este mișcarea unui element
05:08
scalare
Redimensionarea unui element
01:20
înclinare
Înclinarea unui element utilizând CSS3
01:15
rotație
Efectul rotirii elementului datorat CSS3
03:53
Transformare multiplă
Aplicați mai multe transformări CSS la un element
01:58
animații
Crearea unei animații simple
05:15
CSS3 proprietăți de animație
Proprietăți avansate de animație CSS3
08:35
practică
Practica (aspectul primului site)
8 lecții
Descrierea secțiunii
Cea mai interesantă parte a cursului, în care vom învăța să creăm aspectul site-ului dvs. de la zero absolut până la sfârșit, folosind cunoștințele pe care le-am dobândit din secțiunile anterioare
Noi etichete semantice
Începutul părții practice a cursului
04:32
Adăugarea conținutului
Adăugarea conținutului site-ului
04:50
Crearea unei structuri
Crearea unei structuri de site
06:55
Pregătirea CSS
Pregătirea și conectarea CSS
02:18
Proiectarea unui antet de site
Proiectarea stilurilor antetului site-ului
06:38
Proiectarea navigației
Proiectarea stilurilor de navigare pe site
05:46
Decorarea barei laterale
Realizarea bara laterală a site-ului
06:13
Proiectarea conținutului
Actualizarea conținutului site-ului
10:45
Modul adaptabil
Modul adaptiv pentru diferite tipuri de ecrane și dispozitive mobile
9 lecții
Descrierea secțiunii
Recent, utilizatorii au început din ce în ce mai mult să acceseze site-uri de pe dispozitive mobile și tablete. Această secțiune a cursului este dedicată finalizării șablonului nostru pentru diferite tipuri de dispozitive. O abilitate foarte solicitată pentru designerul de layout-uri este să poată reprezenta site-ul dvs. nu numai pe calculatoarele personale cu dimensiuni standard ale ecranului, ci și pentru alte tipuri de ecrane și dispozitive
Exemplu de lecție
Modul adaptabil
Principiul aspectului adaptiv
01:51
Cereri media
Crearea de solicitări media
04:34
Navigare adaptivă
Crearea navigării adaptive
11:11
Navigare cu căutare
Navigare prin căutare adaptivă
08:27
Navigare fixă
Blocați navigația
03:12
Bara laterală adaptivă
Pregătirea barei laterale adaptive
04:06
Bara laterală emergentă
Implementarea ascunerii barei laterale
06:15
Dezvoltarea site-urilor web
Aducerea aspectului site-ului în "Starea combaterii"
6:29 am
Aceasta este o achiziție foarte valoroasă.
Mulți oameni petrec zeci de mii pentru a studia aceste tehnologii, iar companiile cheltuiesc de câteva ori mai mult pentru formarea personalului. Sunt de acord că puteți deveni un angajat valoros dacă sunteți deja conștient de tot ceea ce este necesar atunci când angajați și nu va trebui să vă recalificați. Dar, dacă vă consolidați cunoștințele și practica, asigurați-vă că angajatorul vă va oferi un loc vacant.
Alții, dimpotrivă, preferă să "se rostogolească într-o haystack", în procesul de căutare a informațiilor cu adevărat utile și utile în acces liber. Astfel, întreaga gamă largă de informații de pe Internet, pe care le primesc doar informații disparate, din care o parte provine din aceeași sursă, unele - pe de altă parte, ambele care nu sunt „corespund“ unele cu altele. Ca urmare, astfel de utilizatori pur și simplu "îneacă" în aceste informații.
Prin urmare, există și nu există nici o îndoială că cursul este HTML5 și CSS3. "Un site de la zero" este ceea ce aveți nevoie în acest moment.
Citiți și:
Navigare după înregistrări
Prezentarea site-ului modern este un proces plăcut de formare a paginii. Experienții dezvoltatorilor de site-uri sunt capabili să scrie o structură unică de la zero, dar cel mai preferă să utilizeze CMS - pentru viteză și confort.
Trimiteți-le prietenilor: