SlideShare a Scribd company logo
In this report I will be discussing the three types of web authoring which are:
1. Protocols
2. Design Conventions
3. Software
HTML pages, images, JavaScript or Flash are used on the World-Wide Web.
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:
•www.yourdomain.com/12345.html
•www.yourdomain.com/abc.html
Examples of good web page naming conventions:
•www.yourdomain.com/(product_name)/
•www.yourdomain.com/(product_category)/
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
colour scheme.
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
more tertiary.
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
intersect.
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
functionality.
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
program.
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
on.
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
website.
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.

More Related Content

PPTX
Unit 11 web authoring
PPTX
Unit 11 web authoring
DOCX
In this report i will be discussing the protocols
DOCX
Web authoring, assignment 1
DOCX
Assignment 1 :JJD
DOCX
Assignment 1 Unit 11 Report
DOCX
Report by bart
DOCX
Assignment 1
Unit 11 web authoring
Unit 11 web authoring
In this report i will be discussing the protocols
Web authoring, assignment 1
Assignment 1 :JJD
Assignment 1 Unit 11 Report
Report by bart
Assignment 1

What's hot (12)

DOCX
Web authoring
PPT
Download Workshop Lecture
DOC
Handout7 html forms
PPTX
Php Form
DOCX
Web authoring2 IH4086
PPTX
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
PPTX
How to use WujiGrid
PPT
Web 2.0 Lessonplan Day1
PDF
Code inhtml5andcss3
DOCX
Html basic
PDF
PDF
Top 50 HTML Interview Questions and Answers | Edureka
Web authoring
Download Workshop Lecture
Handout7 html forms
Php Form
Web authoring2 IH4086
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
How to use WujiGrid
Web 2.0 Lessonplan Day1
Code inhtml5andcss3
Html basic
Top 50 HTML Interview Questions and Answers | Edureka
Ad

Viewers also liked (13)

PPT
Web Accessibility I Centrum
PPS
Web Authoring Principles for Focused and Effective Content
PPT
Protocols
PPT
Web Page Authoring 1
PPTX
Web topic 11 importance of html validation
PPTX
Web topic 13 html validation tools
PDF
Web Security 101
PPT
Lecture 6 web security
PPT
Web security presentation
PPT
process management
PPTX
Web Security
PPTX
Web Security
PPT
Web Security
Web Accessibility I Centrum
Web Authoring Principles for Focused and Effective Content
Protocols
Web Page Authoring 1
Web topic 11 importance of html validation
Web topic 13 html validation tools
Web Security 101
Lecture 6 web security
Web security presentation
process management
Web Security
Web Security
Web Security
Ad

Similar to Unit 11 web authoring (20)

DOCX
Web authoring
RTF
design conventions protocols EF
DOCX
Assignment 1 guide
DOCX
Assignment 1 guide
DOCX
Assignment 11 guide
DOCX
Assignment 11 guide
DOCX
Assignment 1 guide - SA
DOCX
Assignment 1 web authoring-ASM(:
RTF
DOCX
Assignment 1 guide (W.A)
DOCX
Assignment 1 guide (W.A)
DOCX
DOCX
Assignment 1 web authoring
DOCX
Assignment 1 web authoring
DOCX
Web authoring
DOCX
Assignment 1 guide (W.A)
DOCX
Assignment 1 guide (W.A)
DOCX
Report web authoring assigment 1
DOCX
Assignment 1 (W.A)
DOCX
Assignment 11 Unit1 Web authoring
Web authoring
design conventions protocols EF
Assignment 1 guide
Assignment 1 guide
Assignment 11 guide
Assignment 11 guide
Assignment 1 guide - SA
Assignment 1 web authoring-ASM(:
Assignment 1 guide (W.A)
Assignment 1 guide (W.A)
Assignment 1 web authoring
Assignment 1 web authoring
Web authoring
Assignment 1 guide (W.A)
Assignment 1 guide (W.A)
Report web authoring assigment 1
Assignment 1 (W.A)
Assignment 11 Unit1 Web authoring

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

Unit 11 web authoring

  • 1. In this report I will be discussing the three types of web authoring which are: 1. Protocols 2. Design Conventions 3. Software
  • 2. HTML pages, images, JavaScript or Flash are used on the World-Wide Web. 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.
  • 3. 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.
  • 4. 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)
  • 5. 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: •www.yourdomain.com/12345.html •www.yourdomain.com/abc.html Examples of good web page naming conventions: •www.yourdomain.com/(product_name)/ •www.yourdomain.com/(product_category)/
  • 6. 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.
  • 7. 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.
  • 8. 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.
  • 9. 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 colour scheme.
  • 10. 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.
  • 11. 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 more tertiary. 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.
  • 12. 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
  • 13. 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.
  • 14. 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 intersect.
  • 15. 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 functionality. 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.
  • 16. 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 program.
  • 17. 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.
  • 18. 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 on.
  • 19. 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 website.
  • 20. 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.