SlideShare a Scribd company logo
Coding Languages of Internet
Client Side Programming
• Executed at the client machine
• Interacts with the user
• Languages:
– HTML
– CSS
– Java Script
– Php
– XML
Structure of Web Page
• HTML- Hyper Text Markup Language
• Head
• Body
Design of Web Page
• CSS- Cascading Style Sheet
• Stylising the layout
– Font
– Color
– Spacing
• Device Specific
Web Page
• Code is interpreted line by line
• Interpreter is pre-built in web browser
• CSS code is linked/embedded in HTML file
• Code as specified in HTML file is executed
Steps
• Write the structure of web page
– Using HTML
• Add designing to web page layout
– Using CSS
• Rethink the layout and amend the design as
required
Saving
• Create a separate folder for code
• Save all the files HTML, CSS, Media in same
folder or sub folder within it
• While linking external CSS files specify the
path to the files
Editor
• Online Editor
– http://scratchpad.io/oafish-taste-6473
• Offline Editor
– Windows OS
• Notepad++
– MAC OS
• Brackets
JS
• Java Script
• Client Side scripting
• Code is written as plan script
• Executed on client machine- does not need
compilation
• Executed by Java Script Engine in web browser
• Dynamic user interaction
<script language="javascript">
alert( 'Hello, world!' );
</script>
XML
• Extensible Markup Language
• Defines set of rules for format of document
• Used to store and transport data
• Define your own tags
<garden>
<soil>Organic</soil>
<water>Daily</water>
<manure>Monthly</manure>
<body>Love your plants they love you back!
</body>
</garden>
Php
• Hypertext Pre-processor
• Open source general-purpose scripting language
• Can be embedded into HTML
• Code is executed on the server
• HTML code is sent to the client
<html>
<body>
<?php
echo "Hello World!";
?>
</body>
</html>
For more tutorials and courses please visit:
www.codewizacademy.com

More Related Content

What's hot

itPage LDC 09 Presentation
itPage LDC 09 PresentationitPage LDC 09 Presentation
itPage LDC 09 Presentation
Eric Landmann
 
Intro to SharePoint 2013 Branding
Intro to SharePoint 2013 BrandingIntro to SharePoint 2013 Branding
Intro to SharePoint 2013 BrandingThomas Daly
 
Web programming and services
Web programming and servicesWeb programming and services
Web programming and services
laibamaqsood
 
Web Design Basics and HTML
Web Design Basics and HTMLWeb Design Basics and HTML
Web Design Basics and HTML
Rajesh Sanabada
 
Open Source CMS Playroom
Open Source CMS PlayroomOpen Source CMS Playroom
Open Source CMS Playroomlibrarywebchic
 
Visual Design for Content Management Systems
Visual Design for Content Management SystemsVisual Design for Content Management Systems
Visual Design for Content Management Systems
Dani Nordin
 
Web Design Norms
Web Design NormsWeb Design Norms
Web Design Norms
Shantanu Suryawanshi
 
Bib frame
Bib frameBib frame
Bib frameccase2
 
Xhtml and html5 basics
Xhtml and html5 basicsXhtml and html5 basics
Xhtml and html5 basicsmessinam
 
World Wide Web
World Wide WebWorld Wide Web
World Wide Web
Saqib Shehzad
 
Web development using html and wordpress
Web development using html and wordpressWeb development using html and wordpress
Web development using html and wordpress
Dakshata Gavand
 
Web dev#1
Web dev#1Web dev#1
Web dev#1
Richard Bao
 
Open source wordpress and drupal
Open source wordpress and drupalOpen source wordpress and drupal
Open source wordpress and drupal
Ben Mango
 
Documenting metadata application profiles and vocabularies
Documenting metadata application profiles and vocabulariesDocumenting metadata application profiles and vocabularies
Documenting metadata application profiles and vocabularies
Paul Walk
 
