SlideShare a Scribd company logo
1 of 20
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.
This picture of the left represents the ISP
and how it functions, so from the web-
email connects to the ISP .
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.
Some websites let you host and build
websites using custom tools.
Building a website with a 3rd party software
because its easy to build a website however
if offers reduced control over the content.
By using these websites you do not have to
know programming making it easier for the
general public to create websites
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.
“the next section of my presentation is going to look at web authoring and what I mean about web
authoring is ‘’CS, M, A, C. and theses 4 slides are talking about what they are and how they are used in
everyday life and give a brief information about it.
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

What's hot

EmailCoE_10715_DesignSystem
EmailCoE_10715_DesignSystemEmailCoE_10715_DesignSystem
EmailCoE_10715_DesignSystemEric Appelbaum
 
Php Form
Php FormPhp Form
Php Formlotlot
 
CSS3 and a brief introduction to Google Maps API v3
CSS3 and a brief introduction to Google Maps API v3 CSS3 and a brief introduction to Google Maps API v3
CSS3 and a brief introduction to Google Maps API v3 Jeffrey Barke
 
HTML email best practices
HTML email best practicesHTML email best practices
HTML email best practicesJeffrey Barke
 
Presentation1
Presentation1Presentation1
Presentation1gregbear
 
Presentation2
Presentation2Presentation2
Presentation2gregbear
 

What's hot (8)

EmailCoE_10715_DesignSystem
EmailCoE_10715_DesignSystemEmailCoE_10715_DesignSystem
EmailCoE_10715_DesignSystem
 
Php Form
Php FormPhp Form
Php Form
 
CSS3 and a brief introduction to Google Maps API v3
CSS3 and a brief introduction to Google Maps API v3 CSS3 and a brief introduction to Google Maps API v3
CSS3 and a brief introduction to Google Maps API v3
 
HTML email best practices
HTML email best practicesHTML email best practices
HTML email best practices
 
Edon
Edon Edon
Edon
 
Fccwc326
Fccwc326Fccwc326
Fccwc326
 
Presentation1
Presentation1Presentation1
Presentation1
 
Presentation2
Presentation2Presentation2
Presentation2
 

Viewers also liked

はじめてのWordPress勉強会 vol.03 Word Pressの基本操作
はじめてのWordPress勉強会 vol.03 Word Pressの基本操作はじめてのWordPress勉強会 vol.03 Word Pressの基本操作
はじめてのWordPress勉強会 vol.03 Word Pressの基本操作MoritaMasahiro
 
はじめてのWordPress勉強会 vol.02 Word Pressの導入
はじめてのWordPress勉強会 vol.02 Word Pressの導入はじめてのWordPress勉強会 vol.02 Word Pressの導入
はじめてのWordPress勉強会 vol.02 Word Pressの導入MoritaMasahiro
 
üMbrikupalk.nõmme
üMbrikupalk.nõmmeüMbrikupalk.nõmme
üMbrikupalk.nõmmeDi Nõmme
 
はじめてのWordPress勉強会 vol.01 Word Pressの概要
はじめてのWordPress勉強会 vol.01 Word Pressの概要はじめてのWordPress勉強会 vol.01 Word Pressの概要
はじめてのWordPress勉強会 vol.01 Word Pressの概要MoritaMasahiro
 
Age Of Empires II : Age Of Kings Postmotem
Age Of Empires II : Age Of Kings PostmotemAge Of Empires II : Age Of Kings Postmotem
Age Of Empires II : Age Of Kings PostmotemNam Hyeonuk
 
Haskell study 11
Haskell study 11Haskell study 11
Haskell study 11Nam Hyeonuk
 
Haskell study 14
Haskell study 14Haskell study 14
Haskell study 14Nam Hyeonuk
 
Tcp ip & io model
Tcp ip & io modelTcp ip & io model
Tcp ip & io modelNam Hyeonuk
 
Iocp 기본 구조 이해
Iocp 기본 구조 이해Iocp 기본 구조 이해
Iocp 기본 구조 이해Nam Hyeonuk
 

Viewers also liked (14)

はじめてのWordPress勉強会 vol.03 Word Pressの基本操作
はじめてのWordPress勉強会 vol.03 Word Pressの基本操作はじめてのWordPress勉強会 vol.03 Word Pressの基本操作
はじめてのWordPress勉強会 vol.03 Word Pressの基本操作
 
はじめてのWordPress勉強会 vol.02 Word Pressの導入
はじめてのWordPress勉強会 vol.02 Word Pressの導入はじめてのWordPress勉強会 vol.02 Word Pressの導入
はじめてのWordPress勉強会 vol.02 Word Pressの導入
 
üMbrikupalk.nõmme
üMbrikupalk.nõmmeüMbrikupalk.nõmme
üMbrikupalk.nõmme
 
