Class 1 Reading Notes
How the Web Works/ Website Design and Process
How the Web Works
Website Design and Process
- Roses are red, violets are blue, HTTP works like “ordering” the website
- The HTML file is parsed first which allows it to see any linked files from the HTML text, it requests the files from the server, and then parses them
- You can add images to a website by using an IMG tag in HTML and linking to the img address and giving proper citation or by downloading the img and conecting to it locally
- To create a string in JS you just put “” around the text. I number is simply a number with no “”
- A variable in JS is used to reference back to a piece of code so it can be reused, similiar to a function
Intro to HTML
Getting Started with HTML
HTML Document Structure
Metadata in HTML
- An HTML attribute is info about the element
- An HTML element consists of a opening tag, the content, and a closing tag
- An article tag classifies the content of the element as part of an article like a newspaper website while a section element is much more broad. They help search engines determine whats in the element
- the typical elements a website has are header, body, and footer. Many sites also include sidebars, nav bars, and main elements
- Metadata can be used to boost results in search engines by putting things like a description with key words to make it more easily findable.
- the tag can be used to determine the language of the site, the author, and other things like the name and content of the page.
Misc
How to Start to Design a Website
Semantics
What is JavaScript
Starting a Site
- The first step to creating a website is to plan it out, set goals and use wireframes to have an idea of layout
- The most important question to answer when making a website is “what is the goal?”
Semantics
- A h1 element should be used over a span element because the h1 element is purpose built for the task (i.e. semantics)
- Semantics makes reading the code easier and gives the content meaning. You could use a bunch of <div> tags but it would get very cluttered and confusing very quickly
What is JavaScript?
- JavaScript is required for animation and changes to the site via interactions
- JavaScript can be added to a HTML doc by using a