Sunday, July 19, 2015
Tasks
Respond to these tasks by writing any answers or code into your own blog. Please number your responses so they can be found.
1. Start your blog in Blogger. Write a sentence about yourself, with a graphic that represents you, say, a photo or something that you like. Remember the address of your blog. This is where all the feedback on tasks will be given.
2. Write a MS Word assignment called My Four Most Favorite Sites. Write about 50 words about each site and say why you like it. Include a screen shot of each site. Make the layout nice and put it in the Moodle drop-box by the closing date.
3. Checkout the Classroom Protocols PowerPoint in our Moodle site. Write about three aspects of the protocols that you consider are the most important. Three sentences are enough but you can do more. Add a picture.
4. Put a link in your blog to the w3schools HTML site with a screen shot.
5. What does HTML stand for. Paste in a few lines of HTML.
6. Define Tag, Element and Attribute. Give examples if you can.
7. What does this do: <p> Hello world! </p>
8. Copy this in to Notepad and run it through a browser.
<html>
<head>
<title>My First Page</title>
</head>
</html>
Where does the text "My First Page" appear?
9. Same as 8 but this time, change the text to your name. Put your full HTML program into your blog.
10. Go to this page( http://www.w3schools.com/html/html_examples.asp) and run the example called "HTML document" from the HTML basic section. Run their example, think about the tags then alter their script in some interesting way. eg. include your name in the script somewhere. Run your new script and copy the HTML into your blog with a suitable comment.
11. Same as 10, but this time run the HTML headings script.
12. Same as 10, but this time run the HTML paragraphs script.
13. Start your talk on an interesting tag by picking one that appeals to you and preparing a two (or more) page PowerPoint. Put your name and tag onto the Wiki in Moodle.
14. Do an Internet search on at least two HTML Editors. Take a screen shot of each editor and write a comment on what people say about it and what you think too.
15. Write a simple script that includes the following tags : underline, italics and bold.
16. Write an HTML script that uses all the header tags <h1>, <h2>, ..., <h6>.
17. Check out the post in this blog called: "And the best browser is..". Read over the results. A bit surprising to some people. Do you think this is a fair assessment? Does it include all the features important to web users？Did it change your opinion of your most-used browser? Write some sentences that respond to the previous questions in your blog.
18. Subscript. Write a script that contains the <sub> tag. Also include the chemical formula for ammonium phosphate (look it up) , with all the subscripts in the right place.
19. Have a go at each of the exercises near the bottom of this page then put the answers into your blog making a small change like substitute "United Nations" for "WWF" in the first exercise.
20. Write 100 words about yourself, your educational history, family life, pets and hobbies. Say what you want to do after you get your CIT. Use at least 8 formatting tags like bold and italics. Put HTML script into your blog but test it works first in a browser.
21. In a Word document write 200 words about yourself, your educational history, family life, pets and hobbies. Say what you want to do after you get your CIT. Make sure all the spelling and grammar are correct. Print it out and show your lecturer. Write in your blog a summary of the comments your lecturer made.
22. Have a go at each of the exercises near the bottom of this page then put the answers into your blog making a small changes like you did in 19 above.
23. Pick three animal pictures that you like from the web. Arrange them in a post in your blog. Give them appropriate captions.
24. Write a script that includes three graphics about one of the recent Malaysian Airlines plane crashes as well as 100 words about what's happened. These can be copies so long as you say where they come from. Two links to other web sites are required too.
25. Complete the first assignment on student life in Dunedin. See the PowerPoint in Moodle for details.
26. Write a HTML script that will contain two links to two external www pages like w3schools.
27. Write a script that changes the default colours of a link to a Wikipedia page.
28. Write a HTML script that has three lines of text. There will also be three links that when clicked will jump to the first, second or third line. The fourth link should be at the bottom and when clicked will jump to the top of the page.
29. Have a go at each of the exercises near the bottom of this page then put the answers into your blog making a small changes like you did in 19 above.
30. Use an image of a kiwi as a link to the wikipedia page on kiwis.
31. Add to the kiwi page above a paste from giphy that will, in a simple iframe, show an animation of your choice.
32) Find a good picture of the solar system with all the planets and make your own image map so that clicking on a planet gives a close-up of each planet with its name. Code in blog.
33) Same as 32 but this time your click should take you to the appropriate Wikipedia page. Code in blog.
34) Use a picture of the Otago Polytechnic campus to output a little message or go to a relevant website when you click on three different buildings.
35) Take the quackit example and change the area around the person to be a circle around his head. Put the code with comments into your blog.
36. Tables. Check out the w3 Schools page on HTML tables. Run any three examples on the page then make some interesting changes (words, colours, borders, fonts etc.) and make sure the scripts work. Then copy these scripts into your blog with a comment about what you've changed. Just small changes are OK.
37. Look at this movie site on some popular movies of 2012. Make a table out of the top five giving the ranking and the number of stars this site awards each movie. Can you also copy out some of the graphics and put them on your page too?
38. Lists : Do the exercise on the bottom of this page. Do the exercises and make sure you understand all the list elements. Make some small changes and display the changed HTML in your blog with a comment about what you've changed.
39. Check out this page of lists. Find a list that interests you and make a web page that includes a table with at least 5 rows and two columns with headings and a caption on the table. Add at least two graphics.
40. Go back to the page of lists mentioned above and create an ordered list from it with 4 items.
41 Repeat above but this time use an unordered list.
42. Use the HTML list method to make a list of 6 different HTML tags.
43. Same as above but this time use a different set of bullets and have at least one nested list.
44. Go to the page of lists in question 39 and use it to create a 10-item list with an appropriate heading and some interesting graphics.
45. Quotations. Go to the w3 schools page on quotations and do the exercises at the bottom. Change each one of the exercise slightly and copy the HTML into your blog saying in comment what change you've made. Make sure your versions work.
46. Write some text where every tag in the above page is used.
47. Computer code. Go to the w3 schools' page on computer code and do the exercises at the bottom. Change each one of the exercise slightly and copy the HTML into your blog saying in comment what change you've made. Make sure your versions work.
48. Write some text where every tag in the above page is used.
49.CSS. Go to the w3 schools' page on CSS and do the exercises at the bottom. Change each one of the exercise slightly and copy the HTML into your blog saying in comment what change you've made. Make sure your versions work.
50. Write some text where every tag in the above page is used.
51.div and span . Go to the w3 schools' page on div and span and do the exercises at the bottom. Change each one of the exercise slightly and copy the HTML into your blog saying in comment what change you've made. Make sure your versions work.
52. Write a small HTML page that uses div and span in an interesting way.
53. Create a short web page on the history of the internet that uses <header>, <nav>, <section>, <aside> < article> and <footer>.
1. Start your blog in Blogger. Write a sentence about yourself, with a graphic that represents you, say, a photo or something that you like. Remember the address of your blog. This is where all the feedback on tasks will be given.
2. Write a MS Word assignment called My Four Most Favorite Sites. Write about 50 words about each site and say why you like it. Include a screen shot of each site. Make the layout nice and put it in the Moodle drop-box by the closing date.
3. Checkout the Classroom Protocols PowerPoint in our Moodle site. Write about three aspects of the protocols that you consider are the most important. Three sentences are enough but you can do more. Add a picture.
4. Put a link in your blog to the w3schools HTML site with a screen shot.
5. What does HTML stand for. Paste in a few lines of HTML.
6. Define Tag, Element and Attribute. Give examples if you can.
7. What does this do: <p> Hello world! </p>
8. Copy this in to Notepad and run it through a browser.
<html>
<head>
<title>My First Page</title>
</head>
</html>
Where does the text "My First Page" appear?
9. Same as 8 but this time, change the text to your name. Put your full HTML program into your blog.
10. Go to this page( http://www.w3schools.com/html/html_examples.asp) and run the example called "HTML document" from the HTML basic section. Run their example, think about the tags then alter their script in some interesting way. eg. include your name in the script somewhere. Run your new script and copy the HTML into your blog with a suitable comment.
11. Same as 10, but this time run the HTML headings script.
12. Same as 10, but this time run the HTML paragraphs script.
13. Start your talk on an interesting tag by picking one that appeals to you and preparing a two (or more) page PowerPoint. Put your name and tag onto the Wiki in Moodle.
14. Do an Internet search on at least two HTML Editors. Take a screen shot of each editor and write a comment on what people say about it and what you think too.
15. Write a simple script that includes the following tags : underline, italics and bold.
16. Write an HTML script that uses all the header tags <h1>, <h2>, ..., <h6>.
17. Check out the post in this blog called: "And the best browser is..". Read over the results. A bit surprising to some people. Do you think this is a fair assessment? Does it include all the features important to web users？Did it change your opinion of your most-used browser? Write some sentences that respond to the previous questions in your blog.
18. Subscript. Write a script that contains the <sub> tag. Also include the chemical formula for ammonium phosphate (look it up) , with all the subscripts in the right place.
19. Have a go at each of the exercises near the bottom of this page then put the answers into your blog making a small change like substitute "United Nations" for "WWF" in the first exercise.
20. Write 100 words about yourself, your educational history, family life, pets and hobbies. Say what you want to do after you get your CIT. Use at least 8 formatting tags like bold and italics. Put HTML script into your blog but test it works first in a browser.
21. In a Word document write 200 words about yourself, your educational history, family life, pets and hobbies. Say what you want to do after you get your CIT. Make sure all the spelling and grammar are correct. Print it out and show your lecturer. Write in your blog a summary of the comments your lecturer made.
22. Have a go at each of the exercises near the bottom of this page then put the answers into your blog making a small changes like you did in 19 above.
23. Pick three animal pictures that you like from the web. Arrange them in a post in your blog. Give them appropriate captions.
24. Write a script that includes three graphics about one of the recent Malaysian Airlines plane crashes as well as 100 words about what's happened. These can be copies so long as you say where they come from. Two links to other web sites are required too.
25. Complete the first assignment on student life in Dunedin. See the PowerPoint in Moodle for details.
26. Write a HTML script that will contain two links to two external www pages like w3schools.
27. Write a script that changes the default colours of a link to a Wikipedia page.
28. Write a HTML script that has three lines of text. There will also be three links that when clicked will jump to the first, second or third line. The fourth link should be at the bottom and when clicked will jump to the top of the page.
29. Have a go at each of the exercises near the bottom of this page then put the answers into your blog making a small changes like you did in 19 above.
30. Use an image of a kiwi as a link to the wikipedia page on kiwis.
31. Add to the kiwi page above a paste from giphy that will, in a simple iframe, show an animation of your choice.
32) Find a good picture of the solar system with all the planets and make your own image map so that clicking on a planet gives a close-up of each planet with its name. Code in blog.
33) Same as 32 but this time your click should take you to the appropriate Wikipedia page. Code in blog.
34) Use a picture of the Otago Polytechnic campus to output a little message or go to a relevant website when you click on three different buildings.
35) Take the quackit example and change the area around the person to be a circle around his head. Put the code with comments into your blog.
36. Tables. Check out the w3 Schools page on HTML tables. Run any three examples on the page then make some interesting changes (words, colours, borders, fonts etc.) and make sure the scripts work. Then copy these scripts into your blog with a comment about what you've changed. Just small changes are OK.
37. Look at this movie site on some popular movies of 2012. Make a table out of the top five giving the ranking and the number of stars this site awards each movie. Can you also copy out some of the graphics and put them on your page too?
38. Lists : Do the exercise on the bottom of this page. Do the exercises and make sure you understand all the list elements. Make some small changes and display the changed HTML in your blog with a comment about what you've changed.
39. Check out this page of lists. Find a list that interests you and make a web page that includes a table with at least 5 rows and two columns with headings and a caption on the table. Add at least two graphics.
40. Go back to the page of lists mentioned above and create an ordered list from it with 4 items.
41 Repeat above but this time use an unordered list.
42. Use the HTML list method to make a list of 6 different HTML tags.
43. Same as above but this time use a different set of bullets and have at least one nested list.
44. Go to the page of lists in question 39 and use it to create a 10-item list with an appropriate heading and some interesting graphics.
45. Quotations. Go to the w3 schools page on quotations and do the exercises at the bottom. Change each one of the exercise slightly and copy the HTML into your blog saying in comment what change you've made. Make sure your versions work.
46. Write some text where every tag in the above page is used.
47. Computer code. Go to the w3 schools' page on computer code and do the exercises at the bottom. Change each one of the exercise slightly and copy the HTML into your blog saying in comment what change you've made. Make sure your versions work.
48. Write some text where every tag in the above page is used.
49.CSS. Go to the w3 schools' page on CSS and do the exercises at the bottom. Change each one of the exercise slightly and copy the HTML into your blog saying in comment what change you've made. Make sure your versions work.
50. Write some text where every tag in the above page is used.
51.div and span . Go to the w3 schools' page on div and span and do the exercises at the bottom. Change each one of the exercise slightly and copy the HTML into your blog saying in comment what change you've made. Make sure your versions work.
52. Write a small HTML page that uses div and span in an interesting way.
53. Create a short web page on the history of the internet that uses <header>, <nav>, <section>, <aside> < article> and <footer>.
54. Number work. Project. Create a stand-alone web page that
illustrates some part of the history of numbers. It should have at least 5
pictures and contain tables, lists and a small form. (You do not have to use
the results of the form.) A total of 10 different tags should be used. Be
prepared to talk to the class about your page. Think about colour, layout,
style, tone, grammar and spelling. Due Sunday 8 Nov 23:55.
51Simple forms. Go to the w3 schools' page on forms and do the exercises at the bottom. Change each one of the exercise slightly and copy the HTML into your blog saying in comment what changes you've made. Make sure your versions work.
51Simple forms. Go to the w3 schools' page on forms and do the exercises at the bottom. Change each one of the exercise slightly and copy the HTML into your blog saying in comment what changes you've made. Make sure your versions work.
Welcome
Welcome to our class, CT422 Professional Skills, second semester 2015. Here you'll learn skills that will give you an extra edge in IT.
Keep an eye on this blog and do the tasks in the tasks page. Do the answers to any questions, or written code in your own blog. Please put the answer number in your post.
So your first task is to create a blog in Blogger. When you have done this remember you blog address so it can be pasted into our wiki in Moodle.
Subscribe to:
Posts (Atom)