Web Guide/The Very Basics: Difference between revisions

Line 1:

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

Let's ~~get started~~. First of all, make sure you have a '''desktop computer''' or laptop (we'll just 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.

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]]!

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]]! Okay, without further ado:

== Setting up your website ==

Line 10:

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)

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

# Give it a name and press return

# 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

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

# You're ready to start editing your website!

</div>

@@ Line 1: / Line 1: @@
 {{GuidePage|title=The Very Basics|theme=denim|section=🌱 Make a Website}}__TOC__
-Let's get started. First of all, make sure you have a '''desktop computer''' or laptop (we'll just 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.
+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]]!
-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]]! Okay, without further ado:
 == Setting up your website ==
 {{#widget:Guides/PlatformSwitcher}}
@@ Line 10: / 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)
+# Press <kbd><kbd>⌘</kbd> + <kbd>Shift</kbd> + <kbd>N</kbd></kbd> to create a new folder
+# Give it a name and press return
+# 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
+# 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"
+# You're ready to start editing your website!
 </div>
 <div class="platform linux">