Lawrence Jones Design - Raleigh, NC - Getting Started with the Web

Getting Started with the Web

Chapter 1: Webpage Building Blocks

Basic HTML Page

Anatomy of an HTML element

Elements

Attributes & Values

Parents & Children

Text Content

meta charset

Chapter 2: Working with Webpage Files

ONLINE Reference: Getting started with the Web At MDN Mozilla Developer Network

Software Requirements

Computer: Desktop or Laptop (tablet or phone not recommended)
Web Browser
Text Editor
Graphics Editor for images
File Transfer Program (FTP) (SFTP is better: Secure File Transfer Program)

Planning

Subject, or content
title, outline, overview sentences, images, graphics
Design: color, fonts, styleguide, branding
Graphics Editor for images
File Transfer Program (FTP) (SFTP is better: Secure File Transfer Program)

Saving your Work (dealing with files)

Naming your files
- Never use spaces and avoid indiscriminate uppercase:
  - Jack Smith.jpg is bad form because it has a space It will look like this Jack%20Smith.jpg More info on URI
  - JACKSMITH.JPG is not wrong, but all caps is to be avoided so as to be consistent
  - jacksmith.JPG all caps file extensions are to be avoided, but screen captures do this
- Good Usage
  - jack-smith.jpg lower case with hyphen
  - jack_smith.jpg underscores
  - jackSmith.jpg camelCase
  - JackSmith.jpg PascalCase
- file extensions
understanding folder structures
paths

HTML5 Level 1