Nyitó

Gyorstalpaló

Tervezés

HTML

CSS

Sablonok

Bevezetés

HTML fájlok módosítása

Stíluslap módosítása

Sablon fölső menüvel

Sablon oldal menüvel

Sablon kétszintű menüvel

A HTML fájlok módosítása

Bármelyik sablont választod, az alábbi módosításokat érdemes végrehajtanod minden egyes HTML fájlban.

A dokumentum szerzőjének megadása

<meta name="author" content="webkalap.hu">

A webkalap.hu helyére írd be a saját nevedet.

A kulcsszavak listája

ami például így néz ki:

<meta name="keywords" content="weblap, sablon, HTML, módosítás">

Töröld ki a sablonban felsorolt szavakat és add meg az általad írt tartalomra jellemző kulcsszavakat. Ezek segítenek a Google-nak és a többi kereső szolgáltatónak abban, hogy az oldalaidat a releváns találati listákban jelenítsék meg és így a potenciális olvasóid a weblapodat megtalálhassák. Egy oldalon általában 3-10 kulcsszó megadását ajánlom.

Rövid összefoglaló írása

<meta name="description" content="Segédlet a letölthető sablonjaimban lévő HTML fájlok módosításához.">

Ez a meta elem segít a kereső motoroknak az oldalad megfelelő indexelésében. Általában ennek tartalmát jelenítik meg a találati listákban is, tehát a felhasználók számára is fontos információ forrás. Készíts egyedi leírást minden oldaladra, maximum pár mondatnyi terjedelemben.

Az oldal címének módosítása

Egy HTML dokumentum címe a <title> és </title> tagok közötti szöveg, például:

<title>A HTML fájlok módosítása</title>

Ezt a böngészők az ablak tetején jelenítik meg. A cím mindig az adott oldalra legyen jellemző, egy nagyon fontos kivétellel. A főoldalnak, aminek a legtöbb tárhelyszolgáltatónál kötelezően index.html fájlnevet kell adni, a címe a teljes webhelyre vonatkozó cím legyen. A keresők a találati listákban általában a webhelyek főoldalait adják meg és a felhasználók azok címei alapján döntik el, hogy melyik weblapot látogassák meg.

Logó kicserélése

Készítsd el a saját logódat, mentsd el képfájlként, és azzal cseréld ki a letöltött logo.gif nevű fájlt. Ha más fájlnevet adtál, akkor a HTML fájlokban az alábbi sort kell módosítanod (ami gyakorlatilag egy kép beillesztése):

<img src="logo.gif" id="logopicture" alt="Logó" title="Logó">

Ne felejtsd el módosítani a kép méretét a stíluslapon!

A logó készítés egy külön szakma. Ha nem rendelkezel az ehhez szükséges programokkal és ismeretekkel, akkor ide kattintva elolvashatsz egy egyszerű módszert. Az így készített képfájlt később bármikor kicserélheted egy komolyabbra.
Ha nem akarsz logót a weblapod felső sávjában, akkor a HTML fájlokból töröld ki a fenti sort vagy az alábbi egységet:

<tr class="elhelyez">
   <td colspan="3" class="tdlogo">
      <img src="logo.gif" id="logopicture" alt="Logó"
         title="Logó">
   </td>
</tr>
A menü módosítása

A menü módosítása sablononként eltérő, így ennek részleteit az egyes sablonokhoz írt tájékoztatókban találod.

A tartalom beillesztése

Ehhez töröld ki a sablonoldalakból az általam beírt tartalmat a

<!-- ************* Tartalom **************** -->

és a

<!-- ************* Tartalom vége ************ -->

sorok közül és a helyére írd be a saját tartalmadat. Ehhez valószínűleg elég lesz azoknak a HTML tagoknak a használata, amelyeket a Gyorstalpaló részben leírtam és amelyek megjelenítését a sablonok részét képező stíluslapokon definiáltam:
<h1> </h1>
<h2> </h2>
<p> </p>
<a> </a>
<img>

Tipp: Én az egy-két mondatnál hosszabb szövegeket szövegszerkesztőben írom. Az így készült szövegfájlokat ugyan olyan könyvtárszerkezetben tárolom, mint ahogy a HTML fájlok vannak a weblapon. A HTML-t akkor kezdem szerkeszteni, amikor a tartalom – az oldalak közötti összefüggésekkel együtt – már összeállt.

Tipp: A weblapba illesztés előtt a fényképeket lekicsinyítem a beillesztett méretre, viszont az eredeti fényképeket az előző tippben említett könyvtárszerkezetben tárolom. Ma (2011-ben) egy átlagos fényképezőgép 10 megapixel felbontású míg egy átlagos monitor alig több mint 1 megapixeles. Néhány év múlva érdemes lehet a mostaninál nagyobb méretben beilleszteni a képeket a weblapokba, miután elterjednek a jobb felbontású monitorok.

Stíluslap módosítása »


Tőzsde és technikai elemzés érthetően