Göra en enkel hemsida i Photoshop till HTML?

Kanske rubriken är lite missvisande, men iaf.

Är kass på kodning och måste göra en enkel och unik hemsida.
Det ska vara en lista på personer från min by och så bilder på min by, det är allt.

Här kan ni se exempel på hur det ska se ut:
https://ibb.co/JdLRHJ8


Dedär är alltså gjort i Photoshop, men går det att göra så den bilden funkar att ha som webbsida?
Då skulle jag slippa lära mig kodning vilket jag verkligen inte orkar hålla på med.

För nåt år sedan skulle jag göra en annan sida och då använde jag nåt program där man kunde liksom klistra in bilder och skriva tex, positionera allt, och sen spara den som HTML.
Sen var det bara ladda upp på hostning och allt funkade perfekt. Nån som kanske vet vad det är för program?



Viktigt att min sida funkar både för dator och mobil.

Tror du kan extrahera wordpress till html. Inte 100 dock

Word press med temat Twenty Twenty-FourVersion: 1.1 bör TS kunna tejpa en sida som liknar han / hon vision gjord
i photoshop. Bara sätta upp en LAMP miljö i en VBOX , har man utvecklings plattform för detta.

Pja, nåt wysiygverktyg kanske?

En gång i forntiden användes dreamweaver till sånt här, det kanske funkar fortfarande?

Squarespace eller liknande.

Problemet med ai är att du kommer ju fortfarande behöva ge den all info för att den ska kunna göra nåt.

Och glömmer du då av nånting så behöver du göra om allt från början.

Hade du gjort det själv så vet du ju vad du pysslar med (iaf lite) och kan förhoppninghsvis lägga till det du behöver.

Använd nåt webbhotell som erbjuder nåt enklare cms, t.ex. Loopia Sitebuilder för att bara nämna nån.

Om du inte använder sida vid sida utan bara upp och ned, så kan du handkoda detta på tio minuter.

Tror också att det skulle kunna vara bästa lösningen för TS. Annars är det väl Dreamweaver (kostar) eller SeaMonkey Composer (gratis) som är bäst om man vill ha en wysiwyg-editor. Riktigt enkla sidor kan man ju dessutom göra i ett ordbehandlingsprogram (som LibreOffice writer), utan att behöva koda.

Går det inte göra bilden så den anpassar sig till dator och mobilskärm?

För det skulle va det optimala för mig

Rent tekniskt sett går det, på sätt och vis, men inte utan kodning och inte på något bra sätt.
Det här är ett sätt: Bilden måste ligga i en img-tagg på en html-sida, och i head-sektionen får man lägga till två taggar som talar om för webbläsaren att här är det minsann responsiv design som följer, samt att bilder inte får vara bredare än webbläsarfönstret.
Koden kan se ut så här (byt ut "bilden.jpg" mot namnet på din bild, som måste ligga i samma mapp som html-filen):
Nu passar bilden in i mobilskärmen, men blir så pass liten att användaren måste zooma och scrolla en massa för att kunna läsa. Inte idealiskt.
Vill du ha bra kvalité på din sajt ska du inte göra den som bilder, utan som html. Vill du dessutom att den ska funka bra på både dator och mobil bör du använda så kallad responsiv design, som bland annat innebär att layouten blir olika för olika skärmar. Det är dock väldigt komplicerat och inget för den som inte vill koda. Det enklaste i så fall är att använda en färdiggjord mall, där du bara byter ut innehållet.

Jodå, det går. Använd mediaqueries. Men då måste du förmodligen koda lite, om inte DramWeaver eller SeaMonkey har den funktionaliteten inbyggd.

Jag är nyfiken på varför så många tror att allt med IT är så enkelt att vem som helst kan göra saker helt utan kunskaper.
Hur ofta ser/hör du någon som säger "Jag vill bygga en sportbil, den ska vara snabbare än en Koenigsegg. Jag vet inget om bilbygge, kan inte svetsa, vet inget om motorer och vet inte hur man böjer plåt. Men det måste väl finnas något enkelt sätt att fixa en super-sportbil gratis? Kanske någon skänkerbort en på Blocket?"

Det finns en anledning att vi som jobbar inom IT (speciellt mjukvaruutveckling) ofta tjänar ganska bra.