Tasks
Do all the tasks outlined below.
1) Create a blog. Put the URL link for the blog in our class wiki in Moodle.
2) Add a post with a 100 word description about you. A picture too that represents you is required.
3) Create a post called "Journal of my Service Related Experiences". Your first entry should relate to greetings which we will talk about in class. You should have a weekly entry in this page on topics given to you.
4) Start a MS Word based small project called "Three common PC problems." Describe the problems and suggest what might be causing the problem and some solutions. A screen shot or picture associated with each problem is required. About two pages long. Due 26 July.
When you are satisfied with your project, put the document into the appropriate drop-box in Moodle.
5) Check out the case study about Lyle and his ISP.
6.5 Write a MS Word assignment called My Four Service Desk 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. Your sites should include some service tips and tricks like this one.
6.6 Put a link in your blog to the w3schools HTML site with a screen shot.
7. Write a simple HTML script that will print your name in two different sizes. (Hint: adapt from here the Simple HTML document program.) Show screen shot of the output in your blog.
8. Construct a HTML file on "the Dunedin Computing Scene" as in your blog. Use Wix.
9. Write 10 different HTML tags and say what they do.
16 Write a short web page with two different headings, a link, two paragraphs and an image.
17. Do the exercises in the Attributes Page https://www.w3schools.com/html/html_attributes.asp .
Try to do the exercises without looking at the answer. Make a small change to the HTML in the answer and add a comment about what you changed. Put the resulting answers in your blog as 17(a), (b) ..etc.
23. Write a simple HTML page with some CSS colours like in this page. Make it 6 sentences using different backgrounds using (a) colour names (b) rgb(-,-,-) with decimal numbers and (c) hex values.
Try some interesting colours.
Repeat for 6 grey sentences using 6 different grey values.
24. Style sheets. Check out this page that shows use of an external style sheet. Find the style sheet referred to (called mystyle.css) in the main text and put it in the head section of the html file so you now have an internal style sheet.
25. Write a small HTML announcement about your company changing over from Windows 7 to Win10. It should have an h1 announcement like "We're changing from Windows....." , also should have a picture, three lines of text and a box with text in it and an interesting border. You should have an interesting background colour, some text changes, fonts and colours too. All the styles should be included in an external .css file. Put both your files and a screenshot of the outcome in your blog.
26. 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.
27. 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?
28. 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.
29. 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.
30. Go back to the page of lists mentioned above and create an ordered list from it with 4 items.
31. Use an image of a kiwi as a link to the wikipedia page on kiwis.
32. Add to the kiwi page above a paste from giphy that will, in a simple iframe, show an animation of your choice.
33) 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.
34) Same as above but this time your click should take you to the appropriate Wikipedia page. Code in blog.
35) 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.
36) Check out the <picture> tag here. Change the flower theme to one which has three differnet pics of your favourite animal with a suitable caption. Make sure in resizes appropraitely by changing the shape of your browser page.
37) Using canned HTML scripts. There are lots of examples of little HTML scripts on the internet. Check out the section on HTML marquee codes about a third of the way down this page. Change two of them so that your name is used in the moving marquee, one of the scripts should contain text and an image too. Put both HTML scripts in your blog.
38) Javascript. Do the exercises at the bottom of this page. Make usual small commented changes. Put the working HTML scripts in your blog.
39) Change the javascript light bulb example to animal selection with two buttons, one for each animal you choose. For instance, if you press the "cat" button you get a picture of a cat. If you press the "dog" button, you get a picture of a dog. Choose your own animal pictures.
40) Forms. Do the exercise at the bottom of this page in the usual way.
41) Write a pretend website selling games that asks for person's name email and Visa Card numbers. Use text, radio and submit buttons. You do not have to do anything with the data that the client puts in. Include a set of pictures for your products.
1) Create a blog. Put the URL link for the blog in our class wiki in Moodle.
2) Add a post with a 100 word description about you. A picture too that represents you is required.
3) Create a post called "Journal of my Service Related Experiences". Your first entry should relate to greetings which we will talk about in class. You should have a weekly entry in this page on topics given to you.
4) Start a MS Word based small project called "Three common PC problems." Describe the problems and suggest what might be causing the problem and some solutions. A screen shot or picture associated with each problem is required. About two pages long. Due 26 July.
When you are satisfied with your project, put the document into the appropriate drop-box in Moodle.
5) Check out the case study about Lyle and his ISP.
Answer this assignment in the form of a report. Lay out your answer in three sections:a) What would you do first?b) Steps to ensure the problem doesn’t reoccur.c) Company guidelines on customer help/support/contingencies/staff – a series of bullet points is probably the best way of formatting this section. Put your answers into your blog. Make sure you number everything.
6.5 Write a MS Word assignment called My Four Service Desk 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. Your sites should include some service tips and tricks like this one.
6.6 Put a link in your blog to the w3schools HTML site with a screen shot.
7. Write a simple HTML script that will print your name in two different sizes. (Hint: adapt from here the Simple HTML document program.) Show screen shot of the output in your blog.
8. Construct a HTML file on "the Dunedin Computing Scene" as in your blog. Use Wix.
9. Write 10 different HTML tags and say what they do.
10. What does this do: <p> Hello world! </p>
11. Copy this in to Notepad or TextWrangler and run it through a browser.
<html>
<head>
<title>My First Page</title>
</head>
</html>
Where does the text "My First Page" appear?
12. Same as 11 but this time, change the text to your name. Put your full HTML program into your blog.
13. 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.
14. Same as 13, but this time run the HTML headings script.
15. Same as 13, but this time run the HTML paragraphs script.
11. Copy this in to Notepad or TextWrangler and run it through a browser.
<html>
<head>
<title>My First Page</title>
</head>
</html>
Where does the text "My First Page" appear?
12. Same as 11 but this time, change the text to your name. Put your full HTML program into your blog.
13. 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.
14. Same as 13, but this time run the HTML headings script.
15. Same as 13, but this time run the HTML paragraphs script.
16 Write a short web page with two different headings, a link, two paragraphs and an image.
17. Do the exercises in the Attributes Page https://www.w3schools.com/html/html_attributes.asp .
Try to do the exercises without looking at the answer. Make a small change to the HTML in the answer and add a comment about what you changed. Put the resulting answers in your blog as 17(a), (b) ..etc.
23. Write a simple HTML page with some CSS colours like in this page. Make it 6 sentences using different backgrounds using (a) colour names (b) rgb(-,-,-) with decimal numbers and (c) hex values.
Try some interesting colours.
Repeat for 6 grey sentences using 6 different grey values.
24. Style sheets. Check out this page that shows use of an external style sheet. Find the style sheet referred to (called mystyle.css) in the main text and put it in the head section of the html file so you now have an internal style sheet.
25. Write a small HTML announcement about your company changing over from Windows 7 to Win10. It should have an h1 announcement like "We're changing from Windows....." , also should have a picture, three lines of text and a box with text in it and an interesting border. You should have an interesting background colour, some text changes, fonts and colours too. All the styles should be included in an external .css file. Put both your files and a screenshot of the outcome in your blog.
26. 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.
27. 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?
28. 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.
29. 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.
30. Go back to the page of lists mentioned above and create an ordered list from it with 4 items.
31. Use an image of a kiwi as a link to the wikipedia page on kiwis.
32. Add to the kiwi page above a paste from giphy that will, in a simple iframe, show an animation of your choice.
33) 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.
34) Same as above but this time your click should take you to the appropriate Wikipedia page. Code in blog.
35) 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.
36) Check out the <picture> tag here. Change the flower theme to one which has three differnet pics of your favourite animal with a suitable caption. Make sure in resizes appropraitely by changing the shape of your browser page.
37) Using canned HTML scripts. There are lots of examples of little HTML scripts on the internet. Check out the section on HTML marquee codes about a third of the way down this page. Change two of them so that your name is used in the moving marquee, one of the scripts should contain text and an image too. Put both HTML scripts in your blog.
38) Javascript. Do the exercises at the bottom of this page. Make usual small commented changes. Put the working HTML scripts in your blog.
39) Change the javascript light bulb example to animal selection with two buttons, one for each animal you choose. For instance, if you press the "cat" button you get a picture of a cat. If you press the "dog" button, you get a picture of a dog. Choose your own animal pictures.
40) Forms. Do the exercise at the bottom of this page in the usual way.
41) Write a pretend website selling games that asks for person's name email and Visa Card numbers. Use text, radio and submit buttons. You do not have to do anything with the data that the client puts in. Include a set of pictures for your products.
Comments
Post a Comment