Web Publishing 102
From New Orleans Wiki
Contents |
[edit] Overview
The Web Publishing 102 workshop will show attendees how to organize articles on their web site into different sections, how to create static pages, and how to work with photographs and images.
[edit] Requirements
- Attendence of Web Publishing 101
- A valid credit card to register with Flickr photo hosting service.
[edit] Goal
- Attendee will be able to create static pages, create sections using tags and will be able to add photographs to their web site.
[edit] Technical Objectives
- Login to WordPress.
- Create Contact Us page.
- Edit Contact Us page.
- Delete Contact Us page.
- Tag Hello, World article.
- Create lorem ipsum article.
- Tag lorem ipsum article.
- Create sticky post.
- Create Flickr account.
- Install Flickr uploader.
- Upload a photograph.
- Create an article that includes a photograph.
[edit] Publishing and Community Objectives
- Understanding the difference between static pages and channels.
- Understanding when it is okay to change an article.
- The difference between folders and tags.
- Understanding the value of tagging for techonrati and search.
- Understanding the value of a shared web service.
[edit] Procedure
- Login to WordPress.
- Navigate to list of pages.
- Create and save a Contact Us page.
- Edit and save the Contact Us page.
- Delete page.
- Tag Hello, World! article with tag Testing.
- Go to http://lipum.com/
- Create lorem ipsum article tagged with Testing, Greeking, and Lorem Ipsum.
- Navigate to Testing tag and Lorem Ipsum tag.
- Create article Greeking tagged Greeking marked sticky.
- Navigate to tag Greeking.
- Register for Flickr.
- Install Flickr uploader.
- Download two photographs to the desktop.
- Upload those photographs.
- Navigate to photograph view.
- Size photograph to small size.
- Insert image into an article.
- Link to Flickr page from article.
- Tag the Flickr photograph Web Publishing Workshop.
- View Web Publishing Workshop tag in Flickr.
[edit] Assessment
Attendees will have created and deleted a Contact Us page. They will have created a channel called Greeking with a sticky post. They will have inserted a photograph into an article from Flickr and have tagged that photograph on Flickr.
[edit] Follow Up
Attendees will be asked to tag future and previous articles in their web sites.
[edit] Workshop
[edit] Text
[edit] Lorem Ipsum
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed dictum dolor nec enim. Quisque vestibulum. Nulla in felis at ligula suscipit accumsan. Ut mollis aliquam felis. Donec pretium cursus nulla. Mauris suscipit, felis a semper accumsan, risus tellus adipiscing neque, eget malesuada enim dui eu tortor. Maecenas vel erat non odio vestibulum tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce ultricies massa ut nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec lacinia mi et urna aliquet ultricies. Vivamus non arcu in tortor venenatis interdum.
Morbi placerat, lorem eu ultrices auctor, nisi dolor luctus sem, eu rutrum quam diam eu nibh. Morbi non odio. Sed tristique. Vivamus pharetra. Phasellus lorem. Nam et metus sit amet sapien ultrices volutpat. Vestibulum sed est. Quisque ligula urna, interdum sit amet, auctor a, aliquet a, libero. Ut placerat felis. Integer laoreet magna sed lacus cursus imperdiet. Integer non ligula. Nam non mi. Donec tincidunt imperdiet urna.
[edit] Hello, My Name Is
Hello, my name is INSERT NAME and these are posts that have been tagged with my name.
[edit] Images
[edit] Reminders
[edit] Install Flickr Uploader
- Go to Flickr.
- If you are not logged into Flickr, then log into Flickr.
- Go to http://flickr.com/tools.
- Download the Flickr Uploader for your computer, you will chose from one of the following.
For Windows XP, 2000, ME & 98.
- Run the installation program.
- To start the program, open the start menu and choose All Programs, then Flickr Uploadr, then Flickr Uploadr.
For Macintosh OS X.
- Double-click on FlickrUploadr-2.2.dmg to open it.
- Drag and drop the FlickrUploadr to your Applications folder.
- Double-click Flickr Uploadr to start the program.
When you first run the Flickr Uploadr, you will be asked to authenticate the Flickr Uploadr. When you authenticate the Flickr Uploadr you set it up so that it will upload pictures to your Flickr photo stream.
- When you first open the Flickr Uploadr a dialog appears with the text Flickr Uploadr requires your authorization before it can upload photos to Flickr. Click the Authorize button.
- Your web browser will open to a web page at Flickr. It will ask you if you want to authorize Flickr Uploadr to access your account. Click OK, I'll Allow It.
- When you return to the Flickr Uploadr you will see a dialog box that says Return to this window after you have finished the authorization process on Flickr.com. Click the Continue button.
You are now ready to use the Flickr Uploadr to upload files to your Flickr account.
[edit] Upload Photos to Flickr
[edit] Textile Reference
[edit] Bullet Lists
Bullet lists are blocks. Before you start a bullet list, you must add a blank line. In order to keep items in the same bullet list, make sure you do not place blank lines between list items. Make sure that you add a space between the asterisk and the text of the list item.
This is a paragraph. * This is item one. * This is item two. * This is item three. This is the following paragraph.
This is a paragraph.
- This is item one.
- This is item two.
- This is item three.
This is the following paragraph.
You can created nested bullet lists as well. For nest a list item you add an additional asterisk.
This is a paragraph. * This is item one. ** This is item one one. * This is item two. This is the following paragraph.
This is a paragraph.
- This is item one.
- This is item one one.
- This is item two.
This is the following paragraph.
[edit] Images
Place the address of a Flickr (or any) image between exclamation points displays the image on the page.
!http://static.flickr.com/70/230389161_5348113f5b_m.jpg!
Place a colon followed by the address of the Flickr photo page after the last exclamation point to link the image to the Flickr photo page.
!http://static.flickr.com/70/230389161_5348113f5b_m.jpg!:http://www.flickr.com/photos/48336239@N00/230389161/
Adding the word "right" or "left" between the first exclamaion point and the address will align the image.
!(right)http://static.flickr.com/70/230389161_5348113f5b_m.jpg!:http://www.flickr.com/photos/48336239@N00/230389161/
