SlideShare una empresa de Scribd logo
1 de 4
The Internetisa networkof networks
Thismeansthat the internetisa global networkof computersandserverswhichare all connected
viathe WorldWide Web
Web Authoring:protocols(rules)
URL (UniformResource Locator): the webaddressof a website.Example: http://google.co.uk this
protocol will directyoutothe website.
Domain Name: The name of a website.These tendtobe memorable sopeoplecaneasilytype them
intoan addressbar or search engine.‘’Facebook’’isthe domainname of www.facebook.co.uk
 Top level DomainName:The lastsectionof aURL. They indicate the type pf websiteorits
location.
Country codes:
 .uk
 .jp
 .ie
Organisation Codes:
 .ac
 .gov
 DomainName Registration:Thisishow users buya domainname.Forexample myteacher
brought‘’Akitt’’withthe TopLevel Domainname ‘’.co.uk’’.Theseare soldandmanagedby
DomainName Registrars.
 InternetService Providers(ISPs):Thisisthe companythatprovidesyouwithaccessto the
internet.
 BT
 Virgin
 Plusnet
 Talk-Talk
Hosting: Companieswillletyouhostyourwebsite ontheirservers.Theystore yourwebsite fileson
theirserverswhichare accessible toothersviathe internet.Thereisoftenamonthlyoryearlyfee
for this.
WebPage NamingConventions:Websitesare made of lotsof pages,all usingthe same URL. It is
importantthateach webpage has a suitable name thatreflectsthe contentonthatpage.
 Home page = www.example.com/index.htm
 Contact us= www.example.com/contact.htm
 Aboutus = www.example.com/about.htm
There are lotsof toolsand software available tobuildwebsites.Theseare dividedintotwo
categories:
HTML Text Editors
These letyoutype the HTML code thatbuildswebsites.Theyare dependentonyourknowingall
the code youwill needtobuildthe website youwant.
Example:Notepad
Visual Editors
These letyoubuildwebsitesvisuallyanddomuchof the programmingforyou.
Example:FrontPage,Dreamweaver
Web authoring: Conventions
Designingawebsite takesagreatdeal of planninganda lotof factorsneed to be considered. This
will be veryuseful indesigningyourownwebsiteforassignment2,andyou will alsoneedtodiscuss
DesignConventionsinyourassignment1report.We needtolookat mainrulesand conventions.
Rule of Thirds
The rule of thirdsisone of the mostimportantdesignprinciples.Itisarule that isappliedtothe
layout and compositionof imagesand websites.
Colour Schemes
There are three maincolourschemesthata website canbe designedwith.Pickingthe rightcolour
scheme foryourwebsite isveryimportantinsettingthe tone andfeel of the website.Colour
schemesnearlyalwaysreflectthe nature of websiteandtheme of it.
Monochromatic
Monochromaticmeansone colour.It uses differenttints,shadesandtonesof thatone colour. These
are examples of how monochromaticusesdifferenttints,shadesandtonesof one colour.
Analogous
Analogouscoloursonthe colourwheel,thesecoloursare end-to-end.withone beingthe dominant
color,whichtendsto be a primaryor secondarycolor,and twoon eitherside complementing,which
tendto be tertiary.
Complimentary
• Complementarycoloursare setsof coloursthatwhenmixedinthe rightamounts,make
white orblack.
• Whenplacednexttoeach other,theycreate the strongestcontrastand underpineach
other.
Fonts
Fontsare dividedintotwobits,SansSerif andSerif.Sansserif meanswithoutflicks.Serif iswith
flicks.
Fonts & Texts
Texton websitescansometimesbe groupedtogetherpoorly,makingitharderforthe userto read.
Paragraphsare usedinwebsites,same astheyare inwriting,tobreakup longbitsof text.
Each paragraph shouldhave itsownfocus.For example:
 A paragraphwelcomingyoutothe website
 A paragraphintroducingthe website andthenanotherexplainingwhatitisabout.
