Looking at Cute Animals Can Boost Productivity…Really
Check it out- http://www.buzzfeed.com/mjs538/images-that-have-been-scientifically-proven-to-inc
Adding Links
Linking to outside webpages:
<a href=”http://www.medfordpublicschools.org/”> This is a link to the Medford Public Schools webpage. Example:
<a href=”http://www.medfordpublicschools.org/>Click here to go to the Medford Public Schools website</a>
To open a link in a new window or tab add target=”_blank”:
<a href=”http://www.medfordpublicschools.org/” target=”_blank”>
Please now add a link to an outside website (school site, Google, class site, whatever)
Linking within your website:
Example: <a href=”about.html”>Click here to learn more</a>
In the above example you are linking to an “About” page on your website. Today you will create an example “About” page and will link to it from your index page.
To create new page first open Notepad or Notepad ++, whatever you have.
Copy and paste the following:
<! DOCTYPE html>
<head>
<title>About</title>
</head>
<body>
<h1>About</h1>
</body>
</html>
Save this as about.html and save it in the same place as your index file (desktop or My Documents)
Open your index file. Now you will link your about file to your index:
<a href=”about.html”>Click here to learn more</a>
You should now have a link to your about page.
Now put a link from your about page to your index page and say “Click to go back home”
Ordered and Unordered Lists
Ordered and unordered lists are two ways to display a list of items on your webpage. An ordered list shows a list with numbers (1, 2, 3, etc.) while an unordered list shows bullets.
Copy and paste only the following code into your about file:
A. To do an ordered list:
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>
B. To do an unordered list:
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
Comments
Sometimes you might be working on a webpage with several people and you want to leave notes for them. You can do this right in the code and to make sure the browser doesn’t read it as something that should be displayed you need the following:
<! – -This is a comment- ->
Everything in between the brackets and dashes will not be visible to anyone who goes to your webpage and can only be seen by people looking at the code.
Monday, December 3, 2012: Guest Speaker from Art Institute
A guest speaker from the Art Institute will do a career exploration multimedia presentation that includes college portfolios from areas of study such as: Web Design, Graphic Design, Industrial, Animation, Audio, Photography and Digital Media. See Art Institute website for more information. Even if you’re not a senior or interested in attending a school like this, it’s great for you to be exposed to what’s out there for schools and careers in web design and related fields.