Monday, October 14, 2013

DynastyCode.com Tutorial : Super Easy way to learn CSS


This tutorial requires you to have an account with DynastyCode.com (To create one, follow this tutorial, http://webdocuments.blogspot.com/2013/10/dynastycodecom-tutorial-1-setup.html )


1) Lesson 1

1.1) Welcome to this lesson! Click  Play button to see the example and begin.



1.2) We have COLORS! Let's start  the lesson




2) Lesson 2


2.1) A HTML Head contains scripts, styles and metadata.



2.2) Type a HEAD tag with .




2.3) Add to close the Head tag




Your response:



2.4) Great! Proceed to the next lesson.



3) Lesson 3


3.1) CSS is short for Cascading Style Sheets.



3.2) Create a Style tag with to close the Style tag.



Your response:



3.4) We have style! Let's go to the  next lesson.



4) Lesson 4



4.1) A background is an area behind an object that we're looking at.




4.2) Add the Style code body { } in between



Your response:



4.3) Good job!
Proceed to next lesson




5) Adding Color to Background


5.1) Now let's add a COLOR to our background.



5.2) Add a Background Color with
background-color:blue;



Your response:



5.3) Congratulations!
You have completed this Introduction Chapter!











No comments: