Reading-Notes
code fellows 102
Read: 04 - Structure web pages with HTML
Wire Frame
A Wire frame is a drawn out plan for a website, a blueprint if you will. Programers use this to preplan out a website before they create one. Examples of wire frame include:
- pen and paper drawings
- web based drawing apps
- drawing apps
- picture boards
When you make a wire frame you should consider who may see or use it. You should make it clear concise, and simple. The best tools for wireframing are the free ones. Nobody likes to waste money. Not even Jeff Bezos.
Some free stuff:
Before you start you should:
- Do your research
- Look for quick references
- Map out a user flow chart
- Sketch it out
- Make details and test them out
- Prototype it
HTML
HTML stands for hypertext markup language. I know, that’s 2 words not 4… Everything you type into a html file needs to be contained. How you ask, well I’m glad you asked. Evements and text need to be contained in tags. An opening and closing one. it looks like this
Here are some tags
| Tags | Description |
| — | — |
| <p> | text |
| | strongly empasize text |
| 
| image from a webpage |
A basic completed page should look like this:
<!DOCTYPE html>
To make a tag you do this:
- technologists
- thinkers
- builders