はじめてのWordPress勉強会 vol.01 Word Pressの概要
はじめてのWordPress勉強会 vol.01 Word Pressの概要はじめてのWordPress勉強会 vol.01 Word Pressの概要
はじめてのWordPress勉強会 vol.01 Word Pressの概要
 
Age Of Empires II : Age Of Kings Postmotem
Age Of Empires II : Age Of Kings PostmotemAge Of Empires II : Age Of Kings Postmotem
Age Of Empires II : Age Of Kings Postmotem
 
Haskell study 11
Haskell study 11Haskell study 11
Haskell study 11
 
Haskell study 14
Haskell study 14Haskell study 14
Haskell study 14
 
Haskell study 7
Haskell study 7Haskell study 7
Haskell study 7
 
Haskell study 5
Haskell study 5Haskell study 5
Haskell study 5
 
Haskell study 1
Haskell study 1Haskell study 1
Haskell study 1
 
Haskell study 8
Haskell study 8Haskell study 8
Haskell study 8
 
Tcp ip & io model
Tcp ip & io modelTcp ip & io model
Tcp ip & io model
 
Haskell study 9
Haskell study 9Haskell study 9
Haskell study 9
 
Iocp 기본 구조 이해
Iocp 기본 구조 이해Iocp 기본 구조 이해
Iocp 기본 구조 이해
 

Similar to Unit 11 web authoring

Similar to Unit 11 web authoring (20)

Unit 11 web authoring
Unit 11 web authoringUnit 11 web authoring
Unit 11 web authoring
 
Web authoring
Web authoring Web authoring
Web authoring
 
Assignment 1 :JJD
Assignment 1 :JJDAssignment 1 :JJD
Assignment 1 :JJD
 
design conventions protocols EF
design conventions protocols EFdesign conventions protocols EF
design conventions protocols EF
 
Assignment 1 guide
Assignment 1 guideAssignment 1 guide
Assignment 1 guide
 
Assignment 1 guide
Assignment 1 guideAssignment 1 guide
Assignment 1 guide
 
Assignment 1
Assignment 1Assignment 1
Assignment 1
 
Assignment 1 guide - SA
Assignment 1 guide - SAAssignment 1 guide - SA
Assignment 1 guide - SA
 
Assignment 1 web authoring-ASM(:
Assignment 1 web authoring-ASM(:Assignment 1 web authoring-ASM(:
Assignment 1 web authoring-ASM(:
 
Report by bart
Report by bartReport by bart
Report by bart
 
Assignment 11 guide
Assignment 11 guideAssignment 11 guide
Assignment 11 guide
 
Assignment 11 guide
Assignment 11 guideAssignment 11 guide
Assignment 11 guide
 
Web authoring
Web authoringWeb authoring
Web authoring
 
Report web authoring assigment 1
Report   web authoring assigment 1 Report   web authoring assigment 1
Report web authoring assigment 1
 
Assignment 1 web authoring
Assignment 1 web authoringAssignment 1 web authoring
Assignment 1 web authoring
 
Assignment 1 web authoring
Assignment 1 web authoringAssignment 1 web authoring
Assignment 1 web authoring
 
Assignment 1 guide (W.A)
Assignment 1 guide (W.A)Assignment 1 guide (W.A)
Assignment 1 guide (W.A)
 
Assignment 1 guide (W.A)
Assignment 1 guide (W.A)Assignment 1 guide (W.A)
Assignment 1 guide (W.A)
 
Report web authoring assigment 1
Report   web authoring assigment 1 Report   web authoring assigment 1
Report web authoring assigment 1
 
Assignment 1 guide (W.A)
Assignment 1 guide (W.A)Assignment 1 guide (W.A)
Assignment 1 guide (W.A)
 

Recently uploaded

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfjimielynbastida
 
Unlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsUnlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsPrecisely
 
costume and set research powerpoint presentation
costume and set research powerpoint presentationcostume and set research powerpoint presentation
costume and set research powerpoint presentationphoebematthew05
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsHyundai Motor Group
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsAndrey Dotsenko
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 

Recently uploaded (20)

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdf
 
Unlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsUnlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power Systems
 
costume and set research powerpoint presentation
costume and set research powerpoint presentationcostume and set research powerpoint presentation
costume and set research powerpoint presentation
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 

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. This picture of the left represents the ISP and how it functions, so from the web- email connects to the ISP .
  • 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. Some websites let you host and build websites using custom tools. Building a website with a 3rd party software because its easy to build a website however if offers reduced control over the content. By using these websites you do not have to know programming making it easier for the general public to create websites
  • 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. “the next section of my presentation is going to look at web authoring and what I mean about web authoring is ‘’CS, M, A, C. and theses 4 slides are talking about what they are and how they are used in everyday life and give a brief information about it.
  • 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.