Web Design Module - Session 1 - course aims

976 views

Published on

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
976
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web Design Module - Session 1 - course aims

  1. 1. Developing an enhanced website <ul><li>http://imedia-web.posterous.com / </li></ul>
  2. 2. Course aims <ul><li>http://imedia-web.posterous.com/pages/about-the-web-unit </li></ul>
  3. 3. Course assessment <ul><li>http://imedia-web.posterous.com/pages/assignments </li></ul>
  4. 4. Week 1, Session 1 <ul><li>Session Aims : </li></ul><ul><li>To introduce the course structure and modes of assessment </li></ul><ul><li>To introduce learners to design principles for portfolio websites </li></ul><ul><li>To outline using a personal SWOT analysis for uncovering skills and talents </li></ul><ul><li>To introduce learners to using blogs for digital diaries (Learning Outcome 1) </li></ul><ul><li>Learning Outcomes </li></ul><ul><li>By the end of this session all learners will be able to: </li></ul><ul><li>Summarise the course content and modes of assessment </li></ul><ul><li>List the groundrules for the group </li></ul><ul><li>Set up a blog for their digital diary (posterous) </li></ul><ul><li>Analyse their skills and talents using a personal SWOT analysis. </li></ul><ul><li>List at least five design principles for portfolio website design </li></ul>
  5. 5. Web quiz <ul><li>World Wide Web Test </li></ul><ul><li>Here is a quiz about the Internet! See how knowledgeable a websurfer you are! Objective: Answer at least 8 questions correctly. </li></ul><ul><li>1. What does WWW stand for? </li></ul><ul><li>World Wacky Web Wide World Wumpus World Wide Web Wide World of Why? </li></ul><ul><li>2. Which one of the following is a search engine? </li></ul><ul><li>Netscape Java Altavista Internet </li></ul><ul><li>3. What is the URL of the search engine in question 2? </li></ul><ul><li>http://www.yahoo.com http://www.altavista.net http://www.yahooligans.org http :// www.altavista.com </li></ul><ul><li>4. What does URL stand for? </li></ul><ul><li>united route link uniform resource locator unknown redirection link up real late </li></ul>
  6. 6. <ul><li>5. What is the name of the language you use to write a web page? </li></ul><ul><li>HTTP FTP URL HTML </li></ul><ul><li>6. What do you do if you accidentally end up at an inappropriate web site? </li></ul><ul><li>Hit &quot;Back&quot; button, and continue surfing Yell out &quot;Hey look at this everyone!!&quot; Hit &quot;Back&quot; button immediately, and raise your hand to tell the teacher or tell your parent Leave it on your screen until the teacher finds out </li></ul><ul><li>7. What are the consequences if download files from the Internet to your computer? </li></ul><ul><li>You can play lot of games Or listen to lot of music Your computer will get full up of junk You might download a virus and put your computer and other at risk, always check if the download site is trustworthy </li></ul><ul><li>8. Which of the following terms is a &quot;browser&quot;? </li></ul><ul><li>Netscape World Wide Web Launcher E-mail </li></ul><ul><li>9. All web addresses start with which of the following? </li></ul><ul><li>htp http:// http:/ WWW </li></ul><ul><li>10. A word that looks underlined on a web page is usually what? </li></ul><ul><li>an important word the web address a &quot;link&quot; to another web page a mistake </li></ul>
  7. 7. posterous <ul><li>https://posterous.com / </li></ul>
  8. 8. Dropbox <ul><li>https://www.dropbox.com / </li></ul>
  9. 9. taking screenshots for your digital diary
  10. 10. Taking Screenshots in Mac OS X <ul><li>Shortcuts </li></ul><ul><li>Command-Shift-3: Take a screenshot of the screen, and save it as a file on the desktop </li></ul><ul><li>Command-Shift-4, then select an area: Take a screenshot of an area and save it as a file on the desktop </li></ul><ul><li>Command-Shift-4, then space, then click a window: Take a screenshot of a window and save it as a file on the desktop </li></ul><ul><li>Command-Control-Shift-3: Take a screenshot of the screen, and save it to the clipboard </li></ul><ul><li>Command-Control-Shift-4, then select an area: Take a screenshot of an area and save it to the clipboard </li></ul><ul><li>Command-Control-Shift-4, then space, then click a window: Take a screenshot of a window and save it to the clipboard </li></ul><ul><li>In Leopard and later, the following keys can be held down while selecting an area (via Command-Shift-4 or Command-Control-Shift-4): </li></ul><ul><li>Space, to lock the size of the selected region and instead move it when the mouse moves </li></ul><ul><li>Shift, to resize only one edge of the selected region </li></ul><ul><li>Option, to resize the selected region with its center as the anchor point </li></ul>
  11. 11. Screenshot - PC <ul><li>1. Open up the window or windows you want to have in your screen shot. </li></ul><ul><li>2. Arrange them so you can see all the information you need on-screen. </li></ul><ul><li>3. Press the PrtScr button (shown below) - this will copy the image of your screen to the &quot;clipboard&quot;, meaning you can now paste is as an image. </li></ul><ul><li>4. Open your favourite image editing software (MS Paint, Adobe Photoshop, Jasc PaintShopPro, GIMP etc.). </li></ul><ul><li>5. Paste (CTRL + V) the copied screen shot into the program. </li></ul><ul><li>6. Use the selection marquee tools to highlight the area you want to save. </li></ul><ul><li>7. Use the crop tool to remove everything except the area you selected. </li></ul><ul><li>8. Save the image as a .jpg. </li></ul>

×