Skip to main content

Week 1- Part 1

Dream weaver can be used but we use Brackets in class. Any simple software editors could work, such as Java script. 

HTML
Hyper text markup language 

<tag> </tag> 

Head section can be minimal as it is not necessary, usually they will have one so that web searches can find them. 

When working for a client, find out what search engine they want, as it is different for each one. 

Initial idea should be for an phone, as it is easier to make them bigger than to make them smaller.

Elements clearly explain the content on the pages. 

CSS

Cascading style sheet. 

Curley brackets are a list for rules { } 

Dots are a style class and H1. Can combine to create lots of styles. 

ID class order

ID must be unique to you

Classes can be applied to lots of different tags.

Can be read by:
1. External file
2. Script file
3. Style =''' Property tag

HTML Editors

Have to first write = <!DocTypeHTML>

< > Open  </> Closed (Super important)

Without a head it will still attempt to work. Something must have gone very wrong to show a blank page. Or the text in brackets is red. 

Heard- Only shown at the top of the page. 

Linking to CSS

Style sheet doesn't need to be closed, instead shows the links to it. 

<P> P Tag

Paragraph tag 

Can add styles to it!

#F = Hexadecimal- 1, 2, 3, 4. A, B, C...

Can use a picker on Photoshop. Or find a palette online. 

Grid layout

Class names = inside a tag you can give your class name. You have a dot then a name in CSS. 

You make boxes- then add an image to them. 

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