Web Guide/The Very Basics: Difference between revisions

(One intermediate revision by the same user not shown)

Line 11:

# Open File Explorer and find a place for the local version of your new site. At this stage, it doesn't matter where; your Documents folder is pretty solid.

# Right click and press "New..." -> "Folder" to create a folder to contain all the website's contents. Give it an appropriate name.

# Enter this folder, then right-click and create a new text document with "New..." -> "Text Document". Call it <code>index.html</code>. This will be your homepage. You might have to go into it and save it as an HTML file in Notepad to make sure it is actually an HTML file, because by default, Windows is evil and doesn't let you see file extensions. Make sure to delete the original text file if using this approach. If you do it ~~without "saving as" in Notepad~~, Windows will ask you if you want to change the file type, and believe me, you very much do. Text documents aren't very useful on the World Wide Web Tee Em, unless they're encased in HTML.

# Enter this folder, then right-click and create a new text document with "New..." -> "Text Document". Call it <code>index.html</code>. This will be your homepage. You might have to go into it and save it as an HTML file in Notepad to make sure it is actually an HTML file, because by default, Windows is evil and doesn't let you see file extensions. Make sure to delete the original text file if using this approach. If you do it via renaming, Windows will ask you if you want to change the file type, and believe me, you very much do. Text documents aren't very useful on the World Wide Web Tee Em, unless they're encased in HTML.

# Right-click (yeah i know, there's a lot of this) your new .html file, and select "Open with..." -> "Notepad", and watch as your blank HTML file appears magically before your eyes as a notepad document containing absolutely nothing. This is absolutely fine.

# If you type things into this and save them, it will save to the HTML file quite happily, though Notepad isn't exactly the best editor for this... see later for details.

</div>

=== macOS ===

@@ Line 11: / Line 11: @@
 # Open File Explorer and find a place for the local version of your new site. At this stage, it doesn't matter where; your Documents folder is pretty solid.
 # Right click and press "New..." -> "Folder" to create a folder to contain all the website's contents. Give it an appropriate name.
-# Enter this folder, then right-click and create a new text document with "New..." -> "Text Document". Call it <code>index.html</code>. This will be your homepage. You might have to go into it and save it as an HTML file in Notepad to make sure it is actually an HTML file, because by default, Windows is evil and doesn't let you see file extensions. Make sure to delete the original text file if using this approach. If you do it without "saving as" in Notepad, Windows will ask you if you want to change the file type, and believe me, you very much do. Text documents aren't very useful on the World Wide Web Tee Em, unless they're encased in HTML.
+# Enter this folder, then right-click and create a new text document with "New..." -> "Text Document". Call it <code>index.html</code>. This will be your homepage. You might have to go into it and save it as an HTML file in Notepad to make sure it is actually an HTML file, because by default, Windows is evil and doesn't let you see file extensions. Make sure to delete the original text file if using this approach. If you do it via renaming, Windows will ask you if you want to change the file type, and believe me, you very much do. Text documents aren't very useful on the World Wide Web Tee Em, unless they're encased in HTML.
 # Right-click (yeah i know, there's a lot of this) your new .html file, and select "Open with..." -> "Notepad", and watch as your blank HTML file appears magically before your eyes as a notepad document containing absolutely nothing. This is absolutely fine.
 # If you type things into this and save them, it will save to the HTML file quite happily, though Notepad isn't exactly the best editor for this... see later for details.
+</div>
 <div class="platform macos">
 === macOS ===