HTML a terminat munca. Crearea de pagini HTML în Notepad: Clarificări pentru manechine
Aveți nevoie urgentă să faceți un site folosind doar HTML și să-l așezați pe Internet? Atunci nu veți fi dificil de copiat cod gata Și urmați instrucțiunile mele.
Adevărat, o resursă cu drepturi depline, folosind un limbaj de programare, este dificil de a face dificilă, dar aici este o carte de vizită din mai multe pagini, este foarte posibilă.
Dacă cineva este scopul, și nu există nici o dorință de a învăța alte limbi, atunci acest articol este pentru ei.
Pe scurt, într-o execuție auto-scris, fără a folosi CMS, nimic nu mai este mai mult.
Și pentru cei care au nevoie de ceva într-un răcitor, la sfârșitul articolului există referințe la articole cu un cod de șablon bloc, cu folosind CSS., și codul site-ului dinamic care utilizează PHP.
Site-ul pe Clean HTML va face acest lucru chiar pe această pagină, astfel încât să spuneți - site-ul de pe site, destul de muncitor și gata pentru umplerea conținutului.
Împărțim întregul proces în trei părți.
1. Crearea unui director site pe computer.
2. Crearea unui site.
3. Traducerea site-ului de la compania noastră la găzduire, adică Internetul.
Crearea unui director site pe computer
Primul punct este cel mai simplu. Cum se creează un director este foarte clar afișat în articol (toate legăturile de pe această pagină sunt deschise într-o fereastră separată, astfel încât să nu se piardă).
Și ce, și în ce director pus, vă voi arăta în detaliu după cod pagina principalăAstfel încât a fost deja cu ceea ce să mergeți în director.
Apoi treceți la al doilea element, cel creativ.
Crearea unui șablon de site-uri web
Pentru a crea un șablon, veți avea nevoie de editorul la care va fi introdus codul de mai jos.
Poate fi atât un simplu Windows Notepad cât și orice alt editor de text.
Ca bază a șablonului, luați o masă HTML multistrat. Anterior, înainte ca CSS să apară, toate site-urile au fost scrise cu mese, acum stratul bloc a fost mai popular.
Dar, în continuare, structura tabulară nu este depășită și este aplicată cu succes.
De exemplu, investiția CMS H-script cu cea mai complexă funcțională, întreaga sudură bazată pe mese.
Deci, aici este un astfel de site, cu un design minim.
Ca și în viitor, alcătuiesc mesele, este foarte detaliat în articol.
Numele site-ului (organizare)
Descrierea site-ului
Pagină
Bună ziua, dragi viitori maeștri web! Am 55 de ani și mă bucur să vă urez bun venit pe site-ul meu. Acest site este primul pe care l-am dezvoltat independent și, înainte de a putea merge doar online.
De ce am hotărât să o fac? Pentru cei 3 luni, în timp ce a fost înțeleasă în clădirea site-ului și a creat această resursă, sa descoperit că autorii site-ului crearea de site-uri consideră că multe nuanțe de la sine și nu le acordă atenție acestora. Și eu, având în vedere vârsta și lipsa de experiență, nu a fost ușor să înțelegem aceleași nuanțe, au luat cel mai mult timp.
Meniul
Informații generale
Textul informațiilor generale
Numele site-ului
<! - Creați un recipient de masă care urmărește următoarele înregistrare: Border \u003d "1" - cadrul în jurul recipientului. Prin creșterea numărului, puteți crește grosimea cadrului. Align \u003d "Centrul" - plasăm recipientul în centrul ecranului. Reguli \u003d "rânduri" - eliminăm cadrul dublu. Stil \u003d "Lățime: 60%;" - Adăugați proprietățile stilului Container și întregul site "cauciuc". Faceți un design complet adaptiv, acest mod este imposibil .-->
border \u003d "1" align \u003d "centru" reguli \u003d "rânduri" stil \u003d "lățime: 60%;
<! - Creați un șir ->
<! - Creați o linie celulară ->
- Există toate conținutul de pagină vizibil între aceste etichete.
4.
- Între aceste etichete, este prescris un titlu de pagină, care este afișat în partea de sus a browserului. Apropo, când căutați ceva în motoarele de căutare, primul lucru care este afișat este doar numele paginii. Etichetă Adesea abreviat numit "Tytyl". Vă sfătuiesc să vă familiarizați cu articolul: Cum să faceți o etichetă
Acum ne întoarcem la etichetele care sunt în corp pagini HTML. (interior
și
).
5.
- Aceste etichete aliniază totul în interiorul lor în centru. În acest caz, centrul va fi centrul ecranului. În viitor, se recomandă refuzarea utilizării acestor etichete.
6.
- Aceasta este una dintre eticheta de etichetă a etichetei de clasă
..
, De obicei, numele paginii este încheiat. De exemplu, această pagină este eticheta antetului "Exemplu de creare a unei pagini HTML." Notă
aceste etichete au o mulțime de greutate în clasamentul site-ului, așa că trebuie să folosească cu atenție și cu mintea.
La elaborarea unui cod HTML, trebuie să respectați o regulă simplă: trebuie să mergeți mai întâi la eticheta antetului
, și apoi poate merge deja
,
etc. Principalul lucru este că nu a fost primul
, mai tarziu
, mai tarziu
etc. Trebuie să existe o ierarhie strictă. Headlovkov.
,
etc. Poate foarte mult.
7. - Aceasta este o singură etichetă care nu necesită o etichetă de închidere. Tranziția la următoarea linie. Două etichete unice la rând sunt scrise în exemplul meu pentru a merge la următoarea linie de două ori.
8. - Aceasta este o singură etichetă care afișează imaginea.
sRC este un parametru obligatoriu în care este specificată adresa de imagine (în locul adreselor URL, trebuie să înregistrați adresa în care imaginea dvs. este stocată). Notă:
Dacă imaginea este într-un singur dosar cu pagina HTML, este suficient să scrieți numele imaginii, altfel trebuie să vă prescrieți fie o adresă URL absolută sau relativă;
Nu uitați să specificați extinderea imaginii. De exemplu, .jpg, .gif, .jpeg.
aLT sau TITLE - Puteți scrie o descriere imaginii dvs. în acești parametri. Când aduceți un mouse la imagine, atunci va apărea această descriere. Acești parametri sunt importanți pentru a promova site-ul, în special în căutarea de imagini. Dacă imaginea nu a reușit să descărcați, atunci acest text va fi derivat, care este, de asemenea, un plus.
9. - Aceste etichete sunt proiectate pentru a schimba fontul, fundalul, dimensiunea etc. Pe scurt, tot ceea ce este asociat cu formatarea textului poate fi configurat într-o singură etichetă. Această etichetă are câteva atribute pe care le voi spune într-o lecție separată.
Notă: - O etichetă similară.
Există, de asemenea, o proprietate CSS Font în care puteți seta toți acești parametri.
10. - Alocați grăsimi. Tot ce se încheie între și Va fi evidențiată grăsimi. De exemplu, dacă îl scrieți la începutul conținutului și închideți la sfârșit, atunci întregul text de pe pagină va fi evidențiat grăsimile. Aceasta este o etichetă destul de comună, a cărui analog este
.
Motoarele de căutare acordă atenție acestei etichete în ceea ce privește consolidarea influenței cuvintelor cheie. Dar trebuie să fiți atenți deoarece va fi împărțită de cuvinte cheie grase de fiecare dată va fi percepută pentru spam.
În lumea modernă, uneori aveți propriul dvs. site web este, de asemenea, important, cum ar fi disponibilitatea numărului de telefon sau adresa de e-mail. Din păcate, nu toată lumea poate face independent un frumos site profesional și, uneori, nici măcar nu funcționează curba. Pentru a comanda programatorii nu este, de asemenea, calea perfectă, deoarece nu este pentru toată lumea să fie în buzunar.
De la o astfel de situație vă va ajuta să eliberați șabloanele site-ului HTML. Șablonul site-ului HTML este un set de pagini statice gata pentru site-ul unui anumit subiect. Cu ajutorul unui astfel de șablon, creați un site simplu poate fi literal în câteva ore, cu cunoștințele de bază ale marcajului HTML. În secțiunea HTML, veți obține aceste cunoștințe dacă vă petreceți câteva ore pe învățare și dacă nu regretați secțiunea CSS, puteți controla pe deplin designul șabloanelor de site-uri HTML și le puteți stabili complet sub nevoile dvs.
Un alt avantaj indiscutabil al șabloanelor site-urilor este că sunt scrise în majoritatea cazurilor profesioniști. Sub șablonul profesional, site-ul este înțeles nu numai un design frumos și modern, ci și ca codul este scris. Motoarele de căutare arata ca și cum ați scris site-ul, SEO este un cod optimizat sau nu, bazat pe acest lucru în jos sau creșterea poziției dvs. în extrădare. Prin urmare, un bun site nu ar trebui să fie nu numai frumos și modern, care este important, dar și în mod competent scris în ceea ce privește codul.
Descărcați șabloane de site-uri gratuite HTML și creați-vă proiectele cât mai curând posibil.
Toți vă urez bun venit, dragi prieteni. Astăzi, cu tine, ca întotdeauna, Dmitri Kostin și am o mică surpriză pentru tine, și anume examenul! Deși bine, am glumit despre examen. Tocmai am decis să termin lecțiile privind elementele de bază ale HTML și în acest articol aplică cunoștințele obținute în lecțiile anterioare în practică.
Vreau să vă prezint un exemplu simplu de creare a unui site HTML în notebook-ul Notepad ++ într-o chestiune de minute. Desigur, vom crea un simplu, nu confuz, rapid și aș spune chiar lui Lohovskaya (îmi pare rău pentru limba franceză))). Dar totuși, datorită acestui lucru puteți consolida cunoștințele dobândite. Acest lucru este cu adevărat important în această chestiune.
Doar nu uitați la crearea unui document nou în Notepad ++ pentru ao recupera în UTF-8.
Întrebați: "De ce atât de puțini lecții? În HTML există mult mai multe etichete și atribute. " Da, da, ești într-adevăr corect, dar timpul merge și multe etichete nu mai funcționează în cele mai recente versiuni ale HTML, sau pur și simplu sunt considerate inutile și nimeni nu le folosește.
De exemplu, există o etichetă care este responsabil pentru font. Datorită lui și atributelor, puteți schimba conținutul intern, de exemplu, dimensiunea fontului, culoarea, fontul în sine. Dar astăzi, așa cum am spus deja, Nu sunt acceptate de utilizat. Acest cod nu va mai fi valid. În schimb, folosim CSS. Este mult mai convenabil și mai practic. Oricum. Să începem să începem să creați site-ul.
Am remarcat în documentul locurile unde va trebui să faceți aceste liste, dar, desigur, doar în cazul în care voi arăta cum ar trebui să arate.
Ne salvăm și ne uităm la noi. Se pare că totul este necesar. Excelent. Deja avansată departe.
Inserați tabelul
Deschideți o pagină de pagină table.html., Trageți toate titlurile și textul din același nume de același nume, după care este posibil să distribuiți toate etichetele și atributele așa cum ar trebui.
Acum mergeți la ceea ce avem nevoie. Creați o masă în 5 linii și 5 coloane, după care introducem valorile corespunzătoare în ele. Nu uitați să puneți atributele necesare, și anume border \u003d "2", CellPadding și CellSpacing Pe 5. În codul ar trebui să arate astfel:
Ne salvăm și ne uităm la noi. Toate perfect!
Pagina despre autor
Am făcut deja aproape totul. Tocmai am plecat să terminăm pagina despre autor. Mergi la pagina Obo-mne.html. Și introduceți întregul text cu toate anteturile de la același nume de la documentul Vordovsky și pe etichetele de dispersie.
Pe scurt, acum după etichetele capacelor site-ului și meniul, va trebui să înregistrați adresa acestei imagini și să puneți atributul align \u003d "stânga" pe care textul a căzut o fotografie. Dacă arată urât, puteți juca cu incitemente de mai mulți pixeli. Se pare că arată așa.
Ai făcut totul? Totul a fost rezolvat? Sper că da. Dar acum avem nevoie. Există o legătură în document. Tot ce aveți nevoie este doar introduceți-l după textul principal. Dacă brusc videoclipul urcă fotografia autorului, atunci imediat după text, faceți câteva liniuțe .
Ei bine, pare a fi tot. Cu privire la sarcină, totul este îndeplinit și acum aveți un astfel de site HTML simplu realizat în Notepad ++ Notebook literalmente timp de 10-15 minute. În ciuda faptului că acesta este cel mai ușor cadru HTML fără proprietăți CSS și alte Priblud, există încă oameni care vând cursurile lui Alya "Cum să creați un site" cu informații similare cu aceasta. Și iau bani pentru asta - și 500 de ruble, și chiar 2000. Sunt doar șocat!)
Ei bine, dacă luăm câteva cursuri, atunci este mai bine pentru profesioniștii care au mâncat un câine în acest sens. Personal, vă recomand să urmăriți cursul lui Andrei Bernadsky " HTML5 și CSS3 de la zero la Guru"Cursul este pur și simplu minunat, simplu în dezvoltare și conceput pentru orice nivel al utilizatorului. Datorită lui, într-adevăr să înveți cum să faci site-uri destul de bune.
Apropo, cum sunt stilourile tale? Sper că nu vă filați și ați prescris totul cu mânerele minunate. Sper că nu aveți terci în capul tău și am explicat totul bine. Ei bine, dacă nu sa întâmplat ceva, există o versiune pregătită a site-ului nostru în dosarul cu toate comentariile astfel încât să puteți da seama.
Fuh. În general, astăzi sunt totul. Apa de azi a băut Litra 4 probabil din cauza căldurii. Deci, sper că ți-a plăcut articolul meu și a fost util în planul de studiu. Nu uitați să vă abonați la noile articole din blogul meu. Îți voi spune multe lucruri mai interesante. Și vă urez noroc și trageți calm căldura. Ei bine, m-am dus să se răcească. Te văd. Pa! Pa!
Cu sinceritate, Dmitri Kostin.
Nu a găsit un răspuns la întrebarea dvs.? Uita-te aici