ÁLTALÁNOS WEBLAPSZERKESZTÉSI TUDNIVALÓK HTML dokumentum = weblap = weboldal = webpage Egy HTML dokumentum kiterjesztései: HTM vagy HTML STÍLUSLAP = Egy vagy több HTML utasítás, értékekkel ellátott paramétereinek összességét tartalmazó állomány. Kiterjesztése: CSS LINK = HIVATKOZÁS = olyan weboldalon megjelenő elem (pl. szó, mondat, kép, alakzat) amelyre kattintva egy másik helyi vagy távoli weboldalra vagy képre mutat. FORM = a weboldal egészén vagy egy részén megjelenő olyan nem látható keret, melyen belül a felhasználó által beállítható és/vagy kitölthető vezérlőelemek rendezett összessége található. FRAME = Weboldal egészén vagy egy részén elhelyezkedő olyan terület mely ugyanazon vagy egy másik helyi vagy távoli weboldal tartalmát képes megjeleníteni. ÁLTALÁNOS HTML KÓDOLÁSI TUDNIVALÓK Ahol szükséges, kötelező a záró utasítást használni. Az alapértelmezett betűméret értéke 3. Paraméter csak nyitó HMTL utasításon belül adható meg. A paraméterek megadása történhet jelek között, vagy nélküle. Több nyitó HTML utasítás beágyazása esetén, amit utoljára megnyitottunk, azt zárjuk be.
A WEBOLDAL (SZABVÁNYOS HTML DOKUMENTUM) ÁLTALÁNOS SZERKEZETE <HTML> <HEAD> HTML DOKUMENTUM KEZDETE FEJRÉSZ KEZDETE <TITLE> Dokumentum címe </TITLE> </HEAD> <BODY> FEJRÉSZ VÉGE DOKUMENTUM TÖRZS KEZDETE Ide kerül a dokumentum tartalma. (szöveg/képek stb.) </BODY> </HTML> DOKUMENTUM TÖRZS VÉGE HTML DOKUMENTUM VÉGE
Utasítás neve Paramétere(i) Paraméter(ek) jelentése Utasítás jelentése <BODY> </BODY> background bgcolor text link style background= háttérkép beszúrása fájlból/hálózatról (pl. kep.jpg) bgcolor= háttérszín megadása (pl. blue vagy #CC66EA) text= egész weblapra kiterjedő betűszín megadása (pl. blue vagy #CC66EA) link= a weblapon megjelenő hivatkozások színének megadása (pl. blue vagy #CC66EA) style= stílus paraméterek megadása <TITLE> </TITLE> ----- ----- <H1> </H1> <H2> </H2> <H3> </H3> <H4> </H4> <H5> </H5> <H6> </H6> align align= a címsor elhelyezése/igazítása a weboldalon. Lehetséges értékei: Left (balra igazítás) Center (középre igazítás) Right (jobbra igazítás) Justify (sorkizárt) <BR> ----- ----- A HTML dokumentum testrészét/törzsét határoló E utasításpár közé gépelt karakterek, szavak, mondatok (kivéve más HTML utasítások és speciális karakterek) megjelennek a weboldalon. A HTML dokumentum címének megadására szolgáló utasításpár, amelyet a <HEAD> </HEAD> elemek közé kell elhelyezni. A cím, a böngésző címsorában jelenik meg. Címsor stílus megadására szolgáló Összesen 6 szintű címsor képezhető, ahol a szinteket az utasításon belül jelezzük. Ahogy nő a szint, úgy csökken a betűméret. Az ENTER billentyűt jelentő/helyettesítő utasítás. ----- ----- Szóköz speciális karakter.
<FONT> </FONT> color size face color= betűszín megadása (pl. blue vagy #CC66EA) size= betűméret megadása (pl. 6 vagy +3 vagy -1) face= betűtípus megadása (pl. Arial vagy Courier New) <B> </B> ----- ----- <I> </I> ----- ----- <U> </U> ----- ----- <S> </S> ----- ----- <SUB> </SUB> ----- ----- <SUP> </SUP> ----- ----- <P> </P> align align= a bekezdés elhelyezése/igazítása a weboldalon. Lehetséges értékei: Left (balra igazítás) Center (középre igazítás) Right (jobbra igazítás) Justify (sorkizárt) Karakterek színének, típusának, méretének beállítására szolgáló nyitó A karakterek méretezése során csak egész szám adható meg. A méret megadás során használható értéktartomány - 7 és +7 között lehetséges. Félkövér betűstílus formázására szolgáló Dőlt betűstílus formázására szolgáló Aláhúzásra szolgáló Áthúzásra szolgáló Alsó index képzésére szolgáló Felső index képzésére szolgáló Bekezdés előállítására szolgáló A záró elem megadása nem kötelező. Egy újabb <P> nyitóelem nagyobb térközzel jár.
<HR> </HR> <A> </A> color align size width noshade href color= vonal színének megadása (pl. blue vagy #CC66EA) align= a vonal igazítására szolgál. Lehetséges értékei: Left (balra igazítás) Center (középre igazítás) Right (jobbra igazítás) size= vonal vastagságának megadása (pl. 5) width= vonal szélességének megadása (pl. 100 vagy 25%) noshade= vonal árnyékának megszüntetése href= a hivatkozott weboldal, kép, e-mail cím megadása. Néhány példa: http://www.sg.hu (távoli URL cím) tavasz.html (helyi weboldal) D:/kepek/zivatar.gif (helyi kép) http://www.kep.hu/tavasz.gif (távoli kép) mailto://ecdl@vizsga.hu (e-mail) Vízszintes vonal készítésére szolgáló A méret megadása csak egész számokkal történhet. Az érték képpontban értendő. A vonal szélessége megadható képpontként értelmezett egész szám formájában vagy % érték formájában. % érték formában megadott vonalszélesség érték, a képernyő felbontásához (annak is a szélességértékéhez) való viszonyítást jelenti. Helyi/távoli weboldalra, képre, e-mail címre történő hivatkozás készítését megvalósító A protokoll (http vagy mailto vagy ftp) megadása részben kötelező. Az utasításpár közé írt karakterek a böngészőben aláhúzva és más színnel fog megjelenni. Hivatkozás megadható képre is, amelyet az <A> utasításon belül kell elhelyezni.
<IMG> src align border width height vspace hspace src= a beszúrandó kép elérési útvonalának megadása. (pl. porcelan.jpg) align= a vonal igazítására szolgál. Lehetséges értékei: Bottom (alul) Left (balra igazítás) Middle (középre igazítás) Right (jobbra igazítás) Top (jobbra igazítás) border= kép keretének vastagsága pixelben. (pl. 5) width= kép szélességének megadása (pl. 640 vagy 25%) height= kép magasságának megadása (pl. 480 vagy 25%) vspace= vízszintes térköz megadása képpontban (pl. 100) hspace= függőleges térköz megadása képpontban (pl. 100) Kép, weboldalra történő beszúrására szolgáló utasítás. Ha a kép ugyanabban a könyvtárban van ahol az aktuális weboldal, akkor a paraméterben elegendő a képállomány nevét megadni. pl. bagoly.jpg Amennyiben width paraméter értékét % formájában adjuk meg, akkor azt határozza meg, hogy a kép szélessége a képernyő felbontásának hány %-át tegye ki. Ha a felbontás 1024*768 és a kép szélessége 25%, akkor a kép szélessége 1024*0,25=256 képpont lesz. Amennyiben height paraméter értékét % formájában adjuk meg, akkor azt határozza meg, hogy a kép magassága a képernyő felbontásának hány %-át tegye ki. Ha a felbontás 1024*768 és a kép magassága 50%, akkor a kép magassága 768*0,5=384 képpont lesz.
<UL> </UL> <LI> </LI> type type= a felsorolás szimbólumának meghatározása. Lehetséges értékek: Circle (üres kör) [ ] Disc (telített kör) [ ] Square (üres négyzet) [ ] A vspace paraméter azt határozza meg, hogy a kép bal és jobb oldalán hány képpontnyi üres hely legyen. A vspace paraméter azt határozza meg, hogy a kép felső és alsó részén hány képpontnyi üres hely legyen. Az <UL> nem sorszámozott egy-vagy többszintű lista készítésére szolgáló A <LI> listaelemek megadására szolgáló A type paraméter egyaránt megadható az <UL> és <LI> utasításban is. Amennyiben a type paraméter az <UL> utasításon belül szerepel, akkor a megadott szimbólum az összes olyan listaelemre érvényes, amelyhez nem tartozik más értékkel ellátott type paraméter. Ha nem adunk meg type paramétert, akkor sorszámozott lista jön létre.
<OL> </OL> <LI> </LI> <TABLE> </TABLE> <TR> </TR> <TD> <TD> type start border align width height cellpadding cellspacing colspan rowspan bgcolor bordercolor background type= a felsorolás szimbólumának meghatározása. Lehetséges értékek: 1 (arabszámozás) i (kis római számozás) I (nagy római számozás) a (angol ABC kis betűi szerinti számozás) A (angol ABC nagy betűi szerinti számozás) start= Sorszámozás kezdeti értékének megadása border= Tábla szegélyének megadása képpontban (pl. 2) align= a tábla/cella igazítására szolgál. Lehetséges értékei: Left (balra igazítás) Center (középre igazítás) Right (jobbra igazítás) Justify (sorkizárt) width= Tábla/cella szélességének megadása (pl. 640 vagy 25%) height= kép/cella magasságának megadása (pl. 480 vagy 25%) cellpadding= a cella tartalma és kerete közötti távolságot adja meg. (pl. 480 vagy 25%) Az <OL> sorszámozott egyvagy többszintű lista készítésére szolgáló A start paraméter nemcsak <OL> hanem tetszőleges <LI> elem paramétereként is megadható. Amennyiben a start paramétert a <LI> elem paramétereként adjuk meg, akkor a paraméter értéktől kezdve, a számozás újra kezdődik. A <TABLE> tábla létrehozására szolgáló A <TR> a tábla sorainak létrehozására szolgáló Ahány <TR> annyi sora van a táblának. A <TD> a tábla oszlopainak megadására szolgáló Ahány <TD> annyi oszlopa van a táblának. Mindegyik utasítás esetében ki kell tenni azok záró elemét is.
cellspacing= cella kerete és a tábla kerete közötti távolságot adja meg. (pl. 480 vagy 25%) colspan= Megadja, hogy egy cella, hány cella széles legyen. (Vízszintes cellaegyesítés) (pl. 2) rowspan= Megadja, hogy egy cella, hány cella magas legyen. (Függőleges cellaegyesítés) (pl. 2) bgcolor= háttérszín megadása (pl. blue vagy #CC66EA) bordercolor= szegényszín megadása (pl. blue vagy #CC66EA) background= háttérkép beszúrása fájlból/hálózatról (pl. kep.jpg) 1 sorból és oszlopból álló táblázat HTML kódja: <TABLE> <TR> <TD> </TD> </TR> </TABLE> Minden létrehozott tábla alapértelmezetten szegély nélkül jelenik meg balra igazítva. A <TD> helyett használatos <TH> utasítás olyan sort definiál, amely a táblázat fejlécsorát jelenti. Az align megadható <TD> elem paramétereként is. Ez esetben az adott cella tartalmát igazítja. A cellpadding és cellspacing paraméter csak a <TABLE> utasítás paramétereként adható meg. A colspan és rowspan paraméter <TD> elemek paramétereként adható meg.
MICROSOFT SHAREPOINT 2007 ALAPISMERETEK MUNKATERÜLET
=ESZKÖZTÁR a weboldal létrehozásához/megnyitásához/mentéséhez, általános szövegformázáshoz, teszteléshez, képek beszúrásához, hivatkozás előállításához és címsor kiválasztásához. =PARAMÉTER-ESZKÖZTÁR, a kijelölt HTML utasítások paraméterinek megadásához, valamint CSS stíluslapok elemeihez tartozó paraméterek beállításához. =STÍLUSLAP-KEZELŐ ESZKÖZTÁR, stíluslap készítésére, weblaphoz történő csatolására, vezérlésére. =ESZKÖZKÉSZLET, néhány HTML elem, űrlapelemek, vezérlőelemek, ASP.NET elemek beszúrásához. =SZERKESZTŐ MÓDOK =KIJELÖLT TERÜLET HTML UTASÍTÁSA(I) ÁLTALÁNOS SHAREPOINT 2007 KEZELÉSI TUDNIVALÓK Leggyakrabban TERVEZŐ módban készítjük a weblapot, de használhatjuk a KÓD szerkesztő módot is. A kész dokumentumot általában HTM (Weblapok) formátumban mentjük. Az ESZKÖZKÉSZLET elemeit Fogd és vidd módszerrel húzzuk az oldal megfelelő területére. A munkaterület felső peremén található narancsszínű fül/fülek az aktuálisan kijelölt weboldal területét határoló HTML utasítást/utasításokat mutatja. Tulajdonságaik a kijelölt HTML utasításra tröténő jogg egér gombbal érhetőek el. A HTML kódolás során használt HTML utasítások paramétereit, a munkaterületen az adott HTML utasítás kijelölését követően a PARAMÉTER-ESZKÖZTÁRON állíthatjuk be. Stílus alkalmazásával is beállíthatóak paraméterek.