Scribd Logo
Upload

Welcome to Scribd!

  • Pagina Web Tabele

    Uploaded by

    Cristina Fratila
    51 views2 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    51 views2 pages

    Pagina Web Tabele

    Uploaded by

    Cristina Fratila

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    Construirea unei pagini web folosind tabele

    Se insereaza un tabel in <body> </body> - Insert - Tables - Table


    Se alege un rand Rows : 1, doua coloane Columns: 2
    Si pentru a vizualiza tabelul, la Borders se alege un Size: 1

    Efectul este: pg2.htm, pg3.htm si pg4.htm (chiar daca nu avem


    <html> inca aceste fisiere - le vom crea)

    <head> Pentru inserarea unui link, selectam cuvantul pe care


    <title>pagina mea</title> il dorim ca link, aici link1, si alegem butonul link din
    </head> toolbar-ul cu butoane

    <body>

    <table border="1">
    <tr>
    <td></td>
    <td></td>
    </tr>
    </table>

    </body>

    </html>

    Se observa ca tabelul are un singur rand <tr> care


    contine doua celule reprezentand cele doua
    coloane
    <td></td>
    <td></td>

    Salvam fisierul cu denumirea pg1.htm

    Vom considera prima celula ca fiind zona de


    navigare. Aici inseram 4 link-uri, catre pg1.htm,
    Rezultatul din celula de navigare vrem sa fie Sau folosim butonul de inserat imagine din Htmlpad.
    acesta: celua sa aiba o latime de 150 pixeli si sa
    contina 4 link-uri Din celula 2(cursorul e in celula2), dam clic pe
    butonul de imagine, si de la Source deschidem
    <td width="150px"> imaginea dorita, aici Sunset.jpg
    <a href="pg1.htm"> link 1 </a> <br>
    <a href="pg2.htm"> link 2 </a> <br>
    <a href="pg3.htm"> link 3 </a> <br>
    <a href="pg4.htm"> link 4 </a>
    </td>

    <br> -urile sunt enter-uri ca sa trimita link-urile


    pe randuri diferite (shift + enter in Htmlpad)

    In acest moment salvam fisierul pg1.htm

    In folderul in care se afla il copiem si executam


    un Paste de 3 ori astfel incat sa avem trei copii ale
    aceluiasi fisier.

    Le redenumim astfel incat sa coincida cu


    denumirele fisierelor din link-uri adica
    2. Dupa aceeasi metoda ca mai sus inseram o lista
    pg2.htm ordonata, se alege optiunea numbered
    pg3.htm
    pg4.htm

    In acest moment avem o pagina web functionala

    Dar hai sa introducem in a doua celula din fiecare


    pagina, celula pe care o vom denumi zona de
    continut, cate ceva specific fiecarui link.

    Obs. Aici fiecare link e denumite generic link1,


    link2 etc dar in realitate veti folosi denumiri
    concrete: inapoi, despre noi, contact, poze, etc..

    Dorim ca in:
    -prima pagina sa avem o imagine
    -a doua pagina sa avem o lista ordonata cu
    denumiri de fructe
    -a treia pagina sa avem cateva link-uri sub forma
    de imagini
    -a patra pagina sa avem un text albastru care sa 3. reprezinta o combinatie intre inserarea unei imagini si
    inconjoare o imagine a unui link (folositi meniul Htmlpad)
    <a href="orice.htm"><img src="Oimagine.jpg"></a>
    Vom lucra in cea de a doua celula din fiecare
    pagina. 4. Se insereaza o imagine intr-un paragraf si se specifica
    alinierea acesteia sa fie stanga : align="left"
    1. Astfel deschidem pg1.htm si in interiorul cele
    de a doua celule inseram imaginea <p><img src="Sunset.jpg" width="80"
    <img src="pozaOarecare.jpg"> align="left"/> Un text... Platea placerat? Auctor a?
    Penatibus urna? Scelerisque adipiscing, egestas,
    Atentie: imaginea sa fie in acelasi folder cu lundium. sau orice altceva... </p>
    pagina noastra pg1.htm

    You might also like