Sunday, October 31, 2010

22/10/10 : How to add text and images into the website

Once I started on weebly to make my website, I added the background, I then chose a template for my website. The one I chose have a huge wide landscape picture across the top and the menu bar is located to the left.

In weebly, there's a "menu bar" located at the top and it includes pretty much everything you need to create the website. Under the "elements" tab,
it shows "Paragraph with title, Paragraph with picture etc." You just have to drag that element in and you'll be able to write or add photos to your website
Then, you can click "publish" on the top right hand corner and other people can view what you've made so far..

Saturday, October 16, 2010

16/10/10 : Weebly's editor menu


To add materials into your website, you just have to drag the tabs into the website. You can drag paragraphs, pictures, videos etc. into your website. It's also very easy to use because if you want to delete the object you've placed into your website, you just have to scroll over that object and a red, cross button will show top left of that object.

Thursday, October 14, 2010

12/10/10 : Creating a background for my website



I've found a picture that I could use for the background of my website. The photo I found on google was labeled for reuse with modification. The problem with this picture is that on the top left hand corner, there's a text saying "twitround" and in order to remove that, I used Adobe Photoshop to do so.
On photoshop, I did "alt-click" to select the area I want to clone. Then, I clicked the clone stamp tool and apply it over "twitround" to cover it.

Back on weebly, when I wanted to edit the background, on the top right hand corner, an "edit HTML/CSS" tab pops up. I clicked on it and the tabs now show "HTML, CSS, Files, Preview, Help".

As I want to add my photoshopped background file into my website, I clicked file and uploaded that image. After, I clicked the "CSS" tab I typed in the file name of that image, which is "indian-summer.jpg" next to where it said "background".

Now, my background will be the one I photoshopped for my website.

Saturday, October 9, 2010

9/10/10 : New website makng software

Today, my client came up to me and showed me a new website that I can create the website for her. The website is called www.weebly.com My client prefers this over Wix because after looking through websites that have been created on weebly, my client feels weebly gives a more professional look to the overall product. As I just started on Wix, I will have time to start another website again.
I've decided to name the website btnyonline.weebly.com. "Weebly" needs to be added into the website address otherwise payment will be needed if you wanted to have your own unique website address.

Sunday, October 3, 2010

3/10/10 Screenshots of website


This is a screenshot of a preview of my website, the page being shown above is my introduction page for my client's website. I chose a template from Wix and edited the colours to fit the theme of my website. I also changed the boxes to a beige/yellow colour to fit in with my website. I've managed to link all of the menu buttons to open a new page when customers click on it. The information on the information page should rough be final, it should be the amount of writing that I will have for that page. I added a photo slideshow on the top right hand corner of the website as this will be slightly more interactive for the customer.


This gives a clearer image of the photo slideshow. When customer move their mouse across the slideshow, the photos will start moving to show more photos of the bharatanatyam dance. I chose a black rimmed slideshow for this website because it goes well with the theme.