SlideShare a Scribd company logo
Course Outline:
• Introduction of Website
o Introduction of Web development (first code)
o Difference between web designing and web development
o Website structure and hosting
o Naming a website/concept of domain name
o Website/domain name registration
o How to code using MVC
o Web development tools
• Installation of Adobe Dreamweaver
• HTML
o Introduction
o Use of tags
o Setting up a template
o Creating links
o Working with images
o Working with tables
o Working with comments
o Working with lists
o Working with block
o Creating classes
o Building forms
• CSS
o Introduction and syntax
o Ways to insert CSS
o Setting colors with CSS
o Controlling page layout
o Common CSS properties
o Enhancing a Web page with CSS
• Basics of JavaScript
• Wordpress
o Installation of wamp server
o Installation of wordpress
o Working on wordpress through built-in templates and plugins
o Dynamic site-building on wordpress

More Related Content

Similar to Front end

Become a Full Stack Web Developer (.NET) - Thisiswali
Become a Full Stack Web Developer (.NET) - ThisiswaliBecome a Full Stack Web Developer (.NET) - Thisiswali
Become a Full Stack Web Developer (.NET) - Thisiswali
thisiswali
 
Getting started with CSS frameworks using Zurb foundation
Getting started with CSS frameworks using Zurb foundationGetting started with CSS frameworks using Zurb foundation
Getting started with CSS frameworks using Zurb foundation
Melanie Archer
 
Web design-workflow
Web design-workflowWeb design-workflow
Web design-workflowPeter Kaizer
 
Adobe Dreamweaver CS5 Basics
Adobe Dreamweaver CS5 BasicsAdobe Dreamweaver CS5 Basics
Adobe Dreamweaver CS5 Basics
Douglas Strahler
 
9 Months Web Development Diploma Course in North Delhi
9 Months Web Development Diploma Course in North Delhi9 Months Web Development Diploma Course in North Delhi
9 Months Web Development Diploma Course in North Delhi
Jessica Smith
 
The Pragmatist's Approach to SharePoint Branding
The Pragmatist's Approach to SharePoint BrandingThe Pragmatist's Approach to SharePoint Branding
The Pragmatist's Approach to SharePoint Branding
Stu King
 
Share point 2013 WCM for Developers
Share point 2013 WCM for DevelopersShare point 2013 WCM for Developers
Share point 2013 WCM for Developers
Suhas R Satish
 
Lesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ayLesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ayCodecademy Ren
 
Basics about front-end
Basics about front-endBasics about front-end
Basics about front-end
CETPA Infotech
 
Getting Started Adobe Edge Code CC & Brackets
Getting Started Adobe Edge Code CC & BracketsGetting Started Adobe Edge Code CC & Brackets
Getting Started Adobe Edge Code CC & Brackets
Teerasej Jiraphatchandej
 
LO3 - Lesson 20 - Template
LO3 - Lesson 20 - TemplateLO3 - Lesson 20 - Template
AngularJS Curriculum-Zeolearn
AngularJS Curriculum-ZeolearnAngularJS Curriculum-Zeolearn
AngularJS Curriculum-ZeolearnHamdi Ceylan
 
Intro to Node.js
Intro to Node.jsIntro to Node.js
Intro to Node.js
Jamal Sinclair O'Garro
 
Arunan Skanthan - Roll Your own Style Guide
Arunan Skanthan - Roll Your own Style GuideArunan Skanthan - Roll Your own Style Guide
Arunan Skanthan - Roll Your own Style Guide
Web Directions
 
Internet Marketing Institute in Delhi
Internet Marketing Institute in DelhiInternet Marketing Institute in Delhi
Internet Marketing Institute in Delhi
Jessica Smith
 
Microsoft, Web Standards and OSS
Microsoft, Web Standards and OSSMicrosoft, Web Standards and OSS
Microsoft, Web Standards and OSSMahdi Taghizadeh
 
How to manage a big scale HTML/CSS project
How to manage a big scale HTML/CSS projectHow to manage a big scale HTML/CSS project
How to manage a big scale HTML/CSS projectRenoir Boulanger
 
Training presentation.pptx
Training presentation.pptxTraining presentation.pptx
Training presentation.pptx
NishchaiyaBayla1
 
Web programming css
Web programming cssWeb programming css
Web programming css
Uma mohan
 

Similar to Front end (20)

Become a Full Stack Web Developer (.NET) - Thisiswali
Become a Full Stack Web Developer (.NET) - ThisiswaliBecome a Full Stack Web Developer (.NET) - Thisiswali
Become a Full Stack Web Developer (.NET) - Thisiswali
 
Getting started with CSS frameworks using Zurb foundation
Getting started with CSS frameworks using Zurb foundationGetting started with CSS frameworks using Zurb foundation
Getting started with CSS frameworks using Zurb foundation
 
