I wanted to send my friend a little homemade website I made as a christmas greeting.
I made it look as I wanted – with a HTML file, CSS file, and some other folders with pictures etc.
My question is – how do I send it? I want to do it via email.
I tried taking my whole folder with everything in it, and make it a zip-file.
I then tried opening my index.html in the zipfile. It looked like the picture i’ve attatched… it’s like the pictures does’nt really work anymore and the CSS also.
Why does this happen? And how do I make sure it looks correct when my friend recieves it?
Thanks in regards!
Heres how it should look and how it looks right now:
(Sorry for the funny language on the images – made it in Danish 😉 )
2
Answers
You can use jsfiddle.net. (You don’t even need to create an account)
So first, copy and paste your code in (the HTML into the HTML slot, and the CSS into the CSS slot, obviously. If you also have JavaScript, there’s a slot for that as well).
Then, press the "safe fiddle" button (right next to the run button) to save your fiddle. Once that’s done, copy and paste the URL into gmail, and your friend can see it.
Hope this helped!
If you’d like to make it even easier for your friend to view:
Host it on GitHub Pages:
Or you can use Free Hosting Services like Netlify or Vercel allow you to deploy your site for free.