Nemrégiben kutatást végzett munka céljából, és a "klasszikus" PowerPoint használata helyett az eredményeket egy tartalomban gazdag weboldalon szeretné jelenteni, amellyel "lenyűgözheti" a főnökét és arra vágyik, miért ne a karrier előrehaladása. A probléma most az, hogy teljesen tapogatózol a sötétben, mivel még soha nem próbáltad megérteni hogyan lehet HTML-oldalt létrehozni korábban, tehát olyan "intenzív" tanfolyamot keres, amely segít legalább az alapismeretek megszerzésében egy ilyen típusú munka elvégzéséhez.

Nos, nagy örömmel tájékoztatom Önt arról, hogy Ön jó helyen van, megfelelő időben: az alábbiakban valójában az lesz a gondom, hogy elmagyarázzam a "programozás" alapjait HTML nyelven, ügyelve arra is, hogy az Ön számára minden szükséges eszközzel a jövőbeni független cselekvéshez. Tudom, elsőre meglehetősen nehéznek tűnhet, de garantálni tudom, hogy egy kis türelem és néhány nap gyakorlás elegendő a figyelemre méltó eredmények eléréséhez!

Tehát anélkül, hogy tovább habozna, szánjon néhány percet szabadidejére, és gondosan olvassa el mindazt, amit a témával kapcsolatban meg kell magyaráznom: Biztos vagyok benne, hogy az olvasás végén nagyon világos fogalma lesz arról, hogy mi megteheti, és jobban meg tudja majd szervezni a főnöke számára gondolt HTML oldalt. Ennek ellenére nincs más dolgom, mint jó olvasást és jó munkát kívánni!

Flash elemek vagy Java kisalkalmazás, amely régen nélkülözhetetlen a hasonló eredmények eléréséhez.

Éppen ezért a mai napig széles körben használják a HTML 5-t, valamint a webhelyek és portálok megvalósításához, okostelefonokhoz és táblagépekhez készült alkalmazások fejlesztésében, valamint más típusú "csatlakoztatott" kezelőpanelek megvalósításában is. eszközök. "

Alapvetően csak egy HTML-mel létrehozott oldal kerül meghatározásra statikus oldal, azaz úgy tervezték, hogy mindig ugyanazt a tartalmat jelenítse meg, főleg nem változtatható meg a megjelenített környezet jelenlegi körülményei, sem a felhasználó viselkedése során a navigáció során.

Meg lehet azonban tenni együttműködik HTML számos más nyelvvel, összetettebb, tartalomban gazdag és mindenekelőtt dinamikus oldalak felépítése érdekében: az ilyen típusú legnépszerűbb nyelvek között érdemes megemlíteni a CSSdefiniálására használt stílus az oldalt alkotó elemek közül, és a JavaScript, egy programozási nyelv, amely lehetővé teszi az oldal dinamikus manipulálását, szükség esetén interaktívvá téve azt.

