Understand Your Export

  1. Let's open the .zip file and take a look inside:

    You should find an HTML file, a CSS file, and maybe a JavaScript file that make up your website. There will also be a README file and a license file that CodePen generates for you.

  2. You can use an editor like Notepad, or preferably a code editor, to see your code. It should be essentially the same as you had in your CodePen editor but with a few more lines of code to stitch the files together.

  3. If you look through your HTML file you will see that codepen has added all the things we need to turn our codepen code into a fully functioning website.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8"> ...
    
  4. You will also notice that there are lines that "bring in" your CSS and Javascript from the other two files.

<link rel="stylesheet" href="css/style.css">
<script src="js/index.js"></script>

results matching ""

    No results matching ""