Started off the day on pg 682 of the HTML and CSS book, and finally finished the book. My assignment now, following The Odin Project's coursework, is to make a copy of Google's homepage. I'm supposed to copy it as close as I can without looking at the actual code (so, don't use the browser dev tools to cheat).
I learned that the opposite of "command z" is "command shift z." That came in handy several times. This is what I've got so far:
But then, I didn't like how the footer was "floating," instead of being stuck to the bottom of the page, so I looked around online and found this:
I inserted it into my code, made some modifications for the height of my footer, and then we're now at this point:
Much better! I did notice a while back that the header and footer links that are floated right show up backwards. And here we are now:
I've corrected the order of the nav and footer links that are floated right, and I've also added the "Sign in" <submit> element, along with some styling for it.
I added the little box image! I made it an anchor element/link also! It's coming along...
SUMMARY OF CODING SKILLS
Total Treehouse Points: 3,823
Treehouse Points by Subject Matter: HTML 663, CSS 1,599, Design 1,193, Development Tools 336, and Miscellaneous
Treehouse Ranking (%): "You have more total points than 86% of all students."
Treehouse Badge(s) Earned Today:
None
Treehouse Courses Completed:
How to Make a Website
HTML
CSS Foundations
CSS Layout Techniques
Aesthetic Foundations
Design Foundations
Adobe Photoshop Foundations
Adobe Illustrator Foundations (in progress, about 66% complete, but ceased work on this, switched focus to front end and back end web development, as opposed to web design)
Codecademy (& other) Courses Completed:
HTML and CSS (Codecademy)
Design Foundations
Adobe Photoshop Foundations
Adobe Illustrator Foundations (in progress, about 66% complete, but ceased work on this, switched focus to front end and back end web development, as opposed to web design)
Codecademy (& other) Courses Completed:
HTML and CSS (Codecademy)
Books Read or in Progress:
Completed: "Head First HTML and CSS," by E. Robson & E. Freeman (37 pg preface and 710 pgs of actual content (as in, I'm not including the book's index))
My Progress on The Odin Project:
1. Introduction to Web Development 100% Complete
2. Web Development 101 25% Complete
3. Ruby Programming 0% Complete
4. Ruby on Rails 0% Complete
5. HTML5 and CSS3 0% Complete
6. Javascript and JQuery 0% Complete
7. Getting Hired as a Web Developer 0% Complete
Hours Spent Coding Today: 4
Total Hours Coding: 286
Total Hours Coding: 286
No comments:
Post a Comment