Introduction:
For this module we were required to create a website for a band/brand of our choice. We had to implement the website using the latest web technologies, which are; HTML5 AND CSS3. We were also required to use JavaScript/jQuery (personal choice of which of the two will be used). We were expected to use as many technical features as possible and some of those included: Hyperlinks, Multimedia, Geolocation, Local web storage and more. We also collected feedback from fellow students to further improve our planning of the website this also allowed us to get more creative and borrow ideas from what you’ve seen from others. For the website structure I called the main website folder “root” and within that you had all the HTML files as this makes referencing files much easier. I also created 3 additional folders with the CSS3, JavaScript and the different assets I used for the website(images).
Web specifications and standards:
Web standards are rules and guidelines established by the World Wide Web Consortium (W3C) developed to promote consistency in the design code which makes up a web page. Without getting technical, simply it's the guideline for the mark-up language which determines how a web page. displays in a visitor's browser window. (source1)
W3C had selected HTML to be the cornerstone for the platform. This also shortens the time in takes to develop a website as every single site will use HTML, once you learn HTML at a professional level you can make a website for any browser without much trouble. W3C will also validate the website for you (just like mine is) and will tell you which parts of your code need amending. Although this doesn’t mean that you always must follow what those guidelines tell you as sometimes these changes can drastically change your website in a way you don’t want it too. Now although HTML, CSS3 and JavaScript are globally the formats you use, not every browser supports each one of their features which I will talk more about below.
There are many strengths to the new web standards and they include:
The new standards allow videos to be embedded straight to the website without the need of any plug-ins. This is made even easier by websites like YouTube which provide the code for the exact video you want on the website and they even allow customisability of at what time the video will start, will it loop? And if the user of the website has any control over the controls like: pausing, and adjusting the volume. The new web standards also allow cross browser compatibility as most code will be displayed consistently across all browsers. Although this is not perfect by any means as older browsers like IE will force you to make bigger changes to your code for features to work and because the browser is old certain features might not even be implemented, like for example, JavaScript classes are not supported on Internet explorer and Opera.
CSS3 documents allow for the download size of websites to be lower and this is a big advantage as websites will load faster and that is very appealing to the mass audiences as people do not like to wait and faster loading times allow for more resources to be on the webpage which means that it can be more visually appealing; that will attract even more people towards your website.
Although there are many strengths there are still weaknesses with the current web specifications, for example:
The skill ceiling for coding is higher than the previous standards, which means that an average person will be required to have much more knowledge about development, this can include knowledge which requires you to know which aspects of JavaScript work on older browsers, those sorts of limitations can also limit developer creativity because they might have a good idea in their head but during development they can face many problems which can change the final design. Challenges I faced:
As this was the first time I was developing a proper website, I faced many difficulties a rookie would be expected to face. Firstly, I found it hard to place images and objects in certain location with CSS3 this had me change design aspects from the initial design I made with the wireframe. Another major problem for me was to make the website supported on each browser and unfortunately, I only managed to make it compatible on Google Chrome, Firefox and Opera without any support from IE as the browser doesn’t like a lot of JavaScript.
Website interoperability:
The website has been tested on multiple browsers and it works well on each. The problem is the W3C validation I get errors on most of my sites and this isn’t resolved as it was a time constraint and, so I didn’t have enough time to adjust the code, therefore that was the challenge I came across after the development of the site. I also kept animations to a limit so that the website would run quickly on each browser.
For this module we were required to create a website for a band/brand of our choice. We had to implement the website using the latest web technologies, which are; HTML5 AND CSS3. We were also required to use JavaScript/jQuery (personal choice of which of the two will be used). We were expected to use as many technical features as possible and some of those included: Hyperlinks, Multimedia, Geolocation, Local web storage and more. We also collected feedback from fellow students to further improve our planning of the website this also allowed us to get more creative and borrow ideas from what you’ve seen from others. For the website structure I called the main website folder “root” and within that you had all the HTML files as this makes referencing files much easier. I also created 3 additional folders with the CSS3, JavaScript and the different assets I used for the website(images).
Web specifications and standards:
Web standards are rules and guidelines established by the World Wide Web Consortium (W3C) developed to promote consistency in the design code which makes up a web page. Without getting technical, simply it's the guideline for the mark-up language which determines how a web page. displays in a visitor's browser window. (source1)
W3C had selected HTML to be the cornerstone for the platform. This also shortens the time in takes to develop a website as every single site will use HTML, once you learn HTML at a professional level you can make a website for any browser without much trouble. W3C will also validate the website for you (just like mine is) and will tell you which parts of your code need amending. Although this doesn’t mean that you always must follow what those guidelines tell you as sometimes these changes can drastically change your website in a way you don’t want it too. Now although HTML, CSS3 and JavaScript are globally the formats you use, not every browser supports each one of their features which I will talk more about below.
There are many strengths to the new web standards and they include:
The new standards allow videos to be embedded straight to the website without the need of any plug-ins. This is made even easier by websites like YouTube which provide the code for the exact video you want on the website and they even allow customisability of at what time the video will start, will it loop? And if the user of the website has any control over the controls like: pausing, and adjusting the volume. The new web standards also allow cross browser compatibility as most code will be displayed consistently across all browsers. Although this is not perfect by any means as older browsers like IE will force you to make bigger changes to your code for features to work and because the browser is old certain features might not even be implemented, like for example, JavaScript classes are not supported on Internet explorer and Opera.
CSS3 documents allow for the download size of websites to be lower and this is a big advantage as websites will load faster and that is very appealing to the mass audiences as people do not like to wait and faster loading times allow for more resources to be on the webpage which means that it can be more visually appealing; that will attract even more people towards your website.
Although there are many strengths there are still weaknesses with the current web specifications, for example:
The skill ceiling for coding is higher than the previous standards, which means that an average person will be required to have much more knowledge about development, this can include knowledge which requires you to know which aspects of JavaScript work on older browsers, those sorts of limitations can also limit developer creativity because they might have a good idea in their head but during development they can face many problems which can change the final design. Challenges I faced:
As this was the first time I was developing a proper website, I faced many difficulties a rookie would be expected to face. Firstly, I found it hard to place images and objects in certain location with CSS3 this had me change design aspects from the initial design I made with the wireframe. Another major problem for me was to make the website supported on each browser and unfortunately, I only managed to make it compatible on Google Chrome, Firefox and Opera without any support from IE as the browser doesn’t like a lot of JavaScript.
Website interoperability:
The website has been tested on multiple browsers and it works well on each. The problem is the W3C validation I get errors on most of my sites and this isn’t resolved as it was a time constraint and, so I didn’t have enough time to adjust the code, therefore that was the challenge I came across after the development of the site. I also kept animations to a limit so that the website would run quickly on each browser.
Social Media
Contact us
LincolnHayes Wharf
UK
Geo Location