Skip to main content

Week 3

Recap

Head is at the top, only one head and one body.

Head is not seen on the website but is used so browsers can find the webpage.

<span> is similar to <div>
 
<div> is only one per line!

<html> covers everything on the page, so we need to have it.

Web responsive pages

Can use CSS frameworks

We need to add that code so that it will zoom.

Set width cussing next code etc.

Use small images so they will load quickly on a mobile, as people won’t wait for it to load.

Use pictures source.

Make it for the smallest device first.

Use VW instead of PX as it will change the size.


PRIORITISE PHONES!

 I found this website that shows how to set up a basic web page, so it'll be super helpful!
https://www.sitepoint.com/a-basic-html5-template/

Comments

Post a Comment

Popular posts from this blog

Week 2

Notes Footers are like links to something, such as URLs or emails. <Li> </Li> is an unordered list.  A basic menu would have some simple CSS rules, i.e stylings. { = section so have things separated like 'divs', shows when an area starts and finishes.  Dropdown menu-  Have links added- items and subitems, added next to items.  Use CSS to hide the items until you scroll over them.  All boxes are relative and try to stay on line.  You can animate things using CSS.  THERE IS ONLY ONE HEAD AND BODY, if you have extras then it confuses the program.  Codes To start we created a new webpage, with a CSS and NAV folder inside of it. Then we have to put the code for the index.html page to work on: <! DOCTYPE html > <!-- Standard html5 blank template --> < html > < head > < title ></ title > </ head > < body > <!-- all content goes here. --> ...
Post a Comment
Read more

Screenshots of website

Post a Comment
Read more

Week 1- Part 2

Codes: -  This will create a basic webpage with some text on it: You need to have a folder for the webpage, with one folder called CSS, and one the name Index (or something similar) <!DOCTYPE html>                                               <html>         <head>                 <title>Web Demo/title>        </head>        <body>                Hello World!        </body> </html> The body tag means the text on the page, so any text they would want on the webpage they should put it where 'Hello World!' is. -  This will change the styles of the webpage that you created in the last tutorial thing. Within the CSS folder make a file called...
Post a Comment
Read more