HTML é s wéblapféjlészté s



Hasonló dokumentumok
Tartalom. Alapelemek. Célok. Eszközök. Szerkezet. Alapelvek. Prezentáció. Folyamat

HTML alapok. A HTML az Internetes oldalak nyelve.

Sakk játék. Feladat: JavaScript segítségével olyan programot kell írni, ami egy sakktáblát szimulál. Kiválasztásra változtatják a helyüket.

Képek a HTML oldalon

w w w. h a n s a g i i s k. h u

Információs technológiák 1. Gy: HTML alapok

Egyszerűbb a Google keresőbe beírni a Sharepoint Designer 2007 letöltés kulcsszavakat és az első találat erre a címre mutat.

HTML kódok. A www jelentése World Wide Web.

Webprogramozás HTML alapok előadás

Android alapok. Android játékfejlesztés

Általános fiók beállítási útmutató

Internet, Az internet főbb szolgáltatásai web keresőszolgáltatásokkal Keresőrendszerek: Kulcsszavas 2) Egyéb keresők: Metakeresők gyűjtőkörű keresők

Információs technológiák 2. Gy: CSS, JS alapok

4. rész. HÁTTÉR BEÁLLÍTÁSA Egy pillanat alatt meg lehet változtatni egy oldal arculatát, ha megváltoztatjuk a háttérszínét.

Táblázatok. Utolsó módosítás: 11/22/ :07:23

A legfontosabb DOS parancsok

Honlapkészítés. 1. Előadás Bevezető, HTML. Paksy Patrik

HTML kódolás Web-lap felépítése. Az egész törzsre érvényes utasítás. <HTML> web-lap kezdő utasítás: a dokumentum kezdődik, a böngészőnek szól

A HONALPSZERKESZTÉS ALAPJAI. 50 feladat. a Debreceni Egyetem Informatikai Karának. Informatikus Könyvtáros szakos hallgatói számára

KIRA. KIRA rendszer. Telepítési útmutató v1

Ozeki Weboffice. 1. ábra

Duál Reklám weboldal Adminisztrátor kézikönyv

Kövér betűk (bold) 1-es fejléc

Tájékoztató. Használható segédeszköz: -

Szilipet programok telepítése Hálózatos (kliens/szerver) telepítés Windows 7 operációs rendszer alatt

HTML alapok. HTML = HyperText Markup Language

ÁLTALÁNOS WEBLAPSZERKESZTÉSI TUDNIVALÓK ÁLTALÁNOS HTML KÓDOLÁSI TUDNIVALÓK

Selteco Menu Maker 4

HTML alapok 1. Minimális HTML file: <HTML> <HEAD> <TITLE> cím </TITLE> </HEAD> <BODY>... </BODY> </HTML> Formátum parancsok:

A HTML Stuktúra. 1. oldal, összesen: 8 oldal. mhtml:file://d:\vizsga\1\html kódok.mht. Betűtípusok, stílusok <b> <i> <u> <tt>

Webshop készítése ASP.NET 3.5 ben I.

Informatika 1. Informatika el adás. Kovács Kristóf, Pálovics Róbert. Budapesti M szaki Egyetem november 5.

Webkezdő. A modul célja

Multimédia 2017/2018 II.

TESZ INTERNET ÉS KOMMUNIKÁCIÓ M7

Oktatási segédanyag. Weboldalszerkesztési gyakorlatok

Force-X Content Management System, keskenynyomda.hu felhasználói dokumentáció

9. MODUL WEBKEZDŐ. A vizsgafeladat megoldásához kizárólag a választott webkészítő program, illetve jegyzettömb (editor) használható.

HTML szerkesztés. HTML bevezetés

Access alapok. Megnevezés Művelet Minta. Új adatbázis létrehozása. Új / Üres adatbázis.. Tábla létrehozása tervező nézetben.

Gyakorló 9. feladat megoldási útmutató

Hogyan készítsünk Colorbox-os képgalériát Drupal 7-ben?

A webprogramozás alapjai. Óbudai Egyetem Neumann János Informatikai Kar 2018/19/1 szemeszter

A Nobel díj története és a magyar fizikai Nobel díjasok

Weboldal grafika készítés elméleti síkon Grafikából szabáványos CSS és XHTML sablon

VARIO Face 2.0 Felhasználói kézikönyv

BEVEZETÉS A WEBLAPFEJLESZTÉSBE. Kvaszingerné Prantner Csilla, EKF

HTML ÉS PHP ŐSZI FÉLÉV

1. oldal, összesen: 5

Megoldás (HTML) <!DOCTYPE HTML> <html>

Geotechnika II. (NGB-SE005-2) Geo5 használat

Szia Ferikém! Készítek neked egy leírást mert bánt, hogy nem sikerült személyesen megoldani a youtube problémát. Bízom benne, hogy segít majd.

Kedves Openhouse-os munkatársak!

ÖKOVÍZ.HU felhasználói kézikönyv

Sakk-játék. Bármilyen számítógépen működik, amin található böngésző és Java alkalmazás. Indító képernyő

HTML. Szerkesszünk honlapot.. az alapoktól

