Professional Documents
Culture Documents
Internet Programozás
Internet Programozás
Internet Programozás
2. A HTML alapjai
Tankönyv 9-35. old.
Megnézni: tankönyvi feladatok (fájlok: Feladat1 mappa, kiegészítve néhány további példával).
Dokumentumok:
− Html40.zip (cover.html, tartalom, elemek jegyzéke, attribútumok jegyzéke, tárgymutató)
− HtmlRefs.zip, HtmlTags.zip
− Htmlreference.html
− HtmlKonyv.pdf (Computer Panoráma, 2002. szeptember, néhány tévedés van benne)
− Tanfolyami anyag példákkal: HtmlTanfolyam.zip (Html.doc)
A HTML dokumentumok szerkezete
− egymásba ágyazott elemekbıl állnak, a legutoljára megnyitottat kell legelıször lezárni.
− fı elemek: dokumentum = fej + törzs
Tagok
− az elemeket tagok határolják (nyitó-tag, tartalom, záró-tag, üres elem esetén csak nyitó-tag van)
− tagok: <név tulajdonságok> … </név>, névnél kisbető, nagybető egyenértékő
− tulajdonságok: név=”érték” (gyakran elhagyható az idézıjel)
Példa: Ures.htm
Fej
− az ablak címsorának a szövege (<title> szöveg </title>)
− dokumentum típusa, karakterkészlet (<meta>, üres elem: nincs záró-tag)
Példa: Elso.htm (szabványos magyar karakterkészlet!!!)
<META http-equiv=CONTENT-TYPE content="text/html; charset=iso-8859-2">
Törzs
− maga a weblap (szövegek, képek, táblázatok, őrlapok, linkek stb.)
− fehér vagy tagoló karakterek (szóköz, enter, tabulátor) nem jelennek meg a weblapon (csak a szavak közti
egyetlen szóköz lesz belılük!) – a forráskód tagolására, strukturálására használhatók
− karakter-entitás (egyed), pl. nem törhetı szóköz: vagy  
több szóköz esetén, táblázatok üres celláiban!
− megjegyzések: <!-- … --> tagban
A HTML dokumentumok formázása
Karakterformázás (Tk. 11-12. old.)
Példa: Feladat1-2.htm (egymásba is lehet ágyazni).
Formázás a font-elemmel: Feladat1-3.htm
Elıre formázott szöveg megjelenítése (fehér karakterek is): Feladat1-5.htm
Hf. Megnézni a HR és NOBR elemeket.
Bekezdésformázás (Tk. 12-15. old.)
Bekezdés, soremelés, címsorok: Feladat1-4.htm
A szöveg igazítása: Feladat1-6.htm
Lapformázás
A BODY elem attribútumaival.
például háttérszín (BGCOLOR), betőszín (TEXT)
Lásd a HtmlTanfolyam-ban.
Képek beillesztése (Tk. 15-16. old.)
Példa: Feladat1-7.htm
Relatív, abszolút elérési út, hivatkozás URL-lel (Tk. 16. old.)
Célszerő megadni a WIDTH és HEIGHT attribútumokat (gyorsabb a lap összeállítása, nem ugrál a szöveg)
Sok további lehetıség a HtmlTanfolyam-ban.
3. Kaszkádolt stíluslapok
Tankönyv 36-42. old., Feladat2.zip.
Stílusok alkalmazása (~ szövegszerkesztık)
CSS: kaszkádolt stíluslapok, szétválasztják a tartalmat és a megjelenítési formát.
A stílusok elemekhez rendelhetık hozzá (<span>, <div> is használható).
Példák a CSS mappában.
Stíluslapok használata
Alapfogalmak: CSS.htm
Stíluslap: stílusdeklarációk sorozata.
Stílusdeklaráció:
− a tétel neve (szelektor: HTML tag vagy globális osztálynév, erre vonatkozik a stílus)
− deklarációs blokk a stílusdeklarációkkal:
tulajdonságnév: érték
In-line stílusok
A nyitó tagba építünk be egy STYLE attribútumot (szintaxis!).
Példa: Inline.htm
Ritkán használjuk.
Globális stíluslap
A head STYLE elemeként adjuk meg.
Példa: Embedding.htm.
Szintaxis! (Nem kell < > a taghoz, kapcsos zárójel, pontosvesszı)
Több tag is megadható egy deklarációnál, pl. H1, H2 { … }
Csatolt stíluslap
Külön css fájl a stílusdefiníciókkal.
Példa: Linking.htm, mystyles.css.
A css fájlba nem kell a <STYLE> tag!
A html kódban a csatolt stíluslap definíciói felülírhatók!
CSS attribútumok
Lásd: CSStulajdonsagok.htm
Összefoglaló: HtmlTanfolyam.zip/HTML.doc (in-line példákkal)
Részletes ismertetés: Michael J. Young: XML lépérıl lépésre
Stílus osztályok
Egy elemnél altípusokat hozhatunk létre. Példa: Feladat2-4.htm
Globális osztályok: bármelyik elemhez hozzárendelhetık. Példa: Feladat2-5.htm
Az osztályok definíciói is tárolhatók külön fájlban. Példa: Feladat2-5a.htm
A keretezési elıírás régebbi böngészıkben csak blokk-elemre vonatkozik, in-line-ra nem.
Az <a> elem pszeudoosztályai
Példa: Feladat2-6 (Tk. 41. old.)
Szintaxis! (Kettıspont az elválasztójel az A és az osztálynév között.)
Pozícionálás a weblapon
Példa: Pozicio.htm
Pozícionálás összefoglaló: Pozicio.zip (szkripteket felhasználó példákkal is, lásd késıbb)
Az SP2 használata esetén engedélyezni kell az Explorerben az aktív tartalom futtatását a Sajátgép
mappában található fájlokra (Eszközök/Internetbeállítások/Speciális/Biztonság).
7. A JavaScript
Az Explorer beállítása: Eszközök/Internetbeállítások/Speciális: Böngészés, Üzenet megjelenítése minden
parancsfájlhibáról (a lista végén)
célszerő még: Microsoft VM, Java konzol engedélyezése
JSRef.zip: Jstutor.htm (tankönyv), Jstoc (referencia kézikönyv)
JSTutorial.zip: magyar nyelvő tankönyv (index.htm)
Lásd még: http://msdn.microsoft.com/scripting
Objektumalapú nyelv, a Java (C++) logikáját, szimbolikáját használja
Az utasításokat pontosvesszıvel kell elválasztani
Példa: JavaScript\JSElso.htm
document.write ír az aktuális weblapra (tkp. a document objektum write metódusa)
tagokat is írhatunk a szkriptbe!
Megjegyzések a JavaScript-en belül:
// a sor végéig
/* több soros megjegyzés esetén */
Célszerő HTML megjegyzések (<!-- … -- >) közé írni a szkriptet.
A kód linkelhetı a dokumentumhoz: JSDemo.htm, JSDemo.js
bármilyen txt fájl tartalmazhatja, bárhol lehet (!)
Példa: JSFormazas.htm (betőformázás)
Üzenet a felhasználónak: JSAlert.htm (frissítéssel futtatható újra)
Változók és mőveletek
− betővel vagy aláhúzásjellel kezdıdhetnek
− megkülönbözteti a kis és nagybetőket!
− nem kell deklarálni a változókat (baj!!!), nem lehet megadni a típust (baj!!!)
− lehet deklarálni a változókat (!), egyben érték is adható
pl. var x, y=1, z (csak az y kap értéket!)
Operátorok: tk. 61. old.
Példa: JSOperators.htm
sztringek és változók értékeinek az összefőzése, zárójelezés!!!
az utolsó mőveletnél (1001-500) a fejléc típus sorszáma változó!!!
17. Az ASP.NET
Tankönyv 96-106. old.
Web-őrlap vezérlıelemek referenciája (HTML és szerveroldali vezérlıelemek):
http://samples.gotdotnet.com/quickstart/aspplus/doc/webcontrolsref.aspx
Web-őrlapok szintaxisa:
http://samples.gotdotnet.com/quickstart/aspplus/doc/webformssyntaxref.aspx
HTML, ASP, ASP.NET
Statikusan tárolt weblapok kezelése (HTML):
A felhasználó beírja a URL-t a böngészıbe
A böngészı elküldi a kérést a kiszolgálónak
A kiszolgáló megkeresi és visszaküldi a kért fájlt
A böngészı megformázza és megjeleníti az oldalt
Dinamikusan generált weblapok (ASP):
A felhasználó beírja a URL-t (vagy kitölt és elküld egy őrlapot!)
A böngészı elküldi a kérést a kiszolgálónak
A szerver az adatok alapján (általában adatbázis-kezeléssel) létrehozza a kért oldalt
A böngészı megformázza és megjeleníti az oldalt
Feltételek:
− Adatbáziskezelés, lekérdezés, módosítás
− A beküldött adatok fogadása, a visszaküldött weblap generálása
Vezérlıelemek használata a nyers HTML-kód írása helyett (Visual Studio)
− Hitelesítés (authentication) és engedélyezés (authorization)
− Felhasználói munkamenetek (session) kezelése, pl. bevásárlókosár nyilvántartása
Az ASP hátrányai:
− Bonyolult feladatokhoz nehéz alkalmazni
− Keveredik a HTML-kód és a szkript, nehéz áttekinteni
Az ASP.NET egy programozói keretrendszer, amely megkönnyíti a szerveroldali programozást.
− Elkülöníti a HTML kimenetet és a programozott eljárásokat (mögöttes kód!)
− Automatikusan kezeli a HTML-szerkezeteket
− Lehetıvé teszi objektumorientált alkalmazások fejlesztését
− Jelenleg: VC#, VB, VJ#, VC++
Eszköz: web-őrlapok használata (web-form)
Web-őrlapok
Olyan keret weblapok, amelyeknek a segítségével a web-szerver dinamikus weblapokat tud létrehozni.
A weblap programozása a Windows-alkalmazások programozásához hasonlít
Text fájlok @Page direktívával és .aspx kiterjesztéssel.
Elemei objektummodelt alkotnak – hivatkozni lehet rájuk (attribútumok, metódusok, események)
Az esemény a kliensoldalon következik be, az eseménykezelés a szerveren történik!!!
A kimenet egy HTML-kód, amit a kliensnek küld el!
A bennük lévı kód az elsı lekéréskor lefordításra kerül – megmarad a szerveren
Beállítható egy folyamat maximális futási ideje (memóriaszivárgás, összeomlás ellen)
Beépített szolgáltatások az alkalmazásfejlesztéshez (biztonság, adatbáziskezelés)
Intelligens/integrált fejlesztıi keretrendszer (IDE)
Objektumok felhelyezése az egérrel (automatikusan generálja a kódot)
HTML-szintaxis helyettesítése tulajdonságlappal
A web-őrlapok (aspx) futtatása
− A böngészı elküldi a kérést a szervernek
− Az IIS betölti a futtatómodulba
− A futtatómodul lefordítja az oldalt (JIT fordítás) – a lefordított kód tárolása további kérésekhez
− A futtatórendszer betölti a lefordított osztályt és létrehozza a mögöttes kód objektumát
− A mögöttes kód létrehozza a vezérlıelemeket
− A vezérlıelemek elıállítják az aktuális állapotnak megfelelı HTML-kódot!
− A weblap elküldése az ügyfélnek, formázás, megjelenítés
19. Web-őrlapok
Web-őrlapok kezelése
Új web-őrlap készítése
File/New vagy JEK a Workspace ablakban a megfelelı mappára (pl. wwwroot), New Item – fıleg így!
ASP.NET Page, Location, Filename (Koszonj.aspx), Language kijelölése
Teljes képernyıs megjelenítés: BEK a címsorra
* a fájlnév után: nincs mentve.
Label, Textbox, Button web-kontrollok elhelyezése (új sorba) – megnézni HTML nézetben.
Properties
Label1.Text: Írd be a neved!, TextBox1.BackColor, Button1.Text: Köszönj! (az ID is átírható)
Eseménykezelés
BED a gombra, átvált Code nézetbe, és beszúr egy üres onClick eseménykezelıt (két argumentum):
Label1.Text = "Helló " & TextBox1.Text & "!"
Az All nézet ellenırzése. A Visual Studio esetén kérhetı a kód elkülönítése (Koszonj.aspx.vb lenne).
22. Az MSDE
Microsoft SQL Server Desktop Engine
Az SQL szerverrel egyenértékő, kliens/szerver adatbázis-motor
MSDE 1.0: SQL 7.0-hoz, MSDE 2.0: SQL 2000-hez
Access:
− fájl-alapú architektúra
− fájl szinten végzi a módosításokat
− az adatbázist letölti a kliensre és ott történik meg a lekérdezés
− nem képes tárolt eljárások kezelésére
− hiba esetén csak az utolsó mentett változathoz tud visszatérni
SQL-szerver:
− relációs adatbázis-kezelı rendszer (szolgáltatásként fut a gépen).
− a lekérdezést a szerveren futtatja
− tranzakciók kezelése
− naplózás, a napló alapján a megszakadt tranzakciók (pl. lemezhiba, hálózati hiba, áramszünet stb.) elıtti
állapot helyreállítása
MSDE (↔ SQL szerver):
− nincsen grafikus felhasználói felület (vezérlés parancssorral)
− nincsen korlátozva a felhasználók száma, de kisebb hálózatokra (egyszerre maximum 5 felhasználó) van
optimalizálva
− nincsen full text indexing
− egy adatbázis mérete maximum 2 Gbájt.
Kézi indítás: C:\Program Files\Microsoft SQL Server\80\Tools\Binn\sqlmangr.exe /n
leteszi a tálcára az állapotjelzıkhöz
Célszerő a Start/Programok/Indítópultról kitenni az asztalra
Az adatbázisok helye: \Program Files\Microsoft SQL Server\MSSQL\Data
27. Irodalomjegyzék
ASP.NET QuickStart Tutorial (http://www.asp.net/Tutorials/quickstart.aspx)
Endrıdi Tamás: Internet alapú alkalmazásfejlesztés (Gábor Dénes Fıiskola, 2002)
Holzner, S.: Visual Basic .Net Fekete könyv (Perfact-Pro Kft., 2002)
Homer, A. – Sussman, D.: Inside ASP.NET Web Matrix (Wrox Press, 2002)
(letölthetı: http://www.alanddave.com/books/webmatrix/download/webmatrix.pdf)
Juhász T. – Kiss Zs.: Tanuljunk programozni. Visual Basic Script, objektumok, web.
(ComputerBooks, 2004)
Lee, T. – Davies, J.: Microsoft Windows 2000 TCP/IP Protocols and Services Technical Reference
(Microsoft Press, 2000)
Microsoft ASP.NET Web matrix Project Guided Tour
(http://www.asp.net/webmatrix/tour/getstarted/intro.aspx)
Microsoft Internet Information Services 5.0 Documentation (Microsoft Press, 2000)
Microsoft Visual InterDev 6.0 Web Technologies Reference (Microsoft Press, 1998)
Pardi, W.J.: XML in Action Web Technology (Microsoft Press, 1999)
Platt, D.S.: Bemutatkozik a Microsoft .Net (Szak Kiadó, 2001)
Platt, D.S.: Data Access in .Net (az elızı könyv 2. kiadásának 6. fejezete, 2002,
letölthetı: http://www.rollthunder.com/download/C06615713.exe)
Young, M.J.: Step by Step XML (Microsoft Press, 2000)
A) Telepítési útmutató
Minden letölthetı a www.microsoft.com és a www.asp.net-rıl (freeware programok!)
A CD-n a Programok mappában találhatók a telepítı fájlok.
Az IIS telepítése
Start/Vezérlıpult/Programok telepítése és törlése/Windows összetevık hozzáadása:
Internet Information Services (kéri a Windows XP CD-t)
Részletek
Ne legyen feltelepítve: FrontPage 2000 Server Extensions (defaultban benne van?)
Nem kell: SMTP szolgáltatás
Kell: IIS beépülı modul, World Wide Web szolgáltatás (default)
Szükséges lemezterület: 12 Mbájt, telepítési idı: néhány perc
Ellenırzés a Vezérlıpulton
Felügyeleti eszközök/Szolgáltatások: Webes közzététel, Elindítva
Ellenırzés böngészıvel: gépnév <enter>, bejön egy üdvözlı weblap (localstart.asp) és a dokumentáció.
Konzol: Start/Futtatás/mmc, Fájl/Beépülı modul hozzáadása, Hozzáadás, Internet Information Services
Ellenırzés a konzolon: kinyitni a mappákat, Alapértelmezett webhely – fut
Beállítások a konzolon
Alapértelmezett webhely, Tulajdonságok,
Kezdıkönyvtár: c:\inetpub\wwwroot (átírható, pl. másik meghajtóra)
Dokumentumok: Alapértelmezett dokumentum engedélyezése (nyitó oldal!): default.htm
Készíteni egy egyszerő default.htm fájlt a c:\inetpub\wwwroot mappába (nem kell htm formátum!)
Az MSDE telepítése
MSDE része a .NET Framework SDK-nak és az Office XP Professional-nak
MSDE-nek nincs GUI-ja, parancssorból használható
Az Access 2000-en és a Web Matrix-on keresztül használható
Telepítés
A CD-n Programok\Msde\Setup.exe (Microsoft SQL Server Desktop Engine)
Egy-két perc alatt telepíti (üzenet nélkül végez!)
Indítás – kezelés
Bootoláskor automatikusan indul (Tálca!)
SQL Server Service Manager: JEK a tálcán az ikonra, kikapcsolható az autostart (JEK, Open)
Kézi indítás: C:\Program Files\Microsoft SQL Server\80\Tools\Binn\sqlmangr.exe /n
leteszi a tálcára az állapotjelzıkhöz
Célszerő a Start/Minden program/Indítópultról kitenni az asztalra
Az adatbázisok helye: \Program Files\Microsoft SQL Server\MSSQL\Data
A .NET Framework telepítése
Része a .NET Framework SDK-nak és a Visual Studio .NET 2003-nak (ekkor már nem kell telepíteni)
Telepíthetı: Win 98, 98 SE (mindkettınél csak a megfelelı nyelvi változatra – magyar nincs!), ME, NT 4
(server, workstation) SP 6a-val, 2000 (professional, server) SP2-vel, XP (home, professional)
2003 Server része?
Legalább 5.5-ös Internet Explorer kell hozzá (csak a fejlesztéshez, az applikációk bármilyen böngészıvel
megtekinthetık).
Minimális hardverigény: Pentium 133 MHz, 128 Mbájt RAM (256 Mbájt javasolt).
Telepítés: a CD-n Programok\DotNetFX.exe (mindenre Igen, Next, OK)
Néhány percig tart, néha újra kell indítani a gépet (szól)
.Net Framework Service Pack 2 telepítése
A CD-n Programok\DotNetSP2.exe (minden OK, accept)
1-2 perc alatt végez, újra kell indítani a gépet (szól)
Ellenırzés: Vezérlıpult/Felügyeleti eszközök, Microsoft .Net Framework Configuration, Microsoft .Net
Framework Wizards
A Webmatrix telepítése
Telepíthetı: Win 2000 (professional, server – SP2), Win XP (home, professional).
Az adatbáziskezeléshez SQL Server 7.0 (SP2), SQL Server 2000 vagy MSDE. Mobil webek fejlesztéséhez:
Mobile Internet Toolkit (lásd a CD-n: Programok\Mobileit.exe).