Hvernig á að búa til vefsíðu með ChatGPT: Þrjár leiðir sem virka

Til að búa til vefsíðu með ChatGPT geturðu beðið það um HTML og CSS fyrir síðuna og síðan sett skrárnar á hýsingarþjónustu sjálfur, notað það til að skipuleggja síðurnar og skrifa textann áður en þú smíðar í vefsmið, eða tengt gervigreindarsmið eins og Mythex inni í ChatGPT svo hann geti byggt, hýst og birt síðuna fyrir þig úr sama spjalli. Fyrsta leiðin er ókeypis og fín fyrir einnar síðu vef; sú þriðja er það sem þú vilt þegar síðan þarf eyðublöð sem vista gögn, innskráningar eða reglulegar uppfærslur. Þessi leiðbeining sýnir hverja aðferð með dæmum og segir skýrt hvar hver þeirra hættir.

Það sem ChatGPT getur og getur ekki á eigin spýtur

ChatGPT er mjög gott í skrifum: kóða, fyrirsögnum, texta á síðum og áætlunum. Það er ekki hýsingarfyrirtæki eins og það kemur. Það gefur síðunni þinni ekki opinbera vefslóð, það keyrir ekki gagnagrunn og það geymir ekki skrár síðunnar milli verkefna eins og smiður gerir. Hver aðferð hér að neðan er mismunandi svar við þessu bili.

Aðferð 1: ChatGPT skrifar kóðann, þú hýsir hann

Þetta er klassíska leiðin og hentar vel fyrir einfalda, kyrrstæða síðu: safn verka, lendingarsíðu eða síðu fyrir brúðkaup.

Skref 1: Biddu um heila síðu í einni skrá

Vertu nákvæm/ur um efni og útlit:

Skrifaðu heila einsíðu vefsíðu sem eina HTML-skrá með CSS inni í style-merki. Hún er fyrir Maya Haddad, sjálfstætt starfandi myndskreytara í Amman. Hlutar: haus með nafni hennar og „Myndskreytingar fyrir bækur og vörumerki“, rist með sex myndum úr safni (notaðu staðgengilsslóðir sem ég get skipt út), stutt málsgrein um hana, listi yfir þrjár þjónustur með byrjunarverði og tengiliðahluti með tölvupóstfangi hennar sem mailto-hlekk. Hreint, nútímalegt, með ríflegu hvítu rými, virkar í símum. Engir JavaScript-rammar.

Að biðja um eina skrá heldur þessu einföldu í vistun og upphleðslu.

Skref 2: Vistaðu og opnaðu hana

Afritaðu kóðann í textaritil, vistaðu hann sem index.html og opnaðu í vafranum. Ef eitthvað lítur illa út skaltu lýsa því fyrir ChatGPT: „myndaristin er ein röð á tölvu; gerðu þrjá dálka fyrir ofan 900px breidd.“

Skref 3: Skiptu út staðgengli

Skiptu staðgengilsmyndunum út fyrir þínar eigin og skiptu út texta sem ChatGPT bjó til. Athugaðu verð, tölvupóst og nöfn vandlega; gervigreind fyllir í eyður af öryggi.

Skref 4: Settu hana á netið

Hladdu skránni upp á ókeypis kyrrstæðan hýsingarstað eins og GitHub Pages, eða hvaða vefhýsingu sem þú borgar nú þegar fyrir. Þú færð opinbera vefslóð. Til að nota þitt eigið lén skaltu fylgja leiðbeiningum hýsingarinnar; leiðbeiningin okkar um að tengja sérsniðið lén útskýrir DNS-hlutann.

Hvar aðferð 1 hættir

• Eyðublöð sem vista gögn. Snertieyðublað þarf stað til að senda innsendingar á. Þú þarft eyðublaðaþjónustu eða netþjón.
• Innskráningar og svæði fyrir meðlimi. Þetta krefst bakendakerfis og gagnagrunns.
• Margar síður. Að halda hausum og valmyndum samræmdum yfir tíu handlímd skrár verður þreytandi.
• Uppfærslur. Sérhver breyting þýðir að biðja um nýjan kóða, líma hann inn og hlaða upp aftur.

Aðferð 2: ChatGPT skipuleggur, smiður byggir

Hér gerir ChatGPT hugsunina og skrifin, og vefsmiður sér um smíðina og hýsinguna.

Skref 1: Skipuleggðu síðuna með ChatGPT

Ég rek lítið fjölskyldubakarí í Manchester sem tekur við pöntunum á kökum. Stingdu upp á síðunum sem vefurinn minn þarf, hverju hver síða á að segja og þeirri einu aðgerð sem ég vil að gestir taki á hverri síðu. Hafðu þetta í fimm síðum eða færri.

Skref 2: Skrifaðu textann

