Now copy the HTML example code (select it and right-click it and choose Go to the HTML introduction of W3Schools, or to any other tutorial which shows a start of an HTML document. You now are ready to add HTML code to the file index.html. Your project in Atom should now look like: Next, save the 'untitled' file: choose File > Save or press CTRL+S. If there is no 'untitled' file, add a file via File > New File: If there is already an 'untitled' file, skip the next line. So if you would like to add images, copy them to the website folder (it is recommended to create a subfolder for that, eg. Important: add all files to the website folderĪll files you would like to add to your site have to be in the website folder. You now are ready to add files to the website folder. In Atom: choose File > Add Project Folder, click New Folder, type a name, select it, press Select Folder: We can do this from the editor (or use the Windows Explorer/Finder): Create a folder for your websiteĬreate a folder for your website, for example in your 'Documents' folder: Install the editor you choose and continue with the steps below. In this tutorial we will continue using Atom. Codesandbox.io, online editor ( short tutorial here).Notepad), but it is strongly recommended to use an editor which is suitable to manage a site and write code. You may use an editor already present on your computer (eg. To write HTML code, you need an text editor.
These are the basic steps you should take. Use a tutorial like W3Schools for that: start with the "HTML introduction" and follow the pages until "HTML CSS".
#Livereload atom how to
We will not learn you how to code HTML or CSS.
0 kommentar(er)