HTML
HypertextMark-upLanguage

Más contenido relacionado

Destacado (19)

Why are reviews important
Why are reviews importantWhy are reviews important
Why are reviews important
 
Hw
HwHw
Hw
 
Paramount
ParamountParamount
Paramount
 
Audio product presentation EF
Audio product presentation EFAudio product presentation EF
Audio product presentation EF
 
Moodboard
MoodboardMoodboard
Moodboard
 
Newspapers by bart
Newspapers by bartNewspapers by bart
Newspapers by bart
 
Film age rating edited irene new
Film age rating edited irene newFilm age rating edited irene new
Film age rating edited irene new
 
Disturbia
DisturbiaDisturbia
Disturbia
 
After dark storyboard - AnthonyH
After dark storyboard - AnthonyHAfter dark storyboard - AnthonyH
After dark storyboard - AnthonyH
 
Twitter conventions
Twitter conventionsTwitter conventions
Twitter conventions
 
Unit 5 criteria 5
Unit 5 criteria 5Unit 5 criteria 5
Unit 5 criteria 5
 
Factual
FactualFactual
Factual
 
Editing diary
Editing diaryEditing diary
Editing diary
 
Im db
Im dbIm db
Im db
 
Print screen pie chart1
Print screen pie chart1Print screen pie chart1
Print screen pie chart1
 
Unit 1 assignment 4 - bart.
Unit 1 assignment 4 - bart.Unit 1 assignment 4 - bart.
Unit 1 assignment 4 - bart.
 
Newspaper 131016065132-phpapp01 irene neww
Newspaper 131016065132-phpapp01 irene newwNewspaper 131016065132-phpapp01 irene neww
Newspaper 131016065132-phpapp01 irene neww
 
attack the block by siham
attack the block by siham attack the block by siham
attack the block by siham
 
Rudimental waiting all night
Rudimental waiting all nightRudimental waiting all night
Rudimental waiting all night
 

Similar a Web authoring

abdelwahab alsammak_Chapter 1-Internet concepts.ppt
abdelwahab alsammak_Chapter 1-Internet concepts.pptabdelwahab alsammak_Chapter 1-Internet concepts.ppt
abdelwahab alsammak_Chapter 1-Internet concepts.pptDavid319172
 
WWW - Lecture 1.pptx
WWW - Lecture 1.pptxWWW - Lecture 1.pptx
WWW - Lecture 1.pptxharoon451422
 
How Internet Works
How Internet WorksHow Internet Works
How Internet Workssumit kumar
 
Introduction to the Internet
Introduction to the InternetIntroduction to the Internet
Introduction to the Internetcoastalgraphics
 
How does the internet work
How does the internet workHow does the internet work
How does the internet workmraheel205
 
You Name Here1. Name a company that uses data as a source of c.docx
You Name Here1. Name a company that uses data as a source of c.docxYou Name Here1. Name a company that uses data as a source of c.docx
You Name Here1. Name a company that uses data as a source of c.docxjeffevans62972
 
some fundamental topics to remember when starting with HTML
some fundamental topics to remember when starting with HTMLsome fundamental topics to remember when starting with HTML
some fundamental topics to remember when starting with HTMLfaiz324545
 
How does internet works
How does internet worksHow does internet works
How does internet worksRamonNavarro46
 
Exp2003 Int Ppt 01
Exp2003 Int Ppt 01Exp2003 Int Ppt 01
Exp2003 Int Ppt 01lonetree
 
4- Web design introduction
4- Web design introduction4- Web design introduction
4- Web design introductionwebhostingguy
 
4- Web design introduction
4- Web design introduction4- Web design introduction
4- Web design introductionwebhostingguy
 
Bootcamp - Web Development Session 1
Bootcamp - Web Development Session 1Bootcamp - Web Development Session 1
Bootcamp - Web Development Session 1GDSCUniversitasMatan
 
