1. Assignment 1 -Web Authoring: Protocols, Design Conventions and Software
In this report I will be discussing web authoring were I will be explain briefly the three different
aspects of web authoring and what it is. I will be discussing the protocols, design conventions and
the software’s of web authoring.
Web authoring is a category of software that allows the user to develop a Web site in a desktop
publishing way. Web authoring will make required HTML coding for the layout of the Web pages
based on what the user of the page creates. There are three types of web authoring protocols,
design conventions and software.
Protocols
Protocols are another word for rules. Web Authoring Protocols is about the rules which govern the
exchange of data and information over the internet.
There are numerous protocols we need to be familiar with and understand one of them is URL then
Top Level Doman Name, Doman Name, Domain Name Registrar ETC.
URL is short for uniform resource locator; this is address for a website for example if you were to
click on a website like http://www.hm.com/gb/ it will take you straight to the page.
Another example of this a top level Doman name, this is the end of the URL. This shows the website
and the location for example www.google.co.uk the UK indicates were the location is.
Doman name is another example this is the name of a website. These tend to be more memorable
as people can easily type them into an address bar or search engine without forgetting it. For
example “twitter” is the domain name of www.twitter.co.uk
Also we have Domain Name Registrar were it is where users buy a domain name. For example I
bought “google” with the Top Level Domain name “.co.uk”. These are sold and managed by Domain
Name Registrars; they are the buyers of these protocols.
Web Page Naming Conventions are websites that are made of lots of pages, all using the same URL.
It is important that each web page has a good name that reflects the content on that page.
Home page = www.example.com/index.htm
Contact us = www.example.com/contact.htm
About us = www.example.com/about.htm
There is lots of software available to create a websites. These are separated into two categories:
Design Conventions
Designing a website takes lots of planning and a lot of factors need to be considered. We will go
through the main conventions, or rules, of website design.
Rule of third
2. The Rule of Thirds is one of the most important design principles. It is a rule that is useful to the
layout and composition of images and websites.
Images and websites can be divided into thirds: three vertical lines and three horizontal lines. The
lines that cross are the “Points of focus”. A person eyes is naturally drawn to those areas of the
image. A website that uses the Rule of Thirds is generally seen as visually attractive and keeps the
design of the page well-ordered.
For example in the image the below the baby face is the focus of the image.
Colour scheme
There are three main colour schemes that a website can be made with. Picking the right colour
scheme for your website is very significant in setting the tone and feel of the website. Colour
Schemes reflect the nature of the website nearly almost.
The three main colours that a website can be designed with are Monochromatic, Complimentary
and Analogous.
3. Monochromatic means “One colour”.
This means that if a website is monochromatic, so there is only one colour used on the web page,
however that colour and be changed to a different shade and tone, it just has to be the same colour.
Analogous
Analogous is using similar colours and locating the colour together, the colour can be different but
very similar to each other.
Complimentary
Complimentary colour is different colours that are opposite each other, however both work very
well with each other. They both are found completely opposite to each other.
4. Fonts
Fonts are divided into two categories: Serif and Sans Serif.
Sans Serif means the letters are clear and have no serifs. Serif is when there no flicks at the end of
the letter.
Font size and colour are also important in designing a webpage. Titles and sub-headings should be
larger than the text below them and to break the page and content up. Fonts should be coloured
well, so they can be easily read. For example I use a black font (Sans serif font) on a white
background. I do this because it is easier to read.
Fonts and text
Text on websites can sometimes be put together badly, making it harder for the user to read.
Paragraphs are used in websites, same as they are in writing, to put together long sentence and
break them up.
5. Each paragraph should have its own focus. For example:
A paragraph welcoming you to the website
Backgrounds
Single colours should stay with background consistently, and should make it easier to read the
writing on your website.
Patterns can also be used, but should not “distract” so people can concentrate on the stuff that’s on
the page instead of being distracted by the background.
On the web page images can be used, but they have to be a certain size because large images can
slow down the web page.
Software
HTML Text Editors
This is where it lets you type the HTML codes that helps build up a websites. They are dependent on
your knowing all the code you will need to build the website you want.
Example: Notepad
“<p> is used to make a new paragraph: example – <p> text paragraph </p>
<Br> is used to make line breaks between texts: example – sentences<br>.”
Visual Editors
This lets you create a website visually and do much of the programming for you.
Example: Dreamweaver.
Conclusion
In conclusion this report has looked at several different aspects of Web Authoring, protocols, design
conventions, fonts and text, background and software. I’ve learnt ways of how the internet works
and how to create a website well. The research that I have gathered will help me with the process of
creating my web site for my hero. Learning about the rule of third will help me have a good layout of
the pictures that are on my website as it will make them eye catching. Learning about the fonts and
texts will help make my web page more clear and readable.