Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web...
Transcript of Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web...
![Page 1: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/1.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Diploma in Web Development – Part I
Presented by:
Oisin FeelyMAD Educator
Lesson 8
Inbound Marketing & SEO
![Page 2: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/2.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Lesson 7 Recap
Generating Revenue
Choosing a Revenue Model
Ad-Supported Websites
Payment Portals & Security
Summary
Q&A
![Page 3: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/3.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Inbound Marketing & SEO
Generating an Organic User Flow
Semantic HTML & SEO
Data Analysis & Google AdWords
Summary
Q&A
Today’s Lesson
![Page 4: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/4.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Let’s Begin!
![Page 5: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/5.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Generating an Organic User Flow
What is an Organic User Flow?
A natural flow of visitors through your website
![Page 6: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/6.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Generating an Organic User Flow
How to Generate an Organic User Flow?
SEO Optimization
Keywords
Semantic HTML
![Page 7: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/7.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Generating an Organic User Flow
Other Options for User Flow
-Blogs
-Social media
-Affiliate Programs
-Marketing
-Ads
-Pay for users
Organic/Free Non-Organic/Paid
![Page 8: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/8.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Semantic HTML & SEO
What is SEO?Search Engine Optimization is the process of maximizing the number of vistors to a website by ensuring the website appears high on a search
engine result list
How is done? This is done through:
Keywords Semantic HTML
![Page 9: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/9.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Semantic HTML & SEO
KeywordsA keyword is a term used to match with the query a person enters into a
search engine
Keywords generally appear as search phrases that are 2-5 words long
Include keywords that users would use to search your website in your website
![Page 10: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/10.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Semantic HTML & SEO
Semantic HTML
Semantics is the branch of linguistics and logic concerned with meaning
![Page 11: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/11.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Semantic HTML & SEO
Semantic HTMLIs the use of HTML mark-up to reinforce the meaningof the information in webpages and web applications rather than merely to define its presentation or look
![Page 12: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/12.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Semantic HTML & SEOSemantic HTML
Allows user agents to understand the purpose of content Website Crawlers
Has actually been used since inception of HTML Title element
Emphasis element
![Page 13: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/13.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Semantic HTML & SEOSemantic HTML
HTML5:
Introduced many new and useful semantic tags
Use instead of div element where applicable
Semantic tags should clearly define the content they contain
In other words should give meaning to the content
![Page 14: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/14.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
HTML: A Container for ContentCommon Semantic HTML5 Tags
![Page 15: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/15.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Semantic HTML & SEO
Header
Nav
Section
Aside
Article
Footer
Semantic Tags:
Only use where they give meaning to the content
Use where meaning is needed for the content
Semantics is for giving meaning
![Page 16: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/16.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Semantic HTML & SEO
<div id=“header>
<div id=“nav”>
<div id=“section”><div id= “aside”>
<div id=“article”>
<div id=“footer”>
Before Semantic Tags
People used divs and ids
These ids had no meaning, could be arbitrary and were only used as identifiers for styling purposes
![Page 17: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/17.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Semantic HTML & SEOSemantic HTML
HTML5:
H1-H6
<abbr>
<b>
<em>
<q>
https://developer.mozilla.org/en/docs/Web/HTML/Element
![Page 18: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/18.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Data Analysis & Google AdWords
Data AnalysisData Analysis is the process of systematically applying
statistical and/or logical techniques to describe and illustrate, condense and recap, and evaluate data.
![Page 19: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/19.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Data Analysis & Google AdWords
Why is Data Analysis Important?Know what content is working
Understand where your customers come from
You can track their behaviour on your site
You can track number of conversions
See the number of sales
Make changes to:
Your revenue model
Your website
Your content
Based on this information
![Page 20: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/20.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Data Analysis & Google AdWords
Google AdWords
![Page 21: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/21.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Data Analysis & Google AdWords
Google AdWords
Advertising service offered by Google to businesses wanting to display ads on Google
![Page 22: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/22.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Customise your data
Conversion tracking
Top performers
Search term
report
Data Analysis & Google AdWords
Google AdWords
Why should we use Adwords?
-Search Term Reports
-Conversion Tracking
-Top Performers
-Customize your Data
![Page 23: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/23.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Data Analysis & Google AdWords
Google Analytics
Googles Tool
-HeatMaps
-Demographics
-Understand your Users
![Page 24: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/24.jpg)
INTRODUCTION TO WEB DEVELOPMENTJulian QuirkeWeb Development Educator
Data Analysis & Google AdWords
Rewards of Data AnalysisReal-time understanding of your websites performance.
An honest understanding of the costs and benefits of your marketing
The ability to optimise campaigns before they begin or while they are ongoing.
Allows your website and marketing efforts to reach their full potential.
Allow you to shape your social media posting times, content
Make informed decisions.
![Page 25: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/25.jpg)
Congratulations!
You have successfully startedyour journey as a Web Developer!
![Page 26: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/26.jpg)
26
UPSKILLINGEDUCATION SUPPORT APPLICATION
You can be a SUCCESSBuild Successful Websites from Start to Finish
![Page 27: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/27.jpg)
1 2 2 3 0 9
STARTS IN:
DAYS HOURS MINS
NOWRESERVE YOUR PLACE
UPGRADE & UPSKILL
TypeINFO
Adv. Web Development
![Page 28: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/28.jpg)
Back-end
Semester
Databases
Semester
Front-End
Semester
YOU STARTHERE
TypeINFO
When will you start?Type: Feb Mar Apr May Jun
TypeINFO
Adv. Web Development
![Page 29: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/29.jpg)
BootstrapFundamentals
Ajax and Event Handling
Be a Successful Web Developer
JqueryFramework
Embark on a New Career in Web Development
Build Secure Websites
Adv. Web Development
TypeINFO
![Page 30: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/30.jpg)
Get Excited!!TroubleshootingCareer Advice
Website/Portfolio Reviews
One to One Support
Technical Advice
Ideas
Get the most from your Membership
![Page 31: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/31.jpg)
B Square presentation to Design tuts
Welcome to all of our New Premium Plus Members!!!
Build Successful Websites from Start to Finish
CONTINUE YOUR JOURNEY
![Page 32: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/32.jpg)
Thank You
![Page 33: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/33.jpg)
Get Your DiplomaComplete Your Course
Final Assignment Now Available in your Members Area
Final Assignment = 100 Questions
Pass = 50%
Merit = 70%
Distinction = 85%
E-Diploma - €39.95 OR FREE with Premium Plus
Hard Copy - €49.95 OR €19.95 with Premium Plus
TypeINFO
![Page 34: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/34.jpg)
Normal Price €39.95 Each
EDUCATION IS FREEDOM
Claim your FREE
Diploma and Course Tool Kit
by upgrading to Premium Plus
TypeINFO
![Page 35: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/35.jpg)
€39.95 chargedevery month
€101.85 chargedevery 3 months
€179.70 chargedevery 6 months
€299.40 chargedevery 12 months
1 Month 3 Months 6 Months 12 Months
Best PriceMost Popular
UPGRADE NOW UPGRADE NOW UPGRADE NOW UPGRADE NOW
39 .95/Month
€ 33 .95/Month
€ 29 .95/Month
€ 24 .95/Month
€
Up to 50% OFF PREMIUM PLUS MEMBERSHIP
Your 30 Day Trial Ends on February 7th
UPGRADE & UPSKILL NOW
WAS €49.95Type: INFO
![Page 36: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/36.jpg)
PREMIUM PLUS MEMBERSHIP
PREMIUM PLUS DAYS
EXTRA
BENEFITS OF UPGRADING TODAY
Extra days for early upgrades
Free eDiplomas Free ToolkitsPremium Plus SupportReserved Adv. Course
![Page 37: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/37.jpg)
PREMIUM PLUS MEMBERSHIPUPGRADE & UPSKILL
PREMIUM PLUS SUPPORT
ACCESS TO ALL COURSES
RESERVED ADV. COURSE
CANCEL ANYTIME
FREE TOOL KITS
FREE E-DIPLOMAS
![Page 38: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/38.jpg)
For More Information:
Type INFO
Offer Ends on Tuesday, February 7th
UPGRADE & UPSKILL
![Page 39: Diploma in Web Development Part I - Amazon S3 · Julian Quirke INTRODUCTION TO WEB DEVELOPMENT Web Development Educator Diploma in Web Development –Part I Presented by: Oisin Feely](https://reader031.fdocuments.us/reader031/viewer/2022020414/5bb83f6709d3f21e6a8c5944/html5/thumbnails/39.jpg)
UPGRADE & UPSKILL
PREMIUM PLUS MEMBERSHIP
€39.95 chargedevery month
€101.85 chargedevery 3 months
€179.70 chargedevery 6 months
€299.40 chargedevery 12 months
1 Month 3 Months 6 Months 12 Months
Best PriceMost Popular
UPGRADE NOW UPGRADE NOW UPGRADE NOW UPGRADE NOW
39 .95/Month
€ 33 .95/Month
€ 29 .95/Month
€ 24 .95/Month
€
UPGRADE NOW FOR 7 EXTRA PREMIUM PLUS DAYS
TypeINFO