CO4047 Web Design

Assignment 2

Andrew Jones
Review

All in a challenging set of assignments they have succeeded in developing my skills in several key areas; most notably the planning and design areas. The areas that have proved most challenging have been the review and reflection sections.

Discussion of style and content

The site uses a large number of styles in its design; this was to replicate the real world menu that the site is meant to closely follow for marketing consistentcy.

Feedback

Feedback for the site has been very positive with few changes necessary as a result of testing and review phases.

Test Plan

Test

IExplorer

Firefox

  • Examine the site by loading each of the pages, making certain that it loads and displays correctly.

ž

ż

  • Ensure that the navigational links on each of the pages operates.

ž

ž

  • Check that the correct page loads from each of the navigational links.

ž

ž

  • Ensure that each of the graphics displays the alt tags correctly.

ž

ž

  • Ensure that each of the graphics displays, as it should.

ž

ž

  • Ensure that all styles display correctly and that text is legible.

ž

ž

 

CSS

The following sections are the css style use in the Hoole Indian Take Away Web Site

.style01 {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 18pt;

            font-style: italic;

            font-weight: bold;

            text-transform: uppercase;

            color: #FF0000;

}

.style02 {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 14pt;

            font-style: italic;

            color: #000000;

}

.style03 {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 12pt;

            font-style: italic;

            text-transform: none;

            color: #FF0000;

}

.style04 {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 14pt;

            font-style: normal;

            font-weight: bold;

            text-transform: uppercase;

            color: #FF0000;

}

.style05 {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 12pt;

            font-style: italic;

            font-weight: bold;

            text-transform: uppercase;

            color: #000000;

}

.style06 {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 14pt;

            font-style: normal;

            font-weight: bold;

            text-transform: uppercase;

            color: #000000;

}

.style07 {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 18pt;

            font-style: normal;

            font-weight: bold;

            color: #FF0000;

}

.style08 {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 12pt;

            font-style: normal;

            font-weight: normal;

            color: #000000;

}

.style09 {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 12pt;

            font-style: italic;

            font-weight: normal;

            color: #000000;

}

.style10 {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 12pt;

            font-weight: bold;

            text-transform: uppercase;

            color: #000000;

}

.style11 {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 10pt;

            font-style: normal;

            font-weight: normal;

            color: #000000;

}

.style12 {

            font-family: "Times New Roman", Times, serif;

            font-size: 18pt;

            font-style: italic;

            font-weight: bold;

            text-transform: uppercase;

            color: #FFFFFF;

            background-color: #000000;

}

.style13 {

            font-family: "Times New Roman", Times, serif;

            font-size: 16pt;

            font-style: normal;

            text-transform: uppercase;

            color: #FFFFFF;

            background-color: #000000;

}

.style14 {

            font-family: "Times New Roman", Times, serif;

            font-size: 12pt;

            font-style: italic;

            color: #000000;

}

a:link {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 12pt;

            font-style: normal;

            font-weight: normal;

            color: #FF0000;

}

a:visited {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 12pt;

            font-style: normal;

            font-weight: normal;

            color: #FF0000;

}

a:hover {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 12pt;

            font-style: normal;

            font-weight: normal;

            color: #000000;

            text-decoration: underline;

}

a:active {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 12pt;

            font-style: normal;

            font-weight: normal;

            color: #FF0000;

            text-decoration: underline;

}


The Internet

The Internet is a global system of interconnected computer networks that interchange data by packet switching using the standardized Internet Protocol Suite (TCP/IP). It is a "network of networks" that consists of millions of private and public, academic, business, and government networks of local to global scope that are linked by copper wires, fiber-optic cables, wireless connections, and other technologies.

The Internet carries various information resources and services, such as electronic mail, online chat, file transfer and file sharing, online gaming, and the inter-linked hypertext documents and other resources of the World Wide Web (WWW).

The World Wide Web

The World Wide Web (WWW) was invented in CERN, Switzerland, by a scientist called Tim Berners-Lee in 1990. It was originally conceived and developed to meet the demand for automatic information sharing between scientists working in different universities and institutes all over the world.

The basic premise of the WWW was to merge the technologies of personal computers, computer networking and hypertext into a powerful and easy to use global information system.

In January 1995, the International World Wide Web Consortium (W3C) was founded ‘to lead the World Wide Web to its full potential by developing common protocols that promote its evolution and ensure its interoperability’.

To use the World Wide Web, you need a computer, a connection to the Internet, and a piece of software called a Web browser.

When you run your browser, it finds and displays pages of information. The function of a Web browser is to interpret the programming language of the web pages (typically hypertext mark-up language) and transform it into the words and graphics that you see on your screen. To navigate for more information, all you have to do is click on a hyperlink. On each page, certain words, phrases, or even images are highlighted as links, and clicking on them causes the browser to go off and find another page, which probably contains more highlighted items, and so on.

Protocols

