skip to Main Content

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 😉 )

How it should look
How it currently looks

2

Answers


  1. 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!

    Login or Signup to reply.
  2. If you’d like to make it even easier for your friend to view:

    Host it on GitHub Pages:

    • Create a GitHub repository and upload your files.
    • Go to the repository’s settings and enable GitHub Pages.
    • Share the link with your friend.

    Or you can use Free Hosting Services like Netlify or Vercel allow you to deploy your site for free.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search