User:Vtaylor/CIS89A Learning Web Design/notes

2020.7.7 Professional web developers keep a list of "go to" resources for "just in time" information - when they need it. There are plenty of features and tags that you remember seeing but don't remember how to code them. It is good to have some resources where you can quickly and easily find the details that you need.

2020.7.7 LISTS There is some confusion about lists. If the list is numbered or ordered, use a number list style type. If the list is just points, use an un-numbered list with bullet points. See Chapter 15 - p.389 List items li - items in either an ordered list or unordered list. These usually have "markers" inserted automatically - list-style-type Ordered lists ol - have numbers or letters on each list item. There are several options - p.393 - decimal, alpha, roman Unordered lists ul - usually have a dot or something - same on all items in the list - disc, circle, square Custom bullets - for unordered lists Sometimes the dot is replaced with a little picture - this only would be used in an unordered list. I recommend using the list-style-image property p.396. You need a little image. These are available many places online or you can make your own with an image editor. Definition list dl p.404 - something completely different. dl, dt, dd - Use these elements together.

2020.7.3 Cascading - I have provided a link to a different CSS tutorial in the description information. I think this one provides a better explanation for what you need for this coding project. Other tutorials and explanations are available. Some are too detailed for what we need in this course. We will cover Cascading and working with stylesheets in detail in a later chapter. The textbook covers stylesheets well and will be very helpful later in the course. For now, just see what happens when you provide style information in the css file and in the html file for the same tag - fonts and colors for text in some paragraphs, for example. Styles defined a stylesheet .css file can be defined once and used in 1-100s of pages (1. external). But you may want one page to have something a little different throughout the page (2. internal or embedded), and finally, you have one paragraph that is completely different (3. inline). So for that specific paragraph there are actually 3 style definitions. The browser knows to look through all these and use the one that is "closest" to the information being displayed. This is a bit tricky but it is important to start using .css files and seeing how styling works.