Entry Two - divs, padding, and other ramblings

Last Tuesday, I conquered the <div>. I discovered it divides the content into 'boxes'. I follow the assignment and exercise instructions, and with practice I will get better.

I also discovered that anything with a # is a Div ID and anything with a dot (.) at the beginning is a 'class'. class divs determine the style of anything within that class where as Div IDs only style what is in that particular 'box'. For the assignment, 'Version 4a' of my web-page, I cleared the ‘.header’ class and changed it to a Div ID, #header. W3 Schools and Tizag.com  have excellent notes on the difference between the two for reference.

Throughout the assignment, I'm learning about padding and the 'measuring up' of my website. My wrapper, which contains all my style and content (other than the site background, the green wallpapered looking background with lavender floral patterns) must have a width of 960 pixels.

200 + 719 + (20+20) + 1 = 960 pixels of width within the wrapper.

As the web page scrolls down, the length of the web page is not important. However, if you wanted your content to fit within the confines of the space, you must allocate padding and make sure all your content can be fitted within your div, and certainly within your wrapper.

We are getting into building web pages using Adobe Dreamweaver. Up until now, we have been building pages using Notepad++ program on our Windows 7 computer, and viewing them within an Internet browser of our choice, I particularly favor Google Chrome.

Dreamweaver is handy for the split view, so you can see your code and your design side by side. We are now discovering that you can build a website from scratch, create your files using Dreamweaver, as well as many other handy features and shortcuts to optimize your time building and designing a website. There are several templates to choose from, and you can insert images and have the option to instantly copy those images into newly created folders for your new website. Dreamweaver has a handy bar going across the bottom.

My learning process is slow; I try to follow instructions word for word, though sometimes I get ahead of myself, which only causes confusion. My new mantra for this course has to be 'one thing at a time' even if I'm working on something completely separate, like helping a classmate, or organizing a folder, everything I do must have a logical step and concentration is going to be my greatest challenge.