1. Întocmirea unei pagini WEB personale

O pagină web personală este o pagină care conține informații despre tine, cum ar fi un scurt CV, hobby-uri, proiecte sau lucruri care te reprezintă. Urmează acești pași pentru a crea o pagină web personală:

• Setarea unui plan pentru pagină: Gândește-te ce secțiuni vrei să includă pagina ta (ex. Despre mine, Proiecte, Contact etc.).
• Crearea structurii de bază: Folosește HTML pentru a structura informațiile în pagină.
• Personalizarea stilului: Adaugă stiluri CSS pentru a face pagina mai atractivă.
• Adăugarea de imagini și legături: Încarcă imagini relevante și adaugă linkuri către profiluri sau pagini externe.
• Testarea paginii: Vizualizează pagina în browser pentru a te asigura că arată bine pe diferite dispozitive.

Exemplu de cod HTML pentru o pagină personală simplă:

<!DOCTYPE html>
<html lang="ro">
    <head>
        <meta charset="UTF-8">
        <title>Pagina mea personală</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <header>
            <h1>Bine ai venit pe pagina mea personală!</h1>
        </header>
        <section>
            <h2>Despre mine</h2>
            <p>Numele meu este Ion Popescu și sunt pasionat de tehnologie și dezvoltare web.</p>
        </section>
        <section>
            <h2>Proiecte</h2>
            <ul>
                <li>Proiect Web 1</li>
                <li>Proiect Web 2</li>
            </ul>
        </section>
    </body>
</html>
            

2. Realizarea paginii clasei utilizând paginile personale

Pagini web pentru o întreagă clasă pot fi realizate combinând paginile web personale ale fiecărui student într-o structură de grup. Astfel, fiecare elev poate avea o secțiune dedicată în cadrul paginii clasei.

• Crearea unei pagini centrale: O pagină principală care va conține legături către paginile personale ale fiecărui elev.
• Includerea informațiilor despre clasă: Adăugarea unui scurt rezumat despre clasa respectivă, istoricul acesteia și proiectele realizate.
• Formatarea paginii pentru a arăta coerent: Asigură-te că stilurile și temele folosite sunt consistente pe întreaga pagină.
• Legături între paginile elevilor: Fiecare elev își poate adăuga linkul către propria pagină web în secțiunea corespunzătoare.

Exemplu de pagină principală pentru clasa:

<!DOCTYPE html>
<html lang="ro">
    <head>
        <meta charset="UTF-8">
        <title>Pagina clasei</title>
    </head>
    <body>
        <header>
            <h1>Pagina clasei 12A</h1>
        </header>
        <section>
            <h2>Elevi</h2>
            <ul>
                <li><a href="ion_popescu.html">Ion Popescu</a></li>
                <li><a href="ana_ionescu.html">Ana Ionescu</a></li>
            </ul>
        </section>
    </body>
</html>
            

3. Documente text obișnuite transformate în pagini web

Pentru a transforma un document text într-o pagină web, trebuie să convertești informațiile într-un format HTML. Astfel, structura documentului va fi păstrată și va fi afișată corect în browser.

• Conversia unui document text: Salvează documentul în format HTML utilizând un editor de text sau un procesor de text care permite exportarea în acest format (ex. Microsoft Word, Google Docs).
• Formatarea în HTML: Începe prin a înlocui elementele de formatare ale documentului cu taguri HTML corespunzătoare.
• Testarea paginii web: După conversie, testează pagina pentru a te asigura că toate informațiile sunt corect prezentate și că formatarea este corectă.

Exemplu de document text transformat într-o pagină web:

<!DOCTYPE html>
<html lang="ro">
    <head>
        <meta charset="UTF-8">
        <title>Documentul meu</title>
    </head>
    <body>
        <h1>Titlul documentului</h1>
        <p>Acesta este un document transformat într-o pagină web. Iată câteva informații importante:</p>
        <ul>
            <li>Informație 1</li>
            <li>Informație 2</li>
        </ul>
    </body>
</html>
            

4. Modalități de depozitare a paginilor

Paginile web create pot fi depozitate în diferite moduri, în funcție de nevoile tale. Iată câteva metode de stocare:

• Stocarea locală: Paginile web pot fi stocate pe computerul personal într-un folder dedicat pentru a le vizualiza offline.
• Servicii de găzduire web: Paginile pot fi încărcate pe un server web utilizând un serviciu de găzduire web (ex. GitHub Pages, Netlify, 000WebHost).
• Platforme de partajare: Platformele precum Google Drive sau Dropbox permit încărcarea fișierelor HTML pentru a le distribui altora.