Biddu um texta hverrar síðu og skrifaðu hann síðan upp með þinni eigin rödd. Bættu við raunverulegum upplýsingum sem ChatGPT getur ekki vitað: opnunartímum, verðum, afhendingarsvæðum, hverju kökurnar þínar eiga sameiginlegt eða hvað gerir þær ólíkar.

Skref 3: Smíðaðu í vefsmið

Límdu áætlunina og textann inn í vefsmið. Í drag-and-drop tóli setur þú textann í sniðmát. Í gervigreindarsmið geturðu gefið alla áætlunina sem eitt skilaboð og hann byggir síðurnar; til dæmis í vefsmið Mythex:

Byggðu vefsíðu fyrir fjölskyldubakarí í Manchester með þessari áætlun og texta: [límdu hér]. Hafðu með pöntunareyðublað sem vistar hverja beiðni (nafn, símanúmer, tegund köku, dagsetning sem þarf, skilaboð) svo ég geti séð þær á stjórnborði sem aðeins ég get skráð mig inn á. Hlýleg, heimilisleg hönnun, virkar í símum.

Pöntunareyðublaðið hér vistar í alvöru gagnagrunn, sem líma HTML-skrá gæti ekki gert. Fyrir meira um þessa leið, sjá hvernig á að búa til vefsíðu með gervigreind.

Aðferð 3: Byggðu og birtu úr ChatGPT

Nýjasti kosturinn er að tengja smið við ChatGPT svo ChatGPT geti notað verkfæri smiðsins beint. Þú heldur þér í ChatGPT-spjallinu; smiðurinn sér um verkefnið, forskoðunina, gagnagrunninn og hýsinguna.

Mythex virkar þannig í gegnum ChatGPT-forritið sitt (MCP-tengi). Þú tengir það frá Reikningsstillingum í Mythex; tengingin virkar á hvaða áskrift sem er, en verkfærin sem keyra sandkassa verkefnisins þurfa Pro. Þegar það er tengt geturðu beðið ChatGPT um eitthvað á þessa leið:

Notaðu Mythex til að búa til nýja vefsíðu fyrir bakaríið mitt með forsíðu, valmyndarsíðu með kökum og verðum, og pöntunareyðublaði sem vistar í gagnagrunn. Sýndu mér forskoðunina og birtu hana þegar ég segi að hún sé tilbúin.

ChatGPT býr þá til verkefnið, skrifar kóðann, keyrir hann og birtir hann á opinberri vefslóð þegar þú samþykkir. Breytingar eru bara fleiri skilaboð í sama spjallinu. Sama tengiaðferð virkar líka úr Claude, Cursor og Codex. Fyrir bakgrunn á því hvernig þetta virkar og hvaða smiðir styðja það, sjá gervigreindarsmiði með MCP.

Hvaða aðferð ættir þú að velja?

Ráð við skrifun á fyrirmælum sem virka í öllum aðferðum

• Gefðu raunverulegar staðreyndir strax. Nafn, staðsetning, þjónustur, verð, tengiliðaupplýsingar. Færri uppspunnar upplýsingar þýðir minni hreinsun.
• Lýstu gestinum og markmiðinu. „Foreldri sem leitar að afmælisköku og á að enda með að senda pöntunarbeiðni.“
• Biddu um útlit sem byrjar í síma. Flestir gestir nota síma.
• Breyttu einu atriði í einu þegar fyrsta útgáfan er komin.
• Biddu um grunnatriði SEO sérstaklega: einstakan titil og lýsingu á hverri síðu, alvöru fyrirsagnir, alt-texta á myndum. Sjá SEO fyrir vefsíður byggðar með gervigreind.

Leiðbeiningin okkar um að skrifa fyrirmæli fyrir gervigreindarsmiði hefur fleiri mynstur.

Algeng vandamál og lausnir

• Hönnunin lítur almenn út. Gefðu dæmi: „eins og rólegt skandinavískt kaffihús, mikið hvítt og einn dempaður grænn litur“.
• Kóðinn var skorinn af. Biddu ChatGPT um að halda áfram frá síðustu línu, eða skipta síðunni í hluta og fá einn í einu.
• Það bjó til umsagnir eða tölfræði. Fjarlægðu það. Falskar umsagnir skaða traust og eru víða brot á neytendaverndarreglum.
• Síðan brotnar eftir breytingu. Geymdu afrit af síðustu virku útgáfunni áður en þú límir inn nýjan kóða. Smiðir eins og Mythex geyma eftirlitsstöðvar svo þú getir farið aftur.

Áður en þú birtir

Lestu hvert orð á hverri síðu. Athugaðu að tengiliðaupplýsingarnar virki. Opnaðu síðuna í síma. Gakktu úr skugga um að myndir séu þínar eða með réttu leyfi. Birtu síðan og deildu henni þar sem gestirnir þínir eru þegar. Ef þú vilt að allt kosti ekki neitt, fjallar hvernig á að búa til vefsíðu ókeypis um ókeypis hýsingarmöguleikana nánar.

Spurningar