SlideShare a Scribd company logo
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
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.
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.
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.
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.

More Related Content

DOCX
Assignment 1
DOCX
Web authoring
PPTX
Unit 11 web authoring
DOCX
Assignment 1 guide
DOCX
Assignment 11 guide
DOCX
Report by bart
PPTX
Unit 11 web authoring
DOCX
Web authoring
Assignment 1
Web authoring
Unit 11 web authoring
Assignment 1 guide
Assignment 11 guide
Report by bart
Unit 11 web authoring
Web authoring

What's hot (16)

PPTX
Unit 11 web authoring
DOCX
Assignment 1 :JJD
DOCX
Assignment 1 web authoring
DOCX
Report web authoring assigment 1
DOCX
In this report i will be discussing the protocols
DOCX
Web Authoring (Assignment One) - 4018
DOCX
Assignment 1 web authoring-ASM(:
DOC
Web Design Notes
DOCX
Web Authoring (Assignment One) - 4018
DOCX
Assignment 1 Unit 11 Report
PPTX
Basic HTML
PPTX
HTML Bootcamp
PPT
Building A Website
PDF
Intro to HTML (Kid's Class at TIY)
PPT
Introduction to HTML
Unit 11 web authoring
Assignment 1 :JJD
Assignment 1 web authoring
Report web authoring assigment 1
In this report i will be discussing the protocols
Web Authoring (Assignment One) - 4018
Assignment 1 web authoring-ASM(:
Web Design Notes
Web Authoring (Assignment One) - 4018
Assignment 1 Unit 11 Report
Basic HTML
HTML Bootcamp
Building A Website
Intro to HTML (Kid's Class at TIY)
Introduction to HTML
Ad

Viewers also liked (7)

PPTX
Olly murs artist research
DOCX
Общественно-политическая жизнь страны в зеркале российской блогосферы. Ноя…
PPTX
Conventions of twitter and wiki
PPT
BITB -- Email Marketing
PDF
048. Arsen Lupiga
PPTX
Artevelde Social Media Hype Voorbij Voor Slideshare
PDF
Atelier prototype Champagne Ardenne
Olly murs artist research
Общественно-политическая жизнь страны в зеркале российской блогосферы. Ноя…
Conventions of twitter and wiki
BITB -- Email Marketing
048. Arsen Lupiga
Artevelde Social Media Hype Voorbij Voor Slideshare
Atelier prototype Champagne Ardenne
Ad

Similar to Web authoring (20)

DOCX
Assignment 11 guide
RTF
design conventions protocols EF
DOCX
Assignment 1 guide (W.A)
DOCX
Assignment 1 guide (W.A)
DOCX
Assignment 1 guide (W.A)
DOCX
Assignment 1 guide (W.A)
DOCX
Assignment 1 (W.A)
RTF
DOCX
Assignment 1 web authoring
DOCX
Report web authoring assigment 1
DOCX
Assignment 1 guide
DOCX
DOCX
Assignment 1 guide
PPTX
Unit 11 web authoring
DOCX
Assignment 11 Unit1 Web authoring
DOCX
Assignment 1 guide - SA
DOCX
Web authoring2 IH4086
DOCX
Web authoring a1
DOCX
Web authoring a1
DOCX
Web authoring conventions
Assignment 11 guide
design conventions protocols EF
Assignment 1 guide (W.A)
Assignment 1 guide (W.A)
Assignment 1 guide (W.A)
Assignment 1 guide (W.A)
Assignment 1 (W.A)
Assignment 1 web authoring
Report web authoring assigment 1
Assignment 1 guide
Assignment 1 guide
Unit 11 web authoring
Assignment 11 Unit1 Web authoring
Assignment 1 guide - SA
Web authoring2 IH4086
Web authoring a1
Web authoring a1
Web authoring conventions

More from haverstockmedia (20)

PPTX
PPTX
DOCX
Music video idea
DOCX
Video idea weeknd -Amad Islam
DOCX
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)
DOCX
The weeknd lyric analysis By Amad Islam
DOCX
PPTX
Analysisoflyrics 111010192016-phpapp01
DOCX
Beyonce - dance for you
PPTX
British board of film classication (bbfc)
ODP
3 different ways of classifying audiences
ODP
3 different ways of classifying audiences
ODP
3 different ways of classifying audiences
ODP
3 different ways of classifying audiences
ODP
3 different ways of classifying audiences
PPTX
Final Sketch Evaluation - 4018
DOCX
Unit 13 assignment 1 report
DOCX
Analysis For Attack The Block - 4018
DOCX
Focus Group - 4018
DOCX
Audience Research - 4018
Music video idea
Video idea weeknd -Amad Islam
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)
The weeknd lyric analysis By Amad Islam
Analysisoflyrics 111010192016-phpapp01
Beyonce - dance for you
British board of film classication (bbfc)
3 different ways of classifying audiences
3 different ways of classifying audiences
3 different ways of classifying audiences
3 different ways of classifying audiences
3 different ways of classifying audiences
Final Sketch Evaluation - 4018
Unit 13 assignment 1 report
Analysis For Attack The Block - 4018
Focus Group - 4018
Audience Research - 4018

Recently uploaded (20)

PDF
Encapsulation theory and applications.pdf
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PDF
Univ-Connecticut-ChatGPT-Presentaion.pdf
PDF
Hybrid model detection and classification of lung cancer
PDF
Getting Started with Data Integration: FME Form 101
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
A comparative study of natural language inference in Swahili using monolingua...
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPTX
1. Introduction to Computer Programming.pptx
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
PPTX
A Presentation on Touch Screen Technology
PDF
1 - Historical Antecedents, Social Consideration.pdf
PDF
Approach and Philosophy of On baking technology
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
WOOl fibre morphology and structure.pdf for textiles
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
August Patch Tuesday
PDF
Zenith AI: Advanced Artificial Intelligence
Encapsulation theory and applications.pdf
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Univ-Connecticut-ChatGPT-Presentaion.pdf
Hybrid model detection and classification of lung cancer
Getting Started with Data Integration: FME Form 101
Encapsulation_ Review paper, used for researhc scholars
A comparative study of natural language inference in Swahili using monolingua...
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
1. Introduction to Computer Programming.pptx
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
SOPHOS-XG Firewall Administrator PPT.pptx
A Presentation on Touch Screen Technology
1 - Historical Antecedents, Social Consideration.pdf
Approach and Philosophy of On baking technology
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Building Integrated photovoltaic BIPV_UPV.pdf
WOOl fibre morphology and structure.pdf for textiles
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
August Patch Tuesday
Zenith AI: Advanced Artificial Intelligence

Web authoring

  • 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.