Oldal 1 / 11
A fórum moderátora: KovJonas 
uCoz közösség » Webmester-részleg » A honlap külalakjának testreszabása » Egy weboldal designjának előkészítése - útmutató kezdőknek (Hogyan készítsük elő egy weboldal designját (kinézetét)?)
Egy weboldal designjának előkészítése - útmutató kezdőknek
bigblog
Üzenetek: 1660
Hírnév: 47

Üzenet # 1 | 14:33


Ma bemutatjuk nektek, hogyan módosíthatjuk gyorsan és egyszerűen a weboldal hátterét, felső részét és más design-elemeit, még akkor is, ha nincs különös webszerkesztési és webprogramozási ismeretünk! Lehet, hogy sokan köztetek már tudják ezeket a részleteket, de biztos, hogy ez az útmutató hasznos lesz a kezdők számára.

Ahhoz, hogy minden érthető legyen, kérünk, hogy a cikket elejétől végéig olvassátok el!


Azt ajánlom, képzeljük el, hogy egy konyhában vagyunk, és megvan minden szükséges hozzávaló ahhoz, hogy egy szép és ízletes tortát:



Tehát, összegeztük a tortánk legfontosabb alapanyagait. Most mélyen vizsgáljuk meg mindegyik hozzávalót, kezdve a legfontosabbakkal.


Fájlkezelő

Ez lesz a jövendőbeli torták tálja. Itt, a fájlkezelőben lesz eltárolva minden szükséges összetevő: fájlok, képek, szkriptek... A Fájlkezelőt a Vezérlőpultból érhetjük el:



Itt tölthetjük fel a képeket, melyekre a designunk elkészítésében szükségünk lesz, vagy csak azokat, amelyeket a weboldal tartalmi részében használni fogunk, de a szükséges szkripteket, statikus HTML oldalakat, XML fájlokat, MP3 fájlokat stb. is feltölthetjük.


Stílusok táblázata (CSS)


A stílusok táblázata a tortánk első, és egyben legfontosabb rétege. Ez a táblázat (továbbiakban CSS) határozza meg az oldal kinézetét, az elhelyezkedést, hátteret, behúzásokat, stb - gyakorlatilag mindent ami design. Szintén a CSS-ben linkelhetünk a legtöbb - a külalakban használt - képre. A CSS-t a vezérlőpult felső menüjén keresztül érhetünk el:



A kezdők számára ezt az útmutatás nagyon hasznos lehet: http://www.w3schools.com/css/default.asp


Külalak vezérlése

Ezt a részét tekinthetjük a tortánk legízletesebb részének. A külalak vezérlése egy használathoz alkalmas krém, mely vegyes összetevőkből áll. A Külalak szerkesztése opciót szintén a Vezérlőpultunk főoldalán találjuk:



Hatoljunk be egy picit mélyebbre ebbe a kategóriába:

1. Külalak vezérlése — ez az a rész, amelybe azonnal megérkezünk, ha a Külalak szerkesztése gombra kattintunk a vezérlőpult főoldaláról. Itt az összes aktivált modulnak a sablonjait tekinthetjük meg.

Elsősorban, a Globális blokkok sablonjait láthatjuk. Ezek barna színnel vannak jelölve.

Amikor egy globális blokk sablonját módosítjuk, a honlapunkon levő összes lap globális részének tartalmát módosítjuk, mely a globális sablonokat is tartalmazza.

Ezután a honlap oldalainak általános sablonját láthatjuk. A következő amit látunk, az a már említett Stílusok táblázata, avagy a CSS.

A továbbiakban az összes aktivált modul sablonjait láthatjuk. A sablonok módosításával módosíthatjuk különböző elemek elhelyezkedését, a linkeket (URL-eket), képeket stb. a honlap adott oldalain. Mindehhez minimális HTML alapismeretekre van szükség.
Csatolmányok: 4849141.png(49Kb) · 0250879.png(4Kb) · 9756258.png(11Kb) · 3565225.png(4Kb)

Ingyenes erőforrások uCoz-os honlapodra!

Weboldaladat itt mutathatod be! A túlzott spammolás a profil letiltását is eredményezheti.
bigblog
Üzenetek: 1660
Hírnév: 47

Üzenet # 2 | 14:34
2. Sablonok szerkesztője — egy nagyin hasznos szerkesztő, melynek segítségével könnyen telepíthetünk egy testreszabott külalakot (pl. egy uCoz Templates prémium sablont). Ahhoz, hogy a Sablonok szerkesztőjének segítségével telepítsünk sablont, ismernünk kell részletesen a uCoz rendszert, vagy használnunk kell egy előre elkészített sablont. Itt van pár útmutató, ami segíthet:


