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