Sunday, July 24, 2016

There are heaps of editors for HTML

There are people who always use special HTML editors to write their HTML scripts. Others use only simple text editors.


We often write HTML scripts in a text editor. There are many available and most are free.




Others are Notepad++, EditPlus and Ultra Edit. There is not a "best one" , they all have their own set of features. A lot of people just stick with Notepad in Windows and TextEdit on Macs. One of your tasks is to explore different text editors.


w3 schools is a great HTML learning site


Sunday, July 17, 2016

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.
5) When you are satisfied with your project, put the document into the appropriate drop-box in Moodle.

6) 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. What does HTML stand for. Paste in a few lines of HTML.

8. Define Tag, Element and Attribute. Give examples if you can.

9. What does this do:     <p> Hello world! </p>

10.  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?


11. Same as 10 but this time,  change the text to your name. Put your full HTML program into your blog.

12. Go to this pagehttp://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.

12.5. Do the exercise at the the bottom of the attributes page in w3 schools. Check out the answers in each of the five exercise and copy the correct HTML code into your blog with a small change to the code given. Comment on what change you have made. For instance say <!-- I changed the name of the picture. --> 

13. Same as 12, but this time run the HTML headings script.

14. Same as 12, but this time run the HTML paragraphs script.



Technical writing.
14.1 Write 100 words or more about yourself, your educational history, what IT things you like and what sort of job you'd like. Hand in to your teacher.

14.2 Write 100 words or more about your cell phone. Technical description, what you use it for, how you got it, what are it's best and worst features and what you'd like to buy next.


14.3 Write 100 words or more about the computer you use at home. Give some technical details as well as how you came to have it, its advantages and limitations compared to others and what you use it for. Any tips, tricks and comments could be added too. Hand in on a piece of paper as well as put into your blog.

14.4 Write a hundred words or more on your favorite computer game. Why do you like it? Does it have a big following? Are there others like it? Any tips and tricks?

15.  Start preparing  your talk on an interesting tag by picking one that appeals to you and preparing a three (or more) page PowerPoint. Put your name and tag onto the Wiki in Moodle.

16.  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.

17. Write a simple script that includes the following tags : underline, italics and bold.

18. Write an HTML script that uses all the header tags <h1>, <h2>, ..., <h6>.


19. Do the exercises on the bottom of the links page of w3 schools. Make small changes to the official answers with a comment like in  question 12.5 above.

20. There is no number 20.

21. Images Create a little HTML page on the Rio Olympics that has three pictures and a little text. Zip it up, if there's more than one file, and put into  appropriate drop box.

22. Write a little web page on Otago Polytechnic. It should contain 4 images and each immager should have a title. It should also contain one link to an external website, and one internal link to the top or bottom of your page.

23. Revise HTML images on this page. Some of the theory on image maps is quite hard but it's worthwhile to slowly work through their examples. Then do the exercises at the bottom of the page making the usual small changes with your comment nearby.

24. Read over the first twenty slides of the PowerPoint in Moodle called "Introductory Service Desk Concepts"  that we have been looking at in class. Pick two slides you think are quite important and summarise them in two sentences each. Add a picture to represent each slide. Put the text and your two pictures in a blog post with a suitable heading.

25. Do the exercises on headings on this page making the usual small changes with a comment and put the answers into your blog. 

26. Paragraphs. Same as above but take the four exercises from this page  .

27. Use an image of a kiwi as a link to the wikipedia page on kiwis.

28. Add to the kiwi page above a paste from giphy that will, in a simple iframe, show an animation of your choice.


29) 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.

30) Same as above but this time your click should take you to the appropriate Wikipedia page. Code in blog.

31) 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.

32) 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.


33) Styles. Do the exercise in the styles page in the usual way.

34) Write a simple web page the uses background-color, color, font-family, font-size and text-align in one document.

35) Do the five formatting exercises on this page in the usual way.

36) Write a HTML sentence that uses bold, strong, italic, subscript, superscript, del and marked text.

37) Do the quotation exercises on this page in the usual way with little changes and comments.

38) Write a little HTML script that uses abbr, address, bdo, blockquote, cite and q.


39) Do the exercises on computer code in the usual way from this page.

40) Write some lines of code in Python, C or some other language and use the tags from the two pages above to format it nicely.

41) Do these questions from the board on colours:

42. 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.

43. 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?


44. Have a go at the three questions at the bottom of the classes page in w3schools. Make the usual small changes with a comment and put resulting HTML code into your blog.

45. Write up the following in your blog.






Welcome



Welcome to our class, CR434, second semester 2016. Here you'll learn skills that will give you an extra edge in IT and help you become a competent help desk technician.


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.


So your first task is to create a blog in Blogger. When you have done this remember your blog address so it can be pasted into our wiki in Moodle.