Introduction to Information Technology Lecture Slides PPT
Introduction to Information Technology Lecture Slides PPTIntroduction to Information Technology Lecture Slides PPT
Introduction to Information Technology Lecture Slides PPTOsama Yousaf
 

Similar a Web authoring (20)

abdelwahab alsammak_Chapter 1-Internet concepts.ppt
abdelwahab alsammak_Chapter 1-Internet concepts.pptabdelwahab alsammak_Chapter 1-Internet concepts.ppt
abdelwahab alsammak_Chapter 1-Internet concepts.ppt
 
WWW - Lecture 1.pptx
WWW - Lecture 1.pptxWWW - Lecture 1.pptx
WWW - Lecture 1.pptx
 
How Internet Works
How Internet WorksHow Internet Works
How Internet Works
 
Introduction to the Internet
Introduction to the InternetIntroduction to the Internet
Introduction to the Internet
 
How does the internet work
How does the internet workHow does the internet work
How does the internet work
 
W 11 internet & www
W 11 internet & wwwW 11 internet & www
W 11 internet & www
 
You Name Here1. Name a company that uses data as a source of c.docx
You Name Here1. Name a company that uses data as a source of c.docxYou Name Here1. Name a company that uses data as a source of c.docx
You Name Here1. Name a company that uses data as a source of c.docx
 
some fundamental topics to remember when starting with HTML
some fundamental topics to remember when starting with HTMLsome fundamental topics to remember when starting with HTML
some fundamental topics to remember when starting with HTML
 
Internet
InternetInternet
Internet
 
Ebusiness
EbusinessEbusiness
Ebusiness
 
Sem
SemSem
Sem
 
How does internet works
How does internet worksHow does internet works
How does internet works
 
WP Chap 1 & 2.pptx
WP Chap 1 & 2.pptxWP Chap 1 & 2.pptx
WP Chap 1 & 2.pptx
 
Internet
InternetInternet
Internet
 
Exp2003 Int Ppt 01
Exp2003 Int Ppt 01Exp2003 Int Ppt 01
Exp2003 Int Ppt 01
 
4- Web design introduction
4- Web design introduction4- Web design introduction
4- Web design introduction
 
4- Web design introduction
4- Web design introduction4- Web design introduction
4- Web design introduction
 
Bootcamp - Web Development Session 1
Bootcamp - Web Development Session 1Bootcamp - Web Development Session 1
Bootcamp - Web Development Session 1
 
Introduction to Information Technology Lecture Slides PPT
Introduction to Information Technology Lecture Slides PPTIntroduction to Information Technology Lecture Slides PPT
Introduction to Information Technology Lecture Slides PPT
 
Bt0076, tcpip
Bt0076, tcpipBt0076, tcpip
Bt0076, tcpip
 

Más de haverstockmedia

Video idea weeknd -Amad Islam
Video idea weeknd -Amad IslamVideo idea weeknd -Amad Islam
Video idea weeknd -Amad Islamhaverstockmedia
 
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)haverstockmedia
 
The weeknd lyric analysis By Amad Islam
The weeknd lyric analysis By Amad IslamThe weeknd lyric analysis By Amad Islam
The weeknd lyric analysis By Amad Islamhaverstockmedia
 
Analysisoflyrics 111010192016-phpapp01
Analysisoflyrics 111010192016-phpapp01Analysisoflyrics 111010192016-phpapp01
Analysisoflyrics 111010192016-phpapp01haverstockmedia
 
British board of film classication (bbfc)
British board of film classication (bbfc)British board of film classication (bbfc)
British board of film classication (bbfc)haverstockmedia
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audienceshaverstockmedia
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audienceshaverstockmedia
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audienceshaverstockmedia
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audienceshaverstockmedia
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audienceshaverstockmedia
 
