In this report I will be discussing the three types of web authoring which are:
2. Design Conventions
The three different aspects of web authoring are: protocols, design conventions and software.
The definition of protocol in web authoring is another work for rule. When we discuss about the web
authorising protocols we are talking about the policy which rules the exchange of data and information
over the internet. There are several protocols we need to understand. The last section of a URL They
include the type of website or its location. The Internet relies on a number of protocols in order to
function properly. A protocol is simply a standard for enabling the connection, communication, and data
transfer between two places on a network.
URL stands for Uniform Resource Locator. A URL is a formatted text string used by Web
browsers, email clients and other software to identify a network resource on the Internet.
Domain names are used to identify one or more IP addresses. For example, the domain name
microsoft.com represents about a dozen IP addresses. Domain names are used in URLs to
identify particular Web pages
A service provider that offers shared hosting or dedicated hosting of a service or services to
customers. Hosting services are most often used for hosting Web sites but can also be used for
hosting files, images, games and similar content
This pictures shows the examples
of the top level domain names for
example ‘’Amazon.com’’ the
‘’.Com’’ would be the (TLDN)
A website is made up of many different things for example web pages . Each of these web pages can be
reached by the users through a single (URL) or with (URLs).
The reason why this is important is because by you recognising the website throughout the URLs can
and this shows that you are a able to identify the different types for example the bad web page naming
conventions and the good conventions
Examples of bad web page naming conventions:
Examples of good web page naming conventions:
Internet Service Provider, it refers to a company that provides Internet services, including personal and
business access to the Internet. For a monthly fee, the service provider usually provides a software
package, username, password and access phone number.
A web hosting services is a type of internet hosting service, what this allows you to do is organize the
website so later it would be visible to the world wide web (WWW).
Web hosts can also offer space and connection to the internet also called colocation.
Designing a website takes a great deal of planning and a lot of factors need to be considered. Today we
will look at the main conventions, or rules of a website.
A colour scheme is an arrangements or a pattern of colours or a coloured objects and converting
and forming an included whole for example the colour scheme of a dining room or a living room is a
Monochromatic is a different way of saying color and what I mean about it is that its all the colors, that
have tints, tones and shades.
By using the tints, tones and shades you are getting an energy that is more suitable and serene due to
the lacking of the contrast of hue .
It is important to use these colors this is because they are different types of the color for example the
purple as you can see has 9 different shades so that could be applicable to the website also the red and
any color really.
Analogous colours are a group of colours that are nearby to each other on the colour wheel, one of
them tends to be a primary or secondary colour and if the are side by side they have a tendency to be
Thses colours could be important while you are creating or designing a website this is because they
tend to stand out more the audience and what I mean about that is that the colures tend to be much
brighter than the complimentary.
Complimentary colors are a set of colors that when attached in the right way they produce the colors
black and white, when they are placed next to each other they tend to have the strongest contrast. This
complimentary color is more likely to be using in art and design
On the other hand I strongly feel that this one is the most important out of all of these three color
schemes this is because they lour people in because of the colors they use for example they use yellow
and green and blue, so this could be more eye catching to the audience when creating a website
When designing a website it is better to use sans-serif this mean that the audience has a better
understanding of the words for example ‘’ printer name’’ would be sans-serif. When using this kind of
text people are more easily able to read, they use this kind of writing in posters and signs.
The other kind of text is called serif this is much harder to read from far range. The difference between
both texts is that one of them has no tick at the end of a sentence and the other one does.
This text should be in every website this is because it much easier to read, the way that sans serif font
help us with this is that its easier to reed from a further range than serif.
The rule of thirds is an important rule this is because if in one picture the statue of liberty is in the
middle people wont be focusing on the statue but by the sky.
When you move it to the left or the right where the lines meet people would recognise it a lot faster
that the previous picture. When you look at the picture on the left the eye can only focus on the clouds
because the eye immediately catches this point first, but when you look at the second picture you
attention is drawn to it allot faster because the image is lager and stands out more.
In the rule of thirds, photos are divided into thirds with two imaginary lines vertically and two lines
horizontally making three columns, three rows, and nine sections in the images. Important
compositional elements and leading lines are placed on or near the imaginary lines and where the lines
An HTML editor is a computer program for creating web pages. Although the HTML mark-up of a web
page can be written with any text editor, specialized HTML editors can offer convenience and added
A Web site development system that allows Web pages to be visually created like a desktop publishing
program. It generates the required HTML code for the pages and is able to switch back and forth (in
varying degrees) between the page layout and the HTML. At a high level, the software is judged by its
GUI tools used for designing the page. At a low level, the clarity of HTML code that is generated
determines how easily people can modify and maintain the site.
the programs and other operating information used by a computer.
installing new programs or applications on your computer is identical with installing new software on
your computer. Software on the computer can be virtual or not physical like a computer. software
consists of lines of code written by computer programmers that have been compiled into a computer
These let you type the hyper-text mark-up language (HTML) code that builds websites. They are
dependent on your knowing all the code you will need to build the website you want.
The way we created the website is by using a website called;
http://htmledit.squarefree.com/ this will allow you to create your own website when your on the
website you have to delete everything after you copy two links onto the notes, when that’s done you
save it and when you are going to open it would go onto google and you have created a website. After
that you can change the colours of the background and make it nice and appealing for the audience.
Visual editing is a form of computer text editing, often used in programming that displays changes
immediately through a interface.
Its a type of editing commonly found in modern computer programming, including word and some of
the document creating programmes . These let you build websites visually and do much of the
programming for you. Visual editors allows you to make changes to the document that you are working
Hypertext Mark-up Language, a standardized system for tagging text files to achieve font, colour,
graphic, and hyperlink effects on World Wide Web pages. For the heading you have the <H3 that always
goes at the beginning of the sentence and it is used for the size of a text and when it looks like this
</H3> it means you put it at the end of the sentence that you have written and if you put it to H1 it
makes the text size larger.
When it is for paragraphs this <p> this goes at the beginning of the paragraph to show that you have
started it but when its showing </P> it means that the paragraph has ended meaning the reader would
know when to stop.
This photo represents the
website that is used
throughout the process
making one of these
In conclusion this report has looked at several different aspects of web authoring, this include the
protocols, software and the design conventions, you have to know all of these things to be able to
create a website.
“What I have learnt from this Assignment is the different types of web authoring also I have also learnt
is the different types of writing and what to use and not use.
I can use this in my own work because I already have a better understanding about the hole designing a
website and how to do the simple things.
A particular slide catching your eye?
Clipping is a handy way to collect important slides you want to go back to later.