Tuesday 8 September 2015

Reflection on what I have learned.

First I was thinking it was going to be easy for me like I did in high school but it wasn't. I have learned about history of web, blogging and how to make a website in HTML and CSS on dreamweaver.

What part of this project did I enjoy?
Illustrator because I love drawing and brush on that and I think it was easy for me and I quite enjoy it.

What part of this project is hard for me?
dreamweaver and CSS because I don't quite understand about CSS and never used dreamweaver before, it was hard to catch at first but it wasn't very bad to fail on that, but I went back and catch up with these again.

Video Embedding

It is easy to put video from youtube, vimeo or dailymotion on your page.

There are 3 things will need to do:

  • The HTML file that you want to embed the video into
  • An idea of the size the video player
  • Access to the video online.

example of youtube.


Simple menu

Simple menu in HTML




Then will show the lines on your menu when you press on it will take you go that page.




Image optimization

Optimizing images for web is a tricky business. You have to get the right balance between filesize and picture quality. It is an essential step though. Look at any webpage, and you will see that most of its load time come from images.

There are three key areas where bytes can be shaved off graphics: bit depth(number of colours), resolution, and dimension.

One of the more common mistakes which lead to images sizes is people using the wrong file format for the job. The simple rule to follow is this:


  • GIFs should be used for the bulk of your images. Simple line drawings, shapes, small icons, nothing to complex.


  • JPEGs should be used for photographs and blurry background tiles where little of the intended look will be lost by the JPEG's compression.

  • PNG stands for Portable Network Graphics and is a file format used for graphics and developed as an improvement to the GIF.




Interface Design

Week 5 the tutor show us how to interface design before getting to dreamweaver

Interface design 

It is the design of websites, computers, appliances, machines, mobile communication devices, and software applications with the focus on the user's experience and interaction.






CSS, HTML links

CSS Links


Links can be any style in different way.

example



HTML links

The World Wide Web got its spidery name from the plentiful connections (links) that link websites together with the click of a button. What most people don't know is that HTML links are actually HTML anchors constructed using anchor tag <a>.

Example

Markup Structure

Week 3 the tutor described and showed us how to created HTML on dreamweaver.

Markup Structure






Thursday 3 September 2015

How the web works, HTML intro, Social Media intro

5th Wednesday August of week 2 in Web Media class, the tutor give us how to work with the website and social media.

How the web works.

This video is very helpful to understand how it works.


Hope you guy enjoy it :)

HTML introduction

what is HTML?
HTML is markup language for describing web documents (web pages).
  • HTML stands for Hyper Text Markup Language
  • A markup language is a set of markup tags
  • HTML documents are described by HTML tags
  • Each HTML tag describes different document content



Social Media introduction

what is Social Media?
Social media is the collective of online communications channels dedicated to community-based input, interaction, content-sharing and collaboration. Some examples of social media sites and application include Facebook, Youtube, Twitter, Google+, Wikipedia, Linkedln, Pinterest, blogs and other sites that have content based on user participation and user-generated content (UGC).



The most socials I have seen people using is Facebook, Twitter, Youtube, tumblr, and pinterest.








Tuesday 4 August 2015

My Journey

I love taking photos whenever I go anywhere because it means memories. 

For me every photos can tell a story.

Wellington 2015

The history of World Wide Web

The web is a wonderful place. It connects people from across the globe, keeps us updated with our friends and family, and creates revolutions never before seen in our lifetime.

Tim Berners-Lee, who invented the World Wide Web (WWW) in 1989. He was working in a computing services section of CERN when he came up with the concept; at the time he had no idea that would be achieve on such a huge scale.

Tim Berners-Lee who was invented the World Wide Web.

The web was created as a tool for us to share information with anyone, anywhere in the world. it started with the basics of sharing a document, but has gone on to create tools that now allow us to improve and share our lives.

Blogging setup

I'm doing diploma in creative technologies - and I choose Web Media course and this reason why I set up a blog.
At first week my tutor gave me details and explained what we have to do in blogs. It was kind of simple setting up a blog. I used to have a blog when I was 14 and I wrote about what I like, I see in a day and shared on my blog. 
I think it's good to have one and good for people who don't like to talk but like about writing and share diaries of their lifestyles through their blogs.
I'm hoping this blog will improve my writing skills.