Final Sketch Evaluation - 4018
Final Sketch Evaluation - 4018Final Sketch Evaluation - 4018
Final Sketch Evaluation - 4018haverstockmedia
 
Unit 13 assignment 1 report
Unit 13 assignment 1 reportUnit 13 assignment 1 report
Unit 13 assignment 1 reporthaverstockmedia
 
Analysis For Attack The Block - 4018
Analysis For Attack The Block - 4018Analysis For Attack The Block - 4018
Analysis For Attack The Block - 4018haverstockmedia
 
Audience Research - 4018
Audience Research - 4018Audience Research - 4018
Audience Research - 4018haverstockmedia
 

Más de haverstockmedia (20)

Eval 2
Eval 2Eval 2
Eval 2
 
Eval 1
Eval 1Eval 1
Eval 1
 
Music video idea
Music video ideaMusic video idea
Music video idea
 
Video idea weeknd -Amad Islam
Video idea weeknd -Amad IslamVideo idea weeknd -Amad Islam
Video idea weeknd -Amad Islam
 
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)
 
The weeknd lyric analysis By Amad Islam
The weeknd lyric analysis By Amad IslamThe weeknd lyric analysis By Amad Islam
The weeknd lyric analysis By Amad Islam
 
Imvdb
ImvdbImvdb
Imvdb
 
Analysisoflyrics 111010192016-phpapp01
Analysisoflyrics 111010192016-phpapp01Analysisoflyrics 111010192016-phpapp01
Analysisoflyrics 111010192016-phpapp01
 
Beyonce - dance for you
Beyonce -  dance for youBeyonce -  dance for you
Beyonce - dance for you
 
British board of film classication (bbfc)
British board of film classication (bbfc)British board of film classication (bbfc)
British board of film classication (bbfc)
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audiences
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audiences
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audiences
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audiences
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audiences
 
Final Sketch Evaluation - 4018
Final Sketch Evaluation - 4018Final Sketch Evaluation - 4018
Final Sketch Evaluation - 4018
 
Unit 13 assignment 1 report
Unit 13 assignment 1 reportUnit 13 assignment 1 report
Unit 13 assignment 1 report
 
Analysis For Attack The Block - 4018
Analysis For Attack The Block - 4018Analysis For Attack The Block - 4018
Analysis For Attack The Block - 4018
 
Focus Group - 4018
Focus Group - 4018Focus Group - 4018
Focus Group - 4018
 
Audience Research - 4018
Audience Research - 4018Audience Research - 4018
Audience Research - 4018
 

Último

办理(NUS毕业证书)新加坡国立大学毕业证成绩单原版一比一
办理(NUS毕业证书)新加坡国立大学毕业证成绩单原版一比一办理(NUS毕业证书)新加坡国立大学毕业证成绩单原版一比一
办理(NUS毕业证书)新加坡国立大学毕业证成绩单原版一比一F La
 
Call Girl in Low Price Delhi Punjabi Bagh 9711199012
Call Girl in Low Price Delhi Punjabi Bagh  9711199012Call Girl in Low Price Delhi Punjabi Bagh  9711199012
Call Girl in Low Price Delhi Punjabi Bagh 9711199012sapnasaifi408
 
定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一
定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一
定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一2s3dgmej
 
Navigating the Data Economy: Transforming Recruitment and Hiring
Navigating the Data Economy: Transforming Recruitment and HiringNavigating the Data Economy: Transforming Recruitment and Hiring
Navigating the Data Economy: Transforming Recruitment and Hiringkaran651042
 
办理老道明大学毕业证成绩单|购买美国ODU文凭证书
办理老道明大学毕业证成绩单|购买美国ODU文凭证书办理老道明大学毕业证成绩单|购买美国ODU文凭证书
办理老道明大学毕业证成绩单|购买美国ODU文凭证书saphesg8
 
办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样
办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样
办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样umasea
 
