Sukurkite savo fotografo portfolio su DI

01Kuo tai skiriasi nuo šablonų parinkiklio

Šablonų galerijos parodo gatavą dizainą ir klausia, ar jis jums patinka. Šis įrankis eina vienu sluoksniu giliau: kiekviena iš šešių žemiau pateiktų krypčių paremta tikru, veikiančiu fotografo portfolio, kuris buvo iš tikrųjų ištirtas (ekrano nuotraukos, tikras išdėstymas, apskaičiuotos spalvos, apskaičiuoti šriftai), o ne paletė, kurią kažkas sugalvojo, kad gražiai atrodytų spalvų pavyzdyje. Pavyzdžiui, žurnalinė kryptis naudoja EB Garamond, nes būtent šiuo šriftu surinkta tikro mados fotografo svetainė, o šriftas nustatytas tiesiogiai ištyrus puslapį.

Du modeliai pasirodė beveik visose tikrose svetainėse, pagal kurias tai kurta, ir jie įkepti į kiekvieną kryptį: meniu paslėptas už vienos hamburgerio piktogramos, be matomo nuorodų sąrašo, net kompiuteryje, ir vienas didelis vaizdas vienu metu, o ne tinklelis. Sąsajos spalvos beveik nėra: spalvą suteikia fotografija, o ne sąsaja.

02Ką gausite pabaigoje

Viena struktūrizuota užklausa, apimanti bendrą kryptį, tikslias šešioliktaines spalvų reikšmes, šriftų pavadinimus ir porą, puslapių sąrašą, naršymo elgseną, galerijos išdėstymą ir vaizdų rėminimą, įtrauktinas funkcijas, talpinimo rekomendaciją su realiais kainos kompromisais ir pastovų kūrimo kokybės reikalavimų rinkinį (prieinami alt tekstai, adaptyvūs lūžio taškai, jokių įrašytų paslapčių, atidedamas vaizdų įkėlimas). Įklijuokite ją į savo pasirinktą DI programavimo programą, ir ji turės viską, ko reikia pradėti.

03Nuo užklausos iki veikiančios svetainės: visas procesas

Užklausa yra dizaino užduotis, o ne finišas. Štai kiekvienas žingsnis tarp jos nukopijavimo ir tikro adreso, kurį galite dėti ant vizitinės kortelės, nemokamai ar beveik nemokamai.

Nukopijuokite užklausą ir atidarykite DI programavimo programą

Tinka Claude, Cursor, Claude Code, Windsurf ar Replit DI agentas, bet kas, kas gali rašyti ir saugoti failus jūsų vietoje, ne tik kalbėtis. Jei niekada tokios nenaudojote, naršyklėje veikianti parinktis, pavyzdžiui, claude.ai ar Replit, nereikalauja diegimo: įklijuokite užklausą kaip pirmąją žinutę.

Leiskite jai sukurti, tada tikrai pažiūrėkite, ką ji padarė

Paprašykite sukurti svetainę kaip statinį HTML/CSS/JS (arba kaip nurodyta užklausos talpinimo dalyje) ir parodyti peržiūrą. Patikrinkite šešis dalykus, kurių prašė užklausa (spalvas, šriftus, galerijos elgseną, meniu, rėminimą, puslapius), prieš eidami toliau. Neteisingą akcento spalvą ištaisyti kur kas pigiau dabar nei įdėjus nuotraukas.

Įdėkite savo tikras nuotraukas, biografiją ir kontaktus

Pakeiskite kiekvieną vietos žymeklio vaizdą ir užpildo teksto eilutę. Paprašykite savo DI programos kiekvienai nuotraukai parašyti tikrą, konkretų alt atributą, ne „image1.jpg“, o tikrą aprašymą, nes tai ir prieinamumo reikalavimas, ir nedidelė SEO nauda. Tai taip pat momentas dar kartą patikrinti, ar kontaktų forma tikrai nukreipta į el. pašto adresą, kurį tikrinate.

Paskelbkite nemokamoje talpinimo vietoje

Jei pasirinkote „Statinė & nemokama“ pakopą, paprašykite DI programos padėti sujungti projekto aplanką ar GitHub saugyklą su viena iš aukščiau esančio meniu skiltyje Talpinimas nurodytų vietų. Visos keturios kuriasi ir skelbiasi automatiškai kaskart, kai išsiunčiate pakeitimą; sujungus nebereikia nieko įkelti rankiniu būdu.

Prijunkite savo domeną (nebūtina, bet verta)

Nemokamas subdomenas (pvz., yourname.netlify.app) pradžiai tinka. Kai būsite pasiruošę yourname.com, tai domeno pirkimas ir vienas DNS pakeitimas, aprašyta išsamiau žemiau.

04Kurią nemokamą talpinimo vietą rinktis?

Bet kuri iš šių nemokamai paskelbs statinę svetainę, su nemokamu HTTPS ir nemokama pakopa, kurios lengvai užtenka asmeninio portfolio srautui. Nemokamų pakopų ribos keičiasi gana dažnai, todėl skaičius Talpinimo puslapyje laikykite bendru vaizdu, o ne tiksliomis dabartinėmis reikšmėmis, ir prieš apsispręsdami patikrinkite kiekvieno teikėjo kainų puslapį.

Paprašykite DI programavimo programos atlikti patį paskelbimą kartu su jumis: „prijunk šį projektą prie Netlify“ yra visiškai įprasta užklausa, ir ji dažniausiai per porą minučių gali pravesti jus per paskyros sukūrimą ir pirmąjį paskelbimą.

05Domeno prijungimas

Domenas kainuoja nedidelį metinį mokestį (paprastai $10 iki 20 per metus, priklausomai nuo galūnės), atskirai nuo talpinimo, kuris lieka nemokamas. Trys dalys:

1. Nupirkite domeną. Namecheap, Cloudflare Registrar arba Google Domains pakaitalas (Squarespace Domains).
2. Pridėkite DNS įrašą. CNAME (arba A įrašą), nukreipiantį jūsų domeną į jūsų talpinimo vietą, pridedamą registratoriaus skydelyje. Tai dvi eilutės registratoriaus lentelėje: CNAME įrašas www, nukreipiantis į adresą, kurį suteikia jūsų talpinimo vieta, pavyzdžiui, your-portfolio.netlify.app, ir A įrašas pliką domeną nukreipiantis į talpinimo vietos IP.
3. Pridėkite jį talpinimo vietoje. Įklijuokite tą patį domeną į talpinimo vietos „custom domain“ nustatymus; HTTPS įsijungia pats.

Kiekviena Talpinimo puslapyje esanti vieta turi skirtuką „Custom domain“ arba „Domains“, kuriame pateiktas tikslus pridėtinas įrašas: nukopijuokite jį, pridėkite savo registratoriuje ir palaukite. DNS pakeitimai paprastai įsigalioja per kelias minutes ar kelias valandas, kartais iki 24 ar 48 valandų. Jūsų DI programavimo programa gali padėti susigaudyti jūsų konkretaus registratoriaus skydelyje, jei užstrigote; nufotografuokite nustatymų puslapį ir paklauskite, ką spausti. Matomas spynos ženklas, jokio įspėjimo „not secure“: tai finišas.

06Patikros sąrašas prieš paleidimą

Penkios minutės su šiuo sąrašu pagauna daugumą dalykų, dėl kurių portfolio atrodo nebaigtas. Patikros yra aukščiau esančio meniu puslapyje Prieš paleidimą; atžymėkite jas einant.

07Dažnai užduodami klausimai