User:Vtaylor/CIS 89A HTML and CSS/CIS89A - Links

From here to there - Links
 * Linking - the ability to embed hyperlinks in pages, is one of the most significant features of the web. The idea that a viewer could click on a word or a picture and immediately be taken to another page that provided additional relevant information was revolutionary.

Learning outcomes
 * add links to other web pages
 * add links to sections within the same web page
 * add links to email address

Keywords
 * absolute, relative, section, anchor, email address, downloadable file, style link, default color, tab order target window

Study notes
 * What is a relative link?
 * What is required for the mailto link to initiate and email?

== ==
 * Wendy Willard - Chapter 7. Working with Links
 * HTML Dog HTML Beginner Tutorial
 * Visual Quickstart - 6. Links

Help forums
 * How To Ask Questions The Smart Way - Sooner or later you are going to need help. You really tried to find the answer yourself. And you are still stuck. How and where you ask for help will make a big difference.

Twitter
 * Newbie's guide to Twitter - Twitter is an interesting and practical real-time messaging system for groups and friends. It's just not completely obvious how to get started.
 * A Twitter Abbreviation Guide To Make Sense Of All That Crazy Talk

== Assignments==

Assignment file name and required elements
 * cis89links1 - a, href, #, name, top, mailto, subject, ftp, target, _blank, visited


 * 1) Review the Keywords and Study questions at the top of this page. These will help you look for important ideas in the rest of assignments for this module.


 * 1) Read  Chapter 7. Working with Links  in the textbook.


 * 1) Voyager public web page - If you do not have a Voyager account from another DeAnza CIS course this semester, you need to set it up. The instructions are provided as .pdf files in the top section of the CIS89A main page - How to get a Voyager account File and Voyager - log in, upload files. If you have questions, there is a Voyager discussion topic in the Questions & Answer forum.
 * 2) If you already have a Voyager account, or once you have created your Voyager account, create a simple HTML file and upload it to the public-html directory in your Voyager account. This must be a text file with the type .htm or .html. You can copy the HTML from Thimble, but check that you are creating a new text file on your own computer. There are several ways to transfer files to Voyager. The instructions for downloading the Putty application (PCs) are included in the Voyager instructions .pdf. You can use any ftp application or web page development tool that provides file transfer. Post a link to your web page in your Voyager account to Link to Voyager discussion.


 * 1) Learning Literacies - Share it - Communication and Collaboration are becoming more important as we are expanding our personal and professional networks of contacts and businesses. Review 2-3 articles in the Share it  - media selections. Post a link and a brief summary of 1 to the Learning Literacies - Share it discussion. Review 2 others.

Pick 3 Blogs you find interesting and start reading them. Some that I like - Scientific American, TED Talks, Gizmodo. In the Blogs discussion, for each of the 2 blogs you selected, post a link to the blog and a brief description of the blog and why you selected it. Review the blog suggestions of 3 others.
 * 1) Blogs - Your Personal Learning Network (PLN) should include people or groups that regularly provide new and interesting information about a subject that interests you. Blogs are used by individuals, companies, colleges and organizations as a way to provide updates and news to "subscribers" - usually by email. But blogs are also viewable as web pages, so you don't have to subscribe to see the information.

Look through the WordPress Themes that are provided. It is important to understand how powerful CSS is for determining the look and layout for a site. The pages for your site don't have to have all the formatting coded on each page. Select 2 examples of WordPress themes from the gallery. The content is the same - text, associated pictures, links and category information. What are the noticeable differences between the page displays? What layout features are important to you and the display of your content? Post links to the gallery pages for the themes you are comparing, and a brief description of the differences (2-3 sentences), and your preference to the WordPress themes discussion. Review the selections of 2 others.
 * 1) WordPress - One of the most popular blogging sites and software is WordPress. It is available as an "open source" application you can download and run on your own web server, or as a hosted service at WordPress.com. The content of blog posts are stored separately from the format information. Then a "theme" create with Cascading Style Sheets (CSS) can be selected and applied to the blog content.

Comment on 2 others.
 * 1) Test drive - Twitter. Blogging in 140 characters. Read through the Newbie's guide to Twitter. Then search for some topics of interest. If you know hashtags of handles associated with topics and people, look them up. In the Test drive - Twitter discussion, post the contents of 2-3 tweets  that are interesting along with a brief comment about your Twitter experience.


 * 1) Web Literacy - In the Building description, review the skills associated with   Composing for the Web - Creating and curating content for the Web; and  Remixing - Modifying existing Web resources to create something new. What is one thing that you aren't sure you understand? Look it up. In the WebLiteracy - Building discussion, post a link to a resource where you found your answer in the  Composing for the Web and Remixing areas.


 * 1) Working with Links - Open a new Thimble page. Collect all the links that you selected for previous assignments and add them to this page. Use all the link elements and tags to provide links to the sites, to your other WebMaker pages and within this page. Save your HTML file as cis89links1.
 * 2) Submit the complete web address of your cis89links1 page to the Working with Links assignment.
 * 3) Post a link to your page along with your comments and questions about this assignment to the Working with Links discussion.