Web design-workflow
Web design-workflowWeb design-workflow
Web design-workflow
 
Adobe Dreamweaver CS5 Basics
Adobe Dreamweaver CS5 BasicsAdobe Dreamweaver CS5 Basics
Adobe Dreamweaver CS5 Basics
 
9 Months Web Development Diploma Course in North Delhi
9 Months Web Development Diploma Course in North Delhi9 Months Web Development Diploma Course in North Delhi
9 Months Web Development Diploma Course in North Delhi
 
The Pragmatist's Approach to SharePoint Branding
The Pragmatist's Approach to SharePoint BrandingThe Pragmatist's Approach to SharePoint Branding
The Pragmatist's Approach to SharePoint Branding
 
Share point 2013 WCM for Developers
Share point 2013 WCM for DevelopersShare point 2013 WCM for Developers
Share point 2013 WCM for Developers
 
Lesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ayLesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ay
 
Css external style sheet
Css external style sheetCss external style sheet
Css external style sheet
 
Basics about front-end
Basics about front-endBasics about front-end
Basics about front-end
 
Getting Started Adobe Edge Code CC & Brackets
Getting Started Adobe Edge Code CC & BracketsGetting Started Adobe Edge Code CC & Brackets
Getting Started Adobe Edge Code CC & Brackets
 
LO3 - Lesson 20 - Template
LO3 - Lesson 20 - TemplateLO3 - Lesson 20 - Template
LO3 - Lesson 20 - Template
 
AngularJS Curriculum-Zeolearn
AngularJS Curriculum-ZeolearnAngularJS Curriculum-Zeolearn
AngularJS Curriculum-Zeolearn
 
Intro to Node.js
Intro to Node.jsIntro to Node.js
Intro to Node.js
 
Arunan Skanthan - Roll Your own Style Guide
Arunan Skanthan - Roll Your own Style GuideArunan Skanthan - Roll Your own Style Guide
Arunan Skanthan - Roll Your own Style Guide
 
Internet Marketing Institute in Delhi
Internet Marketing Institute in DelhiInternet Marketing Institute in Delhi
Internet Marketing Institute in Delhi
 
Microsoft, Web Standards and OSS
Microsoft, Web Standards and OSSMicrosoft, Web Standards and OSS
Microsoft, Web Standards and OSS
 
How to manage a big scale HTML/CSS project
How to manage a big scale HTML/CSS projectHow to manage a big scale HTML/CSS project
How to manage a big scale HTML/CSS project
 
Training presentation.pptx
Training presentation.pptxTraining presentation.pptx
Training presentation.pptx
 
Web programming css
Web programming cssWeb programming css
Web programming css
 

More from EhsanMalik17

S 2 question paper
S 2 question paperS 2 question paper
S 2 question paper
EhsanMalik17
 
Removed english book iii for part 1 (ratta.pk)
Removed english book iii for part 1 (ratta.pk)Removed english book iii for part 1 (ratta.pk)
Removed english book iii for part 1 (ratta.pk)
EhsanMalik17
 
Mobile app development
Mobile app developmentMobile app development
Mobile app development
EhsanMalik17
 
Intro to psychology
Intro to psychologyIntro to psychology
Intro to psychology
EhsanMalik17
 
Intro to digital marketing
Intro to digital marketingIntro to digital marketing
Intro to digital marketing
EhsanMalik17
 
Intro to digital marketing (1)
Intro to digital marketing (1)Intro to digital marketing (1)
Intro to digital marketing (1)
EhsanMalik17
 
Fundamental of data analytics
Fundamental of data analyticsFundamental of data analytics
Fundamental of data analytics
EhsanMalik17
 
Evaluation assignment 03 fall 2020 solution
Evaluation assignment 03 fall 2020 solutionEvaluation assignment 03 fall 2020 solution
Evaluation assignment 03 fall 2020 solution
EhsanMalik17
 
Electronic sp17 bph-030 -min
Electronic sp17 bph-030 -minElectronic sp17 bph-030 -min
Electronic sp17 bph-030 -min
EhsanMalik17
 
Electronic sp17 bph-030
Electronic sp17 bph-030 Electronic sp17 bph-030
Electronic sp17 bph-030
EhsanMalik17
 
Course outline (stock market for beginners) (1)
Course outline (stock market for beginners) (1)Course outline (stock market for beginners) (1)
Course outline (stock market for beginners) (1)
EhsanMalik17
 
Terminal examination emf ii
Terminal examination emf iiTerminal examination emf ii
Terminal examination emf ii
EhsanMalik17
 
Travelling mt app 1.4 (2) 20b7e9e5 e11d-4027-8cbc-dd1586aab8b9
Travelling mt app 1.4 (2) 20b7e9e5 e11d-4027-8cbc-dd1586aab8b9Travelling mt app 1.4 (2) 20b7e9e5 e11d-4027-8cbc-dd1586aab8b9
Travelling mt app 1.4 (2) 20b7e9e5 e11d-4027-8cbc-dd1586aab8b9
EhsanMalik17
 
Y6 mid term (1)
Y6 mid term (1)Y6 mid term (1)
Y6 mid term (1)
EhsanMalik17
 

More from EhsanMalik17 (20)

S 2 question paper
S 2 question paperS 2 question paper
S 2 question paper
 
S 1 group a
S 1 group aS 1 group a
S 1 group a
 
Removed english book iii for part 1 (ratta.pk)
Removed english book iii for part 1 (ratta.pk)Removed english book iii for part 1 (ratta.pk)
Removed english book iii for part 1 (ratta.pk)
 
Notes pde pt3
Notes pde pt3Notes pde pt3
Notes pde pt3
 
Mobile app development
Mobile app developmentMobile app development
Mobile app development
 
Intro to psychology
Intro to psychologyIntro to psychology
Intro to psychology
 
Intro to digital marketing
Intro to digital marketingIntro to digital marketing
Intro to digital marketing
 
Intro to digital marketing (1)
Intro to digital marketing (1)Intro to digital marketing (1)
Intro to digital marketing (1)
 
Fundamental of data analytics
Fundamental of data analyticsFundamental of data analytics
Fundamental of data analytics
 
Exam s2
Exam s2Exam s2
Exam s2
 
Evaluation assignment 03 fall 2020 solution
Evaluation assignment 03 fall 2020 solutionEvaluation assignment 03 fall 2020 solution
Evaluation assignment 03 fall 2020 solution
 
English book-1
English book-1English book-1
English book-1
 
Electronic sp17 bph-030 -min
Electronic sp17 bph-030 -minElectronic sp17 bph-030 -min
Electronic sp17 bph-030 -min
 
Electronic sp17 bph-030
Electronic sp17 bph-030 Electronic sp17 bph-030
Electronic sp17 bph-030
 
Course outline (stock market for beginners) (1)
Course outline (stock market for beginners) (1)Course outline (stock market for beginners) (1)
Course outline (stock market for beginners) (1)
 
Sep 2021
Sep 2021Sep 2021
Sep 2021
 
Terminal examination emf ii
Terminal examination emf iiTerminal examination emf ii
Terminal examination emf ii
 
Travelling mt app 1.4 (2) 20b7e9e5 e11d-4027-8cbc-dd1586aab8b9
Travelling mt app 1.4 (2) 20b7e9e5 e11d-4027-8cbc-dd1586aab8b9Travelling mt app 1.4 (2) 20b7e9e5 e11d-4027-8cbc-dd1586aab8b9
Travelling mt app 1.4 (2) 20b7e9e5 e11d-4027-8cbc-dd1586aab8b9
 
Y6 mid term (1)
Y6 mid term (1)Y6 mid term (1)
Y6 mid term (1)
 
Y6 mid term
Y6 mid termY6 mid term
Y6 mid term
 

Recently uploaded

A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
Peter Windle
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Thiyagu K
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
Balvir Singh
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
Jisc
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
camakaiclarkmusic
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
Atul Kumar Singh
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
Celine George
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
Tamralipta Mahavidyalaya
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
beazzy04
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
Nguyen Thanh Tu Collection
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
siemaillard
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
SACHIN R KONDAGURI
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
Ashokrao Mane college of Pharmacy Peth-Vadgaon
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
Thiyagu K
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
vaibhavrinwa19
 
Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
EduSkills OECD
 
678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf
CarlosHernanMontoyab2
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
Anna Sz.
 
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
EugeneSaldivar
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
Pavel ( NSTU)
 

Recently uploaded (20)

A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
 
Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
 
678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
 
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
 

Front end

  • 1. Course Outline: • Introduction of Website o Introduction of Web development (first code) o Difference between web designing and web development o Website structure and hosting o Naming a website/concept of domain name o Website/domain name registration o How to code using MVC o Web development tools • Installation of Adobe Dreamweaver • HTML o Introduction o Use of tags o Setting up a template o Creating links o Working with images o Working with tables o Working with comments o Working with lists o Working with block o Creating classes o Building forms • CSS o Introduction and syntax o Ways to insert CSS o Setting colors with CSS o Controlling page layout
  • 2. o Common CSS properties o Enhancing a Web page with CSS • Basics of JavaScript • Wordpress o Installation of wamp server o Installation of wordpress o Working on wordpress through built-in templates and plugins o Dynamic site-building on wordpress