Statikus oldalak

Az új főmenü létrehozásánál már taglaltuk, hogyan lehet új weboldalunk menüjéhez oldalt létrehozni, így ezzel itt nem foglalkozunk. Azt viszont még nem néztük át, hogyan lehet a tartalmat létrehozni az új oldalba, hogyan lehet szöveget formázni és képeket behelyezni.

Kattintsunk a már lértehozott .html fájlra. Ekkor megjelenik a már ismert képernyő a szövegszerkesztővel.

A weboldal menüpontjának tartalmi feltöltése

A felső cím mezőt már korábban megadtuk, így ezzel nem kell foglalkozni (amennyiben nem, most megtehetjük). Alatta találhatóak a funkció gombok, mellyel a szöveget tudjuk szerkeszteni és egy sor további lehetőség is adódik.

A leírásban a főbb funkciókat tekintjük át, melyek az alábbiak:

• szöveg formázása
• szöveg igazítása
• speciális karakterek beszúrása
• felsorolás készítése
• linkek készítése szövegből
• kép behelyezése szövegbe
• táblázat behelyezése

Szöveg formázása

Írjuk be a megjeleníteni kívánt tartalmat. Amennyiben a szöveg már készen van egy másik dokumentumban, pl. Word-ben, akkor ott másoljuk ki a Ctrl+C billentyűkkel és másoljuk be ide úgy, hogy a vastag B betű előtti, paste as plain text gombra kattintsunk.

A vastag B betűvel vastaggá tehetjük a kiemelt szöveget, a dőlt I betűvel dőltté, az U betűvel pedig aláhúzottá.

Szöveg igazítása

A szöveget igazíthatjuk balra, középre, jobbra, vagy tehetjük sorkizárttá. A sorkizárt funkció a weben nem működik olyan szépen és zökkenőmentesen, mint egy nyomdai tördelőprogramban, vagy Word-ben. Sok esetben nagyon széthúzza a szavak közötti távolságot, olvasása ezáltal zavaróvá válhat. Ezért minden esetben nézzük meg publikálás előtt, hogyan néz majd ki élesben.

Speciális karakterek beszúrása

Amennyiben olyan karaktert akarunk a szövegbe helyezni, amit nem találunk a billentyűzeten, pl. hőmérsékletet szeretnénk megjeleníteni, kattintsunk a második sor vége felé található omega jelre, válasszuk ki a kívánt elemet, és az automatikusan megjelenik a szövegben ott, ahol a kurzor áll.

Felsorolás készítése

Jelöljük ki azt a szövegrészt, melyből felsorolást szeretnénk készíteni, majd kattintsunk vagy az első, vagy a második felsorolás gombra. Ezek a sorkizárt gomb után találhatóak.

Linkek készítése szövegből

Jelöljük ki azt a szövegrészt, melyből linket, azaz hivatkozást szeretnénk készíteni. Miután ezt megtettük, válasszuk az első sor 3. gombját (egy láncszemet ábrozol). Ekkor a következő ablak ugrik fel:

Ha valamelyik, már meglévő oldalunkat szeretnénk belinkelni, válasszuk ki az első, pages lenyíló listából.

Ha egy külső oldalra szeretnénk vinni a látogatót, akkor a link url mezőbe kell beírnunk az oldal címét. Fontos, hogy a http:// előtag megadása kötelező!

Példa: http://www.apeh.hu

Amennyiben valamilyen letölthető dokumentumot akarunk belinkelni, például pdf-et, ezt a downloads lenyílólistában adhatjuk meg, melyeket a megfelelő helyre előtte fel kell tölteni (ld. a fájl feltöltése fejezet)

A title mező a link buborékszövege, tehát ha a link fölé visszük az egeret a weboldalon, az ide beírt szöveg fog megjelenni. Ez a paraméter keresőoptimalizálás szempontjából nagyon fontos!!

Kép behelyezése szövegbe

Fontos információ: lehetőleg csak olyan fotókat töltsünk fel, melynek mérete nem haladja meg a 200-300 Kb-ot!! Minél több, nagy méretű képet töltünk fel, annál lassabban fog az oldalunk betöltődni!

Vigyük a kurzort a szövegben arra a helyre, ahová szeretnénk a képet behelyezni. Az ikonok közül a második sorban válasszuk a harmadikat (kis zöld fát ábrázol). Ekkor a következő ablak nyílik meg:

Az images lenyíló listából választhatjuk ki azt a képet, melyet be akarunk helyezni. A képeket előtte fel kell tölteni a megfelelő helyre ahhoz, hogy itt megjelenjen (ld. Média kezelő menüpont)

Miután kiválasztottuk, a következő mező automatikusan kitöltődik.

Az image description mező a kép szöveges leírása lesz, keresőoptimalizálás szempontjából fontos!

Ha például egy táj fotóját tesszük be, érdemes leírni szavakkal, amit látunk.

A title mező a kép buborékszövege, keresőoptimalizálás szempontjából fontos!

Amennyiben a feltöltött kép mérete túl sok helyet foglal el a tartalomból, tehát túl magas vagy széles, a következő módon csökkenthetjük a méretét:

A fent megjelenő ablakban válasszuk a 2., Megjelenés fület. A Dimenziók résznél adjuk meg az új szélességet, vagy hosszúságot.

Fontos: attól, hogy a kép szélességét, vagy magasságát csökkentjük, a kép fizikai mérete még változatlan marad! Tehát ha egy kép 800 Kb, és változtattunk az előbb említett paraméterek egyikén, még ugyanúgy 800 Kb marad a mérete.

Ha mindez elkészült, nyomjuk meg a beszúrás gombot, mely az ablak alján található.

Táblázat behelyezése

Sokszor előfordulhat, hogy táblázatot kell beszúrnunk a szövegbe. Ez főként akkor hasznos, ha sok adatot kell rendezett formában megjeleníteni.

A táblázat beszúrás ikon a harmadik sor első ikonja. Kattintásra az alábbi ablak nyílik meg:

Itt megadhatjuk az oszlopok és sorok számát. Ha a későbbiekben többre van szükség, lehetőség van mindkettőből beszúrni a táblázat ikon melletti gombok segítségével.

A szöveg margó azt állítja, hogy a cella széleitől milyen távolságra kerüljön a beírt adat. A keret a táblázat keretének vastagságát állítja.

Megadhatjuk azt is, hogy milyen széles és magas legyen a táblázat. Ha ezt nem tesszük meg, automatikusan fogja növenli a méreteket.

A haladó fül alatt megadhatjuk a táblázat keretének színét és háttérszínét is.