Issues in the Philippines (Unemployment and Underemployment).pptx
Issues in the Philippines (Unemployment and Underemployment).pptxIssues in the Philippines (Unemployment and Underemployment).pptx
Issues in the Philippines (Unemployment and Underemployment).pptxJenniferPeraro1
 
Outsmarting the Attackers A Deep Dive into Threat Intelligence.docx
Outsmarting the Attackers A Deep Dive into Threat Intelligence.docxOutsmarting the Attackers A Deep Dive into Threat Intelligence.docx
Outsmarting the Attackers A Deep Dive into Threat Intelligence.docxmanas23pgdm157
 
Digital Marketing Training Institute in Mohali, India
Digital Marketing Training Institute in Mohali, IndiaDigital Marketing Training Institute in Mohali, India
Digital Marketing Training Institute in Mohali, IndiaDigital Discovery Institute
 
办理学位证(UoM证书)北安普顿大学毕业证成绩单原版一比一
办理学位证(UoM证书)北安普顿大学毕业证成绩单原版一比一办理学位证(UoM证书)北安普顿大学毕业证成绩单原版一比一
办理学位证(UoM证书)北安普顿大学毕业证成绩单原版一比一A SSS
 
办理(Salford毕业证书)索尔福德大学毕业证成绩单原版一比一
办理(Salford毕业证书)索尔福德大学毕业证成绩单原版一比一办理(Salford毕业证书)索尔福德大学毕业证成绩单原版一比一
办理(Salford毕业证书)索尔福德大学毕业证成绩单原版一比一diploma 1
 
do's and don'ts in Telephone Interview of Job
do's and don'ts in Telephone Interview of Jobdo's and don'ts in Telephone Interview of Job
do's and don'ts in Telephone Interview of JobRemote DBA Services
 
办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一
办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一
办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一F La
 
原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证
原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证
原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证diploma001
 
Escorts Service Near Surya International Hotel, New Delhi |9873777170| Find H...
Escorts Service Near Surya International Hotel, New Delhi |9873777170| Find H...Escorts Service Near Surya International Hotel, New Delhi |9873777170| Find H...
Escorts Service Near Surya International Hotel, New Delhi |9873777170| Find H...nitagrag2
 
MIdterm Review International Trade.pptx review
MIdterm Review International Trade.pptx reviewMIdterm Review International Trade.pptx review
MIdterm Review International Trade.pptx reviewSheldon Byron
 
Ethics of Animal Research Laika mission.ppt
Ethics of Animal Research Laika mission.pptEthics of Animal Research Laika mission.ppt
Ethics of Animal Research Laika mission.pptShafqatShakeel1
 
Graduate Trainee Officer Job in Bank Al Habib 2024.docx
Graduate Trainee Officer Job in Bank Al Habib 2024.docxGraduate Trainee Officer Job in Bank Al Habib 2024.docx
Graduate Trainee Officer Job in Bank Al Habib 2024.docxJobs Finder Hub
 
定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一
定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一
定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一lvtagr7
 

Último (20)

办理(NUS毕业证书)新加坡国立大学毕业证成绩单原版一比一
办理(NUS毕业证书)新加坡国立大学毕业证成绩单原版一比一办理(NUS毕业证书)新加坡国立大学毕业证成绩单原版一比一
办理(NUS毕业证书)新加坡国立大学毕业证成绩单原版一比一
 
Call Girl in Low Price Delhi Punjabi Bagh 9711199012
Call Girl in Low Price Delhi Punjabi Bagh  9711199012Call Girl in Low Price Delhi Punjabi Bagh  9711199012
Call Girl in Low Price Delhi Punjabi Bagh 9711199012
 
定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一
定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一
定制(NYIT毕业证书)美国纽约理工学院毕业证成绩单原版一比一
 
Navigating the Data Economy: Transforming Recruitment and Hiring
Navigating the Data Economy: Transforming Recruitment and HiringNavigating the Data Economy: Transforming Recruitment and Hiring
Navigating the Data Economy: Transforming Recruitment and Hiring
 
