Vocalb, Tables, Differences, #footer a

Lets begin with some vocabulary since i consider this one of the most important things whenever approaching a new subject. Every subject has a bunch of new words that a beginner has to become familiar with before he can advance. With vocabulary i mean not just new words abut also, jargon, syntax etc. This is important because if you dont know them it will be difficult to get help if you get stuck somewhere along the way of you learning curv.

Todays new vocabulary: 

Selector{property:value}:	Style, Rule
Selector:	Tells the browser which element on the page to work with.
Declaration:	{everything inside here}
Property:	The attribute
Value:	#333333, 12px, etc
table:	Selector
tr:	Selector (tablerow), Used inside a table
td:	Selector (tabledata),Used inside a table
Pseudo	False or counterfeit; fake.
Pseudo classes	Used to add special effects to some selectors.
Syntax for P C	Selector:pseudo-class {property:value;}
:first-child	P.C.S, Selects the first element of its type within a parent.
td:first-child	P.C.S, Lets u design first row in a table for example.
:nth-child(N)	P.C.S, alg exp (e.g. "2n" or "4n-1"). Good for even, odd styling.
tr:nth-child(2n+5)	P.C.S, Lets u design specific rows.
Id selector	Style for a single, unique element. defined with a "#"
#container	Id.S ..HTML<div id ="container"> ... </div>
Class Selector	Used on several elements, defined with a "."/ Override can do!
.exampleID1	C.S HTML <p class='exampleID3'> text here</p>
Class	Already HTML defined element, p, body, h1 etc

Topic TABLES

To tweak and customize tables was more difficult than i anticipated.

 

Change this color

How the fuck do i change the title color of one single posts and not all of them. I hope they explain this in my course. Been trying to find a solution for 2,5h now. I give up!!!!

The only useful think i learned after this research was how to navigate in the code. And how to change the color of the blog title "Diary" and have it different colors on the main page and the other pages. Just do like this.
Instead of.

Click to expand

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: 0 0 $(title.shadow.spread) #000000;
}
.Header h1 a {
  color: $(header.text.color);
}

Write this

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: 0 0 $(title.shadow.spread) #000000;
}
.Header h1 a {
text-shadow: 0 0 $(title.shadow.spread) #000000;
}

CSS Chap 1

This course turned out to be more interesting i thought. Not only am i learning things i always wondered but i am also putting a lot of puzzles together regarding web design.

Interesting
There seems the be parent and child "classes" like in C#. For example how you give attributes to pictures. In the CSS doc you first make a parent class if you have many similar pictures, this handles attributes to all the pictures, than you make the child class where you write the location for the specific picture and alterations in the attributes if necessary. Than in the HTML Doc you just refer within a <div> to the pic name you gave the pic in the CSS doc. First you type the parent name like planets than the child name like Jupiter. If you just type Jupiter and have no attributes defined the padding, size and location will look strange.

Browsers have different rendering engines, safari and Chrome have the same. So if it works in Chrome it will work in Safari.

CSS Lession 2

Just finished reading section 1 in my course CSS and i have to say that it was among the most informative pages about web development i have ever read. The overview was superb and gave me an insight into the differences between all the markup languages like xml, html, xhtml that i always wanted to know. But also how and when you should use scripts and plug-ins for website.

I also had the time to MM 60% of the table of contents in the course book.

2 kinds of scripts 
(Scripts are writen directly inside the XHTML file.)
 
 Client based  - Javascript, gives the webpage dynamic. Can look like this.
<script type="text/javascript">
<!--
document.write("Hello World!");
//-->
</script>
Javascript doesn't change the ending of the document, so it will still be names index.html.

Server based - PHP, give the webpage security. Can look like this.
<?php
echo ("Detta skript körs på servern");
?>
PHP script change the ending to PHP, ex index.PHP

CSS Session 1

First CSS session complete. I didnt get to do as much as i had hoped, i just read the general things for the course, how it should be constructed and read one document from Section one (Historik, märkspråk och centrala begrepp), the document was historik WWW and described the history of internet and the early thought who contributed to its invention.

Some concepts below.
- Nod = container of information.
- Link = A link will take you to more information about a nod.
- URL (Uniform Resource Locator) =  URL is the way we address specific nods.
- HTTP (Hypertext Transfer Protocol) = A specific protocol that enables us to send HT between computers
- HTML (Hypertext Markup Language) = The language we use to present a hypertext document.

CSS

After my ping pong game with Przemek ill have to read one chapter in my CSS book. And in this label all my CSS post will be.