15

Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített
Page 2: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

Ötlet

Tartalom

Megjelenés

Fejlesztés

Publikálás

Továbbfejlesztés

Mit fogunk csinálni?

• Mit?Online tortarendelés

• Miért lesz más/jobb, mint a hasonló oldalak?Grafikus felületen mindenki saját maga tervezheti meg a torta felületét, éjjel-nappal van kiszállítás

• Kinek?Egyszerűbb kezeléssel a célközönség bővíthető

• Hogyan, mitől lesz más/jobb, mint a hasonló oldalak?Mobil eszközön is jól használható, fotó is megjeleníthető a tortán

Legalább az egyik kérdésre tudni kell új választ adni!

Page 3: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

Ötlet

Tartalom

Megjelenés

Fejlesztés

Publikálás

Továbbfejlesztés

Mit fogunk csinálni?

• Pontos, lényeges, naprakész tartalom, szerzői jogok ismeretTortához felhasznált anyagok listája, átvett tartalmak engedélyezése, források feltüntetése

• Jól átlátható, kereshető tartalom„Rendelhetek diabetikus tortát?” Keresőszó: „diabetikus”

• Megszólítás, egységes nyelvezet, helyesírás„Válaszd ki a tortabevonó színtét!” vagy „Válassza ki a tortabevonó színét!”

• Nyelvválasztás, idegen nyelvű tartalomAngol nyelv. Szállítás a környező országokba is: szlovák nyelv

• Domain választás, cím (URL)tortam.hu, tortarendeles.hu, azentortam.hu, mycake.com, angol tartalom: tortam.hu/en

Page 4: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

Ötlet

Tartalom

Megjelenés

Fejlesztés

Publikálás

Továbbfejlesztés

Mit fogunk csinálni?

• Megjelenítés: egyedi vagy sablonalapúEgyedi megjelenítéssel tökéletesen testreszabott oldalak hozhatók létre, de ez a technika időigényes és költséges.A sablonok előre elkészített képi világgal, tartalmi elhelyezéssel rendelkeznek, igényes és gyors megoldást nyújtanak oldalak készítéséhez.Reszponzív megjelenésA oldal megjelenése átalakul, automatikusan a képernyő/böngésző méretéhez igazodik.

Page 5: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

Ötlet

Tartalom

Megjelenés

Fejlesztés

Publikálás

Továbbfejlesztés

Mit fogunk csinálni?

• Megjelenítés: egyedi vagy sablonalapúEgyedi megjelenítéssel tökéletesen testreszabott oldalak hozhatók létre, de ez a technika időigényes és költséges.A sablonok előre elkészített képi világgal, tartalmi elhelyezéssel rendelkeznek, igényes és gyors megoldást nyújtanak oldalak készítéséhez.Reszponzív megjelenésA oldal megjelenése átalakul, automatikusan a képernyő/böngésző méretéhez igazodik.

Reszponzivitás - desktop nézet

Page 6: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

Ötlet

Tartalom

Megjelenés

Fejlesztés

Publikálás

Továbbfejlesztés

Mit fogunk csinálni?

• Megjelenítés: egyedi vagy sablonalapúEgyedi megjelenítéssel tökéletesen testreszabott oldalak hozhatók létre, de ez a technika időigényes és költséges.A sablonok előre elkészített képi világgal, tartalmi elhelyezéssel rendelkeznek, igényes és gyors megoldást nyújtanak oldalak készítéséhez.Reszponzív megjelenésA oldal megjelenése átalakul, automatikusan a képernyő/böngésző méretéhez igazodik.

Reszponzivitás - mobil nézet

Page 7: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

Ötlet

Tartalom

Megjelenés

Fejlesztés

Publikálás

Továbbfejlesztés

Mit fogunk csinálni?

• Megjelenítés: egyedi vagy sablonalapúEgyedi megjelenítéssel tökéletesen testreszabott oldalak hozhatók létre, de ez a technika időigényes és költséges.A sablonok előre elkészített képi világgal, tartalmi elhelyezéssel rendelkeznek, igényes és gyors megoldást nyújtanak oldalak készítéséhez.Reszponzív megjelenésA oldal megjelenése átalakul, automatikusan a képernyő/böngésző méretéhez igazodik.

• Tartalomhoz illeszkedő képi világ„Édesség színek” használata, illeszkedés már meglévő arculathoz, enteriőrhöz, logóhoz

• Olvashatóság, láthatóságMegfelelő betűméret, jó színválasztás, elemek megfelelő megkülönböztetése, akadálymentes változat

Page 8: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

Ötlet

Tartalom

Megjelenés

Fejlesztés

Publikálás

Továbbfejlesztés

Mit fogunk csinálni?

• Fejlesztési technikák: közvetlen kód vagy tartalomkezelőKözvetlen kód technikával teljes fejlesztés és módosítás hajtható végre egy webes tartalomban, de a munka körülményesebb, és a fejlesztési nyelvek (pl. HTML, CSS, JavaScript) alapos ismeretét igényli.

Page 9: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

Ötlet

Tartalom

Megjelenés

Fejlesztés

Publikálás

