HTML Practice

Website Research

Fitbit

URL- http://www.fitbit.com/nz

Fitbit is a fitness community website designed to help people maintain a healthy lifestyle and promote their available products that help members stay fit. They draw people in through their aesthetically pleasing layout and simple navigated website, and the technological appliances compatible with their applications and information. The unique features of the website are the image based pages, with no intimidating walls of text and its easy navigation through the navigation toolbar and colour coding.

coding-

Back Page Football

URL- http://backpagefootball.com/

Black Page Football is a collective blog website for sports writers to collaborate and post about English football. It allows members to post photos, videos and articles about various british football teams, unions and players. The website displays alot of cycling current news feeds and links to featured articles allowing members to read and keep up to date with the latest football news. People are drawn together by the subject of football, the news and professionalism of the writers and overall design.

coding-

Onside Sports Agency

URL- http://www.onsidesportsagency.com/

Onside are a sporting which help athletes manage their sporting careers through marketing, clubs, finances, negotiations, etc. The website displays methods and steps on achieving athletes potential and their goals.  It is very visual based with every background displaying a photograph of a sports field and headers are summed to give a concise explanation gaining the viewers attention, and informing them at the same time. Secondary text is displayed in a smaller scale underneath if they wish to read more. The features that make this website viewing experience better is the easy navigation in the navigation toolbar, its smooth transition from one page to another and the option to contact the Onside team.

coding-

England Squash & Racket Ball

URL- http://www.englandsquashandracketball.com/

England Squash & Racket Ball is a community website for English squash and recket ball players to come together and find out more information about the sport regarding clubs to play for, representative teams, international players, gain/receive coaching, etc. The site draws players and people in through its action based design rapid line work reflecting the sport itself. The unique features of this website are the strong colour scheme of black, greys and red aswell as the feature of creating a profile. This is a rare feature amoung community sports based websites.

coding-

Brainstorm

HTML & CSS

HTML

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information that can be displayed on the web browser. It is written in the form of HTML elements consisting of tags enclosed within angle brackets. They commonly come in pairs though some empty elements are unpaired.

The purpose of the web browser is to read HTML documents and compose them into web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page. They are the building blocks of all websites.

CSS

CSS (Cascading Style Sheets) is a style sheet language used for the look and formatting of a document written in markup language. Its most common application is to style web pages written in HTML. CSS is designed primarily to separate the document content from the document presentation (layout, colour, fonts, etc).

Difference between CSS and HTML

HTML is used to structure content. CSS is used for formatting structured content. As the Web gained popularity, designers started looking for possibilities to add layout to online documents. To meet this demand, the browser producers (at that time Netscape and Microsoft) invented new HTML tags such as for example <font> which differed from the original HTML tags by defining layout - and not structure. CSS was invented to remedy this situation by providing web designers with sophisticated layout opportunities supported by all browsers. At the same time, separation of the presentation style of documents from the content of documents, makes site maintenance a lot easier.

Definitions

Community-

A social, religious, occupational, or other group sharing common characteristics or interests and perceived or perceiving itself as distinct in some respect from the larger society within which it exists.

Participation-

To take or have a part or share, as with others; partake; share.

Simplicity-

Easy to understand, deal with, use, etc.

Convergence-

To tend to a common result, conclusion, etc.

Collaboration-

To work, one with another; cooperate, as on a literary work.

Sharing-

To have a share or part; take part and to divide, apportion, or receive equally.

Distribution-

To divide and give out in shares; deal out.