Goal
Understand how a database driven site operates by inputing and manipulating existing familiar content.
Objective
Input existing content and meta data into a WordPress site using a content management system allows further study relating navigation and presentation.
Assignment
Building a site requires the creation of content and the presentation of that content. The difficultly in learning a new concept is compounded when more than one concept is introduced at a given time. By using existing content, a new system of manipulating, organizing and presenting that content becomes familiar, especially when using well established conventions and media surrogates. Create a sample site using the server location established in previous course exercises and lectures.
Part One
Visit the Project Gutenberg website. Download or copy three chapters worth of content from each of the following titles:
- Pride and Prejudice by Jane Austen http://www.gutenberg.org/ebooks/1342
- Sense and Sensibility by Jane Austen http://www.gutenberg.org/ebooks/161
- Alice’s Adventures in Wonderland by Lewis Carroll http://www.gutenberg.org/ebooks/11
- Adventures of Huckleberry Finn by Mark Twain http://www.gutenberg.org/ebooks/76
- The Adventures of Tom Sawyer by Mark Twain http://www.gutenberg.org/ebooks/74
- The Adventures of Sherlock Holmes by Arthur Conan Doyle http://www.gutenberg.org/ebooks/1661
- A Tale of Two Cities by Charles Dickens http://www.gutenberg.org/ebooks/98
- Great Expectations by Charles Dickens http://www.gutenberg.org/ebooks/1400
- The Works of Edgar Allan Poe — Volume 2 by Edgar Allan Poe http://www.gutenberg.org/ebooks/2148
- Grimms’ Fairy Tales by Jacob Grimm and Wilhelm Grimm http://www.gutenberg.org/ebooks/2591
Part Two
Log into the WordPress site. Enter three chapters worth of content from each of the above titles for a total of thirty (30) entries. Enter the chapter title for the Post title, amending it to “Chapter X of Book Title” if needed. The bulk of the work is cutting and pasting, with minimal styling needed for bold or italics. Choose a quote to add some visual interest to long passages. Select the “Bibrec” tab at the top of the Project Gutenberg book entry page and enter the content into the appropriate WordPress “Edit Post” locations outlined below:
Project Gutenberg | WordPress Post Setting | Notes |
---|---|---|
Author | Category | |
Title | Category | Parent if needed |
Chapter (Story) Title | Category | Child if needed |
Subjects | Tags (limited number, five (5) max | Cover the main content |
LoC (Library of Congress) Class | Category |
Add, and style with Heading 3, the following text to the beginning of each post: The following is an excerpt of original content distributed from the Project Gutenberg website.
Add the Project Gutenberg download page link (listed above) relative to the text to the bottom of each post.
Part Three
Once all post are entered, use the media link (library), patterns and special blocks to “spice up” the design for each book excerpt. The goal is to create a series of interconnected parts the visually connect the navigation and usability of the entire site. Insert the image for each title to the appropriate posts. Review posts for errors and then publish each.
Take a screen shot of the website homepage, and then leave a link to the site in the comments section of the dropbox.
To take a screen-shot:
- Command-Shift-4-Spacebar: Takes a screenshot of the window, and saves it as a file on the desktop. The file will have a .png extension.
- Command-Shift‑3: Takes a screenshot of the entire screen, and saves it as a file on the desktop. The file will have a .png extension.
- Instead of using the keyboard shortcuts above, screenshots can be taken by using the Screenshot application included with Mac OS X. It is located at
/Applications/Utilities/Screenshot
or by searching via Spotlight in the upper right of the Mac screen. - For more information, please visit: https://support.apple.com/en-us/HT201361
Techniques
Mark up, categories, tags, posts, media upload, links
Supplies
WordPress, server space, browser
Deadlines
As defined by corresponding calendar item, dropbox, discussion or content topic description.