Basic Web Crash Course Register

Overview

What you’ll learn

  • Overview of front-end web technologies including HTML, CSS, JavaScript
  • How to use a text editor, FTP client, and Google Chrome web developer tools
  • Collecting user data through the Forms tool in Google Drive
  • Embedding media content, including images and YouTube videos
  • Registering a domain name and deploying to a web server
  • Quickly publishing a site with Weebly and Wordpress.com
  • Sandbox time with 1-on-1 support from our instructional team

Prerequisites

  • The ability to type text on a computer (e.g. write an email, edit a Word document)
  • Access to a computer with macOS/Windows/Linux (must have permission to install programs)
  • We’ll be installing Google Chrome, Sublime Text, and Filezilla
  • Google Account (ie Gmail account)
  • Experience using a variety of websites

Course material

Schedule

1pm

1:50pm

2:30pm

  • Break

2:40pm

The Plan

  • Why should we make a website?
  • Create business website
  • Register domain
  • Upload to host
  • Promote

3:00pm

  • 4 pages
    1. Home - index.html Has image, links
    2. About - about.html Has embedded YouTube video
    3. Contact - contact.html Has embedded Google Form
    4. Products - products.html Has Table of products
  • Make Home page look great, it will be our template
  • COPY THIS CSS

3:30pm

  • About Page - YouTube embed
  • Contact Page - Google Forms sample embed

    <iframe src="https://docs.google.com/forms/d/1qdS7S4NEp4Vud0wOtTuJq7jT7JxNvgV_lH3tBXTxzaE/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
    

3:50pm

  • Break

4pm

4:45pm

The “Easy Way”

5:00pm

  • Break

5:10pm

Promotion

Managing your business

  • Use the Google suite: Gmail, Google Calendar, Google Docs
  • Try Trello for TODO lists
  • Communicate internally with Slack

Sandbox Time

6pm

Outcomes

Additional resources

More learning

WYSIWYG web tools

Embeddable forms

Email Marketing

Payment


Notes

Vocabulary

  • HTML - HyperText Markup Language
  • CSS - Cascading Style Sheets
  • Document
  • Element
  • Tag
  • Attribute
  • Value
  • CMS - Content Management System
  • HTTP - hypertext transfer protocol

FTP Access Credentials

Download and install FileZilla

  • Host: projects.awesomeincu.com
  • Port: 22
  • Protocol: SFTP
  • Logon Type: Normal
  • User: (ask instructor)
  • PW: (ask instructor)