A protocol (from the Greek protocollon, which was a leaf of paper glued to a manuscript volume, describing its contents) is the special set of rules that are an agreed-upon format for the connection, communication, and transmission of data between two devices. The protocol determines how the sending device will indicate that it has finished sending a message; and how the receiving device will indicate that it has received a message.

HTTP

The Hypertext Transfer Protocol (HTTP) is an application-level protocol for distributed, collaborative, hypermedia information systems. It is a generic, stateless, protocol that can be used for many tasks beyond its use for hypertext.

HTTPS

The Hypertext Transfer Protocol Secure (HTTPS) is the combination of HTTP and a cryptographic system that encrypts data at either a secure socket level (SSL) or a transport layer security (TLS)

POP3

The Post Office Protocol - Version 3 (POP3) is intended to permit a workstation to dynamically access a mail drop on a server host in a useful fashion. Usually, this means that the POP3 protocol is used to allow a workstation to retrieve mail that the server is holding for it. POP3 is an application-layer Internet standard protocol used by local e-mail clients to retrieve e-mail from a remote server over a TCP/IP connection.

SMTP

Simple Mail Transfer Protocol (SMTP) is an Internet standard for electronic mail (e-mail) transmission across Internet Protocol (IP) networks, typically sending e-mail messages between servers. While electronic mail server software uses SMTP to send and receive mail messages, user-level client mail applications typically only use SMTP for sending messages to a mail server for relaying. Most e-mail systems that send mail over the Internet use SMTP to send messages from one server to another; the messages can then be retrieved with an e-mail client using either POP or IMAP

TCP/IP

Transmission Control Protocol/Internet Protocol, the suite of communications protocols used to connect hosts on the Internet. TCP/IP uses several protocols, the two main ones being TCP and IP. TCP/IP is built into the UNIX operating system and is used by the Internet, making it the de facto standard for transmitting data over networks.

IP - is responsible for moving packet of data from node to node. IP forwards each packet based on a four byte destination address (the IP number). The Internet authorities assign ranges of numbers to different organizations. The organizations assign groups of their numbers to departments. IP operates on gateway machines that move data from department to organization to region and then around the world.

TCP - is responsible for verifying the correct delivery of data from client to server. Data can be lost in the intermediate network. TCP adds support to detect errors or lost data and to trigger retransmission until the data is correctly and completely received.

Sockets - is a name given to the package of subroutines that provide access to TCP/IP on most systems.

ISP Services

A range of services offered by an Internet Service Provider or Internet Access Provider (IAP). Services can include, but are not limited to Broadband Internet access, fixed wireless access, Cable, Triple play, Internet hosting service, Web hosting service, E-mail hosting service, DNS hosting service, Dynamic DNS.

Cascading Style Sheets

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation of a document written in a mark-up language. CSS is a simple mechanism for adding style (e.g. fonts, colours, spacing) to Web documents. CSS sheets describe how documents are presented on screens, in print, or perhaps how they are pronounced. By attaching style sheets to structured documents on the Web (e.g. HTML), authors and readers can influence the presentation of documents without sacrificing device-independence or adding new HTML tags.

Dynamic Web Pages

A Web page that is returned to the user with custom content based on the results of a search or some other request. Also known as "dynamic HTML" or "dynamic content," the "dynamic" word is used with Web sites to refer to custom results individualized to each user in contrast to the billions of static Web pages that do not change. Orthodox hypertext navigation occurs among "static" documents, and, for web users, this experience is reproduced using static web pages. However, web navigation can also provide an interactive experience that is termed "dynamic". Dynamic content (text, images, form fields, etc.) on a web page can change, in response to different contexts or conditions.

The Client-Server Relationship

A networking environment that is made up of clients and servers running applications designed for client/server architecture. Client-Server architecture is one in which the user's PC (the client) is the requesting machine and the server is the supplying machine, both of which are connected via a local area network (LAN) or wide area network (WAN). The client is the user's machine, which contains the user interface (Windows, Mac or Linux) and can perform some or all of the application processing. To be a true client/server environment, both client and server must share in the business processing.


Bibliography

en.wikipedia.org/

public.web.cern.ch/public/en/About/Web-en.html

searchnetworking.techtarget.com/sDefinition/

webopedia.internet.com/TERM/D/protocol.html

www.protocols.com/

www.w3.org/Protocols/

www.ietf.org/rfc/rfc2616.txt

www.ietf.org/rfc/rfc2818.txt

www.instantssl.com/ssl-certificate-products/https.html

www.ietf.org/rfc/rfc1939.txt

www.ietf.org/rfc/rfc0821.txt

www.ietf.org/rfc/rfc5321.txt

www.yale.edu/pclt/COMM/TCPIP.HTM

www.w3.org/Style/CSS/

searchnetworking.techtarget.com/sDefinition/0,,sid7_gci211796,00.html

msdn.microsoft.com/en-us/library/ms525077.aspx