Journal 7

Objectives

• Display some javascript on my page

Outcomes

• Using a 'for loop' that would run a set on instructions multiple times. The 'for loop' allows this to be predetermined.
• The loop starts with i=0. The loop will continue to run as long as i is equal to 5. i will increase by 1 each time the loop runs. It was set to run to for 5 times.
• Creating a script function with this data in bloggers hmtl template allows for a single 'input' type button to be created that corresponds with the loop and can be posted along with an explanation in a single post.
  

Journal 6

Objects:

• Produce a Quicktime video
  
• Inline the video

Outcomes

• Selected a video and added effects and transitions to it using Imovie, then compressed it into a web based Quicktime video using Imovie's share function.
  
• Using mac's terminal function, the compressed video could be sent to a directory at Liskov where it would have a location from where it could be viewed by the public.
  
• Created a video code using Pageotx and inserted the video's absolute URL at Liskov, then I could insert the html into my blog allowing for the hosting of the video on my blog as well as on Liskov. The URL has to be absolute so it can be accessed by anyone on the net, a relative URL woould mean hey would have to go to Liskov first.
  

Journal 5

Objectives:

• Create a photo gallery using
  
• Glerie and Iphoto
  
• Upload the photo gallery to ANU's liskov website where it can be viewed by anybody.

Outcomes

1. Find images and upload them to Iphoto and then create a Galerie photo gallery
2. Put the gallery into a directory zip it using unix terminal, send to a new directory at ANU's liskov course work web server.
   
3. Unzip the file and make sure it is in the public viewing directory so it can viewed by anybody
   

Problems

• Could not upload the gallery straight to my blog because blogger is not compatible with a image gallery as each image relative link is in a different place to its absolute link. So each images link would have to be routed to a different directory when they must be from the same one. It is not possible in blogger to do this.
  

• A gallery would not be feasible because each image would be from a different location and source code and there is no allowance for galleries within blogger's template and nav bar layout. There also appears to be no accessible html code to paste into a template from Gallerie.

Link To Gallery on liskov

Journal 4

Objectives For Lab 4

• Create Table

• Style The Table

• Create A Form

Outcomes For Lab 4

• Created a table containing information on goals, audience and content. I was able to do this by using table tags, table row tags and table data tags, understanding that using a tag instead of the row tag, creates a bold heading to be used where appropriate as opposed to just text or images.

• Styled the table so that it conforms with the rest of my blog, changing the colour of my text to aqua using colour html text in my style sheet so the blog is more pleasant to look at. For some reason, when displayed on my blog, there was a large gap between the title and the table, a fault that neither I nor my tutor could explain.

• I created several forms my writing in the necessary html such as the form container tag which is used to define all forms. The input tag must be used to establish what type of form is being used whether it be a radio button or text area box. Forms are quite easy to construct whereas tables are trickier to construct and get right.

Third Post

Well I have now made a solution to my lack of a picture by adding the source html to my html for the last post, which now not only only shows the picture but also if clicked goes to the pictures location on the web. Unfortunately there is no image map with written words ad blogger has errors when trying to upload this type of image.

I added some style to my page by inserting some CSS into the body my html template. I have made the background and the text red. I have also added a navbar to my left sidebar by inserting navbar html into my sidebar section in my html template, along with this I created a repeating image from another website for my background. I used the W3Schools website to show me how this was done. Now my blog has some style.

The style type was text/CSS and it allowed a background image to repeat itself while text was visile over the top of it. The ul class navbar has its href's in the body while the positioning is placed in the sidebar content of the html editor. It's positioned is fixed so it remains stationary in the the top left hand corner.

Second Journal Entry

I can't enter a events tag in my journal because it is in blogspot which doesn't have extra menu items such as reviews and events. Instead I have put a labels tag, called journal entries on each entry, allowing the reader to access a separate page containing all the entries. My blog already has an archive system in place to allow for linking of posts to certain dates. The "style" html does not work on blogger because it merely creates a style which blogger already contains and does not effect content which blogger already contains.

I have incounted a problem with using blogger and image maps as blogger seems to be unable to upload them. Having done the required editing in photo image program I was then unable to upload the image map onto blogger. Instead I have pasted the image's html onto this post showing where the picture should be. when clicked though it does go to the image. I may have to try and upload the image map onto a image sharing program so it can be viewed.

First Jouranal Post

I have successfully entered in first post confirming that I have completed assigned tasks in lab session.

This included logging in and logging out using my computer account in the ANU Student Computing Environment, using some basic features of the MacOSX user interface, and some more advanced ones, and also using the Safari browser to read WWW resources and use a web mail interface to read and send e-mails from my ANU account, with an attachment.
Also signing up to Blogspot instead of Xanga due to my already familiarity with the site.

Having done these thing I feel ready to progress to the next stages of interfacing with the web.