Kaip sukurti svetainę su ChatGPT: trys veikiantys būdai

Norėdami sukurti svetainę su ChatGPT, galite paprašyti parašyti svetainės HTML ir CSS, o tuos failus patalpinti kokioje nors talpinimo paslaugoje patys; galite naudoti jį puslapiams suplanuoti ir tekstams parašyti prieš kuriant svetainę kūrimo įrankyje; arba prijungti DI kūrėją, pavyzdžiui Mythex, prie ChatGPT, kad jis tą patį pokalbį naudodamas sukurtų, talpintų ir paskelbtų svetainę. Pirmas būdas nemokamas ir tinka vieno puslapio svetainei; trečias – kai svetainei reikia formų, kurios saugo duomenis, prisijungimų arba nuolatinių atnaujinimų. Šiame vadove rodomas kiekvienas būdas su užklausomis ir aiškiai nurodoma, kur jis baigiasi.

Ką ChatGPT gali ir ko negali pats

ChatGPT labai gerai rašo: kodą, antraštes, puslapių tekstus ir planus. Iš karto jis nėra talpinimo įmonė. Jis nesuteikia svetainei viešo adreso, neveikia duomenų bazės ir nesaugo svetainės failų tarp projektų taip, kaip tai daro kūrimo įrankis. Kiekvienas žemiau aprašytas būdas yra kitas atsakymas į šią spragą.

1 būdas: ChatGPT parašo kodą, o talpinate jūs

Tai klasikinis būdas, kuris gerai veikia paprastai, statinei svetainei: portfolio, nusileidimo puslapiui, vestuvių puslapiui.

1 žingsnis: paprašykite pilno vieno failo puslapio

Būkite konkretūs dėl turinio ir maketo:

Parašyk pilną vieno puslapio svetainę kaip vieną HTML failą, o CSS įdėk į style žymę. Ji skirta Maya Haddad, laisvai samdomai iliustratorei Amane. Skyriai: antraštė su jos vardu ir „Iliustracijos knygoms ir prekių ženklams“, šešių portfolio paveikslėlių tinklelis (naudok vietos rezervavimo paveikslėlių kelius, kuriuos galėsiu pakeisti), trumpa apie mane pastraipa, trijų paslaugų sąrašas su pradinėmis kainomis ir kontaktų skyrius su jos el. paštu kaip mailto nuoroda. Švarus, modernus dizainas, daug baltos erdvės, tinka telefonams. Be JavaScript karkasų.

Prašymas vienam failui palengvina išsaugojimą ir įkėlimą.

2 žingsnis: išsaugokite ir atidarykite

Nukopijuokite kodą į teksto redaktorių, išsaugokite kaip index.html ir atidarykite naršyklėje. Jei kas nors atrodo netinkamai, aprašykite ChatGPT: „vaizdų tinklelis darbalaukyje yra vienas stulpelis; padaryk tris stulpelius, kai plotis didesnis nei 900 px“.

3 žingsnis: pakeiskite vietos rezervavimo elementus

Pakeiskite vietos rezervavimo paveikslėlius savais ir pakeiskite visą ChatGPT išgalvotą tekstą. Patikrinkite kainas, el. pašto adresus ir vardus: DI užpildo spragas labai įtikinamai.

4 žingsnis: paskelbkite internete

Įkelkite failą į nemokamą statinių svetainių talpyklą, pavyzdžiui GitHub Pages, arba bet kurį interneto svetainių talpinimo paslaugą, kuria jau naudojatės. Gausite viešą adresą. Norėdami naudoti savo domeną, vadovaukitės talpyklos nurodymais; mūsų vadovas apie savo domeno prijungimą paaiškina DNS dalį.

Kur baigiasi 1 būdas

• Formos, kurios saugo duomenis. Kontaktų formai reikia vietos, kur siųsti pateikimus. Jums prireiks formų paslaugos arba serverio.
• Prisijungimai ir narių zonos. Jiems reikia serverinės dalies ir duomenų bazės.
• Daug puslapių. Antraščių ir meniu suderinimas dešimtyje rankiniu būdu įklijuotų failų yra varginantis.
• Atnaujinimai. Kiekvienas pakeitimas reiškia naujo kodo prašymą, įklijavimą ir įkėlimą iš naujo.

2 būdas: ChatGPT planuoja, kūrimo įrankis kuria

Čia ChatGPT atlieka mąstymo ir rašymo darbą, o svetainių kūrimo įrankis – kūrimą ir talpinimą.

1 žingsnis: suplanuokite svetainę su ChatGPT

Turiu nedidelę šeimos kepyklą Mančesteryje, kuri priima tortų užsakymus. Pasiūlyk, kokių puslapių reikia mano svetainei, ką kiekvienas puslapis turi sakyti ir vieną veiksmą, kurio noriu iš lankytojų kiekviename puslapyje. Neviršyk penkių puslapių.

2 žingsnis: parašykite tekstus

Paprašykite kiekvieno puslapio teksto, tada perrašykite savo balsu. Pridėkite tikrų detalių, kurių ChatGPT negali žinoti: darbo laiką, kainas, pristatymo zonas, tai, kuo jūsų tortai skiriasi.

