11 Webszerkesztés ECDL feladat teljes megoldása

1.1. A(z) …… az interneten fellelhető dokumentumok, különböző erőforrások címe. Válassza ki, melyik a mondat helyes kiegészítése!

a) WWW

b) URL

c) HTTP

d) HTTPS

1.2. A(z) …… weboldalak megtekintésére szolgáló alkalmazás. Válassza ki, melyik a mondat helyes kiegészítése!

a) böngésző

b) webszerver

c) szerver

d) keresőmotor

1.3. Miért fontos a weboldalon beillesztett képekhez helyettesítő szöveg megadása?

a) Tájékoztatja a felhasználót a kép készítőjéről, amely a kép alatt jelenik meg.

b) Informálja a felhasználót a kép tartalmáról, ha valamilyen ok miatt a kép nem jeleníthető meg, de fontos szerepe van a keresésnél is.

c) A böngésző programot informálja a kép méreteiről, hogy megfelelően tudja elhelyezni a

képernyőn.

d) Fontos adattal szolgál a webszerver számára a kép méreteiről, hogy optimálisan tudja eltárolni a webtárhelyen.

1.4. Milyen jelölőt kell használni a weboldalak táblázataiban a táblázat egy-egy cellájának meghatározására?

a) <cell> jelölőt

b) <td> jelölőt

c) <tr> jelölőt

d) <table> jelölőt

1.5. Az alábbiak közül milyen jelölőket használunk kiválasztó lista típusú űrlapelem létrehozására?

a) <input> jelölőt, azon belül az egyes elemekhez <option> jelölőt

b) <option> jelölőt, azon belül az egyes elemekhez <select> jelölőt

c) <select> jelölőt, azon belül az egyes elemekhez <input> jelölőt

d) <select> jelölőt, azon belül az egyes elemekhez <option> jelölőt

1.6. Jelölje meg, az alábbiak közül melyik az inline stíluslap használati mód meghatározása!

a) A stílus a HTML dokumentumon kívül, külön CSS fájlban van definiálva.

b) A stílus nincs definiálva, a megjelenés a böngészőre van bízva.

c) A stílus a HTML dokumentumon belül <style> jelölőn belül van definiálva és az egész

dokumentumra érvényes.

d) A stílus egy adott jelölőn belül van definiálva és csak ott érvényes.

2. <i>A tánc az életstílusunk!</i>
i mint italic az az dőlt 

3. <p> .....</p> 
p mint paragraph az az új bekezdést jelöl
........<br> 
br mint brake sortörést jelöl 

4. <a href="tanaraink.htm">........</a>
<a href="tancorak.htm">........</a>

5. kép tulajdonságai méret megadása, majd általános fül alatt szöveg

6. nincs teendő, mivel eleve új lap kérésekor megkapjuk, csak a stíluslapot ne felejtsd el csatolni

7.  <h1>Tanáraink</h1>
        <p>
            <dl> <dt>Latin táncok</dt>
                <dd>Szabó Stefánia</dd>
                
            <dt>Társastánc</dt>

              <dd>Józsefé Nagy Dóra</dd>

                
            <dt>Modern tánc</dt>

             <dd>John Smith</dd>

                
            <dt>Rock &amp; Roll, Jazz</dt>

               <dd> Kis Tamara</dd>
</dl>
        </p>

8.

                <th>Bevezetés 6-9 éveseknek</th>

                <td>hétfő, szerda 13.00-14.30</td>

                <td>első óra: feb. 12.</td>

                <td>utolsó óra: jún. 1.</td>

            </tr>

            <tr>

                <th>Bevezetés 10-13 éveseknek</th>

                <td>hétfő, péntek 13.00-14.30</td>

                <td>első óra: feb. 12.</td>

                <td>utolsó óra: jún. 3.</td>

            </tr>

            <tr>

                <th>Haladó 10-13 éveseknek</th>

                <td>kedd, csütörtök 13.00-14.30</td>

                <td>első óra: feb. 13.</td>

                <td>utolsó óra: jún. 2.</td>

            </tr>

            <tr>

                <th>Bevezető felnőtteknek</th>

                <td>hétfő, csütörtök 13.00-14.30</td>

                <td>első óra: feb. 12.</td>

                <td>utolsó óra: jún. 2.</td>

            </tr>

            <tr>

                <th>Haladó klasszikus felnőtteknek</th>

                <td>szerda, péntek 13.00-14.30</td>

                <td>első óra: feb. 21.</td>

                <td>utolsó óra: jún. 10.</td>

            </tr>

            <tr>

                <th>Haladó latin felnőtteknek</th>

9. -

10. <fieldset>
                <p>Név:<br><input type="text" name="nev" value="" size="20"></p>
                <p>E-mail:<br><input type="text" name="email" size="20"></p>

11. <p><input type="submit" value="Mehet"></p>

12. dt{
    font-size: 1.3em; font-variant:small-caps; font-weight:bold
}
13. #tartalom h1{
    text-align: left; font-size:1.5em
}

14. caption{

    padding: 5px;

    border: 1px solid #FFFFFF;

    font-size: 1.2em;

    font-weight: bold;

    letter-spacing: 0.6em;

    font-variant: small-caps; color:#FFFFFF; background-color:#BB955B

}

15. th, td{

    border:1px dotted #C0C0C0; text-align: left;

    padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px

}

16. input[type='submit'],

input[type='reset']{

    font-weight: bold;

    width: 300px;

}