Web Guide/The Very Basics: Difference between revisions

From pronounmail wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
{{GuidePage|title=The Very Basics|theme=denim|section=🌱 Make a Website}}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 doesn'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.  
{{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.  


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:
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 ==
__NOTOC__
 
{{#widget:Guides/PlatformSwitcher}}
{{#widget:Guides/PlatformSwitcher}}
<div class="platform windows">
<div class="platform windows">
== Windows ==
=== Windows ===
</div>
</div>
<div class="platform macos">
<div class="platform macos">
== macOS ==
=== macOS ===
</div>
</div>
 
<div class="platform linux">
#<div class="platform linux">
=== Linux ===
== Linux ==
</div>
</div>
<div class="platform haiku">
<div class="platform haiku">
== Haiku ==
=== Haiku ===
# Find a folder to place your new site into (your home folder will work fine).
# Find a folder to place your new site into (your home folder will work fine).
# Create a new folder, call it whatever you want.
# Create a new folder, call it whatever you want.

Revision as of 13:07, 26 January 2025

🌱 Make a Website

The Very Basics

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.

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, now is a good time to learn! Okay, without further ado:

Setting up your website

Select your operating system:

Windows

macOS

Linux

Haiku

  1. Find a folder to place your new site into (your home folder will work fine).
  2. Create a new folder, call it whatever you want.
  3. Open that folder, right click and select Newtext file and call it index.html. This will be your site's homepage.
  4. Right click the newly created file and select Add-onsFileType.
  5. In the window that appears, type text/html into the "File Type" field and then close it.
  6. You can now double click your index.html file to open it in WebPositive.

Note that WebPositive's developer tools are currently fairly lacking, so you may want to install a browser like Falkon from the HaikuDepot.