Daten und Verzeichnisse Vergleichen/Synchronisieren mit Beyond Compare (Windo...
Daten und Verzeichnisse Vergleichen/Synchronisieren mit Beyond Compare (Windo...Daten und Verzeichnisse Vergleichen/Synchronisieren mit Beyond Compare (Windo...
Daten und Verzeichnisse Vergleichen/Synchronisieren mit Beyond Compare (Windo...
frankstaude
 
Static and Dynamic webpage
Static and Dynamic webpageStatic and Dynamic webpage
Static and Dynamic webpage
Aishwarya Pallai
 
The web context
The web contextThe web context
The web context
Dan Phiffer
 
Designing using Web Standards with Dreamweaver
Designing using Web Standards with DreamweaverDesigning using Web Standards with Dreamweaver
Designing using Web Standards with Dreamweaver
Dennis Deacon
 
DOC Presentation by DOC Contractor Alison McCauley
DOC Presentation by DOC Contractor Alison McCauleyDOC Presentation by DOC Contractor Alison McCauley
DOC Presentation by DOC Contractor Alison McCauley
Federal Communicators Network
 

What's hot (20)

itPage LDC 09 Presentation
itPage LDC 09 PresentationitPage LDC 09 Presentation
itPage LDC 09 Presentation
 
Intro to SharePoint 2013 Branding
Intro to SharePoint 2013 BrandingIntro to SharePoint 2013 Branding
Intro to SharePoint 2013 Branding
 
Web programming and services
Web programming and servicesWeb programming and services
Web programming and services
 
Web Design Basics and HTML
Web Design Basics and HTMLWeb Design Basics and HTML
Web Design Basics and HTML
 
Open Source CMS Playroom
Open Source CMS PlayroomOpen Source CMS Playroom
Open Source CMS Playroom
 
Visual Design for Content Management Systems
Visual Design for Content Management SystemsVisual Design for Content Management Systems
Visual Design for Content Management Systems
 
Web Design Norms
Web Design NormsWeb Design Norms
Web Design Norms
 
Bib frame
Bib frameBib frame
Bib frame
 
Xhtml and html5 basics
Xhtml and html5 basicsXhtml and html5 basics
Xhtml and html5 basics
 
World Wide Web
World Wide WebWorld Wide Web
World Wide Web
 
Web development using html and wordpress
Web development using html and wordpressWeb development using html and wordpress
Web development using html and wordpress
 
Web dev#1
Web dev#1Web dev#1
Web dev#1
 
Open source wordpress and drupal
Open source wordpress and drupalOpen source wordpress and drupal
Open source wordpress and drupal
 
Documenting metadata application profiles and vocabularies
Documenting metadata application profiles and vocabulariesDocumenting metadata application profiles and vocabularies
Documenting metadata application profiles and vocabularies
 
Daten und Verzeichnisse Vergleichen/Synchronisieren mit Beyond Compare (Windo...
Daten und Verzeichnisse Vergleichen/Synchronisieren mit Beyond Compare (Windo...Daten und Verzeichnisse Vergleichen/Synchronisieren mit Beyond Compare (Windo...
Daten und Verzeichnisse Vergleichen/Synchronisieren mit Beyond Compare (Windo...
 
Static and Dynamic webpage
Static and Dynamic webpageStatic and Dynamic webpage
Static and Dynamic webpage
 
The web context
The web contextThe web context
The web context
 
Designing using Web Standards with Dreamweaver
Designing using Web Standards with DreamweaverDesigning using Web Standards with Dreamweaver
Designing using Web Standards with Dreamweaver
 
DOC Presentation by DOC Contractor Alison McCauley
DOC Presentation by DOC Contractor Alison McCauleyDOC Presentation by DOC Contractor Alison McCauley
DOC Presentation by DOC Contractor Alison McCauley
 
Week01 jan19
Week01 jan19Week01 jan19
Week01 jan19
 

Similar to Languages of Internet

Font-End Development Tools
Font-End Development ToolsFont-End Development Tools
Font-End Development Tools
university of education,Lahore
 
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
SPTechCon
 
Front end for back end developers
Front end for back end developersFront end for back end developers
Front end for back end developers
Wojciech Bednarski
 
web dev
web devweb dev
How Does the Internet Work? (Wix she codes; branch)
How Does the Internet Work? (Wix she codes; branch)How Does the Internet Work? (Wix she codes; branch)
How Does the Internet Work? (Wix she codes; branch)
Dina Goldshtein
 
SharePoint 2010 Pages
SharePoint 2010 Pages SharePoint 2010 Pages
SharePoint 2010 Pages
Elliot Chen
 
Web Desing.pptx
Web Desing.pptxWeb Desing.pptx
Web Desing.pptx
SiamSarker2
 
Your Intranet, Your Way
Your Intranet, Your WayYour Intranet, Your Way
Your Intranet, Your Way
D'arce Hess
 
Tools of the trade
Tools of the tradeTools of the trade
Tools of the tradeNicole Ryan
 
Web Design Basics.pptx
Web Design Basics.pptxWeb Design Basics.pptx
Web Design Basics.pptx
BalasundaramSr
 
WEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptx
silvers5
 
CNIT 129S: Ch 3: Web Application Technologies
CNIT 129S: Ch 3: Web Application TechnologiesCNIT 129S: Ch 3: Web Application Technologies
CNIT 129S: Ch 3: Web Application Technologies
Sam Bowne
 
Overview of Coding Languages
Overview of Coding LanguagesOverview of Coding Languages
Overview of Coding Languages
GlowTouch
 
Web technologies for desktop development @ berlinjs apps
Web technologies for desktop development @ berlinjs appsWeb technologies for desktop development @ berlinjs apps
Web technologies for desktop development @ berlinjs appsDarko Kukovec
 
Pengamanan server pada Operating Server Linux
Pengamanan server pada Operating Server LinuxPengamanan server pada Operating Server Linux
Pengamanan server pada Operating Server Linux
bitmeid2017
 
Web tech
Web techWeb tech
Web tech
AnonOne
 
hardenning Operating System Server Berbasis Linux
hardenning Operating System Server Berbasis Linuxhardenning Operating System Server Berbasis Linux
hardenning Operating System Server Berbasis Linux
jokerman16
 

Similar to Languages of Internet (20)

Font-End Development Tools
Font-End Development ToolsFont-End Development Tools
Font-End Development Tools
 
Class 10
Class 10Class 10
Class 10
 
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
 
Front end for back end developers
Front end for back end developersFront end for back end developers
Front end for back end developers
 
Introaspnet
IntroaspnetIntroaspnet
Introaspnet
 
Aspintro
AspintroAspintro
Aspintro
 
web dev
web devweb dev
web dev
 
How Does the Internet Work? (Wix she codes; branch)
How Does the Internet Work? (Wix she codes; branch)How Does the Internet Work? (Wix she codes; branch)
How Does the Internet Work? (Wix she codes; branch)
 
SharePoint 2010 Pages
SharePoint 2010 Pages SharePoint 2010 Pages
SharePoint 2010 Pages
 
Web Desing.pptx
Web Desing.pptxWeb Desing.pptx
Web Desing.pptx
 
Your Intranet, Your Way
Your Intranet, Your WayYour Intranet, Your Way
Your Intranet, Your Way
 
Tools of the trade
Tools of the tradeTools of the trade
Tools of the trade
 
Web Design Basics.pptx
Web Design Basics.pptxWeb Design Basics.pptx
Web Design Basics.pptx
 
WEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptx
 
CNIT 129S: Ch 3: Web Application Technologies
CNIT 129S: Ch 3: Web Application TechnologiesCNIT 129S: Ch 3: Web Application Technologies
CNIT 129S: Ch 3: Web Application Technologies
 
Overview of Coding Languages
Overview of Coding LanguagesOverview of Coding Languages
Overview of Coding Languages
 
Web technologies for desktop development @ berlinjs apps
Web technologies for desktop development @ berlinjs appsWeb technologies for desktop development @ berlinjs apps
Web technologies for desktop development @ berlinjs apps
 
Pengamanan server pada Operating Server Linux
Pengamanan server pada Operating Server LinuxPengamanan server pada Operating Server Linux
Pengamanan server pada Operating Server Linux
 
Web tech
Web techWeb tech
Web tech
 
hardenning Operating System Server Berbasis Linux
hardenning Operating System Server Berbasis Linuxhardenning Operating System Server Berbasis Linux
hardenning Operating System Server Berbasis Linux
 

More from Codewizacademy

Implementing OODA Loop in online teaching
Implementing OODA Loop in online teachingImplementing OODA Loop in online teaching
Implementing OODA Loop in online teaching
Codewizacademy
 
Tie up loose ends
Tie up loose endsTie up loose ends
Tie up loose ends
Codewizacademy
 
Reflect
ReflectReflect
Review
ReviewReview
Revise
ReviseRevise
Organizing content of course
Organizing content of courseOrganizing content of course
Organizing content of course
Codewizacademy
 
Rules and policies for course
Rules and policies for courseRules and policies for course
Rules and policies for course
Codewizacademy
 
Content Creation
Content CreationContent Creation
Content Creation
Codewizacademy
 
Taxonomies
TaxonomiesTaxonomies
Taxonomies
Codewizacademy
 
Course outline
Course outlineCourse outline
Course outline
Codewizacademy
 
Course development
Course developmentCourse development
Course development
Codewizacademy
 
Looping
LoopingLooping
Conditional Constructs in Javascript
Conditional Constructs in JavascriptConditional Constructs in Javascript
Conditional Constructs in Javascript
Codewizacademy
 
Displaying message on web page in Javascript
Displaying message on web page in JavascriptDisplaying message on web page in Javascript
Displaying message on web page in Javascript
Codewizacademy
 
Storage in programming
Storage in programmingStorage in programming
Storage in programming
Codewizacademy
 
Programming fundamentals through javascript
Programming fundamentals through javascriptProgramming fundamentals through javascript
Programming fundamentals through javascript
Codewizacademy
 
Cyber Security
Cyber SecurityCyber Security
Cyber Security
Codewizacademy
 
Website Security
Website SecurityWebsite Security
Website Security
Codewizacademy
 
Website Cookies
Website CookiesWebsite Cookies
Website Cookies
Codewizacademy
 
GDPR- General Data Protection Regulation
GDPR- General Data Protection RegulationGDPR- General Data Protection Regulation
GDPR- General Data Protection Regulation
Codewizacademy
 

More from Codewizacademy (20)

Implementing OODA Loop in online teaching
Implementing OODA Loop in online teachingImplementing OODA Loop in online teaching
Implementing OODA Loop in online teaching
 
Tie up loose ends
Tie up loose endsTie up loose ends
Tie up loose ends
 
Reflect
ReflectReflect
Reflect
 
Review
ReviewReview
Review
 
Revise
ReviseRevise
Revise
 
Organizing content of course
Organizing content of courseOrganizing content of course
Organizing content of course
 
Rules and policies for course
Rules and policies for courseRules and policies for course
Rules and policies for course
 
Content Creation
Content CreationContent Creation
Content Creation
 
Taxonomies
TaxonomiesTaxonomies
Taxonomies
 
Course outline
Course outlineCourse outline
Course outline
 
Course development
Course developmentCourse development
Course development
 
Looping
LoopingLooping
Looping
 
Conditional Constructs in Javascript
Conditional Constructs in JavascriptConditional Constructs in Javascript
Conditional Constructs in Javascript
 
Displaying message on web page in Javascript
Displaying message on web page in JavascriptDisplaying message on web page in Javascript
Displaying message on web page in Javascript
 
Storage in programming
Storage in programmingStorage in programming
Storage in programming
 
Programming fundamentals through javascript
Programming fundamentals through javascriptProgramming fundamentals through javascript
Programming fundamentals through javascript
 
Cyber Security
Cyber SecurityCyber Security
Cyber Security
 
Website Security
Website SecurityWebsite Security
Website Security
 
Website Cookies
Website CookiesWebsite Cookies
Website Cookies
 
GDPR- General Data Protection Regulation
GDPR- General Data Protection RegulationGDPR- General Data Protection Regulation
GDPR- General Data Protection Regulation
 

Recently uploaded

APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC
 
Search Result Showing My Post is Now Buried
Search Result Showing My Post is Now BuriedSearch Result Showing My Post is Now Buried
Search Result Showing My Post is Now Buried
Trish Parr
 
test test test test testtest test testtest test testtest test testtest test ...
test test  test test testtest test testtest test testtest test testtest test ...test test  test test testtest test testtest test testtest test testtest test ...
test test test test testtest test testtest test testtest test testtest test ...
Arif0071
 
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
3ipehhoa
 
Italy Agriculture Equipment Market Outlook to 2027
Italy Agriculture Equipment Market Outlook to 2027Italy Agriculture Equipment Market Outlook to 2027
Italy Agriculture Equipment Market Outlook to 2027
harveenkaur52
 
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
ufdana
 
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
vmemo1
 
How to Use Contact Form 7 Like a Pro.pptx
How to Use Contact Form 7 Like a Pro.pptxHow to Use Contact Form 7 Like a Pro.pptx
How to Use Contact Form 7 Like a Pro.pptx
Gal Baras
 
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdfMeet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Florence Consulting
 
7 Best Cloud Hosting Services to Try Out in 2024
7 Best Cloud Hosting Services to Try Out in 20247 Best Cloud Hosting Services to Try Out in 2024
7 Best Cloud Hosting Services to Try Out in 2024
Danica Gill
 
2.Cellular Networks_The final stage of connectivity is achieved by segmenting...
2.Cellular Networks_The final stage of connectivity is achieved by segmenting...2.Cellular Networks_The final stage of connectivity is achieved by segmenting...
2.Cellular Networks_The final stage of connectivity is achieved by segmenting...
JeyaPerumal1
 
JAVIER LASA-EXPERIENCIA digital 1986-2024.pdf
JAVIER LASA-EXPERIENCIA digital 1986-2024.pdfJAVIER LASA-EXPERIENCIA digital 1986-2024.pdf
JAVIER LASA-EXPERIENCIA digital 1986-2024.pdf
Javier Lasa
 
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
zoowe
 
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
keoku
 
1.Wireless Communication System_Wireless communication is a broad term that i...
1.Wireless Communication System_Wireless communication is a broad term that i...1.Wireless Communication System_Wireless communication is a broad term that i...
1.Wireless Communication System_Wireless communication is a broad term that i...
JeyaPerumal1
 
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
cuobya
 
急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样
急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样
急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样
3ipehhoa
 
Bridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptx
Bridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptxBridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptx
Bridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptx
Brad Spiegel Macon GA
 
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
cuobya
 
一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理
一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理
一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理
eutxy
 

Recently uploaded (20)

APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
 
Search Result Showing My Post is Now Buried
Search Result Showing My Post is Now BuriedSearch Result Showing My Post is Now Buried
Search Result Showing My Post is Now Buried
 
test test test test testtest test testtest test testtest test testtest test ...
test test  test test testtest test testtest test testtest test testtest test ...test test  test test testtest test testtest test testtest test testtest test ...
test test test test testtest test testtest test testtest test testtest test ...
 
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
 
Italy Agriculture Equipment Market Outlook to 2027
Italy Agriculture Equipment Market Outlook to 2027Italy Agriculture Equipment Market Outlook to 2027
Italy Agriculture Equipment Market Outlook to 2027
 
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
 
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
 
How to Use Contact Form 7 Like a Pro.pptx
How to Use Contact Form 7 Like a Pro.pptxHow to Use Contact Form 7 Like a Pro.pptx
How to Use Contact Form 7 Like a Pro.pptx
 
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdfMeet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
 
7 Best Cloud Hosting Services to Try Out in 2024
7 Best Cloud Hosting Services to Try Out in 20247 Best Cloud Hosting Services to Try Out in 2024
7 Best Cloud Hosting Services to Try Out in 2024
 
2.Cellular Networks_The final stage of connectivity is achieved by segmenting...
2.Cellular Networks_The final stage of connectivity is achieved by segmenting...2.Cellular Networks_The final stage of connectivity is achieved by segmenting...
2.Cellular Networks_The final stage of connectivity is achieved by segmenting...
 
JAVIER LASA-EXPERIENCIA digital 1986-2024.pdf
JAVIER LASA-EXPERIENCIA digital 1986-2024.pdfJAVIER LASA-EXPERIENCIA digital 1986-2024.pdf
JAVIER LASA-EXPERIENCIA digital 1986-2024.pdf
 
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
 
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
 
1.Wireless Communication System_Wireless communication is a broad term that i...
1.Wireless Communication System_Wireless communication is a broad term that i...1.Wireless Communication System_Wireless communication is a broad term that i...
1.Wireless Communication System_Wireless communication is a broad term that i...
 
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
 
急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样
急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样
急速办(bedfordhire毕业证书)英国贝德福特大学毕业证成绩单原版一模一样
 
Bridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptx
Bridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptxBridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptx
Bridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptx
 
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
 
一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理
一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理
一比一原版(LBS毕业证)伦敦商学院毕业证成绩单专业办理
 

Languages of Internet

  • 2. Client Side Programming • Executed at the client machine • Interacts with the user • Languages: – HTML – CSS – Java Script – Php – XML
  • 3. Structure of Web Page • HTML- Hyper Text Markup Language • Head • Body
  • 4. Design of Web Page • CSS- Cascading Style Sheet • Stylising the layout – Font – Color – Spacing • Device Specific
  • 5. Web Page • Code is interpreted line by line • Interpreter is pre-built in web browser • CSS code is linked/embedded in HTML file • Code as specified in HTML file is executed
  • 6. Steps • Write the structure of web page – Using HTML • Add designing to web page layout – Using CSS • Rethink the layout and amend the design as required
  • 7. Saving • Create a separate folder for code • Save all the files HTML, CSS, Media in same folder or sub folder within it • While linking external CSS files specify the path to the files
  • 8. Editor • Online Editor – http://scratchpad.io/oafish-taste-6473 • Offline Editor – Windows OS • Notepad++ – MAC OS • Brackets
  • 9. JS • Java Script • Client Side scripting • Code is written as plan script • Executed on client machine- does not need compilation • Executed by Java Script Engine in web browser • Dynamic user interaction <script language="javascript"> alert( 'Hello, world!' ); </script>
  • 10. XML • Extensible Markup Language • Defines set of rules for format of document • Used to store and transport data • Define your own tags <garden> <soil>Organic</soil> <water>Daily</water> <manure>Monthly</manure> <body>Love your plants they love you back! </body> </garden>
  • 11. Php • Hypertext Pre-processor • Open source general-purpose scripting language • Can be embedded into HTML • Code is executed on the server • HTML code is sent to the client <html> <body> <?php echo "Hello World!"; ?> </body> </html>
  • 12. For more tutorials and courses please visit: www.codewizacademy.com