3. Sablonok biztonsági mentése — Ez a rész nagyon hasznos, ha kezdő vagy a uCoz rendszerben, és a sablonok szerkesztésében. Természetesen, ha a véletlen kezére támaszkodunk sablonszerkesztéskor, elronthatunk pár dolgot, de gyakorlat teszi a mestert! Azt ajánljuk, minden sablon-módosítás előtt készítsünk egy biztonsági mentést.

4. Gyors csere — ez a rész már tényleg a kezdők számára lett létrehozva! Ha találtál az oldaladon egy mondatot, melyet több sablonban szeretne módosítani, akkor a Gyors csere minden amire vágysz! Egy kattintás alatt több mondatot, vagy akár egy teljes kódrészletet.


Szerkesztő

Közeledünk a tortánk felső rétegeihez! A Szerkesztő segítségével könnyedé szerkeszthetjük a weboldalunk felső szövegét (Az én honlapom), az alsó szövegét (Copyright), valamint a blokkok nevét, helyét és tartalmát. A szerkesztőt a honlapunk Admin menüjének Szerkesztő menüpontjában kapcsolhatunk be. Amennyiben a Szerkesztő menü nem érhető el, kapcsoljuk be az Általános beállításoknál (Vezérlőpult >> Beállítások menü).


Fejléc szerkesztő (Header szerkesztő)

2013 egyik legjobb frissítése volt a Fejléc szerkesztő (másnéven Header szerkesztő). A funkció nem érhető el minden sablonnál. A fejléc szerkesztő segítségével könnyen testreszabhatjuk a fejléc hátterét és a megjelenő szöveget. A fennébb említett szerkesztő bekapcsolásával azonnal elérhetjük.


uCoz prémium sablonok

A tortánk már az előző lépésben kész lett volna, de van egy még egyszerűbb megoldás egyéni sablon telepítéséhez. A uCoz Templates oldalán ingyenes vagy fizetős prémium sablonokat telepíthetünk oldalunkhoz egyszerűen és gyorsan! További információ a uCoz prémium sablonok telepítéséről.



Ingyenes erőforrások uCoz-os honlapodra!

Weboldaladat itt mutathatod be! A túlzott spammolás a profil letiltását is eredményezheti.
EniG
Üzenetek: 159
Hírnév: 4

Üzenet # 3 | 16:08
Szia! Ha ez a kezdő, akkor mi a haladó? :S Mindegy is, csak egy kérdés. Ha az oldalszerkesztőben a főoldal sablonját szeretném megváltoztatni csak, az is ugyanezen elv alapján kell? Ha igen, dobok egy hátast. smile Mellékelem milyenre gondolok.
Csatolmányok: 3995079.jpg(153Kb)
bigblog
Üzenetek: 1660
Hírnév: 47

Üzenet # 4 | 17:49
EniG, az egyetlen egy dolgod, hogy az oldal szerkesztésénél ezt bejelölöd: http://screencast.com/t/dmm76ezT8Um3 Ezután az oldalhoz tartozó külön sablont megtalálhatod a Külalak vezérlése oldalon wink
Ingyenes erőforrások uCoz-os honlapodra!

Weboldaladat itt mutathatod be! A túlzott spammolás a profil letiltását is eredményezheti.
EniG
Üzenetek: 159
Hírnév: 4

Üzenet # 5 | 09:40
Ez jó, teljesen fellelkesültem. smile Már csak az kár, hogy semmivel lett egyszerűbb. Olyan könnyű kitalálni valamit. smile Remélem az kacsintás a végén?
bigblog
Üzenetek: 1660
Hírnév: 47

Üzenet # 6 | 10:54
EniG, a megfelelő személyre szabáshoz ajánlott az alapvető HTML és CSS tudás smile Amennyiben segítségre lenne szükséged ezen a téren, írj nyugodtan smile

Idézet EniG ()
Remélem az kacsintás a végén?

Az biggrin

Ingyenes erőforrások uCoz-os honlapodra!

Weboldaladat itt mutathatod be! A túlzott spammolás a profil letiltását is eredményezheti.
EniG
Üzenetek: 159
Hírnév: 4

Üzenet # 7 | 11:55
Kedves vagy, köszönöm. Gyakorlatilag csak segítségre lenne szükségem. Már ott elakadtam, hogy teljesen más a felosztása a jelenlegi főoldalamnak, mint, amit szeretnék. Az a rácsozás vagy mi. Ezt így első ránézésre látom. A következő problémám, azok a szép informerek leprogramozása. Szóval, úgy "alle zusammen". wacko Így nem is hiszem, hogy nekiállok, mert teleírnám a fórumot és megtelne. biggrin
uCoz közösség » Webmester-részleg » A honlap külalakjának testreszabása » Egy weboldal designjának előkészítése - útmutató kezdőknek (Hogyan készítsük elő egy weboldal designját (kinézetét)?)
Oldal 1 / 11
Keresés: