Web Authoring (Assignment One) - 4018

9
RAGWANA AKRAM 12C Unit 11 – Assignment 1 Contents Table of Figures...................................................1 Web authoring:.....................................................2 These are a few protocols:.........................................2 Types of websites – country codes..................................3 Conventions - rule of thirds.......................................3 ...................................................................4 ...................................................................4 ...................................................................4 Fonts..............................................................5 Font size..........................................................5 Text on websites...................................................6 HTML...............................................................6 Conclusion.........................................................7 Table of Figures Figure 1 Rule of Thirds Before.....................................3 Figure 2 Rule of thirds after......................................3 Figure 3 Rule of thirds grid.......................................4 1

Transcript of Web Authoring (Assignment One) - 4018

Page 1: Web Authoring (Assignment One) - 4018

RAGWANA AKRAM 12C

Unit 11 – Assignment 1

ContentsTable of Figures.....................................................................................................................................1

Web authoring:.....................................................................................................................................2

These are a few protocols:....................................................................................................................2

Types of websites – country codes........................................................................................................3

Conventions - rule of thirds...................................................................................................................3

...............................................................................................................................................................4

...............................................................................................................................................................4

...............................................................................................................................................................4

Fonts......................................................................................................................................................5

Font size................................................................................................................................................5

Text on websites....................................................................................................................................6

HTML.....................................................................................................................................................6

Conclusion.............................................................................................................................................7

Table of FiguresFigure 1 Rule of Thirds Before...............................................................................................................3Figure 2 Rule of thirds after...................................................................................................................3Figure 3 Rule of thirds grid....................................................................................................................4

1

Page 2: Web Authoring (Assignment One) - 4018

RAGWANA AKRAM 12C

Assignment 1- web authoring

Web authoring: Protocols, design conventions and software.

In this report I will be discussing about what authoring is. Web authoring is a way to develop a website that allows web pages to be created like an actual online program that can go live on the internet.

Well firstly, Web authoring is made up of three different parts, these are: protocols, software and design. Protocols are another word for rules. An URL means uniform resource locator this is the address of the websites example: http://google.co.uk this protocol will direct you to the website which then allows you to open it up.

These are a few protocols:Domain name is the name of the website. This is memorable so people could easily type them into an address bar or a search engine. The reason why a domain name must match the URL because without it being matched the URL could direct you to a different page which could cause problems. Such as “facebook” is the domain name of www.facebook.co.uk without having to go through the trouble of memorising the whole URL.

Domain name registration is a way of how users buy a domain name. An example would be go daddy as it is a website which allows you to buy a domain name which no one else can buy unless it is bought off another person.

2

Page 3: Web Authoring (Assignment One) - 4018

RAGWANA AKRAM 12C

Internet service providers (ISP’s) Is when a company that provides you access to the internet. An example would be, TalkTalk, sky, virgin media etc. are companies that allow you to have internet in your household these could be connected to your home telephone or mobile contracts.

Types of websites – country codes

Top level domain name: is the last section of a URL this means the type of website. URL uses the location of where the user is using the internet or its location.

Examples include:

.uk which is for the United Kingdom

.jp is used for Japan

.ie is used for Ireland.

These are code names look like postcodes but they have this at the end of an URL because it shows here in the world the websites location is.

Conventions - rule of thirdsConventions design conventions are rules that govern the aesthetics design of a websites which include colours, shapes, patterns, layouts, and font styles.

The rule of thirds is one of the most important design principles. It is a rule that is applied to the layout and composition of images and websites.

3

1.

In figure one the image uses the rules of thirds. This effect isn’t as appealing because there is no focus point. Whereas figure 2, is visually more appealing as the person

Figure 1 Rule of Thirds Before

Page 4: Web Authoring (Assignment One) - 4018

RAGWANA AKRAM 12C

There are three main colour schemes that website can be designed with. Picking the right colour scheme for your website is very important in setting the tone and feel of the website. Colour schemes nearly always reflect the nature of the website.

The three main colour schemes are:

1. Monochromatic means “one colour”. This means that if a website is monochromatic it uses only one colour, but it can use all the tints, tone and shades of that colour.

2. An analogous colour scheme is one which uses similar colours. Analogous colours are located next to each other on the colour wheel.

3. Complimentary colours are ones which are opposite, but visually work very well together. They are always found opposite each other on the colour wheel.

4

In figure one the image uses the rules of thirds. This effect isn’t as appealing because there is no focus point. Whereas figure 2, is visually more appealing as the person

Figure 3 shows the rule of thirds. Websites and images can be divided into thirds: three vertical lines and three horizontal lines. Where those lines cross are “points of focus”. The eye is naturally drawn into those positions. A website that uses the rule of thirds is universally seen as visually appealing.

Rule of thirds after

Figure 3 Rule of thirds grid

Figure 4 - monochromatic

Figure 5 - analogous colour

Figure 6 - complimentary colour

Page 5: Web Authoring (Assignment One) - 4018

RAGWANA AKRAM 12C

FontsFinding the right font for a website is important visually and for usability. Fonts are divided into two categorised: Serifs and sans Serif. Sans Serif means the letters are clear and have no serifs (the flicks at the end of the letters). An example would be:

The effects of these different fonts are that in most countries sans-serif is used because it is an easier font to read as it is clearer.

Font size Font size and colour are also important in designing a webpage. Titles and subheadings should be larger than the text below them to show importance and to break the page and content set up. Fonts should also be clearly coloured so they can be easily read.

For example Mr Akitt uses a white font (sans serif font) on a black background; this is because it is easier to read.

Text on websites Text on websites can sometimes be grouped together poorly, making it harder for the user to read.Paragraphs are used in websites, same as they are in writing, to break up long bits of texts.These are two software websites that can allow you to make yourself a website:

5

Figure 7 - Fonts

Figure 8 - Font size

Page 6: Web Authoring (Assignment One) - 4018

RAGWANA AKRAM 12C

HTML HTML is hypertext Markup Language. A system for tagging text files to make a font change its colour.

Text edits; an example such as notepad is useful for correcting errors and mistake. One of the positive aspects about this is that the notepad doesn’t make any faults as your work is already improved. The negative feature would be that it doesn’t automatically correct you because you don’t realise it.

Visual edits; an example such as Dreamweaver is useful because it helps you create a basic beginners website as this is good for practise.

The negative thing would be that the text doesn’t automatically correct you as you have to do this yourself, this is time consuming.

6

Figure 9 Text on websites

Example:

Figure 10 - HTML

Figure 11 - Text edits

Page 7: Web Authoring (Assignment One) - 4018

RAGWANA AKRAM 12C

ConclusionIn conclusion this report has looked at several different aspects of web authoring, including what the rule of thirds may be and what the protocols and software’s are. What I have learnt from this assignment is that I am starting to understand more about the ICT side of media. I can use this in my own work because it will give me a clearer understanding of what I have learnt so far in creative media productions.

7