Activity 4 - Final Website Design

Here is my mock-up template for my final project in web design, for this project we have to design a simple website for BBC Discover Wildlife. This was quite enjoyable but also very challenging. My final version of this website turned out slightly different to my mock-up. Overall I think that this project was a great success and it helped me to understand dreamweaver alot more along with techniques to use. I mainly based my final website off of this mock-up but I did change some things around, I found that the carousel was the hardest part of the website but once I got the hang of getting the coding right it became quite easy, through doing this project I have learnt that it is key to manage your time and to organise all of your work, doing this made my life alot easier, especailly when it came to having to re-locate work. I think that the project was a success as I successfully created a working website and I learnt the basic and effective tools that dreamweaver has to offer, such as Div Tags, Containers, Content Boxes and Table structures.

(Unit 44 Website Design) Activity 3 - Produce Interactive Web Pages

 

In this screenshot you will see my version of a basic web page that I created. Within this web page you will see a simple bold header, A Content box 

(Unit 44 Website Design) Activity 2 - Research Website Design issues

Aesthetic Qualities

Aesthetic mainly looks at the natural beauty of the creation along with the critical reflection of art involved in it. The link between Aesthetics and website design are simple and look at:

• The natural feel and flow of a website
• Reflections of art intergrated into the website
• The main visual characteristics of a website

All websites should have a some form of Aesthetic qualities such as:

http://euw.leagueoflegends.com/

 As you can see from the image above, this website contains a great deal of art work that have been used as background images. These images give a nice look and feel to the website, this website is a great example of Aesthetic qualities as it gives you a strong reflection of art which is presented quite strongly which allows the art to stand out to the viewer.

 Some websites Don't actually have any Aesthetic Qualities Such as:

http://www.google.co.uk/

The difference between this image and the previous image is that this webiste uses Aesthetic Qualities in various ways, where as the previous website is fixed to look like that which can get rather boring after a while. This website is very plain with a simple heading but the great thing about this website is that they continuously change the heading keeping the text the same but they use various pieces of art work. Some of the artwork that they use is interactive which makes this website a great example of Aesthetic Qualities.

Web Standards

Web standards are basically the general standards which include technical information, these standards are what define and desribe the World Wide Web.
For a website to comply with Web standards they must be valid with HTML, CSS and JavaScript.

When web standards are discussed, some of the following publicationsmust be used:

• Markup languages, such as Hypertext Markup Language (HTML), Extensible Hypertext Markup Language (XHTML), Scalable Vector Graphics (SVG), and XForms, from W3C
• Stylesheets, especially Cascading Style Sheets (CSS), from W3C
• Standards for ECMAScript, more commonly JavaScript, from Ecma International.
• Document Object Models (DOM), from W3C
• Properly formed names and addresses for the page and all other resources referenced from it (URIs), based upon RFC 2396, from IETF
• Proper use of HTTP and MIME to deliver the page, return data from it and to request other resources referenced in it, based on RFC 2616, from IETF

Fluid And Fixed

The difference between a Fluid website and a Fixed website is that a Fluid website is a wbsite that caters for all forms of internet browsing which include android devices and I-phones along with the standard computer browsing, a fluid website also changes when you adjust the size of the page. A fixed website is a website that stays exactly the same when adjusted and does not cater for alternate devices, a great example of a Fluid webpage would be:

http://en.wikipedia.org/wiki/Main_Page

Wikipedia is a great example of a fluid webpage as all the text that appears on the screen adjusts to the size that you adjust the page to, and all the text is still readable. Wikipedia can also be used on any Android and I-Phone device aswel.


A good example of a fixed webpage would be:


http://www.youtube.com/

 YouTube is a good and unusual example of a fixed webpage because you can access YouTube on Android and I-Phone devies but they are run from a seperate server so they are fixed for those devies along with the main computer browsing view which is also fixed because as you adjust the page size the text and images stay the same which makes the page fixed.

(Unit 44 Website Design) Activity 1 - Research Website Design Technologoies

Java (Programming Language)

Java is a Programming Language which was developed by James Gosling at a company called sun microsystems (which is now owned by Oracle Corporation). Java was originally released in 1995 and was used as a core component in the Java Platform.

Originally java was created to have 5 principal goals which are:

1. It should be "simple, object oriented and familliar"
2. It should be "robust and secure"
3. it should be "architecture-neutral and portable"
4. It should execute with "high performance"
5. It should be "interpreted, threaded and dynamic"

Java server pages or JSP for short are Server-Side which means that they run on a remote server, they are reachable from a user's local computer or workstation. Server-Side also means that for operations to be done to the certain page you will need required access to information or functionality that is not avalible to the client.

Java EE componentsthat generate responses, they are typically HTML pages all the way to HTTP requests. JSPs Embed a certain java code into a HTML page by using special delimiters, the JSPs generate something called a Java Servlet, this allows Java applications when used the first time is accessed by JSPs after that the generated servlet creates the response.




HTML (Hyper Text Markup Language)
HTML is the predominant markup language for nearly all web pages. HTML is mainly written in the form of elements consisting of tags, enclosed in angle brackets. Most of the tage are written in pairs e.g- <h1> and </h1> designers can place text and images etc.....
The web browser makes the HTML documents composed into visible or audible web pages. The browser doesn't actually display the HTML tags, But interprets the tags to Display the contents of the page.

HTML elements form the main building blocks to nearly all websites, HTML allows basically all types of text and image to be embedded into the page it can also provide a mean to create structured documents by using structural semantics this allows you to create headings, paragraphs, lists, links, quotes and other items.

HTML does lack in some features that were found in some of the earlier hypertext systems some of these features include typed links, source tracking and others. most web browsers ignore some of the features that are used by HTML which include link element and in-browser web page editing .


PHP: Hypertext Preprocessor

PHP is a general-purpose server-side scripting language originally designed for web development to produce dynamic web pages. For this purpose, PHP code is embedded into the HTML source document and interpreted by a web server with a PHP processor module, which generates the web page document. It also has evolved to include a command-line interface capability and can be used in standalone graphical applications.

PHP can be deployed on most web servers and as a standalone interpreter, on almost every operating system and platform free of charge. A competitor to Microsoft's Active Server Pages (ASP) server-side script engine and similar languages, PHP is installed on more than 20 million websites and 1 million web servers.

PHP was originally created by Rasmus Lerdorf in 1995. The main implementation of PHP is now produced by The PHP Group and serves as the de facto standard for PHP as there is no formal specification. PHP is free software released under the PHP License which is incompatible with the GNU General Public License (GPL) due to restrictions on the usage of the term PHP.