Pathfinders

=Daily Exercise #5 - Pathfinders=

//Part 1.//
Create a pathfinder on a topic of interest to you. This topic could be the focus of your essay or an entirely different one. Pathfinders are guides for beginning research or exploration of a topic. Libraries often provide [|pathfinders].

Use this html template ([|pathfinder_template.html]) to author your pathfinder in Notepad ++ (or another editor of your choice). There are placeholders throughout for images which can be removed.

The challenge - clean up the mixture of structural and presentation elements contained in the template by moving inline style guides to the document level.
(see Appendix A in the Web Design book). A few examples:
 * 1.) Create a logical HTML structure for the template.**

-Each section of this template uses font size to differentiate between section name and content. Use heading tags to make this distinction. This **//Title, Introduction, and Scope//** Should become this ** ... **

-If multiple resources are listed in one of the sections use the  or  tags. If I wanted to list several databases for researching children's literature I would write the code in this way:   Children's Literature Comprehensive Database   Novelist K-8 Plus   it would appear like this:
 * Children's Literature Comprehensive Database
 * Novelist K-8 Plus

-There are image tags related to each section. You may use these or remove them for this part.

All of the presentation values for the structural HTML elements will be documented at the header level. Each author may determine the look (style) of their pathfinder. Here is the header to begin your style sheet (16.5.2 Web Design): code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  <style type="text/css"> h1 {color: #666;} p {font-size: 90%; font-family: Verdana, sans-serif; } Style Sheets ... code
 * 2.) Move the style sheet to the document level by embedding it in the header**.


 * 3.)** **Locate a wide range of resources.**

Attempt to find information for as many sections as possible. The multiple format and media types will be useful as we move detailed use of Cascading Style Sheets. Do not worry about the coding related to each of these media types, we will get to that in the second part of this exercise.

Load this pathfinder in your public_html folder and post the link below.
 * 4.) Share your pathfinder**

Drew Trumbull: [|http://www.unc.edu/~tcandrew/pathfinder.html] Brandon Barber's [|pathfinder] Camille Tyndall: [|http://www.unc.edu/~etyndall/tyndallpathfinder.html]

[|Raymond Miles]
[|Lane Turbyfill] [|Christie Kimsey] Sarah Osorio Patrick Brown Abigail Wickes: [|http://www.unc.edu/~awickes/DIY%20Decorating%20pathfinder.html] Dara Elmore Lauren: http://www.unc.edu/~lkage/pathfinder_template.html [|Maria]

//Part 2//
1.) Create an inline style that is different than the style in your embedded style sheet. For example: if your embedded style call for black text color insert an inline style for one of the headers defining the text as red.

Here is the example code for this step: code <h1style="color: red">This Heading will be Red

<p style="font-size: 12px; font-family: 'Trebuchet MS', sans-serif"> This is the content of the paragraph to be set with the described styles. code Open your pathfinder and take note that the inline style is displayed. The remainder of the document structure refers (cascades) to the embedded style sheet.