Java web programozás 2..

Slides:



Advertisements
Hasonló előadás
HTML nyelv Hiper-Text Markup Language 1. óra.
Advertisements

HTML nyelv.
JQuery 8. előadás.
HTML Bevezetés.
Weblap szerkesztés HTML oldal felépítése Nyitó tag Záró tag Nyitó tag Záró tag oldalfej tözs.
25/09/2009Fenntarthatósági Nap 21 Klímavédelem fénysebességgel Szomolányi Katalin Vállalati Fenntarthatósági Osztály.
2010/2011.Huszár István1. dia Weboldalak tervezése II. (X)HTML.
HTML űrlapok kezelése és feldolgozása PHP segítségével
Amit a HTML-ről érdemes tudni
Stílus, mesteroldal, témák
SZTE - SZEGED A MÉRNÖKKÉPZÉS ÚJ KIHÍVÁSAI - INTERNETTEL ÖSSZEKÖTÖTT TÁVOLI LABORATÓRIUMOK Matijevics István.
HTML nyelv.
© BZ, 2006Stíluslapok használata1 Váltsunk stílust! Stíluslapok a webszerkesztésben.
WEBOLDALFEJLESZTÉS
WebStarter ECDL W e b k e z d ő ECDL Webkezdő mintafeladat.
Készítette: Nagy-Szakál Zoltán 2007.
WEB Technológiák Dr. Pance Miklós – Kolcza Gábor Miskolci Egyetem.
HTML dokumentum felépítése
Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék Vizuális és web programozás II. Tananyag: 2. konzultáció CSSJavaScript.
Webszerkesztés Stíluslapok (CSS).
A peritoneális dialízis tervezése – kinetikai és rehabilitációs
CSS.
Weblapok elrendezésének, dizájnjának kialakítása Borsi Katalin webfejlesztő, oktató NetAcademia Oktatóközpont.
Formanyomtatványok létrehozása Dreamweaverrel E-business 6. előadás.
XHTML – a tanultak összefoglalása
XHTML 1. óra. Miért térjünk át HTML-ről XHTML- re? HTML-szabványban tartalom és forma összemosódott HTML 4.0 szabványban stíluslapok használatát javasolták.
2009. június 24.Multimédia az oktatásban  A könyvtárak új helye, szerepe a modern, a multimédiás, a hálózati tanulás időszakában  Szerzői jog és.
Korpásné Szűcs Melinda web-referens DEENK Korpásné Szűcs Melinda web-referens DEENK.
Űrlapok és keretek.
A <DIV> tag és formázás CSS-sel
Űrlapok.
Fényképezte: Szedő Iván
CSS A CSS bemutatása.
HTML nyelv.
Weboldalak tervezése (X)HTML.
Weboldal tervezés programozó szemmel. Alapok Minden webcím www. –tal kezdődikMinden webcím www. –tal kezdődik Webböngésző = Internet ExplorerWebböngésző.
Hernyák Zoltán XSLT transzformációk.
Hyper Text Markup Language
1 Verseny 2000 gyakorlat ASP. 2 Gyakorlat Web létrehozása: Frontpage 2000 New Web:
Az Internet alkalmazásának lehetőségei Áttekintés.
Párizs, a fények városa Szakdolgozatom témájának azért választottam Párizst, mert világ életemben csodáltam magát a várost, mindig is nagy vágyam volt,
Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék 10. Előadás Css Tananyag:Web-programozás.
HTML 2. Űrlapok
Java web programozás 11..
Készítette: Turócziné Kiscsatári Nóra
Az NVU webszerkesztő program
NÁDAI GÁBOR \t Tanulmányi rendszer fejlesztése Nádai Gábor előadása GDF TDK – 2009; Konzulens: Dr. Kovács János.
Nádai Gábor előadása INTERNETES KONFERENCIASZERVEZÉS GDF TDK 2009 – Konzulens: Kaczur Sándor.
Html nyelv (HyperText Markup Language)
Webprogramozó tanfolyam Űrlapok (form-ok). Űrlapok a HTML-ben Biztosan mindenki találkozott már vele – Űrlap példapélda Felhasználási lehetőségei – Regisztráció,
Gazdasági informatikus - Szövegszerkesztés 1 Hosszú dokumentumok kezelése.
Első lépések a szövegszerkesztő használatában
Illés Zoltán ELTE Informatikai Kar
Weblap-szerkesztés. Információs hálózati szolgáltatások Internet fontosabb szolgáltatásai (szóbeli) Elektronikus levelezési rendszer használata (szóbeli)
Java web programozás 7-8..
Spanyolország gyöngyszeme: GRANADA Egy hobby portál kivitelezése.
Webprogramozó tanfolyam
Gazdasági informatikus - Szövegszerkesztés 1 Bekezdések formázása 3.
Java web programozás 5..
Java web programozás 6..
A Mozilla magyar nyelvű szerkesztőjének használata
A Google Drive használata. Mire jó? A Google Drive segítségével a fotókat, videókat, fájlokat és sok más tartalmat egy biztonságos felhőtárhelyen keresztül.
Webszerkesztés. IP cím pl: Domain cím - DNS pl: ország nevehttp:// számítógép címe World Wide Web Webszerverre.
A <DIV> tag és formázás CSS-sel
Informatikai rendszerek
Alkalmazott Informatikai Tanszék
Webprogramozó tanfolyam
Alkalmazott Informatikai Tanszék
CSS Cascading Style Sheet HTML.
Cím Alcím.
Előadás másolata:

Java web programozás 2.

Tartalom HTML folytatás. A CSS technika Táblázat Listák Űrlap A CSS A CSS lépcsős használata A szintakszis 2009

HTML táblázat <table> … </table>: A táblázat elem. <tr> … </tr> : A táblázat egy sora. <td> … </td> : A táblázat egy cellája. 2009

HTML táblázat <th> … </th>: A táblázat fejléce. <caption> … </caption> : A táblázat címe. 2009

HTML lista <ul> … </ul> : Felsorolás. <ol> … </ol> : Számozott lista. <li> … </li> : Egy listaelem. 2009

HTML űrlap Űrlap („form”) Adatok bekérése, és elküldése a szerver felé. <form action=„xy.jsp”> … </form> : Egy űrlap tag. A „form” tagon belül, különféle beviteli elemek biztosítják az adatbevitelt. Szövegmező <input type=„text” name=„xy”/> 2009

HTML űrlap Rádiógomb <input type=„radio” name=„drink” value=„sor”>Sőr</input> 2009

HTML űrlap Jelölőnégyzet <input type=„checkbox” name=„car”>Autóm van 2009

HTML űrlap Lenyíló lista <select name=„autok”>… </select> <option value=„..”>xy … </select> 2009

HTML űrlap Szövegmező <textarea rows=„8” cols=„20”> Kezdő szöveg </ textarea> 2009

HTML űrlap Az űrlap adatainak az elküldése <input type=„submit” value=„Küldés”> Ekkor a <form> tag, „action” attribútumában megadott szerver oldali kódhoz kerülnek a megadott adatok. GET: Az űrlap adatai, az URL-be kerülnek bele. POST: Az űrlap adatai, a kérés törzsében szerepelnek. 2009

A CSS Mi a CSS? Cascading Style Sheets. Meghatározza, hogyan jelenjenek meg a HTML tag-ek. Általában külön állományban (*.css) vannak a „formázási utasítások”. A CSS segítségével, szétválasztható a „tartalom”, a „megjelenítéstől”! 2009

A CSS nyelvtana szelektor {attribútum: érték} Szelektor („kiválasztó”): Egy HTML tag neve Meghatározza, hogy „MIT” formázunk. Attribútum: A HTML tag, egy jellemzője. Érték: A konkrét változás „értéke”. 2009

Lépcsős használat Az alábbi „sorrendben” érvényesülnek a CSS beállítások: 1. A böngésző alapbeállítása 2. Külső stíluslap. 3. A HEAD tag-ben, definiált „<style>” tag. 4. Soron belüli („in-line”) stílus. 2009

A böngésző alapbeállítása Eszközök  Internetbeállítások 2009

A böngésző alapbeállítása Eszközök  Internetbeállítások  Kisegítő lehetőségek 2009

Külső stíluslap. Egy külön *.css fájlban szerepelnek a formázási utasítások. A <head> tag-ben használjuk. Használata: <link rel="stylesheet" href="basic.css" type="text/css"/> 2009

A <style> tag A <head> elemben szerepel egy <style> tag, amelyben a CSS utasítások kapnak helyet. Pl.: 2009

Soron belüli („in-line”) stílus. Ekkor, a formázni kívánt HTML tag, „style” attribútumát kell beállítani. Pl.: <p style="text-align:right; font-size: 22pt">Ez egy formázott bekezdés.</p> 2009

A CSS használata Elem kiválasztása: Megadjuk azt a típusú elemet, amelyet formázni szeretnénk. Pl. lásd. 18. dia. Több elem kiválasztása: Felsorolás jelleggel. Ekkor csak a felsorolt elemekre lesz érvényes a stílus. 2009

A CSS használata Osztály kiválasztó: Más-más módon lehet megjeleníteni az ugyanolyan tag-eket. A HTML kód: 2009

A CSS használata Azonosító alapú kiválasztás: A HTML elemhez megadjuk az „id” attribútumát. Pl. Megjegyzés használata: /* Ez egy megjegyzés. */ 2009