Skip to content

Latest commit

 

History

History
136 lines (103 loc) · 7 KB

README.md

File metadata and controls

136 lines (103 loc) · 7 KB
Raw

Week 1 - Intro to the Course

Text Editor

A good text editor is a developer's best friend.

The text editor is where we'll spend most of our time writing code. There are many text editors to choose from. To list a few there's Atom, Sublime Text, Brackets, Visual Studio Code, Adobe Dreamweaver. they let you view full directories and open files in different tabs, navigate easily using keyboard shortcuts, highlight different bits of syntax in many languages (very helpful) and have efficiency-gaining code snippets you'll get more familiar with over time.

Atom

A Hackable Text Editor for the 21st Century.

Atom

Features:

  • Built-in package manager
  • Smart autocompletion
  • File system browser
  • Multiple panes
  • Hackable/Customizable

Atom is an open source cross-platform editor. There are builds available for Mac, Windows, and Linux.

HTML

HTML (Hyper Text Markup Language) is a markup language for describing web documents (websites). The markup tells the Web browser how to display a website's words and images to the user.

<!DOCTYPE html>               <!-- Tell the browser what type of document they're looking at. -->
<html>                        <!-- html tag is the container for all other HTML elements -->
  <head>                      <!-- head is a collection of metadata for the Document-->
    <meta charset="UTF-8" />  <!-- Specify character encoding for the HTML document -->
    <title></title>           <!-- Title for the document -->
  </head>
  <body>                      <!-- This is the document's body -->
    <h1></h1>                 <!-- Define HTML headings -->
    <h2></h2>
    <h3></h3>
    <p></p>                   <!-- Define a paragraph -->
    <ul>                      <!-- Define an unordered list -->
      <li></li>               <!-- Define a list item -->
    </ul>
    <ol>                      <!-- Define an ordered list -->
      <li></li>
    </ol>
    <a href="#"></a>          <!-- Define a hyperlink -->
  </body>
</html>

Web Hosting

Domain Name System

The domain name system, more commonly known as "DNS" is the networking system in place that allows us to resolve human-friendly names to unique addresses.

Domain Name

A domain name is the human-friendly name that we are used to associating with an internet resource.

IP Address

An IP address is what we call a network addressable location. Each IP address must be unique within its network.

Top-Level Domain

A top-level domain, or TLD, is the most general part of the domain. The TLD is the furthest portion to the right (as separated by a dot).

Hosts

Web host stores all the pages of your website and makes them available to computers connected to the Internet. Within a domain, the domain owner can define individual hosts, which refer to separate computers or services accessible through a domain.

FTP

FTP (File Transfer Protocol) is a way to transfer files between hosts over the internet. It is especially helpful as a way to upload or download files to or from a site quickly.

FileZilla

FileZilla is a free FTP application available for Mac, Windows, and Linux.

Set up FileZilla:

  1. Open the Site Manager by clicking the 1st icon on the topbar or navigating File > Site Manager.

  2. Site Manager window should pop up.

  3. Click the New Site button.

  4. Enter your Host name. (Domain name or IP Address)

  5. Protocol: Select "FTP - File Transfer Protocol".

  6. Encryption: Select "One use plain FTP".

  7. If you're on a public computer, set Logon Type to "Ask for password".

  8. Username can be found by visiting FTP Accounts section of the cPanel.

  9. Click the Connect button.

  10. Enter your password (cPanel password).

Site Manager

  1. Once you've logged in, all your files and folders on your server will be viewable. Go into public_html folder, which is the web root for your primary domain name.

  2. The easiest way to copy files to and from the server is to simply drag-and-drop into the public_html folder.

Folder Structure

public_html is the folder where you put all your website files which will appear when someone navigates to your website.

art128 is a subdirectory, specifically for this class. You can access it by navigating to http://www.yourdomain.com/art128/ in your browser.

.
├── ...
├── public_html/                  # Web root for your primary domain name.
│   ├── index.html                # Default page for this directory
│   ├── art128/                   # Art 128 class website
│   │   ├── assignment01/  
│   │   ├── assignment02/
│   │   ├── index.html            # Default page for art128
│   │   └── ...  
│   ├── art229/                   # Art 229 class website
│   └── ...  
└── ...

Homework:

  • Set up your class web page. All students are required to have hosting space to post their designs, assignments, and ultimately their final web site. Students are required to purchase a hosting plan with a third party hosting provider. Past students have purchased hosting plans from Bluehost, NameCheap, HostGator, and GoDaddy (these are just a few of many hosting providers available). Plans should include ample disk space (ie. more than 2GB or unlimited), support for CGI, PHP, and MySQL, multiple domain hosting (to host more than one site), one-click install/support for Wordpress, Joomla, and Drupal (popular CMS options), and a low, competitive price (an example rate is around $3-$5/month – this is subject to change based upon current trends for hosting prices).
  • Once your class web page is set up, email the url to the instructor.
  • Assignments 1 - HTML web page

Reference