Tuesday, 27 September 2011

Fluid or Fixed

this is essentially how versatile a web page is across different technical platforms, this is increasingly relevant with the new age smart phones and other portable media devices all having different sized displays. due to the nature of small screens/displays it can be hard for a user to see all the information, a fluid web page will re size itself to fit but a fixed one will not. this makes it very difficult for a user to enjoy the content as they will not be able to read the thing with out moving the page side to side making a user think like this will break concentration 

A good example (even if its common) of a fluid web page is wikipedia by re sizing your browser you can see the information will re size and adapt to fit making it easy to read the information no mater how small your screen is.


This is how the page looks on a full screen, as you can see all the info takes up the full page.


once i down size the page the sections re-size and adapt to match, so i don't miss any information! perfect example of a fluid page.  
http://en.wikipedia.org/wiki/Main_Page


an example of a fixed page would be youtube this is probably due to the fact it is harder to make a fluid page with video. but to counter this they have released an app for phones allowing viewing on a smaller scale.


This is youtube on a full screen as you can see all the sections are visible, no complaints. 


unlike Wikipedia youtube barley adapts to fit the screen at all, leaving information hidden to the viewer. so a perfect example of a fixed webpage.
http://www.youtube.com/

Web Standards

exactly what it says on the tin... a way of standardizing web pages to ensure that the run on all internet browsers.
this is done  using these standards: 


  • 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



  • Thursday, 22 September 2011

    Aesthetic Qualities 

    The aesthetics of a website refers to the visual characteristics of each page. A few examples of what this include are : pictures ( background images, thumbnail images, banners and logos), colour schemes ( font colour, menu colour ectect) and layout (where things like side bars, titles, logos, pictures, menu bars and information  are positioned on the page).

    the image above is a good example of a visual web page infact the page relies on aesthetics alot, they have obviously spent alot of time and money making sure the site looks amasing this is because it it is for a movie so need to look good otherwise it will put people off seeing the film. the sight includes stunning interactive graphics of the iron man suit, clips, teaser trailers and extra information about the film and characters all this is intended to both promote the film and enhance the users experience by giving them extra information.

    http://www.google.co.uk/
    not all web pages need to be so extravagant with the visual side in some cases functionality far out ways visual appeal, the search engine GOOGLE is a prime example of a simple, functional yet still visually pleasing web page. it needs to be this simple so it doesn't distract from the information the user is searching for. also it makes the search procces to be alot faster!   

    Wednesday, 21 September 2011

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




    Java 
    Java is a programming language developed by a guy called James Gosling and was released in 1995 and was used as a core component in the Java Platform. it is used to run lots of multimedia programs and games a good example of this (even if it is nerdy) is runescape, its an online multi player adventure/quest game  http://www.runescape.com/.


    java has a few basic goals that include: It should be "simple, object oriented and familliar", It should be "robust and secure", it should be "architecture-neutral and portable", It should execute with "high performance" and It should be "interpreted, threaded and dynamic"



    HTML
    HTML or Hyper Text Markup Language is the predominant markup language for nearly all web pages. it 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 into visible/audible web pages.

    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.


    I MADE THIS TO HELP ME REMEMBER >>>> 
    PHP

    PHP is a "general-purpose server-side scripting language" originally designed to produce dynamic web pages. 
    it can be used to make calculations like working out what the date and time is and all sorts of mathematical equations! this can be usefull if your web page has to display the date and time, and/or when collecting browsing data from people using your web sight. also it can allow a user to enter information on an online shopping cart( name, address and payment information) PHP is widely used and is installed on more than 20 million websites and 1 million web servers!

     
    (GPL) due to restrictions on the usage of the term PHP.