1. Web Authoring: Protocols, Design
Conventions and Software
Introduction
In this report I will be discussing the Web authoring; Protocols, Design conventions and
the software used to make the websites.
Web Authoring
Web authoring is the process of making a website using HTML Code. This could be done
two ways. It is also the process of using Protocols, Design Conventions and using
different software.
Visual editors such as Dreamweaver
Coding from scratch using programs such as Notepad.
Protocols
Protocols are just another word for rules that govern the exchange of information and
data on the internet. The different types of protocols are; URL, Domain name, Top level
Domain Name, Domain name registration, Internet Service Provider, and hosting
companies.
URL’s are just a locator which will take you to the desired website. Example:
http://google.com.
Domain names are just the name of the website. Facebook is the name of
Facebook.com
Top level domain names are the last part of a URL which usually ends with: Com, Co.UK,
These are also divided into two main types of Top Level Domain names. Organization
such as Gov, Sch or country codes such as JP, PL, UK
2. Domain name registration is the process of picking a domain name and a Top Level
Domain Name. These are managed by Domain Name Registrars
ISP (Internet Service Provider) the Company that provides access to the internet for you
Hosting Companies these will let you host a website on their servers. You can do this
yourself but this will grant everyone access to your computer.
Design Conventions
Designing a website takes a while and a lot of planning to be put into it.
Some of the design conventions are: Rule of thirds, Fonts, and colors.
Most websites are designed based on using the Rule of thirds. This is because when we
launch a website our attention is drawn to a certain part of the screen, usually at the
intersection of lines. This generally makes it more visually appealing
As you can see the in the left picture the focus is on the arm holding the torch whereas
on the right picture it looks as if it is focused on more than just the arm but sort of around
the face.
Another key part of designing websites is fonts. Fonts are split into two sections.
Serif and Sans Serif
The difference between two are that serif fonts have little flicks and curls on the end of
letters as displayed above and sans serif fonts are plain. It is important you choose the
right on for your target audience. For example for Sight impaired people you would you
3. sans serif text as it is easier to read. And if you were to make a fancy wedding / party
you might use a serif font for the extra touch.
Color schemes:
There are three types of color schemes. These are;
Monochromatic (one color) this generally just means a website is usually one colored
but uses different tones and shades of that single color.
4. Analogous (one or two similar colors) the analogous color scheme is where two care
are located next to each other on the color wheel.
Complimentary (Two colors which are opposite but work well together) for example you
would you black and white as they generally go very well together.
Software
There are a few different tools out there that can help you build your website.
These are divided into two different types of tools/editors, Visual Editors and
HTML Text editors.
5. The main differences between the two:
Text editors make websites using various types of codes. If you were to make a
HTML based website you’d probably have to know most of the codes of by
heart. Unless you have no time limit and you can just google the different types
of code on the internet.
One of the bad things about HTML Text editors is that if you make a mistake
somewhere in your code it could possibly not be undone, or a long process of
trying to find the code and fix it.
A good thing about HTML Editing is that it seems more professional and will get
you further that using visual editors also known as WYSIWYG (What You See Is What You
Get ).
Then there are Visual editors. These tend to be easier for people new to web
design. There are programs such as Dreamweaver which basically does all the
coding for you. The outcome will generally be what you will see on the program.
The good thing about visual editors is that you can see what you are doing and
how it will possibly look like when you put it on the internet.
The only possible con of these is that you may not be able to add features
which could only be done by using code.
Conclusion
In conclusion, this report explains briefly what websites are generally made up of and
the different key aspects to making a website such as; The different types of color
schemes, the groups that fonts are sorted into and other design conventions such as
the rule of thirds and the software used to design them.