reading-notes

Wireframing/HTML notes

Wireframing is a process that designers use to make a general outline of what they want a site to look like. The look, the functionality, information achitecture. Even though you can download software that can help you with this process, you can also just use simple pen and paper.

Remember to also do your research or as comedians like to say “read the room”. Who is going to be looking at this? what information should be most prominent? are all questions you should be asking yourself while you build this frame. iformation achitecure is very important. Also, keep a dang cheat sheet and keep your ideas uncluttered.

wireframin is a process within a process. so, before anything you do goes live, you want multiple different drafts. Something that I will keep in mind is always going to be: Idea on paper, add a little detail, test.

Next comes the prototype phase where should probably use some software like figma, which is in browser!

clarity confindence simplicity - burn this into your brain

HTML cheat sheet Dictionary

HTML - Hyper text markup language

Elements - What you use to wrap and inclose your text with

Opening Tag - what you start an element with

Closing Tag - You end an element with this

<!DOCTYPE html> doc type it is a required preamble were meant to act as links to a set of rules that the HTML page had to follow to be considered good HTML

<html></html> it is an element that wraps up all the content on the page

<head></head> an element acts as a container for all the stuff you want to include but don’t want to show up on the html page. Keywords, page description, css to style conte

<meta charset+=”utf-8”> this element sets the character set your doc should use UTF-8 which includes most characters from the vast majority of written languages. Essentially it can handle any textual content you might put on it there is no reason not to set this and it can help avoid some problems later on

<title></title> this sets the title of your page. So what people will see when they bookmark it

<body></body> this contains everything you want to show people on your web page.