办理老道明大学毕业证成绩单|购买美国ODU文凭证书
办理老道明大学毕业证成绩单|购买美国ODU文凭证书办理老道明大学毕业证成绩单|购买美国ODU文凭证书
办理老道明大学毕业证成绩单|购买美国ODU文凭证书
 
办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样
办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样
办理学位证(纽伦堡大学文凭证书)纽伦堡大学毕业证成绩单原版一模一样
 
Issues in the Philippines (Unemployment and Underemployment).pptx
Issues in the Philippines (Unemployment and Underemployment).pptxIssues in the Philippines (Unemployment and Underemployment).pptx
Issues in the Philippines (Unemployment and Underemployment).pptx
 
Outsmarting the Attackers A Deep Dive into Threat Intelligence.docx
Outsmarting the Attackers A Deep Dive into Threat Intelligence.docxOutsmarting the Attackers A Deep Dive into Threat Intelligence.docx
Outsmarting the Attackers A Deep Dive into Threat Intelligence.docx
 
Digital Marketing Training Institute in Mohali, India
Digital Marketing Training Institute in Mohali, IndiaDigital Marketing Training Institute in Mohali, India
Digital Marketing Training Institute in Mohali, India
 
办理学位证(UoM证书)北安普顿大学毕业证成绩单原版一比一
办理学位证(UoM证书)北安普顿大学毕业证成绩单原版一比一办理学位证(UoM证书)北安普顿大学毕业证成绩单原版一比一
办理学位证(UoM证书)北安普顿大学毕业证成绩单原版一比一
 
办理(Salford毕业证书)索尔福德大学毕业证成绩单原版一比一
办理(Salford毕业证书)索尔福德大学毕业证成绩单原版一比一办理(Salford毕业证书)索尔福德大学毕业证成绩单原版一比一
办理(Salford毕业证书)索尔福德大学毕业证成绩单原版一比一
 
do's and don'ts in Telephone Interview of Job
do's and don'ts in Telephone Interview of Jobdo's and don'ts in Telephone Interview of Job
do's and don'ts in Telephone Interview of Job
 
办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一
办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一
办理(Hull毕业证书)英国赫尔大学毕业证成绩单原版一比一
 
Young Call~Girl in Pragati Maidan New Delhi 8448380779 Full Enjoy Escort Service
Young Call~Girl in Pragati Maidan New Delhi 8448380779 Full Enjoy Escort ServiceYoung Call~Girl in Pragati Maidan New Delhi 8448380779 Full Enjoy Escort Service
Young Call~Girl in Pragati Maidan New Delhi 8448380779 Full Enjoy Escort Service
 
原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证
原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证
原版定制卡尔加里大学毕业证(UC毕业证)留信学历认证
 
Escorts Service Near Surya International Hotel, New Delhi |9873777170| Find H...
Escorts Service Near Surya International Hotel, New Delhi |9873777170| Find H...Escorts Service Near Surya International Hotel, New Delhi |9873777170| Find H...
Escorts Service Near Surya International Hotel, New Delhi |9873777170| Find H...
 
MIdterm Review International Trade.pptx review
MIdterm Review International Trade.pptx reviewMIdterm Review International Trade.pptx review
MIdterm Review International Trade.pptx review
 
Ethics of Animal Research Laika mission.ppt
Ethics of Animal Research Laika mission.pptEthics of Animal Research Laika mission.ppt
Ethics of Animal Research Laika mission.ppt
 
Graduate Trainee Officer Job in Bank Al Habib 2024.docx
Graduate Trainee Officer Job in Bank Al Habib 2024.docxGraduate Trainee Officer Job in Bank Al Habib 2024.docx
Graduate Trainee Officer Job in Bank Al Habib 2024.docx
 
