Some errors on diigo and Wix

After adding a few more youtube links to diigo during the lesson, I've noticed that during the previous lesson, the photos i diigoed from google didn't work. Out of five photos, three of them just directly links back to google and not the image. Therefore, I have to try and search the photos that I want to use on google again.
On the other hand, the youtube links i saved earlier on still shows up to the video that I wanted.

Wix.com is a free flash design creation site. This website can also allow me to create a website for my client, therefore instead of using Adobe Dreamweaver, this might be another way to create a website. Also in my opinion, I think Wix might be easier to use than Dreamweaver since it doesn't seem to have alot of complicated functions to work with.

Knowing the basics of Dreamweaver

During the lesson, I went on youtube and searched how to make a basic website layout on Adobe Dreamweaver Cs4. After watching a few videos,I've managed to create a simple website with coloured backgrounds and links which can bring me to other pages.

I've previewed it on the internet and both links linked to the page I wanted it to open up to therefore it showed that I didn't make a mistake whilst making it.


Then, I looked up other videos on youtube. This time, i wanted to know how to add photos into the dreamweaver website. Following the instructions on the youtube video, I've managed to put a photo onto the website. I previewed it on the internet and the photo showed up just fine.

Final website design: Others

As one of the fitness for purpose was evidence of in the field testing, I've decided to create a comment box to let people give me feedback on my website. Through this, I can also further improve my website and at the same time know the strength of my website.

Final website design: Videos

As I've mentioned before for my initial designs, I would find videos on youtube and put it onto my website. I will display 3 to 5 videos of the bharatanatyam dance. Some can show how you perform a certain step in the dance and some will show a section of the bhratanatyam dance performance.

Final website design: Basic steps

For the basic steps page, I will have photos on the left and a description of it on the right. I predict that there will be 5 to 7 basic steps for the bhratanatyam dance. Each will follow the same layout as shown above.

Final website design: Hand gesture

This is the hand gesture page. I've found out that there were two types of hand gesture: Asamyukata (single hand gesture) and Samyukta (double hand gesture) and each have numerous hand gestures.

There will approximately be 5 to 7 more hand gesture for both Asamyukata and Samyukta. They will follow the same format as shown above

Final website design: The Costume

For the layout, I followed my initial design layout by dividing the page into four sections. I've decided to keep to collage there. It will be kept there throughout all the slides.

Final website design: The Dance

After doing some research beforehand, I've picked out the most important information and using my own words, I've decided to include it into my website.

I will use the photos that I saved using diigo. They were all allowed to be "labeled for reuse and modification" .

Final website design: Homepage

This will be how my homepage for my websit will look like. I created a background which was pinky and orangey. This background will be used for all the other pages.

More detailed sketch of my design: Other links

The other links page would be very simple. It only includes links to other bhratanatyam website.

More detailed sketch of my design: Videos

After looking through videos on youtube, I will choose the ones that I think portrays the bharatanatyam dance best. I will then ask the owner for their permission to use the video. If they won't allow me, I will go onto youtube again and look for other bhratanatyam videos.

The still shots page will hardly include any text. The reason for this is because I decided that this page will display purely images of the bharatanatyam dance. It will show the different types of position there are, the colour of their costume etc. It aims to show the varieties the dance have.

If users does get confused, I will add a sentence or two to each image to explain to them what the image is conveying.

More detailed sketch of my design: Hand gesture

I will arrange the photos by having two photos side by side each other with description below them. I won't have three photos side by side because the photos might end up being too small therefore it would not be clear to the user what the photo is showing.

For the font, I will use the same font and colour. However, I will change the size ranging from 10 to 11. Also, for each description, approximately 30 to 50 words will be used to explain the photo.

More detailed sketch of my design: Dress code

For the dress code page, I will have pictures on the left and have a on description the right to explain to the user what or how you wear a traditional Indian sari. Through this, it should be more clear to the user what the image as trying to tell them.

All the photos I find will not be copyrighted, even if they are, I will try to get permission from the owner before using so.

More detailed sketch of my design: History page

This is the history page of my website. I will be using the same background as the homepage. I would divide the page into four sections: two for pictures and the other two for information. That way, hopefully the page will seem more interesting.

All the font, font size and colour will be the same as the homepage.

the subtitle for this page would be: "Origin of the dance"

More detailed sketch of my design: Homepage

This is the more detailed sketch of my website. The image above shows the homepage / welcome page of my website.

It would include:

- a collage

- a photo

- a music player

- information on the dance

The information would be written with font size ranging from 10 to 13. I would be using san-serif font (E.g. Calibri, Arial, Tahoma) to make it look more modern. The text would be in black colour.

The menu bar will also be in the same font and the same font size.

For the background, I plan it to have red/orange/yellow background. I chose these colours because these usually represent the colours of India.

ICT analysis

http://www.scribd.com/full/31098829?access_key=key-26svo5wa0epi0pehrh9k

This is the link which shows my ICT analysis powerpoint in flash.



A screenshot of my ict analysis powerpoint in my eportfolio

Catching Up - sketches of my website

These are the sketches I did for my website, I scanned them into the computer to show evidence of it. The layout of these sketches will probably be the same as the actual website which will be made. Some photos and youtube videos I will use were saved in my diigo account.


This was my first sketch on how my website and some of the pages will look like. However, it was not detailed enough, I needed to have more details on my design so someone else can make it. I also need to include what fonts I need to use.