The purpose of my website is to inform dub step and drum n bass fans about the new releases of songs made by some of the best musicians. To do this my site is going to be updated on a regular basis. The reason i choose Dub Step and Drum n Bass music is that I'm a big fan myself. This gives me the chance to share any of the music i personally think is good. For example the main three artists that i will be talking about and sharing there music are Feint D'n'B, Klaypex, Skrillex and many more.
Target Audience
Since my website is all to do with music the age of the audience that i am aiming for is of a huge variety. This is because every one in the world loves music or will have some musical intrest in their life. I am obviously expecting the user to enjoy the genre of music that is on my website other wise they wouldn't be on my website. Hopefully my site will attract teenagers more then it would older members of the public. The reason for this is Dub step is a very modern genre of music and i really don't think that the older generation would enjoy listening to it as it is load, up beat as it is classes as electronic dance music.
I have also thought about the legal and ethnical side go my website. This means that I have sure I don't violate the Copy Right Law by using other peoples images. This means that all of the images I used had to be made by me or edited by me.
Cross Browser Format
To make sure that my website worked in different browsers, Dreamweaver allows you to preview your website on different browsers. This feature plays a big part in my website as it allows me to make sure that every works on every browser.
Use of content
The main content that I will be including is information on new releases of songs by D'n'B and dub step artists. I will also provide links and maybe videos to youtube etc so they can listen to the new releases at the time. I will also supply information on the artists. This information will let the reader know a little bit about the artist.
Site progression
When i first started building my site i used a lot of tables to get the lay out just right like in my design template. By using the tables it allowed me to insert a lot of rows/ columns and insert all the images i needed to. My website started to look really professional as i had added more and more rows. I had three rows for the main content of my site. I was planning on putting an artist on each row and changing it when i update my site weekly. For each row i had four links to social media websites such as Facebook, Twitter, Sound-cloud and youtube.
After getting some practise and learning more about HTML and CSS coding i then recreated my website using <Div> tags. This allowed me to recreate my website with out having to mess around with tables etc. I made a new style for every <div> that i used in my site. I feel like using <div> tags allowed me to progress through my website a lot faster then using tables. Also by having a different style for each <div> allowed me to change many things like font, font colour, padding and much more.
Software
To create my website i used a lot of different software. To create the design for my website i used photoshop to draw up a rough sketch that i was going to use as a template for my site. Once i had drew up the template i then used it to draw up my site on dreamweaver by using tables and the colours from the template. By making this template it made sure i had a good idea what kind of style i was making my website. I downloaded a lot of different brush sets to use for the background of the site. It took me a little while to find the brush set that i was going to use for my set but once i had found the right brushes all i had to do is add them into the banner and background of my site. Once i had messed around on photoshop chaining the background etc i noticed that my background would not go well on dreamweaver as a background would keep repeating. So what i did was make a white background but added a blue gradient to that it looked fine when it repeated.
When on dreamweaver i started to hand code it myself by writing the HTML (hyper text mark up language)and making my own CSS (cascading style sheets). To get used of using style sheets i played around changing the text colour, size and the padding.
Testing my site
The main way that I was testing my website was by using the preview site feature on Dreamweaver which allowed me to see what my website would look like when it was actually on the world wide web. While using this feature it give me the opportunity to test all of my hyper links that I have used through out my web site. It has also allowed me to make sure that all of my images load properly and to make sure that my lay out sits correctly on the web page. This section played a big part in making my website as it showed me the mistakes I have made which then let me know that I needed to fix them.
Transferring document onto web
To upload my website i made sure i had my website just how i wanted it and was working 100% (all the link and images). To get my site online i used a free hosting package. The one i used was Webatu and the domain name i chose was www.ronimp3.site50.net.
When i was ready to upload my site i had to transfer all my files online. To do this i used file villa which is a very popular FTP programme. This allowed me to transfer the files to a server which the website wil be hosted on. i transferred everything i used on my website like images, the index page and css files. This would then allow my website to go live when i hit the up load button.
No comments:
Post a Comment