定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一
定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一
定制(UQ毕业证书)澳洲昆士兰大学毕业证成绩单原版一比一
 

Web authoring

  • 1. The Internetisa networkof networks Thismeansthat the internetisa global networkof computersandserverswhichare all connected viathe WorldWide Web Web Authoring:protocols(rules) URL (UniformResource Locator): the webaddressof a website.Example: http://google.co.uk this protocol will directyoutothe website. Domain Name: The name of a website.These tendtobe memorable sopeoplecaneasilytype them intoan addressbar or search engine.‘’Facebook’’isthe domainname of www.facebook.co.uk  Top level DomainName:The lastsectionof aURL. They indicate the type pf websiteorits location. Country codes:  .uk  .jp  .ie Organisation Codes:  .ac  .gov  DomainName Registration:Thisishow users buya domainname.Forexample myteacher brought‘’Akitt’’withthe TopLevel Domainname ‘’.co.uk’’.Theseare soldandmanagedby DomainName Registrars.  InternetService Providers(ISPs):Thisisthe companythatprovidesyouwithaccessto the internet.  BT  Virgin  Plusnet  Talk-Talk Hosting: Companieswillletyouhostyourwebsite ontheirservers.Theystore yourwebsite fileson theirserverswhichare accessible toothersviathe internet.Thereisoftenamonthlyoryearlyfee for this. WebPage NamingConventions:Websitesare made of lotsof pages,all usingthe same URL. It is importantthateach webpage has a suitable name thatreflectsthe contentonthatpage.  Home page = www.example.com/index.htm
  • 2.  Contact us= www.example.com/contact.htm  Aboutus = www.example.com/about.htm There are lotsof toolsand software available tobuildwebsites.Theseare dividedintotwo categories: HTML Text Editors These letyoutype the HTML code thatbuildswebsites.Theyare dependentonyourknowingall the code youwill needtobuildthe website youwant. Example:Notepad Visual Editors These letyoubuildwebsitesvisuallyanddomuchof the programmingforyou. Example:FrontPage,Dreamweaver Web authoring: Conventions Designingawebsite takesagreatdeal of planninganda lotof factorsneed to be considered. This will be veryuseful indesigningyourownwebsiteforassignment2,andyou will alsoneedtodiscuss DesignConventionsinyourassignment1report.We needtolookat mainrulesand conventions. Rule of Thirds The rule of thirdsisone of the mostimportantdesignprinciples.Itisarule that isappliedtothe layout and compositionof imagesand websites. Colour Schemes There are three maincolourschemesthata website canbe designedwith.Pickingthe rightcolour scheme foryourwebsite isveryimportantinsettingthe tone andfeel of the website.Colour schemesnearlyalwaysreflectthe nature of websiteandtheme of it.
  • 3. Monochromatic Monochromaticmeansone colour.It uses differenttints,shadesandtonesof thatone colour. These are examples of how monochromaticusesdifferenttints,shadesandtonesof one colour. Analogous Analogouscoloursonthe colourwheel,thesecoloursare end-to-end.withone beingthe dominant color,whichtendsto be a primaryor secondarycolor,and twoon eitherside complementing,which tendto be tertiary. Complimentary • Complementarycoloursare setsof coloursthatwhenmixedinthe rightamounts,make white orblack. • Whenplacednexttoeach other,theycreate the strongestcontrastand underpineach other.
  • 4. Fonts Fontsare dividedintotwobits,SansSerif andSerif.Sansserif meanswithoutflicks.Serif iswith flicks. Fonts & Texts Texton websitescansometimesbe groupedtogetherpoorly,makingitharderforthe userto read. Paragraphsare usedinwebsites,same astheyare inwriting,tobreakup longbitsof text. Each paragraph shouldhave itsownfocus.For example:  A paragraphwelcomingyoutothe website  A paragraphintroducingthe website andthenanotherexplainingwhatitisabout. HTML HypertextMark-upLanguage