Web Guide/The Very Basics: Difference between revisions

Line 1:

{{GuidePage|title=The Very Basics|theme=denim|section=🌱 Make a Website}}__TOC__

Let's do the thing. First of all, make sure you have a '''desktop computer''' or laptop (i'm just going to say "desktop" from now on to save time); you can ''technically'' follow along using a mobile phone or iPad but, for the time being, this guide won't cover how to do that. If you don't own a desktop, pretty much every public library will have some that you can use for free.

The first thing you'll need to do is create a folder on your computer, which will contain all the files for your website. If you don't have any experience working with files and folders, [[Web Guide/Sidebar: How Files & Folders work|now is a good time to learn]]!

Line 17:

#If it doesn't start a new document automatically, click "New Document" or press <kbd><kbd>⌘</kbd> + <kbd>N</kbd></kbd> to do that.

# HTML is a plain text format, so we need to go to Format > Make Plain Text (or press <kbd><kbd>⌘</kbd> + <kbd>Shift</kbd> + <kbd>T</kbd></kbd>) to make TextEdit treat it as such.

~~[[File:MacOS save screenshot.png|thumb|right|This is roughly what you want it to look like]]~~

# Go to File > Save (or press <kbd><kbd>⌘</kbd> + <kbd>S</kbd></kbd>) to save the file. It should pop open a dialog asking you where to save the file. [[File:MacOS save screenshot.png|thumb|right|This is roughly what you want it to look like]]

# Go to File > Save (or press <kbd><kbd>⌘</kbd> + <kbd>S</kbd></kbd>) to save the file. It should pop open a dialog asking you where to save the file.

# Where it says "Save as:", type <code>index.html</code>. In the "Where:" field, navigate to the folder you created earlier (you might need to click the little down arrow to get a proper file picker).

# Click Save. If it interrogates you about the .html extension, select "Use .html".

@@ Line 1: / Line 1: @@
 {{GuidePage|title=The Very Basics|theme=denim|section=🌱 Make a Website}}__TOC__
 Let's do the thing. First of all, make sure you have a '''desktop computer''' or laptop (i'm just going to say "desktop" from now on to save time); you can ''technically'' follow along using a mobile phone or iPad but, for the time being, this guide won't cover how to do that. If you don't own a desktop, pretty much every public library will have some that you can use for free.
 The first thing you'll need to do is create a folder on your computer, which will contain all the files for your website. If you don't have any experience working with files and folders, [[Web Guide/Sidebar: How Files & Folders work|now is a good time to learn]]!
@@ Line 17: / Line 17: @@
 #If it doesn't start a new document automatically, click "New Document" or press <kbd><kbd>⌘</kbd> + <kbd>N</kbd></kbd> to do that.
 # HTML is a plain text format, so we need to go to Format > Make Plain Text (or press <kbd><kbd>⌘</kbd> + <kbd>Shift</kbd> + <kbd>T</kbd></kbd>) to make TextEdit treat it as such.
-[[File:MacOS save screenshot.png|thumb|right|This is roughly what you want it to look like]]
+# Go to File > Save (or press <kbd><kbd>⌘</kbd> + <kbd>S</kbd></kbd>) to save the file. It should pop open a dialog asking you where to save the file. [[File:MacOS save screenshot.png|thumb|right|This is roughly what you want it to look like]]
-# Go to File > Save (or press <kbd><kbd>⌘</kbd> + <kbd>S</kbd></kbd>) to save the file. It should pop open a dialog asking you where to save the file.
 # Where it says "Save as:", type <code>index.html</code>. In the "Where:" field, navigate to the folder you created earlier (you might need to click the little down arrow to get a proper file picker).
 # Click Save. If it interrogates you about the .html extension, select "Use .html".