Home

Summary – 7. To the point – Lists

Lists are really handy for presenting information. They are easy to skim for viewers in a hurry. Important information can be highlighted.

In the assignments, there were many nice examples of lists. Some of you even experimented with horizontal lists to use for navigation bars.

There are still several things that need clarification.

There are three main kinds of lists. Most people got the ordered or numbered lists ok.

* ol – Ordered (numbered) – numbering can be letters or numbers as indicated by the type – numbers, alpha, roman numerals

* ul – Un-ordered (bullet) – there are some standard “bullet” types – circle, square. Or you can specify an image to use as a custom bullet. By specifying a custom bullet image as a style, all list items for the list will automatically have the image as the “bullet”. This can not be used with other list types.

* dl – Definition or description list – usually used for something like a glossary or dictionary – the word is on the first line, the definition or description is indented starting on a separate. This makes the work more visible and indicated that the information that follows is related. Although you can use this as a way to layout items on your page, there are better ways to do that.

Reminder – Every coding assignment page must include all the basics for a good page file. The file must include the elements for head and body. Thimble will provide the bare essentials, and these need to be edited as appropriate for the coding assignment. Replace the default title. Add some styling information to the default .css file. Include comments in your code to provide documentation about your page.

HTML, HTML5, CSS

This is an introductory web development course. Although we include quite a bit about HTML5 and CSS, we also want to address all the main topics at an “introductory” level. In some cases that means sticking with older HTML tags, properties and attributes. Even if there are HTML5 and CSS enhancements and replacements, the coding assignments just cover the basics. In general, the course follows the Willard book.

As there is more widespread adoption of HTML5 and CSS, the course materials are transitioning to stay in the middle – making sure your code will work with most browsers most of the time, and ensuring that you have an adequate understanding of the newer standards and features. Yes, this can be confusing. If you have questions, please ask.

Coming up… Tables

As there are millions of web pages that include tables, some will include tables used to format content that could be replaced with new CSS elements and properties.

Some pages were created before CSS was widely used. Even though CSS has been around for many years, most casual and beginning web developers are not familiar with using all the CSS bells and whistles for what appears to be a simple table.

Also be aware that not all browsers support some of these properties.

Be sure to check the source code for your table example. How were the tables created?

Projects – show and tell

Look ahead to the upcoming topics. Start thinking about how you can demonstrate all that you have learned in your project. Remember – this is an opportunity to show what you have learned and that you can use that information for web development. This is not an actual web site, although you may be able to reuse the code. You should be including many things just to show you know how to use them, even though you wouldn’t use them in a production web site. Have fun with it.

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s