Weblap készítése. Fapados módszer

Memória játék. Felhasználói dokumentáció

A webáruház kezdőlapján háromféle diavetítés beállítására van lehetőség:

OKTATÁSKUTATÓ ÉS FEJLESZTŐ INTÉZET TÁMOP-3.1.5/ Pedagógusképzés támogatása

Az importálás folyamata Felhasználói dokumentáció verzió 2.1.

5-ös lottó játék. Felhasználói dokumentáció

EuroOffice Professzionális Vonalkód és QR kód generátor

Weblapok az érettségin. 2. feladat: weblap vagy prezentáció és grafika 30 pont

Megújított tanúsítvány cseréje a Windows tanúsítványtárban

Internetkonfigurációs követelmények. A számítógép konfigurálása. Beállítások Windows XP alatt

SZE INFORMATIKAI KÉPZÉS 1

Szoftver alapfogalmak

BEVEZETÉS A WEBLAPFEJLESZTÉSBE. Kvaszingerné Prantner Csilla, EKF

Az Educatio weboldalain elhelyezhető hirdetések technikai paraméterei

Telepítési útmutató a Solid Edge ST7-es verziójához Solid Edge

Felhasználói leírás a DimNAV Server segédprogramhoz ( )

Azonosító jel: INFORMATIKA EMELT SZINTŰ GYAKORLATI VIZSGA május 19. 8:00. A gyakorlati vizsga időtartama: 240 perc

Tájékoztató. Használható segédeszköz: -

Objektumok és osztályok. Az objektumorientált programozás alapjai. Rajzolás tollal, festés ecsettel. A koordinátarendszer

Tanúsítvány igénylése sportegyesületek számára

PTE-PROXY VPN használata, könyvtári adatbázisok elérhetősége távolról

Lakóház tervezés ADT 3.3-al. Segédlet

1.A. feladat: Programablakok

MIKOVINY SÁMUEL TÉRINFORMATIKAI EMLÉKVERSENY

NeoCMS tartalommenedzselő szoftver leírása

Útmutató az OKM 2007 FIT-jelentés telepítéséhez

A HTML5 hirdetések előkészítéséhez szükséges műszaki előírások

Készítsünk weblapot könnyedén! A Google Sites használata. Weboldal készítés Google Sites szolgáltatás segítségével, web-fejlesztési ismeretek nélkül!

Tanúsítvány feltöltése Oberthur kártyára és Oberthur SIM termékre. Windows 7, Windows 8, Windows 8.1 és Windows 10-es operációs rendszeren 1(9)

Novell GroupWise levelező rendszer alapok Kiadványunk célja, hogy a Nemzeti Közszolgálati Egyetemen használt Novell GroupWise (a továbbiakban GW)

Az MS Excel táblázatkezelés modul részletes tematika listája

Működési útmutató a H.264 HD 1082 P Távirányítóhoz

Választó lekérdezés létrehozása

Szövegszerkesztés alapok WORD Formázások

Állomány (fájl) = összetartozó adathalmaz, program, melyet a számítógép egyetlen egységként kezel.

Felsô menü: Jogszabály- és dokumentumtár menüpont. Almenüpontok:

Novell és Windows7 bejelentkezési jelszavak módosítása

cím létrehozása

HELYES módosítható, olvashatóság. Válasz Felhasználói élmény, stílusos, egyéni megjelenés HIBAS

A MOKKA hitelesítő szoftver telepítése és használata

blog.tehetseg.hu HASZNÁLATI ÚTMUTATÓ A blog nyitóoldala

Dokumentáció. IT Worx. Web eszközök Hír box. 1. Első lépések

Responsive Web Design. Dr. Nyéki Lajos 2019

Új jelszó beállítása. Új jelszó beállítása az IFA rendszerhez. BIZALMAS INFORMÁCIÓ JET-SOL JET-SOL 2.0 verzió

Átírás:

HTML é s wéblapféjlészté s 1. Melyik országból ered a hipertext-es felület kialakítása? USA Japán Svájc 2. Webfejlesztéskor ha a site-on belül hivatkozunk egy file-ra, akkor az elérési útnak... relatívnak kell lennie. feltétlenül tartalmaznia kell annak a meghajtónaka nevét, amelyen éppen található a site. abszolútnak kell lennie. 3. Válassza ki az alábbi állítások közül a helyes mondatot! A "FFFFFF" a fekete szín kódja. A "00FF00" színkód a piros egy árnyalatát adja. A "00005E" színkód a kék egy árnyalatát adja. 4. Mi lehet file-név egy website-ban? logó.gif piros_22.ppt Index.html 5. Mi igaz az alábbiak közül? Webfejlesztéskor figyelni kell arra, hogy a file-ok neveiben ne legyen magyar ékezetes betű, ne legyen nagybetű, viszont space szerepelhet. Webfejlesztésnél fontos, egy munkakönyvtár létrehozása, melyen belül helyezzük el a weblapon megjelenítendő öszzes objektumot (pl: képet, hangot, videót). Webfejlesztéskor a weblapokon nem lehet magyar ékezetes betű és/vagy nagybetű, de a file-ok nevében lehet.

