Recent, ați făcut câteva cercetări în scopuri de lucru și, în loc să utilizați „clasicul” PowerPoint, ați dori să raportați rezultatele pe o pagină web bogată în conținut, cu care să vă „impresionați” șeful și să aspirați, de ce nu, să o avansare a carierei. Problema acum este că bâjbâi complet în întuneric, deoarece nu ai încercat niciodată să înțelegi cum se creează o pagină HTML până acum, deci sunteți în căutarea unui curs „intensiv” care vă poate face să dobândiți cel puțin cunoștințele de bază pentru a îndeplini un job de acest tip.

Ei bine, sunt foarte bucuros să vă informez că vă aflați în locul potrivit, la momentul potrivit: mai jos, de fapt, îmi va reveni să explic fundamentele „programării” în limbaj HTML, având grijă să vă ofer și cu toate instrumentele necesare pentru a acționa independent în viitor. Știu, la început ar putea părea destul de dificil, dar vă pot garanta că puțină răbdare și câteva zile de antrenament sunt suficiente pentru a obține rezultate remarcabile!

Deci, fără să ezitați mai departe, luați câteva minute din timpul liber și citiți cu atenție tot ce am de explicat pe această temă: sunt sigur că, la sfârșitul acestei lecturi, veți avea o idee foarte clară despre ce de făcut și vei putea organiza mai bine pagina HTML la care te-ai gândit pentru șeful tău. Acestea fiind spuse, nu mai am nimic de făcut decât să vă doresc o lectură bună și o muncă bună!

Elemente flash sau applet Java, demult indispensabil pentru obținerea unor rezultate similare.

Tocmai din acest motiv, până în prezent, HTML 5 este utilizat pe scară largă, precum și pentru implementarea de site-uri web și portaluri, de asemenea în dezvoltarea de aplicații pentru smartphone-uri și tablete și în implementarea panourilor de gestionare pentru alte tipuri de „conectate” dispozitive. ".

Practic, este definită o pagină creată numai cu HTML pagină statică, adică, conceput pentru a afișa întotdeauna același conținut, în principal nu poate fi modificat de condițiile actuale ale mediului din care este vizualizat, nici de comportamentul utilizatorului în timpul navigării.

Cu toate acestea, este posibil să se facă colabora HTML cu numeroase alte limbi, pentru a construi pagini mai complexe, bogate în conținut și, mai presus de toate, dinamice: printre cele mai populare limbi de acest tip merită menționat CSS, folosit pentru a o defini stil dintre elementele care alcătuiesc o pagină și JavaScript, un limbaj de programare care vă permite să manipulați dinamic pagina, făcând-o, dacă este necesar, interactivă.

