Att gå Från Dumma Lilla Idé till Verklig Webbplats Som 10 Minuter

0
65

Jag bor i Bend, Oregon. Jag vaknade upp med den dummaste idén någonsin att det ska vara lite food truck kort webbplats och det bör kallas Lev, Oregon. Det är inte min bästa idé, men hey, jag är full av dem. Lyckligtvis behöver vi inte har att spendera hela dagen på detta.

1) Räkna ut vad som kommer att gå på denna dumma lilla hemsida

Lyckligtvis, allt hårt arbete var redan gjort. En av våra lokala trasor redan skapat en lista över dem. De anspelar på en karta flera gånger, men det är svårt att gräva upp det. I söka runt lite, hittade jag den här som har en inbäddad i Google Kartan.

Kanske detta kan vara användbart då! Låt oss blåsa upp denna karta och bädda in det ordentligt!

2) Gör dumma webbplats

Lyckligtvis, Google Maps är inbäddningsbar. Låt oss bara slå sina bädda in koden i ett HTML-dokument:

<body>
<iframe src=”https://www.google.com/maps/d/embed?mid=1bg2tr60F_w395jAY-WW8JGbwSCM” width=”640″ height=”480″></iframe>
</body>

Och har den täcker hela sidan:

html, body {
margin: 0;
höjd: 100%;
overflow: hidden;
}

iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
höjd: 100%;
border: 0;
}

Låt oss använda CodePen Projekt för detta, som kommer att ta oss ytterligare ett steg närmare att ha detta live.

Extra filer det finns bara en Krök logotyp jag sköt genom RealFaviconGenerator.

3) Köp den stumma domännamn

Detta är den punkt där du börjar verkligen att ifrågasätta tanken. Men, gå vidare och dra igång ändå. Internet behöver du.

4) Det är dumt, men det kan det lika väl vara HTTPS

En stor anledning till att använda CloudFlare är att du får HTTPS även om deras gratis plan. Kan lika gärna dra nytta av det. Detta innebär pekar om namnservrar från din domän registrant över till CloudFlare.

5) Distribuera CodePen Projekt

Du kan använda webbplatsen direkt ur CodePen Projekt.

Observera att du får några IP-adresser som det. Lägg dem som En Poster direkt i CloudFlare och du är klar!

6) Sola sig i din dumma idé

Svär till gud, 10 minuter från start till mål.