9143
HTML-szerkesztés kezdőknek!!!
  • xblades
    #8462
    Most már értem kösz még egyszer.
  • Dj Faustus #8461
    "De ez a rész 'alt="Ez egy hatalmas kép lesz" ' nem fontos bele? "
    Ami miatt kellhet:
    - a keresők könnyebben indexelik be a képet
    - akik letiltják a képek megjelenítését (vagy szöveges böngészőt használnak), azok tudják hogy mi van a képen
    - vakok, gyengénlátók felolvasószoftverei tudnak mit kezdeni a képpel
    - no meg egy lépés a valid oldalkialakítás irányába ;)
  • xblades
    #8460
    Ezer köszönet mindenkinek, így már működik.
    Igy egy kicsivel még jobb lesz az oldal.

    De ez a rész 'alt="Ez egy hatalmas kép lesz" ' nem fontos bele?
  • Dj Faustus #8459
    Működik az, csak meg kell adni a blokk szélességét és magasságát, mert különben a tartalom ki fogja nyújtani a blokk méretét.

    Tehát az alábbi HTML kódrészletet feltételezve:
    <div id="keret">
    <img src="bazinagykep.jpg" alt="Ez egy hatalmas kép lesz" />
    </div>


    a CSS-kódrészlet ezek szerint módosul:
    #keret {
    width: 400px;
    height: 400px;
    overflow: auto;
    }


    Vagy ha eröltetni akarod, hogy mindenképpen legyen görgetősáv, akkor erre módosul a CSS-kódrészlet:
    #keret {
    overflow: scroll;
    }


    Bővebben: CSS overflow

    Egy kicsit más "nyelvjárásban":
    <div style="width:400px; height: 400px; overflow: auto;">
    <img src="bazinagykep.jpg" alt="Ez egy hatalmas kép lesz" />
    </div>


    Vagy erőltetve:
    <div style="overflow: scroll;">
    <img src="bazinagykep.jpg" alt="Ez egy hatalmas kép lesz" />
    </div>
  • xblades
    #8458
    Pedig én képet szeretnék beilleszteni.
  • Cat 02 #8457
    <textarea>szöveg</textarea> de ez képet szerintem nem támogat.
    Egyetlen ötletem, az iframe, de az meg nem jó :D
  • xblades
    #8456
    Kipróbáltam G-portálon és weboldalon(php fusion-t használ) de egyik sem jó.
    Az elsőre nem jelenik meg semmi, a másodikra meg egy az egyben szövegként jelenik meg.
  • kispeki
    #8455
    <div id="keret">
    <!-- kép és szöveg -->
    </div>

    CSS-ben:

    div#keret {
    overflow: auto;
    }
  • xblades
    #8454
    Hello
    Szeretnék egy mind lefelé mind széltében nagyobb képet feltenni az oldalamra.
    Amit egy olyan keretbe szeretnék betenni, ami ha túl log a szöveg vagy a kép, lesz alul és oldalt egy gördítő sáv.
    De sehol nem találtam kimondottan ilyent.
    Hol találhatok? Tud valaki ilyet?
  • Cat 02 #8453
    Igen. És ezzel nincs is baj (szerintem). Dreamweaver meg nowai, mert fizetős :D
  • kispeki
    #8452
    Igen, nyílvánvalóan van különbség egy, az órán megtanult adatokból felépített HTML alapú oldal, és egy profitorientált weboldal között. A tanárokat meg a WYSIWYG-szerkesztők használatának engedélyezésével kapcsolatban nem értem. Nyílvánvalóan nem az a céljuk, hogy megbuktassák a diákokat, azonban semmi értelme nincs akkor a diákok taníttatásának, ha akár tanulás nélkül mondjuk Dreamweaver-el megcsinálják. Egy alapszinten a számítógéphez értő ember akkor ezek szerint nulla HTML tudással le tudja tenni a középszintű érettségit? ... Érdekes :-)
  • Dj Faustus #8451
    "ha jól tudom, nem is szabad külön fájl-t csinálni neki, de ez lényegtelen"
    Pedig a CSS-kód újrafelhasználásának érdekében (egy stíluslap több oldalon való használata) ildomos külön állományba rakni a stíluslapot. Valószínűleg az oktatásban azért vonják egybe, hogy egy kódban lássák a stílusdefiníciókat és a szerkezetet (könnyebben lehet javítani ;) ).

    "és igen, ott csak és kizárólag táblázatos oldalt készítesz"
    Ugyanis az WYSIWYG-szerkesztőkben (leginkább a Campus/Tisztaszoftver program keretén belül ránk szabadított M$ Frontpageben) relatíve gyorsan felépíthető, és nem kell a szegény diákokat terhelni a CSS-ben tapasztalható lebegtetéssel, dobozmodellel (és ez utóbbi IE és más böngészőn belüli viselkedésével), és más hasonló nyalánkságokkal.

    "Azonban azt egy szóval nem említettem, hogy ha egy oldalt el szeretnél készíteni - vagy esetünkben karban szeretnél tartani - ahhoz táblázatosan kell felépítened."
    Csak arra tértem ki, hogy az érettségin vett egyszerűnek említett HTML tananyag és egy profitorientált weboldal készítése között azért van némi különbség.
  • kispeki
    #8450
    Persze hogy van, a CSS-t általában csak felületesen tanítják, ha jól tudom, nem is szabad külön fájl-t csinálni neki, de ez lényegtelen. A különféle opacity; -moz-border-radius, stb utasításokra ki se térnek, sőt néhol még a háttérkép elhelyezése se érdekli őket, és igen, ott csak és kizárólag táblázatos oldalt készítesz. Azonban azt egy szóval nem említettem, hogy ha egy oldalt el szeretnél készíteni - vagy esetünkben karban szeretnél tartani - ahhoz táblázatosan kell felépítened. Megannyi lehetőség van oldal-készítésére, mint Te is leírtad, kezdődik ez a PHP-vel... De lényegtelen, félreértettük egymást :)
  • CattiBrie
    #8449
    Az NVU és a Kompozer által készített kód nem szemetes, sőt, valid!
    Emelt szintű érettségin van HTML!
  • Dj Faustus #8448
    "Felraktam a macromedia dreamweaver 8-at és az adobe dreamweaver cs4-et de nem tom, hogy melyikkel kellene."
    Nem kell feltétlenül egyik sem.
    Tudni kell a webes programozási nyelveket (HTML, CSS, Javascript, PHP,...) és akkor egy szimpla, ingyenes kódszerkesztővel (Notepad2, Notepad++, PsPad, jEdit, Context, Komodo Edit, Aptana, PsPad, Crimson Editor, Programmer’s Notepad, NEdit) is elboldogulhatsz.

    "Bár nem néztem végig az oldalt, nagy része HTML, a HTML nyelv pedig igen könnyű. (Manapság középszintű érettségi követelmény.)"
    Ámbátor könnyűnek tűnik, de egy valid, szemantikus, táblázatmentes oldalszerkezetű HTML-kódot, aminek a kinézetét CSS-sel szabályozod (és minden elterjedt böngészőben helyesen jelenik meg), azért nem egy középszintű érettségi kategória (nem is oktatják ezeket a finomságokat, mert egyrészt nem webfejlesztők képzése a cél, másrészt nincs erre idő).
    Pedig ezekre egy professzionális/profitorientált weboldal esetében eléggé szükség van - és ezt a WYSIWYG-szerkesztőprogramok kizárólagosan grafikus nézetére hagyatkozva eléggé komplikált elérni.
  • Cat 02 #8447
    Nem NVU-val írtam, hanem Kompozerrel, mert nvu fejlesztése leállt és a Kompozer pedig az nvu továbbfejlesztése (vagyis csak írni fogom, és emeltet, amin nem is hiszem, hogy lesz html). Az, meg, hogy szemetes a kód, egy érettségin teljesen mindegy, az a lényeg, hogy fusson (jó, html esetén nem fog az sehova futni, de érthető :D)
  • CattiBrie
    #8446
    Szerintem meg lehet. :)
  • kispeki
    #8445
    Igen, de míg az érettségid HTML részét - biztos vagyok benne, hogy - ezzel a programmal nem 100%-osra írtad, addig azok, akik megírják saját maguk a kódot, már több eséllyel indulnak, mivel nyílván nem lesz szemetes a kódjuk. De bocsáss meg ha tévedtem és sikerült NVU-val akár több mint 90%-os középszintűt tenni :)
  • Dj Faustus #8444
    "Szolgaltatoval esetleg nem lehet beszelni ilyen ugyben, hogy ok tegyenek valamit?"
    Ez nem a tárhely-szolgáltató feladata.
  • rigaman
    #8443
    Igen folytatni szeretném, itt nem a html-nyelvel van nekem a gondom inkább a programban nem ismerem ki magam:S Ha elkezdem begépelni az étlapot akkor túl nagy sorközt hagy és azt sem kód nézetben nem desinger nézetben nem tudtam átállítani. Cat 02: igen egy kicsit bezavart arra is kell keresnem egy progot. Én is NVU-n érettségiztem.
  • Cat 02 #8442
    Igazából egy NVU/Kompozer bőven elég középszintű érettségihez :p
  • kispeki
    #8441
    Szintén egyetértek CattiBrie-vel, azonban ha - ennek ellenére - folytatni szeretnéd a munkát, a legegyszerűbb megtanulni a nyelvet. Az ilyen szerkesztőprogik - gondolok itt azokra, amelyekben nem Te írod a kódot - nagy részük "szemetes" kódot ír. Ezel nagy része felesleges, nagyobb a fájl, lassabb az oldal. Bár nem néztem végig az oldalt, nagy része HTML, a HTML nyelv pedig igen könnyű. (Manapság középszintű érettségi követelmény.) Kevesebb mint 1 hónap alatt meg tudod tanulni, én ezt ajánlanám Neked :-) Sok szerencsét.
  • Cat 02 #8440
    Ugyanazt tudják, mint az NVU, de én is catti-vel értek egyet. + az a flash logo be fog neked zavarni :D
  • CattiBrie
    #8439
    Én nem mernék így elvállalni feladatot, ha tulajdonképpen nem értek hozzá. :S
  • rigaman
    #8438
    Sziasztok!! Szal eléggé kezdő vagyok a webszerkesztésben NVU-val már dolgoztam többször de most komolyabb kell. Elvállaltam egy étterem honlapjának karbantartást.
    Felraktam a macromedia dreamweaver 8-at és az adobe dreamweaver cs4-et de nem tom, hogy melyikkel kellene. Igazából nagyon egyikhez sem értek. Tudnátok nekem segíteni az elindulásban? vagy mit nézzek meg?
    Köszönöm!
  • user2009
    #8437
    Ettol feltem. :/ A PHP nem megy. :( Szolgaltatoval esetleg nem lehet beszelni ilyen ugyben, hogy ok tegyenek valamit? Gondolok itt ilyen adminos dolgokra, vagy beallitasokra reszukrol. Persze, csak egy otlet, lehet ilyen nem letezik.
  • Dj Faustus #8436
    Natív HTML-ből nem oldható meg. A HTML csak a dokumentum struktúrájának és tartalmának leírására alkalmas. Szerveroldali szkriptnyelvvel oldható meg, le kell kérni a látogató IP-címét, melyből meg kideríthető az ország - vagy egy visszafejtett hosztnévből - ezt a gethostbyaddr függvény segítségével teheted meg - vagy valamilyen adatbázisból - ilyesmi például a MaxMind adatbázisa.
  • CattiBrie
    #8435
    Nem nem! Ez így sokkal jobb volt!
  • kispeki
    #8434
    Jólvan, elírtam :P
  • krisztian96
    #8433
    Köszönöm szépen mindenkinek a segitséget az oldal remekül müxik.
    Linket is adnék de még nem linkelhetek
  • Cat 02 #8432
    HTML-el biztos nem, szerveroldali nyelv kell. PHP-vel IP aztán abból meg lehet állapítani.
  • user2009
    #8431
    Sziasztok!

    Uzemeltetunk kulfoldon egy weboldalt, es azt szeretnenk elerni, hogy az oldalt magyarorszagrol ne lehessen megtekinteni. Van ra lehetoseg, hogy ezt HTML-ben megoldjuk valamilyen modon? Vagy, mik a lehetosegek? Megkoszonnem, ha valaki tudna nekem segiteni...
  • CattiBrie
    #8430
    +++? Ez a hármas verzió? :)
  • kispeki
    #8429
    Ezért utálom a Dreamweaver-t :D Legjobb a Notepad+++, én arra esküszöm :)
  • Dj Faustus #8428
    Mint azt már a #8415-ös hozzászólásomban említettem a karakterkódolási hiba többrétű. Mindegyik beállításnak azonosnak kell lennie.
    Hiába írod át a <meta> taget iso-8859-2-re, ha az állomány karakterkódolsa UTF-8 maradt, abban lett elmentve.

    Dreamweaver esetén ezt a Modify->Page Properties menüpont Title/Encoding kategóriájában az Encoding listában, illetve az Edit->Preferences menüpont New document kategóriájának Default encoding listájában állítható be. ISO-8859-2 esetén Közép európai (ISO) beállítást kell alkalmazni.
  • krisztian96
    #8427

    evel se jó
  • Ic3 m4n
    #8426
    Akkor próbáld meg így:

    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />
  • krisztian96
    #8425
    igen
  • Cat 02 #8424
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    ez benne van a <head> részben ?
  • krisztian96
    #8423
    Adobe dreamweaver cs4-el csinálom
    PHP-hoz nem értek egyenlőre mgcsak a HTMl megy