Web Guide/The Very Basics: Difference between revisions

Line 11:

=== macOS ===

# Open the Finder and pick a folder to place your new site into (it doesn't really matter where, "Documents" is a solid choice)

# Open the Finder and pick a folder to place your new site into (it doesn't really matter where, "Documents" is a solid choice).

# Press <kbd><kbd>⌘</kbd> + <kbd>Shift</kbd> + <kbd>N</kbd></kbd> to create a new folder

# Press <kbd><kbd>⌘</kbd> + <kbd>Shift</kbd> + <kbd>N</kbd></kbd> to create a new folder.

# Give it a name and press return

# Give it a name and press return.

# Now, open TextEdit

# Now, open TextEdit.

# 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.

# 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"

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

# You're ready to start editing your website!

</div>

@@ Line 11: / Line 11: @@
 <div class="platform macos">
 === macOS ===
-# Open the Finder and pick a folder to place your new site into (it doesn't really matter where, "Documents" is a solid choice)
+# Open the Finder and pick a folder to place your new site into (it doesn't really matter where, "Documents" is a solid choice).
-# Press <kbd><kbd>⌘</kbd> + <kbd>Shift</kbd> + <kbd>N</kbd></kbd> to create a new folder
+# Press <kbd><kbd>⌘</kbd> + <kbd>Shift</kbd> + <kbd>N</kbd></kbd> to create a new folder.
-# Give it a name and press return
+# Give it a name and press return.
-# Now, open TextEdit
+# Now, open TextEdit.
 # 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.
-# 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"
+# Click Save. If it interrogates you about the .html extension, select "Use .html".
 # You're ready to start editing your website!
 </div>