szakaszában.

  • Felsorolással ellátott listák - pontosan úgy, ahogy a neve is mutatja, ez a típusú címke lehetővé teszi felsorolással ellátott listák definiálását, és ha szükséges, sorrendet is. Az egyik kezdete és vége felsorolással ellátott lista a címkék határozzák meg
    van (rendezetlen lista), míg a rendezett lista címkéket használnak
    van (rendezett lista). A lista minden eleme címkékbe van foglalva
  • van (listaelem).
  • Formák - Néhány HTML címke kifejezetten a kitölthető űrlapok létrehozására irányul. Például az űrlap elejét és végét jelölők adják meg
    van , a különböző beviteli elemeket (szövegdobozok, jelölőnégyzetek és így tovább) a címke azonosítja és a paraméter határozza meg típus. Ehelyett az űrlapon belüli mezők létrehozásához a címkét használják
    . Megmutatom ezeknek a címkéknek a használatát a HTML bejelentkezési oldal részben.
  • Kattints ide.

    Ha végzett, névvel menteni a most létrehozott fájl a kiterjesztés használatával .html (például. mysite.html), és az oldal megtekintéséhez a böngészőben tegye dupla kattintás az imént mentett fájlon. Nos: most sikerült elkészítenie az első HTML-oldalát! Ha szeretné, megtekintheti az oldal kódját, ha jobb gombbal kattint egy véletlenszerű helyen az oldalon, és kiválasztja az opciót Oldal forrásának megtekintése a böngésző által javasolt menüből.

    Ne feledje, hogy ily módon a létrehozott HTML oldal csak az Ön által használt számítógépen belül lesz látható; ha azt szeretné, hogy az oldal az internetről elérhető legyen, meg kell vásárolnia egyet tárhely amely befogadhatja, esetleg kombinálható egy domainnel, hogy könnyen elérje. Ha érdekel ez az eshetőség, felkérem, hogy tanulmányozza az útmutatómat legjobb tárhely.

    Salvatore életrajza

  • Salvatore művei
  • Salvatore kapcsolatai
  • Az útmutatók szakasz eléréséhez kattintson ide.

    Amint könnyen kitalálhatja, a webhely többi oldalára mutató hiperhivatkozások beillesztésre kerültek az egyikbe rendezetlen felsorolással ellátott lista. Ráadásul az oldalhoz hozzárendeltek egyet színes háttérrel a paraméteren keresztül bgcolor (azaz. backgkerekszín) a címkéhez csatolva

    korábban a következőkhöz hasonló kódot használva.

      Bejelentkezési oldal   

    Jelentkezzen be a webhelyre

    action = "scriptAccesso.php">

    <input type = "beküldés" érték = "Bejelentkezés">

    Elfelejtetted a jelszavad? Kattintson ide a visszaállításához.

    Ebben az esetben az a nehézség, hogy megmondja a böngészőnek, hogyan ellenőrizheti a felhasználónév és a jelszó helyes megadását, ahol a felhasználó megnyomja a gombot a hitelesítéshez (ebben az esetben ): általában ez a művelet egy adott (nyelvvel írt) szkript meghívásával fejeződik be javascript, php, ASP vagy mások), amely összehasonlítja a megfelelő mezők mezőit az adatbázis vagy egy szöveges fájl rekordjaival. A fent említett kódban ezt a szkriptet adja meg a paraméter akció címke

    , amely a típusgomb megnyomásakor végrehajtandó műveletet jelzi Beküldés (esetünkben "Bejelentkezés").

    Ha többet szeretne tudni a PHP-ben történő bejelentkezési parancsfájlok létrehozásának eljárásáról, kérjük, olvassa el a HTML.it alapvető útmutatóját.

    Végül mentse el a fájlt, kattintson duplán a megfelelő html-re, és… élvezze az eredményt!

    Eszközök HTML-oldalak létrehozásához

    Ha eddig elérted, az azt jelenti, hogy megszerezted az ahhoz szükséges alapvető ismereteket hozzon létre egy HTML oldalt és hogy készen állsz az első lépések megtételére a teljes autonómiában. Tehát, miután megértette a címkék használatát és a weblap struktúrájának felépítését, szeretne egy teljes áttekintést az eszközökről, amelyek megkönnyítik munkájának elvégzését: az alábbiakban azokat jelölöm meg, amelyek véleményem szerint , ezek hasznosabbak lehetnek az Ön számára.

    hivatalos honlapján.

  • Amaya - egy nyílt forráskódú HTML-szerkesztő, amelyet a W3 konzorcium (W3C) hozott létre és terjesztett. A kényelmes WYSIWYG interfésznek köszönhetően lehetővé teszi oldalak és teljes oldalak létrehozását HTML-ben, stíluslapokban, kis szkriptekben és a webplatformok egyéb részeiben, még mindent az egérrel is „megrajzolva”. Erről az oldalról letöltheti az Amaya-t.
  • Adobe Dreamweaver - egy rendkívül hatékony félprofi eszköz, amely a benne található különféle eszközöknek köszönhetően lehetővé teszi egyszerű és összetett internetes oldalak tervezését. A HTML-szerkesztő mellett a Dreamweaver képes kezelni CSS-t, JavaScript-et, grafikus fájlokat és még sok mást. Megvásárolhatja a Dreamweaver programot (ingyenes 7 napos próbaverzió lehetőségével) annak hivatalos weboldaláról.
  • Azok, amelyeket önnek említettem, a leggyakrabban használt HTML-szerkesztők közé tartoznak, de nem csak ezek: ebben a tekintetben készítettem önnek egy speciális útmutatót a HTML-programokról, amelyben számos más ilyen típusú szoftvert találhat ez segíthet a munka befejezésében.

    táblázatok, grafikonok, szövegformázás, listák, képek és így tovább) a weboldal elkészítéséhez, ahogy azt a böngészőben szeretné megtekinteni.

    Ha elkészült, kattintson a menüre File Word, válassza ki a lehetőséget Mentés névvel, jelzi a mappába amelyben menteni kell a fájlt, majd meg kell adni a fájlt fájl név és állítsa be a legördülő menüt Mentés másként (Fájlformátum Mac-en) a hangon honlap, ha csak a szöveg mentése vagy tovább érdekli Weboldal egyetlen fájlban képek, a használt betűtípusok és más "külső" elemek mentése a Word-be ugyanazon a fájlon belül.

    jegyzet: az eredeti formázás megőrzése érdekében a Word felvehet néhány "saját" címkét annak érdekében, hogy ne változtassa meg az oldal megjelenítését. Ha az a szándéka, hogy kizárja őket, és csak a HTML-jelölők mentésére szorítkozik, akkor ki kell választania az elemet F weboldaliltrata a legördülő menüből Mentés másként / Formátum fájl.

    hozzon létre egy webhelyet a WordPress e segítségével hogyan lehet webhelyet létrehozni a google webhelyekkel.

    Vannak olyan platformok is, amelyek inkább a statikus HTML-oldalak létrehozására irányulnak, mint pl Weebly, Yola vagy Xoom: Az útmutatómban konkrétan elmagyaráztam nekik, hogyan működnek hogyan lehet weboldalt létrehozni ingyenes.

    HTML.it HTML Guide - minden valószínűség szerint ez az egyik legteljesebb, legfogalmazottabb és leglátványosabb útmutató a Neten: tematikus szakaszokra tagolódik, és hiteles órákat, gyakorlati példákat és különféle gyakorlatokat tartalmaz. Sőt, a HTML.it útmutató folyamatosan frissül.

  • W3Schools.com - ez a W3C által népszerűsített és közzétett portál teljes egészében a HTML-nek és az azt körüljáró egyéb technológiáknak szól. Különlegessége, hogy az egyes órák végén számos önellenőrzési gyakorlatot végezhet a megszerzett új készségek igazolására és értékelésére.
  • HTML 5 CSS-sel és JavaScript-szel - ha a nyomtatott papírt részesíti előnyben a digitális mellett, akkor nem tehet róla, hogy megnézi ezt a szöveget: amellett, hogy a HTML-oldalak létrehozásának alapvető kézikönyve, meglehetősen teljes hivatkozás a mobilalkalmazások létrehozására is (és nem) az interneten alapul, amely ötvözi a HTML 5-t CSS-sel és JavaScript-szel.