3 žingsnis: sukurkite kūrimo įrankyje

Įklijuokite planą ir tekstus į svetainių kūrimo įrankį. Įrankyje „vilk ir mesk“ tekstą įdedate į šabloną. DI kūrimo įrankyje visą planą galite perduoti vienoje žinutėje ir jis sukuria puslapius; pavyzdžiui, Mythex svetainių kūrimo įrankyje:

Sukurk svetainę šeimos kepyklai Mančesteryje pagal šį planą ir tekstus: [įklijuok]. Įtrauk užsakymo formą, kuri išsaugo kiekvieną užklausą (vardas, telefonas, tortų tipas, reikalinga data, žinutė), kad galėčiau jas matyti administravimo puslapyje, prie kurio prisijungti gali tik aš. Šiltas, namiškas dizainas, tinka telefonams.

Čia užsakymo forma įrašoma į tikrą duomenų bazę, ko įklijuotas HTML failas nepadarytų. Daugiau apie šį kelią skaitykite kaip sukurti svetainę su DI.

3 būdas: kurkite ir publikuokite tiesiai iš ChatGPT

Naujausias variantas – prijungti kūrimo įrankį prie ChatGPT, kad ChatGPT galėtų tiesiogiai naudoti to įrankio funkcijas. Lieki ChatGPT pokalbyje; įrankis suteikia projektą, peržiūrą, duomenų bazę ir talpinimą.

Mythex veikia taip per savo ChatGPT programėlę (MCP jungtį). Prisijungiate iš Mythex paskyros nustatymų; prisijungimas veikia bet kuriame plane, o įrankiams, kurie valdo projekto smėlio dėžę, reikia Pro. Prisijungus galite ChatGPT paprašyti maždaug taip:

Naudodamas Mythex, sukurk naują svetainę mano kepyklai su pagrindiniu puslapiu, meniu puslapiu su tortais ir kainomis bei užsakymo forma, kuri išsaugo duomenis duomenų bazėje. Parodyk man peržiūrą ir publikuok, kai pasakysiu, kad atrodo gerai.

Tada ChatGPT sukuria projektą, parašo kodą, paleidžia jį ir, kai patvirtinate, publikuoja viešu adresu. Pakeitimai – tai tiesiog daugiau žinučių tame pačiame pokalbyje. Tas pats jungties principas veikia ir su Claude, Cursor bei Codex. Apie tai, kaip tai veikia ir kurie kūrimo įrankiai tai palaiko, skaitykite DI programėlių kūrimo įrankiai su MCP.

Kurį būdą pasirinkti?

Užklausų patarimai, tinkantys bet kuriam būdui

• Iš karto pateikite tikrus faktus. Vardas, vieta, paslaugos, kainos, kontaktai. Mažiau išgalvotų detalių – mažiau valymo darbo.
• Aprašykite lankytoją ir tikslą. „Tėvas, ieškantis gimtadienio torto, kuris turėtų nusiųsti užklausą.“
• Prašykite maketų, pirmiausia pritaikytų telefonams. Dauguma lankytojų naudoja telefonus.
• Keiskite po vieną dalyką vienoje žinutėje, kai jau yra pirmoji versija.
• Aiškiai prašykite SEO pagrindų: unikalaus pavadinimo ir aprašymo kiekvienam puslapiui, tikrų antraščių, alternatyvaus teksto paveikslėliams. Žr. SEO DI sukurtoms svetainėms.

Mūsų vadove kaip rašyti užklausas DI programėlių kūrimo įrankiams rasite daugiau pavyzdžių.

Dažnos problemos ir sprendimai

• Dizainas atrodo bendras. Duokite pavyzdį: „kaip ramus skandinaviškas kavinukas, daug baltos ir viena prislopinta žalia spalva“.
• Kodas nutrūko. Paprašykite ChatGPT tęsti nuo paskutinės eilutės arba padalinti puslapį į skyrius ir duoti po vieną.
• Jis išgalvojo atsiliepimus ar statistiką. Pašalinkite juos. Netikri atsiliepimai griauna pasitikėjimą, o daugelyje vietų jie prieštarauja vartotojų apsaugos taisyklėms.
• Svetainė sugenda po pakeitimo. Prieš įklijuodami naują kodą, išsaugokite paskutinę veikiančią versiją. Kūrimo įrankiai, pavyzdžiui Mythex, saugo kontrolinius taškus, kad galėtumėte grįžti atgal.

Prieš publikuodami

Perskaitykite kiekvieną žodį kiekviename puslapyje. Patikrinkite, ar kontaktai veikia. Atidarykite svetainę telefone. Įsitikinkite, kad paveikslėliai yra jūsų arba tinkamai licencijuoti. Tada publikuokite ir bendrinkite ten, kur jau yra jūsų lankytojai. Jei norite, kad viskas kainuotų nieko, kaip sukurti svetainę nemokamai detaliau aprašo nemokamas talpinimo galimybes.

Klausimai