SlideShare a Scribd company logo
1 of 2
Download to read offline
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) - Thisiswalithisiswali
 
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 foundationMelanie 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 BasicsDouglas 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 DelhiJessica 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 BrandingStu King
 
Share point 2013 WCM for Developers
Share point 2013 WCM for DevelopersShare point 2013 WCM for Developers
Share point 2013 WCM for DevelopersSuhas 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-endCETPA 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 & BracketsTeerasej Jiraphatchandej
 
AngularJS Curriculum-Zeolearn
AngularJS Curriculum-ZeolearnAngularJS Curriculum-Zeolearn
AngularJS Curriculum-ZeolearnHamdi Ceylan
 
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 GuideWeb Directions
 
Internet Marketing Institute in Delhi
Internet Marketing Institute in DelhiInternet Marketing Institute in Delhi
Internet Marketing Institute in DelhiJessica 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.pptxNishchaiyaBayla1
 
Web programming css
Web programming cssWeb programming css
Web programming cssUma 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 paperEhsanMalik17
 
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 developmentEhsanMalik17
 
Intro to psychology
Intro to psychologyIntro to psychology
Intro to psychologyEhsanMalik17
 
Intro to digital marketing
Intro to digital marketingIntro to digital marketing
Intro to digital marketingEhsanMalik17
 
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 analyticsEhsanMalik17
 
Evaluation assignment 03 fall 2020 solution
Evaluation assignment 03 fall 2020 solutionEvaluation assignment 03 fall 2020 solution
Evaluation assignment 03 fall 2020 solutionEhsanMalik17
 
Electronic sp17 bph-030 -min
Electronic sp17 bph-030 -minElectronic sp17 bph-030 -min
Electronic sp17 bph-030 -minEhsanMalik17
 
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 iiEhsanMalik17
 
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-dd1586aab8b9EhsanMalik17
 

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

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room servicediscovermytutordmt
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024Janet Corral
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfchloefrazer622
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...christianmathematics
 

Recently uploaded (20)

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room service
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 

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