CIS89A - 4. 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.
- add links to other web pages
- add links to sections within the same web page
- add links to email address
- absolute, relative, section, anchor, email address, downloadable file, style link, default color, tab order target window
- What is a relative link?
- What is required for the mailto link to initiate an email?
Assignment file name and required elements
- cis89links1 - a, href, #, id (replaces name), top, mailto, subject, target, _blank, visited
- 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.
- Read 2-3 of the Working with Links media.
- 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 Thimble pages and headings within this page. Publish your HTML code.
Note: Links in your project "don't work" from the Thimble viewer window. Once the project is "published", and you view the "share" link, they work fine.
Check the Email HTML Code tool for help with the mailto link.
- Review the grading rubric in the Working with Links assignment. Compare your work with the grading criteria. How did you do? What do you think your score will be?
- Check your work. There are a number of HTML code validators - HTML Validator or Markup Validation Service work well. Use one to check the code you have written. Just copy your HTML code and paste it into the textbox in the online form. Fix any errors that the validator finds.
Note: Check your work for every coding assignment throughout the course before you submit it.
- Submit the complete web address of your cis89links1 page to the Working with Links assignment. Also say what you think your score will be based on the grading rubric.
- Post a link to your page along with your comments and questions about this assignment to the Working with Links discussion.
- 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.
Set up your Business/Computer Systems Account - If you haven't done this already, complete the Student Account Request See Help page for more information. Enter your Campus Wide ID and birthdate (for security reasons!!). Following the lab agreement, click the checkbox to confirm and proceed. This will create a DeAnza Windows account.
Set up your DeAnza Voyager account. You will also be saving work to the DeAnza web server Voyager, so you will need a Voyager account as well. Use the same username and password to login to Voyager. See How to... .pdf file
- 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. You can use any ftp application or web page development tool that provides file transfer to move your page source text file from your computer to your Voyager public_html directory.
- FTP - For pages hosted on Voyager, transfer the HTML code text file with suffix .htm or .html to your Voyager public_html directory. Voyager is an SFTP server. To connect Voyager, enter the address sftp://voyager.deanza.edu into the host field.
FileZilla (recommended) is open source software distributed free of charge under the terms of the GNU General Public License. FileZilla documentation including tutorials are available.
Also see CIS89A Voyager FTP http://wikieducator.org/User:Vtaylor/CIS_89A_HTML_and_CSS/CIS89A_Voyager_FTP instructions. Instructions for downloading a different FTP application - Putty (PCs only) are included in the Voyager instructions .pdf. You only need one of these FTP applications.
NOTE: Make sure the File protocol is "SFTP" otherwise you will not be able to connect to the server.
Post a link to your web page in your Voyager account to Link to Voyager discussion.
Submit the Voyager page web address to the Voyager web page address assignment.
- Success Skills - 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 from Success skills - Share it. Post a link and a brief summary of 1 to the Success Skills - Share it discussion.
- Blogs - Consider subscribing to the blogs of 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.
Pick two Blogs you find interesting and start reading them. Some that I like - Scientific American, Gizmodo.
In the Blogs discussion, for one of the blogs you selected, post a link to the blog and a brief description of the blog and why you selected it.
- Themes - Popular blogging software includes WordPress and Weebly. WordPress 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. For these, the content of the site pages are stored separately from the format information by making extensive use of CSS functionality. A "theme" created with Cascading Style Sheets (CSS) can be selected and applied to the site content. Other sources such as Bootstrap sell "themes" (complete CSS stylesheets) as well.
Look through the Weebly themes or 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 themes from the themes 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 Weebly / WordPress themes discussion. .
- Test drive - Twitter. Blogging in 140 characters. Read through the Newbie's guide to Twitter. Then search Twitter for some topics of interest. If you know hashtags or 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 2-3 associated hashtags and a brief comment about your Twitter experience.
- Web Literacy - In the Building description, review the skills. 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 the answer.
- Wendy Willard - Chapter 7. Working with Links
- HTML Dog HTML Beginner Tutorial
- Visual Quickstart - 6. Links
- 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.
- 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
Voyager account setup
- Business/Computer Systems - Student Account Request - Student Account Help page for more information.
- DeAnza Voyager web server
- Voyager account How to... .pdf file
- Voyager login - Help
- Forgot your Voyager password?
- CIS89A Voyager - more information about Voyager accounts and getting connected
- https://filezilla-project.org/ is open source software distributed free of charge under the terms of the GNU General Public License.
- File Transfer Protocol (1985) - text document outlining the standards for FTP - example of document publicly available from an ftp site. You can use this code in your assignment ftp://ftp.funet.fi/pub/standards/RFC/rfc959.txt
- "What is FTP, and how do you use it? In this lesson, you'll learn:- The purpose of File Transfer Protocol- Where live HTML and CSS files are stored, or "hosted"- What kind of sof...
- how to use images and hyperlinks. The difference between relative and absolute addressing is covered. This video shows the height and width attributes used with the img tag. In older versions of HT...
- "Installation on Windows/Linux/Mac OSXTutorialUsage instructionsFixing connection and transfer problems; Network configurationFrequently Asked Questions (FAQ)"
- "Create Your Voyager AccountConnecting to Voyager"
<p class="diigo-tags"><strong>Tags:</strong> <a href='https://www...
- "Business/Computer Systems Account Request HELP If you want to request a Business/Computer Systems Account Creation: "
- "FileZilla, the free FTP solution. Both a client and a server are available. FileZilla is open source software distributed free of charge under the terms of the GNU General Public License"...
- "Voyager is DeAnza’s server for hosting student files including pages for web access. Each page file must be save to the special public_html directory so it will have a unique web address. &...
2016.3 2989 . 2018.3 6122