secțiunea acestui ghid.

  • Liste cu marcatori - exact așa cum sugerează și numele, acest tip de etichetă vă permite să definiți liste cu marcatori și, dacă doriți, ordonate. Începutul și sfârșitul unuia listă cu puncte sunt decretate de etichete
    este (lista neordonata), în timp ce pentru listă sortată sunt folosite etichete
    este (lista ordonata). Fiecare element al listei este inclus în etichete
  • este (element de listă).
  • Formulare - unele etichete HTML sunt orientate în mod special către crearea de formulare completabile. De exemplu, începutul și sfârșitul unui formular sunt specificate de markeri
    este , diferitele elemente de intrare (casete de text, casete de selectare și așa mai departe) sunt identificate prin etichetă și specificat de parametru tip. În schimb, pentru a crea casete într-un formular, se folosește eticheta
    . Vă voi arăta cum să utilizați unele dintre aceste etichete în secțiunea pagină de autentificare HTML.
  • Click aici.

    Când ai terminat, salvați cu numele fișierul tocmai creat folosind extensia .html (de exemplu. site-ul meu.html) și, pentru a vizualiza pagina în browser, faceți dublu click pe fișierul pe care tocmai l-ați salvat. Ei bine: tocmai ați reușit să vă creați prima pagină HTML! Dacă doriți, puteți vizualiza codul paginii făcând clic dreapta într-un loc aleatoriu al paginii și alegând opțiunea Vezi sursa paginii din meniul propus de browser.

    Amintiți-vă că, în acest fel, pagina HTML creată va fi vizibilă numai în interiorul computerului pe care îl utilizați; dacă doriți ca pagina să fie accesibilă de pe internet, trebuie să cumpărați una spațiu de găzduire care îl poate găzdui, eventual pentru a fi combinat cu un domeniu pentru a ajunge la el cu ușurință. Dacă sunteți interesat de această eventualitate, vă invit să consultați ghidul meu pentru cea mai bună găzduire.

    Biografia lui Salvatore

  • Lucrările lui Salvatore
  • Contactele lui Salvatore
  • Pentru a accesa secțiunea ghiduri, faceți clic aici.

    După cum puteți ghici cu ușurință, hyperlinkurile către celelalte pagini ale site-ului au fost inserate într-una listă cu marcatori neordonate. În plus, paginii i s-a atribuit una fundal colorat prin intermediul parametrului bgcolor (adică backgrundăculoare) atașat la etichetă

    anterior, folosind cod similar cu următorul.

      Pagina de logare   

    Conectați-vă la site

    action = "scriptAccesso.php">

    <tip de intrare = "trimiteți" value = "Conectați-vă">

    Ti-ai uitat parola? Faceți clic aici pentru a-l reseta.

    Dificultatea, în acest caz, este de a spune browserului cum să verifice dacă numele de utilizator și parola au fost introduse corect, unde utilizatorul apasă butonul pentru autentificare (în acest caz, ): în general, această operațiune este finalizată prin apelarea unui anumit script (scris cu limbaj javascript, php, ASP sau altele), care se ocupă de compararea câmpurilor din casetele corespunzătoare cu înregistrările unei baze de date sau a unui fișier text. În codul menționat anterior, acest script este specificat în parametru acțiune a etichetei

    , care indică acțiunea care trebuie efectuată la apăsarea butonului tip Trimite (în cazul nostru, „Autentificare”).

    Pentru mai multe informații despre procedura de creare a scripturilor de autentificare în PHP, vă invit să consultați tutorialul de bază al HTML.it.

    În cele din urmă, salvați fișierul, faceți dublu clic pe html-ul respectiv și ... bucurați-vă de rezultat!

    Instrumente pentru crearea paginilor HTML

    Dacă ați ajuns până aici, înseamnă că ați dobândit cunoștințele de bază necesare creați o pagină HTML și că sunteți gata să faceți primii pași într-o autonomie deplină. Deci, odată ce ați înțeles utilizarea etichetelor și cum puteți construi structura unei pagini web, ați dori să aveți o imagine de ansamblu completă a instrumentelor care vă pot ajuta să vă desfășurați cu ușurință munca: mai jos le indic pe cele care, în opinia mea , vă pot fi mai utile.

    site oficial.

  • Amaya - este un editor HTML open source creat și distribuit de consorțiul W3 (W3C). Permite, datorită unei interfețe convenabile WYSIWYG, să creeze pagini și site-uri întregi în HTML, foi de stil, scripturi mici și alte părți ale platformelor web, chiar „desenând” totul cu mouse-ul. Puteți descărca Amaya de pe această pagină.
  • Adobe Dreamweaver - este un instrument semiprofesional extrem de puternic care, datorită diverselor instrumente prezente în cadrul acestuia, vă permite să proiectați site-uri de internet simple și complexe. Pe lângă faptul că este un editor HTML, Dreamweaver poate gestiona fișiere CSS, JavaScript, grafice și multe altele. Puteți achiziționa Dreamweaver (cu posibilitatea unei încercări gratuite de 7 zile) de pe site-ul său oficial.
  • Cei pe care i-am menționat sunt unii dintre cei mai utilizați editori HTML, dar nu sunt singurii: în acest sens, am creat pentru dumneavoastră un ghid specific despre programele HTML, în care puteți găsi multe alte programe de acest tip care pot vă ajută să vă aduceți la bun sfârșit munca.

    Mese, grafice, formatarea textului, liste, imagini și așa mai departe) pentru a construi pagina Web așa cum doriți să o vizualizați în browser.

    Când ați terminat, faceți clic pe meniu Fişier Word, alege opțiunea Salvați cu numele, indică pliant în care să salvați fișierul și, ulterior, să specificați fișierul nume de fișier și setați meniul derulant Salvează ca (Tipul fisierului pe Mac) pe voce pagină web, dacă sunteți interesat doar să salvați textul sau pe Pagină web într-un singur fișier pentru a salva, de asemenea, imagini, fonturi utilizate și alte elemente „externe” în Word în același fișier.

    Notă: pentru a păstra credința cu formatarea originală, Word poate adăuga niște etichete „proprietare” pentru a nu modifica afișarea paginii. Dacă intenția dvs. este să le excludeți și să vă limitați la salvarea numai a markerilor HTML, trebuie să selectați elementul Pagina web Filtrata din meniul derulant Salvați ca / ​​Format fişier.

    creați un site cu WordPress e cum se creează un site cu google sites.

    Există, de asemenea, platforme mai orientate spre crearea de pagini HTML statice, cum ar fi Weebly, Yola sau Xoom: Ți-am explicat în mod specific cum funcționează în ghidul meu cum se creează un site web gratuit.

    HTML.it HTML Guide - după toate probabilitățile, acesta este unul dintre cele mai complete, articulate și bogate în ghiduri de informații disponibile pe net: este împărțit în secțiuni tematice și include lecții autentice, exemple practice și exerciții de diferite tipuri. Mai mult, ghidul HTML.it este actualizat constant.

  • W3Schools.com - acest portal, promovat și publicat de W3C, este dedicat în întregime HTML și celorlalte tehnologii care îl înconjoară. Particularitatea sa este de a putea efectua numeroase exerciții de auto-verificare, la sfârșitul fiecărei lecții, pentru a verifica și evalua noile abilități dobândite.
  • HTML 5 cu CSS și JavaScript - dacă preferați hârtia tipărită decât cea digitală, nu puteți să nu aruncați o privire asupra acestui text: pe lângă faptul că este un manual de bază pentru crearea de site-uri HTML, este o referință destul de completă pentru crearea de aplicații mobile (și nu) bazat pe web, care combină HTML 5 cu CSS și JavaScript.