Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Web Design LSC 532: Lecture 11
1. LSC 532: Class Session #11
Progress Update, Lists, Links and Images
Don Stanley
3Rhino Media | UW-Madison
532.3rhinoacademy.com
www.lsc.wisc.edu
DON STANLEY | @3rhinomedia | 3rhinomedia.com
7. ORDERED UNORDERED DEFINITION
1. Chop potatoes into quarters • 1kg King Edward potatoes Sashimi
2. Simmer in salted water • 100ml milk Sliced raw fish
3. Heat milk and butter • 50g salted butter Scale
4. Drain potatoes and mash • Freshly grated nutmeg A device used to
5. Mix in the milk mixture • Salt and pepper to taste accurately measure weight
8. Ordered Lists (numbered)
<ol>
<li>Chop potatoes into quarters</li>
<li>Simmer in salted water for 15-20
minutes until tender</li>
<li>Heat milk, butter and nutmeg</li>
<li>Drain potatoes and mash</li>
<li>Mix in the milk texture</li>
</ol>
9.
10. Unordered Lists (bulleted lists)
<ul>
<li>1kg King Edward potatoes</li>
<li>100ml milk</li>
<li>50g salted butter</li>
<li>Freshly grated nutmeg</li>
<li>Salt and pepper to taste</li>
</ul>
11.
12. Definition Lists
<dl>
<dt>Sashimi</dt>
<dd>Sliced raw fish served with condiments.</dd>
<dt>Scale</dt>
<dd>Device used to measure the weight of
ingredients.</dd>
<dd>A technique by which the scales are
removed from the skin of fish. </dd>
</dl>
16. LIST SUMMARY
»Ordered Lists use #
»Unordered lists use bullets.
»Definition lists are used to define terminology.
»Lists can be nested
DON STANLEY | @3rhinomedia | 3rhinomedia.com
26. • Lists
• Links (internal, external and opening in new Window)
• Directory Structure
• If we have time, we’ll upload.
27. • Take your site map and create HTML documents for each
page in your site and link them.
• Get ready to upload your sites and review what we’ve
covered by using any online resource, the recommended
course text or the W3Schools Website.
• NEXT TIME: We’ll upload your sites AND work with images.
• We’ll also discuss the DIV tag.
Editor's Notes
Explain: There are three different types of list... 1. Ordered - The order of list items is important 2. Unordered - The order of list items is not important 3. Definition - To explain the meaning of terms
Explain: What tags stand for: <ol> = ordered list <li> = list item Re-iterate that the sequence of the steps in a recipe is important, therefore we use an ordered list
Explain: What tags stand for: <ul> = unordered list <li> = list item Re-iterate that there is not sequence to these items, therefore unordered list
Explain: What tags stand for: <dl> = definition list <dt> = definition term <dd> = definition description
Explain how you can nest lists inside other lists You can do the same for ordered lists to create sub-points
Click: Value of the href attribute is highlighted - Explain that this is the 'value' of the href attribute Click: Clickable area is highlighted (what the user sees)
Explain: when linking to pages in own site can use shorthand - Relative URLs These links are to pages that are all in the same folder
Shows files used for a fictional site (compare to Finder / Windows explorer) Home page, then sections about Movies, Music, and Theater Movies has two sections: Cinema and DVD Note: Folders often referred to as directories on server Click: Root folder - folder that everything else sits inside Click: Child folder Click: Parent folder Click: Granchild folder Click: Grandparent folder Note use of terms similar to those of a family tree
Click: highlights the mailto: before email address
Click: highlights target="_blank" Note: tell users when link opens in a new window
Click: highlights target="_blank" Note: tell users when link opens in a new window
Click: highlights target="_blank" Note: tell users when link opens in a new window