NVU órák
Miért kell szerkesztõ program?
- elvben nem lenne rá szükség, mindent meglehetne oldani txt-ben is
- de nagy, komoly honlapoknál borzasztóan bonyolult, és sok idõ lenne, rengeteget kéne gépelni
- a szerkesztõ program nagyban megkönnyíti a munkát
- kevesebb gépelés
- képek elhelyezésénél nem kell pixelekkel számolni
- ha elfelejtjük egy parancs nevét, õ azt is tudja, megkereshetjük
- viszont van amit nem lehet megoldani honlapszerkesztõ programmal!
- például képek nagyon pontos elhelyezését
- ezért a honlapszerkesztõ programokban van lehetõség kódot is szerkeszteni
- A legjobb módszer az, hogy 'normál' nézetben megtervezzük nagyjából a honlap képét (ezzel a program megírja nekünk a kód nagy részét), aztán megnyitjuk a kódot és „kiszépítjük”
NVU (ejtsd: envjú; az angol new view szavakból): honlapszerkesztő program
- ingyenes
- http://mozilla.fsf.hu/nvu.html oldalról letölthetõ
- magyar nyelvû
- leginkább kezdõ felhasználóknak készült
Sulinet NVU oldala:
sulinet NVU
-------------------------------------------------------------------------------------
Április 25 órai anyag:
5 Bosszantó hiba a Honlapszerkesztésben:
1. a szöveg címét szépen megformázzuk(betűtípus,szín ,méret,aláhúzás...stb)
Majd utána beillesztjük a szöveget. Bosszantó ahogy a beillesztett szöveg átveszi a címsor tulajdonságait,(aláhúzás ,szín stb)-> sőt utána sem tudjuk ezt visszaállítani...
Megoldás:Mindig a szöveget illeszzük be előbb és utána formázzunk!
2. a képeket csak bepasszítjuk nagyjából méretezzük holott a feladatban pontosan kérik a méretet:
Megoldás a képre jobb egérrel kattintva a képtulajdonságok,méretezés fülnél megadjuk a kívánt pixelt(kattintsuk ki a rögzített méretarány fület).Vigyázzunk a feladat nemcsak pixeles de %-os képméretet is megadhat. Ne keverjük össze a kettőt!
3.Az oldal címét Címsor (Header) helyett szimpla betűméret növeléssel álltjuk elő.Nem ugyanaz a kettő.Pl Ha headere ben adjuk meg a címet akkor a formázás tulajdonságait nem viszi át a később beillesztett szöveg.
Megoldás.A headerek (címsorok) bal felső listán adhatók meg.Gördülő menüből 7 féle címsor méret adható meg..Ha a feladat így kéri így adjuk meg.
4.A színek pontatlan megadása: a színeket az érettség feladatban pontosan definiálják,és nekünk is így kell elkészíteni.megadhatják Hexadecimális színkódban is ,ezt be kell illeszteni a megfelelő helyre
5.Egy képet szöveget,stb szeretnénk beszúrni de táblázattal ez nehezen oldható meg...ilyenkor használjuk a réteg lehetőséget(olyasmi mint a szövegdoboz a Wordban)
Réteg
Létrehozhatunk rétegeket (DIV) is, amelyeket megfelelő pozícióba helyezhetünk el.

Mohács 1526:
Készíts NVU-val egy 3 lapból álló honlapot(wikipédia segít) A beillesztésnél érdemes előbb egy jegyzettömbbe másolni a szöveget és onnan a szerkesztőbe.különben kék és lila linkekkel lesz tele..
|
színe
|
tartalom
|
kép
|
Link
|
Mohács.html
|
Arany háttér
főcím sötét vörös aláhúzott
kézírás szerű betű
|
A csata előzmények bemutatása
|
a két fővezérről
|
csata.html
vegjatek.html
külső link ->Mohács csat youztube
|
csata.html
|
ezüst háttér
főcím sötét kék,dőlt aláhúzott
|
a csata bemutatása
|
A csatahelyszínéről
|
vissza a Mohács oldalra
|
vegjatek.html
|
ezüst háttér
főcím sötét kék,dőlt aláhúzott
|
a csata utáni események
áldozatok,menekülése
|
a király holttestének
|
vissza a Mohács oldalra
|
Kérdések: Hogy emlegették később a csatát? és miért?
Mikor volt pontosan?
Ki nem érkezett meg időben?
mennyi volta seregek összlétszám
Az adott réteg mozgatásához vigyük az egeret az ikon fölé, és vonszoljuk el a réteget a megfelelő helyre.
|