Author Topic: The Basics of a URL, FTP, and HTML5  (Read 841 times)


  • Global Moderator
  • Hero Member
  • *****
  • Posts: 60
The Basics of a URL, FTP, and HTML5
« on: September 02, 2015, 08:57:20 pm »
What is a “URL”?
•   URL stands for Universal Resource Locator.  A URL can be thought of as the address of a website.
•   Some URLs are short (that is the ideal), but some URLs are long.  The shorter your URL is, the easier it will be to remember.
•   A URL can tell a story.  For example, this fictional URL …  http://www.thebigcompany.com/global/corporate/public_relations/customer_service.html   …  tells a story about that company’s directory structure.  Reading this URL, from right to left, tells me that there is a file named “cutomer_service” that is in a folder named “public_relations”, which is in a folder named “corporate”, which is in a folder named “global”, which is in the root folder.  The name of the root folder should never appear in the URL.

What does it mean to “FTP”?
•   FTP stands for File Transfer Protocol.  A “protocol” is a set of rules for accomplishing something.  In the case of FTP, it is the means by which computers exchange information over a network.
•   You use an FTP client to log into an FTP server, navigate the file structure, and upload or download files.
•   Here is an example of how you might access your server space on our student server via FTP.  Imagine that your login is “abc123” and your password is “mypassword”:
o   Site:      ftp.aisites.com
o   Login:      abc123
o   Password:   mypassword
o   Port:      21

(You may have noticed the reference to a “port” number.  A port number references a dedicated application on the server.  By defult, FTP is assigned ports 20 and 21.  HTTP (Hyper Text Transfer Protocol) is assigned port 80.

   The basic structure of a basic HTML5 page looks like this:



   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

   <title>My Website</title>

   <link rel="stylesheet" type="text/css" href="mystyle.css">




            <h2>Title of First Content Item</h2>

         <p>This is the paragraph.</p>

            <h2>Title of Second Content Item</h2>

         <p>This is the paragraph.</p>


      <h2>About section</h2>

      <p>This is the content of the about section.</p>


      <p>Copyright 2015 My Name</p>



And, for good measure,here is a small example of an external style sheet, saved as a text document in a simple text editor, such as notepad.  You have named this file  “mystyles.css”:

body { background-color:  yellow; }
p { color: green’ }
h2 { color: white’ }


FTP for Beginners:

Web Development: The Need to Know Basics

Student Help Forum: http://aipodhelp.com/wdim/index.php
Tips Home Page: http://aipodhelp.com/wdim/index.php?board=70.0

« Last Edit: September 22, 2015, 05:36:41 pm by KAvery »