Továbbfejlesztés

Mit fogunk csinálni?

• Fejlesztési technikák: közvetlen kód vagy tartalomkezelőKözvetlen kód technikával teljes fejlesztés és módosítás hajtható végre egy webes tartalomban, de a munka körülményesebb, és a fejlesztési nyelvek (pl. HTML, CSS, JavaScript) alapos ismeretét igényli.

Közvetlen kód technika

Page 10: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

Ötlet

Tartalom

Megjelenés

Fejlesztés

Publikálás

Továbbfejlesztés

Mit fogunk csinálni?

• Fejlesztési technikák: közvetlen kód vagy tartalomkezelőKözvetlen kód technikával teljes fejlesztés és módosítás hajtható végre egy webes tartalomban, de a munka körülményesebb, és a fejlesztési nyelvek (pl. HTML, CSS, JavaScript) alapos ismeretét igényli.Tartalomkezelővel (CMS) vizuálisan, gyorsan, a fejlesztési nyelvek ismeret nélkül lehet dolgozni, de ez a technika nem ad lehetőséget teljes körű fejlesztésre és módosításra, illetve a rendszer telepítése, üzemeltetése szakértelmet igényel.

Page 11: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

Ötlet

Tartalom

Megjelenés

Fejlesztés

Publikálás

Továbbfejlesztés

Mit fogunk csinálni?

• Fejlesztési technikák: közvetlen kód vagy tartalomkezelőKözvetlen kód technikával teljes fejlesztés és módosítás hajtható végre egy webes tartalomban, de a munka körülményesebb, és a fejlesztési nyelvek (pl. HTML, CSS, JavaScript) alapos ismeretét igényli.Tartalomkezelővel (CMS) vizuálisan, gyorsan, a fejlesztési nyelvek ismeret nélkül lehet dolgozni, de ez a technika nem ad lehetőséget teljes körű fejlesztésre és módosításra, illetve a rendszer telepítése, üzemeltetése szakértelmet igényel.

Tartalomkezelő

Page 12: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

Ötlet

Tartalom

Megjelenés

Fejlesztés

Publikálás

Továbbfejlesztés

Mit fogunk csinálni?

• Fejlesztési technikák: közvetlen kód vagy tartalomkezelőKözvetlen kód technikával teljes fejlesztés és módosítás hajtható végre egy webes tartalomban, de a munka körülményesebb, és a fejlesztési nyelvek (pl. HTML, CSS, JavaScript) alapos ismeretét igényli.Tartalomkezelővel (CMS) vizuálisan, gyorsan, a fejlesztési nyelvek ismeret nélkül lehet dolgozni, de ez a technika nem ad lehetőséget teljes körű fejlesztésre és módosításra, illetve a rendszer telepítése, üzemeltetése szakértelmet igényel.

• Folyamatos tesztelés, próba több böngészővel és mobil eszközön is

• Folyamatos egyeztetés a megrendelővel, fejlesztési fázisok jóváhagyásavalami.hu/teszt1

Page 13: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

Ötlet

Tartalom

Megjelenés

Fejlesztés

Publikálás

Továbbfejlesztés

Mit fogunk csinálni?

• Tárhely és domain bérlésPl. domain: tortarendeles.hu, hozzá tartozó tárhely: 10GB kapacitás, 10db e-mailcím (pl. [email protected]), biztonsági mentések, látogatottság mérés.Domain regisztrátorok és tárhelyszolgáltatók: domain.hu

• Tárhely lehetőségeinek megfelelő haszná[email protected] nem [email protected]@mycake.com

• Reklám, első megjelenésGoogle-hirdetés, Facebook-kampány

• LátogatottságmérésTárhelyszolgáltató oldalán, Google Analytics

Page 14: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

Ötlet

Tartalom

Megjelenés

Fejlesztés

Publikálás

Továbbfejlesztés

Mit fogunk csinálni?

• Technológiai változás követéseÚj böngészők, technológiai szabványok, megjelenítők, mobil eszközök

• Piaci változás követéseÉdesipari összetevők változása, megváltozott fogyasztói szokások

• Látogatói visszajelzé[email protected] „A megtervezett tortáról legyen letölthető/küldhető kép!”

Page 15: Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók létre, de ez a technika időigényes és költséges. A sablonok előre elkészített

Ötlet

Tartalom

Megjelenés

Fejlesztés

Publikálás

Továbbfejlesztés

Mit fogunk csinálni?

• ÖtletTehetséges fiatalok, érdekes kezdeményezések, már működő kisebb közösségek életének, munkájának bemutatása egyszerű honlap formájában

• TartalomMagyar nyelvű, saját tartalom, szabályosan átvett, idegen tartalmakkal kiegészítve (opcionális)

• MegjelenésSzabadon felhasználható sablon, reszponzív megjelenés

• FejlesztésKözvetlen kód, segédprogrammal, folyamatosan tesztelve

• PublikálásEgyetem által biztosított, saját tárhelyen (valaki.web.elte.hu)

• TovábbfejlesztésLehetséges, a honlap átadható, nem egyetemi tárhelyen (tovább)működtethető