6. A weboldalakat mekkora felbontásra szokás optimalizálni ma, amennyiben fix szélességű oldalt szeretnénk létrehozni? 800 x 600 1024 x 768 1152 x 864 7. Az előző kérdésben (6) mi alapján döntött? az az elv döntött, hogy a jó felbontású monitorokon jelenjen meg tökéletesen az oldal. az az elv döntött, hogy akinek rosszabb felbontású számítógépe van az is láthassa a teljes weboldalt, vízszintes görgetés nélkül is, még ha a jobb felbontású monitorokon marad is egy üres sáv a jobb oldalon. az az elv döntött, hogy mindig a lehető legjobb felbontásra tervezzük a weboldalakat. 8. Melyik könyvtár (mappa) tartalma látható az alábbi képen (Windows Intéző)? C: meghajtó főkönyvtárának tartalmát látja. C:\Windows mappa tartalmát látja. C:\Windows\java mappa tartamát látja. 9. Mi a háttérszín kódja a következő weboldalnak: http://www.startlap.com? #4782B5 #678867 #6D4444

10. Hogyan nevezzük a leírónyelvet, amelyben a weblapok készülnek? HTTP HTM HTML 11. Válassza az alábbiak közül a helytelen befejezést! Az <img> TAG segítségével lehet képeket megjeleníteni egy weboldalon. Az <img> TAG-en belül további paraméterek adhatóak meg. A(z)...? border értékeként megadható, hogy a kép kerete hány pixel széles legyen. alt értékeként megadható egy alternatív kép, arra az esetre, ha az elsődleges kép nem töltődne le. width és a height paraméterek értékeként megadható a kép megjelenítendő mérete pixelben vagy százalékban. 12. Melyik kódolást kell használnunk ahhoz, hogy helyes magyar karaktereket kapjunk? ANSI UTF-8 Unicode 13. Melyik az alábbiak közül a helyes állítás <b>a<i>l</i>ma</b>? 14. Melyik táblázat felel meg az alábbiak közül a leírt kód? <table> a.) b.) A B A E <td>a</td> <td>b</td> D E B G </tr> G H D H <td>d</td> <td>e</td> </tr> <td>g</td> <td>h</td> </tr> </table> 15. Melyik TAG-gel készíthetőek linkek? c.) B E H A D G

<a> <link> <hyper> 16. Melyik kódrészlet helyes? <body textcolor=#ffffff> <body text=#ffffff> <body color=#ffffff> 17. Melyik TAG-gel lehet sort emelni? <br > <dr> 18. Melyik az a sor, amellyel kizárólag olyan programokat tartalmaz, a melyekkel csak karakteres úton lehet weboldalkódot készíteni? Dreamweaver, Editplus EditPlus, Jegyzettömb Word, Editplus 19. Mit jelent az alternatív szöveg? Miért van? Mire jó? Amennyiben nem jelenik meg a kép, a képernyőre az <img> TAG-ben az alt paraméterben leírtak jelennek meg. Amennyiben nem jelenik meg a kép, a képernyőre az <alt> TAG-ben az img paraméterben leírtak jelennek meg. 20. Karikázza be a helytelen mondatot! Azokat a weboldalakat, amelyeket meg szeretnénk nézni a világ bármely pontjáról webszerverre kell tölteni. Azokat a weboldalakat, amelyeket meg szeretnénk nézni a világ bármely pontjáról nem szükséges webszerverre tölteni. A fenti két kérdés közül egyik helytelen! 21. Hogyan lehet beállítani azt, hogy egy kép a Dreamweaverben egy szerkesztőablakban a bal felső pixelhez igazodjon?

Elegendő, ha a képet kijelölöm és balra igazítom, a függőleges igazítás pedig alapértemezetten jó helyre teszi a képet A kép Properties ablakában Be kell állítani a margókat a Page Properties panelen 22. Mi a rollover lényege? Két kép cserélődik, amikor a felhasználó az adott képen bal egérgommbal klikkel. Két kép cserélődik annak hatására, hogy a dreamweaverben a fejlesztő a képre húzza az egérkurzort. Két kép cserélődik annak hatására, hogy a böngészőben a felhasználó a képre húzza az egérkurzort. 23. Dreamweaverben mit vagy miket kell megadnom E-mail link létrehozásakor? Kijelöléssel meg kell adni azt, hogy miről linkelek és a link mezőbe mailto: kulcsszó után meg kell adni az e-mail címet. Miről linkelek, milyen e-mail címre linkelek és hol jelenjen meg a levelező program. Miről linkelek és milyen e-mail címre linkelek. 24. Dreamweaverben mit kell választanom a a TARGET mező értékeként, ha egy linkről új ablakban szeretnék megnyitni egy.htm oldalt? _main _top _blank 25. Fejezze be a következő mondatot, úgy, hogy helyes legyen. Ha egy weboldalon meg szeretnénk jeleníteni egy képet, akkor a Dreamweaver webfejlesztő programban egy.html oldalra a megjelenítendő képet... beszúrjuk. importáljuk. megnyitjuk, másoljuk és beillesztjük.