Digital Communication
Cross Browser compatibility:
Cross browser compatibility is very important when setting up an online website as it allows your site to be accessed and read properly by people on any browser. The reason for this is because there are so many different web browsers out there and they all translate information differently so the information on your website appears differently in each browser, so making sure your site is compatible on all browser is necessary to make sure your site can be accessed and appear in the correct format by as many people as possible. The five main browsers are; Internet Explorer, Mozilla Firefox, Google Chrome, Safari, and Opera, cross browser compatibility allows all of these browsers to successfully read your site making it accessible to anyone using any of these browsers.
Use of content:
The content i used is all related to my website and all based on sharing new and upcoming information. Since i chose to do a gaming website all my content is gaming related and across multiple platforms such as Xbox/360, PS3, PC etc so that all types of gamers can find something that relates to them. Another reason i chose this content is because it is all up to date information and news so that the readers are not looking at information from last year or a few months ago etc. Here is an example of some of the different platform content i used:
The halo anniversary section of my website is purely based upon xbox360 users as halo is only available on the xbox. So although users who prefer other platforms have no reason to read this article there is still other articles on the page for them to look at such as:
The most noticeable part of the site when you first load it up is the video i have at the top of the page which is more focused on PC gamers as it is on the latest expansion for the most popular online multiplayer game for PC World of Warcraft.
The background image i thought was a reasonably good choice as it looks good, it fills the page and has an easy colour scheme to work with as it doesn't hurt to look at and easy to find a colour text that works on both green and white as well as fitting in well with the gaming theme as it is a character from a popular online game.
How successful my site was:
I think my website is a fairly good success for a first attempt as most of the images and text are in their correct places, although my design is different to my actually site, it is good thing as it has been updates with new information and content that has been released since i first created my design as well as a few factors that i could not do on dreamweaver or caused problems for other aspects of my site when they were there such as my hyperlinks, i originally planned to have them as the logos from each website but now I have them as text because the images were too big to fit in the navigation bar without messing up the alignment of my text/image boxes.


As you can see from the design (left hand side) what i originally planned my website to look like, but on the actual site (right hand side) you can see what it actually looks like now. The red outlines on the design image are highlighted areas that i have changed during the creation of my site. You can also see that not everything is in its correct place but i am still currently working on fixing these small errors to make my website looks as professional as possible.
Style sheets and hyperlinks:
I used style sheets and hyperlinks on my website to make it as easy as possible to move around the site and to edit the text and style etc. I used stele sheets to alter the text i used for my main main content writing as it it different to the text i use for my navigation bar, the reason for this is that in dream weave if you change the text through the page properties section it makes those changes for all of the text on that page but a style sheet allows you to choose which boxes you want to contain that specific style sheet. For my style sheet is changed my text to white with an Arial, Helvetica, sans-serif font, as well as adding in a small margin to keep the writing slightly more centred and not right up against the edges of the box as i think this helps it looks more professional and less squashed up, through this style sheet i have also styled my hyperlinks through the use of <a> tags. Here is a screenshot of the style sheet i used to do this:

I used hyperlinks on my website so that people could easily transfer from my site to other similar gaming sites. I originally planned on using images with hyperlink attachments to do this but it was difficult to do this and keep the rest of the alignments of text and image boxes in the correct place so i switched to plain text.

The image on the left is what my hyperlinks look like now, the image on the right is how i originally planned my hyperlinks to look like. Although i think the hyperlinks look better with logos (from picture on the right) it was a necessary change to keep my site looking professional. I did this by highlighting the text in my navigation bar and in the link sections of the properties bar i entered the URL of the relevant website, from that point on anytime someone clicks that bit of text it will re-direct the user to the linked website.
Software Used:
The two main pieces of software i used when creating my website are; Adobe Photoshop and Adobe Dreamweaver. The reason i chose these two pieces of software is because they are both fairly simple to use and allow me to do everything i wanted to for my website. I used photoshop for the designing process as i think it is by far the best piece of software to use as it has a lot of tools for me to create, edit and manipulate my plan as well as it being easy to move things around and experiment with different layouts to a way i think it best suites my audience. Photoshop was also a great way for me to create and edit logos and images for use on my site such as images linking to articles or background images as well as editing text to suit my needs.
I used dreamweaver as it is a fairly basic web development software which is great for me as this is my first website and doesn't take a gear deal to learn on how to create a simple website design through the use of tables, columns and rows. Although saying that dreamweaver gets a little more tricky when you have to start writing in code to edit text, headings, boxes etc. There were also a few small pieces of software on the internet i used to download and install new fonts so that i can style my site to suit my audience.
Tests to run in future:
When creating a website there are a few small tests you can do to make sure that your website and your coding are all correct and that areas such as cross platform compatibility are successful or not.
Once you have your basic layout of your website and have your images loaded in, you can select a tool called 'preview in safari' or which ever your default browser is, this allows you to see what your site would look like after it has been transferred onto the web. this gives you a good idea of certain things you may have to move around or edit it is also a good way to check if your code is working correctly. there is also another options to preview your website in a 'Device Central' this allows you to view your website through a mobile device such as a mobile phone or an i-pad etc. A good way to test all of your code is correct is the website called 'The W3C Markup Validation Service' which is a free online service which scans though all your written code and searched for errors, once it has done this it will then show you what the errors are and what they think the code is meant to look like, so from then you can copy and paste there version of the code and use it to replace yours and then check if the new code then fixes some problems you had, if not you can just place your code back in its place.
How we transferred the information:
To transfer the information across to the internet we first had to sign up to an online site called x10 web hosting, by doing this it gave us free domain space on the internet which we can access and store our websites onto. Once we have our domain space we then need to download an 'FTP' (file transfer protocol) client, for our sites we used a client called 'filezilla'. By using this FTP client we can transfer out website and all the files that we used such as images, style sheets etc across into our domain space. Once we have everything stored in our domain space all that left us to do is to open up the URL which leads to our domain space were all our files will be waiting for us.
Final thoughts:
My final thoughts are that i think my website is quite nice for a first time, but i think with more practice and more time i could really improve on my work and especially on my coding skills. I don't like how my actually site doesn't look quite like my design but that was partially dew to limitations of the software not having the tools to display certain areas how i wanted them to but overall i am rather pleased with my first website.