RAGWANA AKRAM 12C
1
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
.................................................................................................................................................... 3
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
RAGWANA AKRAM 12C
2
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.
RAGWANA AKRAM 12C
3
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 thirds
Conventions 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.
1.
2.
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
looking at it attracts their eyes. This is the
focus point and it makes it look much more
interesting to look at.
Figure 1 Rule of Thirds Before
Figure 2 Rule of thirds after
RAGWANA AKRAM 12C
4
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.
80% of
people look
into this
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.
Figure 3 Rule of thirds grid
Figure 4 - monochromatic
Figure 5 - analogous colour
Figure 6 - complimentary colour
RAGWANA AKRAM 12C
5
Fonts
Finding 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.
80% of
people
look into
this.
Figure 7 - Fonts
Figure 8 - Font size
RAGWANA AKRAM 12C
6
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:
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.
Figure 9 Text on websites
Example:
Figure 10 - HTML
Figure 11 - Text edits
RAGWANA AKRAM 12C
7
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.
Conclusion
In 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.
Recommended
