squemish

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

achontos

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


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


<!DOCTYPE HTML>

<html>

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

   <title>My Website</title>

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

</head>

<body>

   <header>
      <nav>
         <ul>
            <li>menu</li>
         </ul>
      </nav>
   </header>
   
   <section>
   
      <article>

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

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

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

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

   <aside>

      <h2>About section</h2>

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

   </aside>

   <footer>
      <p>Copyright 2015 My Name</p>
   </footer>

</body>

</html>


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’ }


References:

FTP for Beginners:
http://www.webmonkey.com/2010/02/ftp_for_beginners/

Web Development: The Need to Know Basics
http://www.htmlgoodies.com/tutorials/getting_started/article.php/3869776




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 »