Így tervezek

Поделиться
HTML-код
  • Опубликовано: 4 янв 2025

Комментарии • 66

  • @littledrake007
    @littledrake007 4 месяца назад

    Nagyon hasznos videó, szeretem ahogy magyarázol előadsz, és csinálod :)😊

  • @danny7712
    @danny7712 6 месяцев назад +1

    Ez nagyszerű!😀(Ment a feliratkozás! )😀
    Remélem még sok videód lesz a jövőben! 😀

    • @HelloGina
      @HelloGina  6 месяцев назад

      Köszönöm szépen :)

  • @szilviakeleti8227
    @szilviakeleti8227 4 месяца назад

    Nagyon hasznos tényleg, köszönjük! Kérdésem: szokták kérni, hogy a technikai részét is a grafikus végezze el, vagy elég ha a design részéhez értek?

  • @Szmorelany
    @Szmorelany 4 года назад +4

    Szuper videó volt! Tanulok még, de a design részével eddig hadi lábon álltam. A videód most sokat segített! Köszönöm!!! :) Várom a további szuper videókat!!!

    • @HelloGina
      @HelloGina  4 года назад +1

      Szuper, örülök, hogy segítettem és sok sikert :)

  • @laszlototh6967
    @laszlototh6967 2 года назад

    Nagyon szuper volt. Egy ideje nézem a videóidat, sokat lehet belőlük tanulni. Köszi szépen! 😊

  • @mrwebber
    @mrwebber 3 года назад +1

    A zene a legjobb alatta. :)

  • @dariuspantea1411
    @dariuspantea1411 4 года назад +3

    Köszi, hasznos volt a videó.

  • @ellissyprincze
    @ellissyprincze 10 месяцев назад

    szia, szeretnék tanulni webdesignt, viszont egy karriertanácsadáson, azt a választ kaptam, hogy leáldozóban van a grafika és webdesign, 3d talán még megy, illetve max a ux, ui-t javasolja, te mint belsős hogyan látod, van még értelme valami hasonló irányba kezdeni ? A programozás nekem kicsit túl monotonnak tűnik,legalábbis nem napestig kódokat szeretnék látni, home officeban szeretnék dolgozni lehetőség szerint és a grafika (nem nyomtatott része) fogott meg valamennyire, de így most kicsit összezavarodtam

    • @HelloGina
      @HelloGina  10 месяцев назад

      Szia, hm grafika mint szakma szerintem se túl erős, a webdesign meg más téma. 15-20 éve még volt kereslet jó webdesignerekre akik esetleg le is tudják kódolni az oldalakat és meg lehetett élni szabadúszóként simán, de cégek mostanság ritkán vesznek fel kifejezetten webdesignereket mert ezek a munkák erősen projekt jellegűek. De igen, a termékfejlesztés (UX/UI) nem fog eltűnni, és itt szerintem az AI se fenyeget annyira. Ennek az okát abban látom, hogy a legtöbb termékfejlesztő csapatnak eléggé specifikus és custom megoldásokra van szüksége, amit nem tudnak sablonokból megoldani. Az AI-t meg adatvédelmi okokból nem fogják használni ilyen célra (még jó ideig szerintem) mert nem akarnak egy harmadik félnek hozzáférést adni az üzleti folyamataikhoz meg fejlesztéseikhez (főleg olyan termékek esetén nem amelyek pénzügyi tranzakciókat bonyolítanak). Viszont ez sokkal kevésbé kreatív munka és inkább technológia, szóval ha téged a kreatív része érdekel ezeknek a dolgokak akkor talán egy Art directori pozíciót célozz be magadnak egy reklám/kreatív ügynökségnél. Vagy mondjuk Social Media Management, ott kell csinálni hirdetésekhez terveket és abban kiélheted magad, plusz ez végezhető otthonról is.

  • @CaptainItalia12
    @CaptainItalia12 3 года назад +1

    Szia! Svg vonal szétesés ellen --» kapcsold ki a respinsive resize opciót a beállítás panelen és legyen bekapcsolva a kis anchor a méretezésnél és nem lesz gond :)

  • @fedormilan2132
    @fedormilan2132 2 года назад

    Üdv, nagyon tetszik, milyen platformmal v programmal tervezted a honlapot?

    • @HelloGina
      @HelloGina  2 года назад

      Szia, ebben a videóban az Adobe XD nevű szoftverét hasznáom, ez fizetős. De kipróbálhatod a figma.com-ot az ingyenes.

    • @fedormilan2132
      @fedormilan2132 Год назад

      @@HelloGina Az ugyanilyen módszerrel fog működni mint amit a videóban csinálsz?

    • @HelloGina
      @HelloGina  Год назад

      Hasonló alapelveken nyugszik igen. Majd tervezek a Figmáról is egy használati útmutatót csinálni.

  • @kristof995
    @kristof995 3 года назад +2

    Nagyon tetszett a videó. Esetleg egy komplex munkádról, akár hány órás, nem tudnál videót csinálni? Hogy ténylegesen hogy áll minden össze

    • @HelloGina
      @HelloGina  3 года назад +2

      Szia, örülök, hogy tetszett a videó, és igen majd szeretnék megmutatni komplexebb feladatokat is. Mire lennél kíváncsi?

    • @kristof995
      @kristof995 3 года назад +4

      @@HelloGina Példáúl hogyan vállalsz el egy munkát. Utánna mik a folyamatok, mire figyelsz munka közben

  • @paynemax3825
    @paynemax3825 3 года назад +6

    Klassz video! Hogy programozod le html5ben?

  • @andorhorvath9123
    @andorhorvath9123 Год назад

    Szia! Ilyen weboldalt magamnak is tudnék készíteni?🙂

    • @HelloGina
      @HelloGina  Год назад +1

      Persze, azért is mutatom :) és ha megnézed a WordPress tanfolyam videómat abban azt is látod hogyan tudod összerakni magát az oldalt :)

  • @kevinwanlass4847
    @kevinwanlass4847 2 года назад

    Szia Gina,
    Az lenne a kérdésem hogyha megcsinálod ezt a dokumentumot, lehet ezt HTML-be kirenderelni vagy hogy lesz ebből egy HTML formátumú honlap?
    Előre is köszönöm a válaszod.

    • @HelloGina
      @HelloGina  2 года назад

      Szia, ez egy webdesign tutorial alapvetően, szóval itt csak a design készül el. Ahhoz, hogy ebből működő honlap legyen azt le kell kódolni HTML/CSS-ben.

    • @kevinwanlass4847
      @kevinwanlass4847 2 года назад

      @@HelloGina Világos.
      És milyen felhasználó-barát fejlesztői környezettel bíró programot tudnál javasolni (közgazdász vagyok nem programozó informatikus)?
      Tudnád-e például javasolni az Adobe weblapszerkesztő programját, ha igen, tudnál-e tutorial videó készíteni róla?
      Válaszodat előre is köszönöm.

    • @HelloGina
      @HelloGina  2 года назад

      Szia, a Webflow az egy tök jó kis webes alkalmazás ami kifejezetten no-code weboldal készítő, erről majd akarok videót csinálni. De pl. ha egyszerű megoldást akarsz akkor a WordPressel is jól jársz, ahhoz vannak kész sablonok meg nagyon sok magyar tutorial is, de amúgy erről is tervezek majd valami oktató anyagot.

    • @kevinwanlass4847
      @kevinwanlass4847 2 года назад

      Gina, mit gondolsz az Adobe programjáról?
      Lehet veled egy 3 percet konzultálni telefonon?

    • @HelloGina
      @HelloGina  2 года назад

      Emailben elérsz, írd meg mire vagy pontosan kíváncsi

  • @mihalyseregi557
    @mihalyseregi557 3 года назад

    Szia, kérdésem lenne hogy te , webdesinger vagy vagy weblapkészìtő? ( Lehet hülye kérdés de én is most szeretnék belevàgni valamelyikébe) . Te melyiket ajànlod? Vàlaszod köszönöm .

    • @HelloGina
      @HelloGina  3 года назад +1

      Szia, én foglalkozok mindekettővel, mert hát adja magát, hogy ha megtervezek egy designt akkor el is készítem hozzá az oldalt. De ez nem kötelező, designerként is jól meg lehet élni alkalmazottként egy cégnél, illetve ha szabadúszó akarsz lenni akkor javaslom társulj valakivel aki elkészíti az általad tervezett weboldalt az ügyfélnek. Hogy melyiket ajánlom.. nos, azt amelyikhez jobban van affinitásod. A weblap elkészítése javarészt programozás, repetatív, ismétlődő feladatok, nem kell hozzá túl sok kreativítás. Míg a webdesign az egy kreatív szakmai amihez kell stílusérzék, szépérzék és ha érted a technológiát mellette akkor egészen egyedi dolgokat is tudsz alkotni -- van akinek ez nagyon nagy kihívás és nem élvezi mert nincsenek ötletei.

  • @marknoeharza368
    @marknoeharza368 4 года назад +1

    Szia Gina! Nagyon tanulságos volt a videód, bevallom, még nem ismertem ezt a programot. Jelenleg tanuló vagyok, most kezdtük csak el az alap JS programozást. A kérdésem az lenne, hogy amikor kész van egy adott design a programban, utána ezt egy weboldalon hogy tudjuk funkciókkal bővíteni? (Gondolok itt arra, hogy menük közötti lépkedés, gombok funkcionalitása, stb.) Előre is köszi válaszod 😊

    • @HelloGina
      @HelloGina  4 года назад +1

      Szia, örülök, hogy tetszett a videó. A design alapján először HTML/CSS fájlokat készítünk és HTML-ben tudod hozzárendelni a gombokhoz meg a menüpontokhoz, hogy ha megnyomod őket, akkor melyik oldalt vagy funckiót töltsék be. Tehát például minden menüponthoz készítesz egy aloldalt, és a navigációban hozzárendeled (belinkeled) őket az adott menüponthoz. Ez igazából egészen egyszerű. Bonyolultabb dolgokat JS-ben szoktak csinálni, szóval azzal jól jársz ha azt tanulod :) Sok sikert!

  • @ghosty0528
    @ghosty0528 4 года назад

    Az elején kicsit furán indult, de a vége nagyon jó lett. Kedvet kaptam leprogramozni egy ilyen dizájnt :D

    • @HelloGina
      @HelloGina  4 года назад

      Mért indult furán? :) Hajrá hajrá ha van kedved leprogramozni.

    • @ghosty0528
      @ghosty0528 4 года назад

      @@HelloGina olyan kis semmilyennek tűnt, de aztán jópofa lett nagyon.

    • @HelloGina
      @HelloGina  4 года назад +6

      @@ghosty0528 Én minimalista designokat készítek javarészt, nem vagyok híve a túlcsicsázásnak, mert sem esztétikai, sem információ közlési, sem technikai szempontból nem látom hasznát. Plusz ebben a videóban pont az volt a célom, hogy megmutassam, fél óra is elég egy alap design összerakásához.

  • @petrajonas4889
    @petrajonas4889 4 года назад +7

    Szia Gina! Nagyon köszi a videót! Számomra nagyon hasznos volt látni, hogy valójában hogyan dolgozik egy webdesigner. Én jelenleg a HTML, CSS és JS-et tanulom, de arról nagyon kevés infót lehet találni, hogy a gyakorlatban egy oldalt hogyan/hol érdemes publikálni. Erről tudnál infót adni? Nagyon köszi előre is.

    • @HelloGina
      @HelloGina  4 года назад +7

      Szia Petra, köszönöm a hozzászólást és sok sikert a tanulmányaiddal. Ebben a videóban ugye megtervezek layoutot, ez az első a lépés, a második a kódolás HTML/CSS/JS formában amit te is írsz, és ha meg vannak azok fájlok, akkor hosztolni kell őket valahol. Tehát ehhez venni kell egy tárhelyet és egy domaint, a tárhely az ugye egy szerveren számodra lefoglalt rész, és oda kell feltölteni majd a fájlokat illetve beállítani, hogy a domain a szerverre mutasson. Ha rákeresel arra, hogy "weboldal hosztolás" szerintem találsz némi infót. De kezdésként érdemes megismerkedni a Word Pressel, ami már egy kész weboldal motor és rengeteg fukciót tud, ehhez tudsz saját templatet (témát) gyártani HTML-ben és megspórolsz egy csomó időt. A WordPress.org oldalán nézelődj, ez elérhető magyarul is, és kezdésként adnak ingyen tárhelyet is.

    • @petrajonas4889
      @petrajonas4889 4 года назад

      @@HelloGina Szia! A "weboldal hosztolás" kulcsszó bevált :) köszi. Azt jól gondolom, hogy ha egy weboldalnak van blog része, ahova rendszeres időközönként kerül fel új tartalom, akkor azt a Word Press-ben érdemes megcsinálni? Vagy más CMS rendszert ajánlanál?

    • @HelloGina
      @HelloGina  4 года назад +1

      @@petrajonas4889 Örülök, ha segítettem :) Igazából egy komplett weboldalt meg tudsz csinálni WordPressben, a blog az ebben az esetben csak egy almenüpontja lenne. De persze külön is lehet választani és tegyük fel a blogot WP-vel készíteni a többi oldalt meg megírni elképzelés szerint, attól függ mik az igények meg célok.

  • @reeedati1
    @reeedati1 3 года назад +1

    Szia Gina! Nagyon hasznos kis tutorial, ezer köszönet érte!! Esetleg olyan bővítést nem tervezel, hogy megmutasd ennek a folytatását, arra gondolok, hogy a design elkészítése után, hogyan kelnek életre azok a menüpontok, gombok, hogyan állítod be a hivatkozásokat és hogy ezek után hogyan kerül ki a webre ez a kis honlap?

    • @danielszepesi1558
      @danielszepesi1558 3 года назад

      Ő ha jól tudom grafikus nem programozó. Amúgy én gyakorlásként, megpróbáltam felvinni. Még "kezdő vagyok". imgur.com/a/4cGUisP Ha gondolod átdobom a fileokat és megnézheted, hogy néz ki. Bár nehezen olvasható, kapkodtam, hogy 30 perc alatt meglegyen.

    • @HelloGina
      @HelloGina  3 года назад +1

      Szia @dánielszepesi wow ez de menő, tök ügyes vagy és milyen jó látni, hogy így valaki megcsinálta :) köszi

  • @kristofrevesz3913
    @kristofrevesz3913 4 года назад

    Szia Gina! nagyon hasznos volt számomra a videó és egyetlen kérdésem lenne. ingyenesen tudok publikálni oldalt? Válaszod köszönöm előre is!

    • @HelloGina
      @HelloGina  4 года назад +2

      Szia, attól függ milyen elképzelésed meg igényed van, de alapvetően lehet. Pl. a WordPressnél lehet saját tárhelyed ingyen, meg kapsz egy domaint is, bár az valami olyasmi lesz hogy "teneved.wordpress.com". A Wix is ingyenes alapból. De amúgy ha saját, egyedi domain nevet akarsz akkor azért már fizetni kell valamennyit. És hát a tárhelyért is. De ezeket együtt megkapod egy évre úgy kb.12ezer forintért már, ami nem olyan vészes összeg.

    • @makezdtem
      @makezdtem 4 года назад

      infinityfree.com és freenom.com

  • @dannygaming9643
    @dannygaming9643 3 года назад

    Hogyan lehet egy logót vektorosan exportálni?

    • @dannygaming9643
      @dannygaming9643 3 года назад

      Illetve az a bootstrapes dolog az mi?

    • @HelloGina
      @HelloGina  3 года назад

      Szia, úgy hogy vektorosan készíted el :) Adobe XD-ben rajzolva az lesz. Az exportálásnál pedig olyan fájlformátumot kell választani ami vektoros vagy van támogatása (SVG, PDF).

  • @danielnagy5494
    @danielnagy5494 4 года назад

    Szia! Mi a neve a szerkesztőnek, amiben elkészítetted a layoutot? Nagyon jó, szép munka!

    • @HelloGina
      @HelloGina  4 года назад

      Szia, az Adobe XD nevű szoftverét használom.

  • @laszlomdaniel6201
    @laszlomdaniel6201 4 года назад

    Szia! Egy email elérhetőséget kérhetek?

  • @assassinhide
    @assassinhide 4 года назад

    Szia Gina, gondolkodom egy webdesigner tanfolyamra jelentkezésen és az lenne a kérdésem neked mennyi idő volt a tanfolyam vagy mire érdemes figyelni amikor az ember válogat a lehetőségek között? Mivel mindenki minden szépet meg jót igér. Előre is köszi ha válaszolsz :D

    • @szabolcskovacs8689
      @szabolcskovacs8689 4 года назад

      Szia! Én voltam egy 1éves képzésen és nem érte meg, egyedül a papír ami miatt nem bánom mert lehet vele vállalkozást indítani. Nemzetközi tanusítványt kaptunk. Egyébként így utólag, itthon sokkal többet tanultam mint a "suliban". Wordpresst tanítottak, hogyan kell összerakni sablonokból pluginokból stb. és a photoshop használatát. Nulla programozást tanítottak. Annyiból jó volt, hogy ezáltal megtetszett a szerkesztés, weboldal készítés stb. ami által "elindított egy úton". Egy egyetemes képzés nyílván más. Én csak a saját tapasztalatom tudom elmondani :)

    • @HelloGina
      @HelloGina  4 года назад +1

      Szia, igen jogos, valóban sok féle tanfolyam van, neked kell mérlegelned, hogy mit akarsz vele kezdeni. Ha csak úgy hobbiból vagy saját weboldal működtetése céljából akarod megtanulni, akkor találsz több féle tanfolyamot is, amik nem olyan drágák és a neten keresztül is meg lehet őket csinálni, csak ezek általában nem adnak semmi olyan papírt, amit mondjuk egy munkáltató is elfogad. (Bár hozzáteszem, sok helyen tényleg nem azt nézik, milyen papírod van, hanem, hogy el tudod-e végezni a munkát.) Vannak olyan sulik, ahoval be kell járni, ezek általában adnak valamilyen diplomát, aminek az értéke általában az iskola nevétől is függ és van pár államilag is elismert képzés. Én ott húznám meg vízválasztót a tananyag kapcsán, hogy csak "designernek" képeznek-e ki vagy azt is megtanítják-e, hogy hogyan kell egy weboldalt üzemeltetni illetve lekódolni. Ez utóbbi tanulásával vagy igazán képes önállóan működni, mint webdesigner.

    • @assassinhide
      @assassinhide 4 года назад

      @@HelloGina Köszi a választ :D

  • @viviensipaki4720
    @viviensipaki4720 3 года назад

    Akkor most weboldal készítéshez, már nem is kell tudni programozni? 😳

    • @HelloGina
      @HelloGina  3 года назад

      Szia, valóban nem kell. Egész bonyolult rendszereket is össze lehet már rakni például Word Pressben.

    • @viviensipaki4720
      @viviensipaki4720 3 года назад

      @@HelloGina szóval akkor így kevesebb is az igény webfejlesztőkre és webdesignerekre?

    • @IGOR-hun
      @IGOR-hun 2 года назад

      Kell tudni, htm és css alapok pl. Ez csak egy sima semmi.

  • @MrNosza
    @MrNosza 3 года назад +4

    olyan csinos vagy hogy nehéz a a weboldal tervezésre figyelni

  • @The-Genius-Einstein
    @The-Genius-Einstein 2 года назад

    Ne szórakozz.. ilyen fasza tutorial videót sem láttam még... LOL