Week 2:  

A wireframe is the first step in website design.  Getting the design down and ideas to other people.  

Helpful link:  Website Wireframe Beginner's Guide: Processes, Tools, & Examples (hubspot.com)


Web Page Template:

<!DOCTYPE html>

<html lang="en">

<head>

<title>Page Title Goes Here</title>

<meta charset="utf-8">

</head>

<body>

... body text and more HTML tags go here ...

</body>

</html>


W3C HTML Validation Tool:  The W3C Markup Validation Service

 

HTML Cheat Sheet:  HTML5-Cheat-Sheet.pdf (johndecember.com)


Tutorial:  HTML5 Tutorial (tutorialspoint.com)


YouTube Tutorials:  HTML5 Tutorials Playlist - YouTube

 


Comments

Post a Comment

Popular posts from this blog

   Week 8:  Tables & Forms How to Create a Table ·          Each table begins with a <table> tag and ends with a </table> tag. ·          Each table row begins with a <tr> tag and ends with a </tr> tag. ·          Each cell (table data) begins with a <td> tag and ends with a </td> tag. ·          Table cells can contain text, graphics, and other HTML elements. Learn HTML Forms Video:   Learn HTML Forms In 25 Minutes - YouTube HTML Tables:   HTML Tables: All there is to know about them - wpDataTables - Tables and Charts WordPress Plugin Table Examples:   30 HTML and CSS table Examples - csshint - A designer hub W3C Tables:   Tables with One Header | Web Accessibility Initiative (WAI) | W3C
Read more
  Week 5:  Helpful Information 5 Principles of Visual Design in UX:   5 Principles of Visual Design in UX (nngroup.com) Common Fonts:   Common fonts to all versions of Windows & Mac equivalents (Browser safe fonts) - Web design tips & tricks (ampsoft.net) Readability Test:   Readability Test - WebFX Mobile Web Best Practices:   W3C Mobile Web Best Practices (MWBP) Flipcards Website Design Best Practices Checklist:   Web Design Best Practices Checklist (terrymorris.net) Color Blender:  Color Blender (meyerweb.com)    
Read more
  Week 3:   Style sheets are composed of style rules that describe the styling to be applied. Each rule has two parts: a selector and a declaration : CSS Style Rule Selector The selector can be an HTML element name, a class name, or an id name. In this section, we will focus on applying styles to element name selectors. We will work with class selectors and id selectors later in this chapter. CSS Style Rule Declaration The declaration indicates the CSS property you are ­setting (such as color) and the value you are assigning to the property.   CSS Zen Garden: The Beauty of CSS Design Web Safe Color Chart:   Web Development & Design Foundations with HTML5, 8th Edition (webdevfoundations.net) CSS Validation Tool:   The W3C CSS Validation Service Color Psychology:   Color Meanings and Moods (infoplease.com) Meaning of Colors:   Meaning of Colors in Color Psychology (empower-yourself-with-color-psychology.com) Web Designers:...
Read more