SlideShare a Scribd company logo

BUILD YOUR OWN WEBSITE

•
•
Iskender Piyale-Sheard
Iskender Piyale-Sheard
1 of 7
Download to read offline
BUILD YOUR OWN WEBSITE For Absolute Beginners (Tech-Obsessed.com)
Host: Iskender Piyale-Sheard Tech-enthusiast, self-learner, blogger, aspiring full-stack web developer
Requirements 1. Google Chrome Web Browser 2. Sublime Text 2 - Text Editor 3. Project Files 4. Free account at Bitballoon.com
What this webinar is: • Learn the basics of building a website • Start HTML5 Bootstrap Template (www.startbootstrap.com) • Website will be responsive (compatible on all devices) • Customize the template with images/text/icons etc • Get your website online for free!
What this webinar isn't • Not a full HTML/CSS tutorial • Not learning how to build from scratch
What is HTML? • Hypertext Markup Langauge • Browsers read HTML documents • Display text, images, links, etc.
What is CSS? • Cascading Style Sheets • Tells the browser HOW to display content • "Style" = colour, shape, sizes, layout etc. • Cascading? Means that the build on each other • The last rule always wins

Recommended

WooCommerce: Customization FAQ
WooCommerce: Customization FAQWooCommerce: Customization FAQ
WooCommerce: Customization FAQRodolfo Melogli
 
GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1Brian Hu
 
Front-End Tooling
Front-End ToolingFront-End Tooling
Front-End ToolingHoussem Yahiaoui
 
Dreamweaver and Me
Dreamweaver and MeDreamweaver and Me
Dreamweaver and Meelectricgeisha
 
How to creat a wepsite on wordpress .
How to creat a wepsite on wordpress .How to creat a wepsite on wordpress .
How to creat a wepsite on wordpress .FarhanAli18161
 
Style Your Site Part 2
Style Your Site Part 2Style Your Site Part 2
Style Your Site Part 2Ben MacNeill
 
THE WORDPRESS DASHBOARD DEMYSTIFIED
THE WORDPRESS DASHBOARD DEMYSTIFIEDTHE WORDPRESS DASHBOARD DEMYSTIFIED
THE WORDPRESS DASHBOARD DEMYSTIFIEDBobWP.com
 
Designing in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, DrupaldelphiaDesigning in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, Drupaldelphiacanarymason
 

Recommended

WooCommerce: Customization FAQ
WooCommerce: Customization FAQWooCommerce: Customization FAQ
WooCommerce: Customization FAQRodolfo Melogli
 
GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1Brian Hu
 
Front-End Tooling
Front-End ToolingFront-End Tooling
Front-End ToolingHoussem Yahiaoui
 
Dreamweaver and Me
Dreamweaver and MeDreamweaver and Me
Dreamweaver and Meelectricgeisha
 
How to creat a wepsite on wordpress .
How to creat a wepsite on wordpress .How to creat a wepsite on wordpress .
How to creat a wepsite on wordpress .FarhanAli18161
 
Style Your Site Part 2
Style Your Site Part 2Style Your Site Part 2
Style Your Site Part 2Ben MacNeill
 
THE WORDPRESS DASHBOARD DEMYSTIFIED
THE WORDPRESS DASHBOARD DEMYSTIFIEDTHE WORDPRESS DASHBOARD DEMYSTIFIED
THE WORDPRESS DASHBOARD DEMYSTIFIEDBobWP.com
 
Designing in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, DrupaldelphiaDesigning in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, Drupaldelphiacanarymason
 
Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Matthew Mobbs
 
Fundamentals of HTML5
Fundamentals of HTML5Fundamentals of HTML5
Fundamentals of HTML5St. Petersburg College
 
Web Design Workshop
Web Design WorkshopWeb Design Workshop
Web Design WorkshopSuseZ
 
Fecrash10:3:17 sd
Fecrash10:3:17 sdFecrash10:3:17 sd
Fecrash10:3:17 sdThinkful
 
Cida practicals-01b
Cida practicals-01bCida practicals-01b
Cida practicals-01bIanBradbury7
 
Markdown vs. WYSIWYG - Stop using the web like a word document
Markdown vs. WYSIWYG - Stop using the web like a word document Markdown vs. WYSIWYG - Stop using the web like a word document
Markdown vs. WYSIWYG - Stop using the web like a word document Zensations GmbH
 
Progressive Enhancement
Progressive EnhancementProgressive Enhancement
Progressive EnhancementBruce Morrison
 
Need for Speed - Gear Up Your WordPress
Need for Speed - Gear Up Your WordPressNeed for Speed - Gear Up Your WordPress
Need for Speed - Gear Up Your WordPressSiteGround.com
 
Dear Designers Love Developers
Dear Designers Love DevelopersDear Designers Love Developers
Dear Designers Love Developersjskulski
 
Rapid Prototyping With J Query
Rapid Prototyping With J QueryRapid Prototyping With J Query
Rapid Prototyping With J QueryBootstrap
 
UTEP AITP Presentation - 10/17/2012
UTEP AITP Presentation - 10/17/2012UTEP AITP Presentation - 10/17/2012
UTEP AITP Presentation - 10/17/2012impulsedev
 
Teams, styles and scalable applications
Teams, styles and scalable applicationsTeams, styles and scalable applications
Teams, styles and scalable applicationsVittorio Vittori
 
How to build your own pc.ppt18
How to build your own pc.ppt18How to build your own pc.ppt18
How to build your own pc.ppt18sunmingyue
 
Going native with html5 web components
Going native with html5 web componentsGoing native with html5 web components
Going native with html5 web componentsJames York
 
Web development
Web developmentWeb development
Web developmentAKARWA
 
Building your first WordPress plugin
Building your first WordPress pluginBuilding your first WordPress plugin
Building your first WordPress pluginJustin Foell
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450Justin Ezor
 
Social Media, Academics, & You: How to Use Evernote and Dropbox Like a Boss
Social Media, Academics, & You: How to Use Evernote and Dropbox Like a BossSocial Media, Academics, & You: How to Use Evernote and Dropbox Like a Boss
Social Media, Academics, & You: How to Use Evernote and Dropbox Like a BossIdris Clay
 
How to write an application and not roll down to 1 fps
How to write an application and not roll down to 1 fpsHow to write an application and not roll down to 1 fps
How to write an application and not roll down to 1 fpsIntexSoft
 
Conclusion Of The Course
Conclusion Of The CourseConclusion Of The Course
Conclusion Of The CourseReema
 
RED Online Marketing - Een andere kijk op reizen
RED Online Marketing - Een andere kijk op reizenRED Online Marketing - Een andere kijk op reizen
RED Online Marketing - Een andere kijk op reizenRoy Platje
 
Ik weet zeker dat...
Ik weet zeker dat...Ik weet zeker dat...
Ik weet zeker dat...Sam van Buuren
 

More Related Content

What's hot

Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Matthew Mobbs
 
Web Design Workshop
Web Design WorkshopWeb Design Workshop
Web Design WorkshopSuseZ
 
Fecrash10:3:17 sd
Fecrash10:3:17 sdFecrash10:3:17 sd
Fecrash10:3:17 sdThinkful
 
Cida practicals-01b
Cida practicals-01bCida practicals-01b
Cida practicals-01bIanBradbury7
 
Markdown vs. WYSIWYG - Stop using the web like a word document
Markdown vs. WYSIWYG - Stop using the web like a word document Markdown vs. WYSIWYG - Stop using the web like a word document
Markdown vs. WYSIWYG - Stop using the web like a word document Zensations GmbH
 
Progressive Enhancement
Progressive EnhancementProgressive Enhancement
Progressive EnhancementBruce Morrison
 
Need for Speed - Gear Up Your WordPress
Need for Speed - Gear Up Your WordPressNeed for Speed - Gear Up Your WordPress
Need for Speed - Gear Up Your WordPressSiteGround.com
 
Dear Designers Love Developers
Dear Designers Love DevelopersDear Designers Love Developers
Dear Designers Love Developersjskulski
 
Rapid Prototyping With J Query
Rapid Prototyping With J QueryRapid Prototyping With J Query
Rapid Prototyping With J QueryBootstrap
 
UTEP AITP Presentation - 10/17/2012
UTEP AITP Presentation - 10/17/2012UTEP AITP Presentation - 10/17/2012
UTEP AITP Presentation - 10/17/2012impulsedev
 
Teams, styles and scalable applications
Teams, styles and scalable applicationsTeams, styles and scalable applications
Teams, styles and scalable applicationsVittorio Vittori
 
How to build your own pc.ppt18
How to build your own pc.ppt18How to build your own pc.ppt18
How to build your own pc.ppt18sunmingyue
 
Going native with html5 web components
Going native with html5 web componentsGoing native with html5 web components
Going native with html5 web componentsJames York
 
Web development
Web developmentWeb development
Web developmentAKARWA
 
Building your first WordPress plugin
Building your first WordPress pluginBuilding your first WordPress plugin
Building your first WordPress pluginJustin Foell
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450Justin Ezor
 
Social Media, Academics, & You: How to Use Evernote and Dropbox Like a Boss
Social Media, Academics, & You: How to Use Evernote and Dropbox Like a BossSocial Media, Academics, & You: How to Use Evernote and Dropbox Like a Boss
Social Media, Academics, & You: How to Use Evernote and Dropbox Like a BossIdris Clay
 
How to write an application and not roll down to 1 fps
How to write an application and not roll down to 1 fpsHow to write an application and not roll down to 1 fps
How to write an application and not roll down to 1 fpsIntexSoft
 
Conclusion Of The Course
Conclusion Of The CourseConclusion Of The Course
Conclusion Of The CourseReema
 

What's hot (20)

Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010
 
Fundamentals of HTML5
Fundamentals of HTML5Fundamentals of HTML5
Fundamentals of HTML5
 
Web Design Workshop
Web Design WorkshopWeb Design Workshop
Web Design Workshop
 
Fecrash10:3:17 sd
Fecrash10:3:17 sdFecrash10:3:17 sd
Fecrash10:3:17 sd
 
Cida practicals-01b
Cida practicals-01bCida practicals-01b
Cida practicals-01b
 
Markdown vs. WYSIWYG - Stop using the web like a word document
Markdown vs. WYSIWYG - Stop using the web like a word document Markdown vs. WYSIWYG - Stop using the web like a word document
Markdown vs. WYSIWYG - Stop using the web like a word document
 
Progressive Enhancement
Progressive EnhancementProgressive Enhancement
Progressive Enhancement
 
Need for Speed - Gear Up Your WordPress
Need for Speed - Gear Up Your WordPressNeed for Speed - Gear Up Your WordPress
Need for Speed - Gear Up Your WordPress
 
Dear Designers Love Developers
Dear Designers Love DevelopersDear Designers Love Developers
Dear Designers Love Developers
 
Rapid Prototyping With J Query
Rapid Prototyping With J QueryRapid Prototyping With J Query
Rapid Prototyping With J Query
 
UTEP AITP Presentation - 10/17/2012
UTEP AITP Presentation - 10/17/2012UTEP AITP Presentation - 10/17/2012
UTEP AITP Presentation - 10/17/2012
 
Teams, styles and scalable applications
Teams, styles and scalable applicationsTeams, styles and scalable applications
Teams, styles and scalable applications
 
How to build your own pc.ppt18
How to build your own pc.ppt18How to build your own pc.ppt18
How to build your own pc.ppt18
 
Going native with html5 web components
Going native with html5 web componentsGoing native with html5 web components
Going native with html5 web components
 
Web development
Web developmentWeb development
Web development
 
Building your first WordPress plugin
Building your first WordPress pluginBuilding your first WordPress plugin
Building your first WordPress plugin
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450
 
Social Media, Academics, & You: How to Use Evernote and Dropbox Like a Boss
Social Media, Academics, & You: How to Use Evernote and Dropbox Like a BossSocial Media, Academics, & You: How to Use Evernote and Dropbox Like a Boss
Social Media, Academics, & You: How to Use Evernote and Dropbox Like a Boss
 
How to write an application and not roll down to 1 fps
How to write an application and not roll down to 1 fpsHow to write an application and not roll down to 1 fps
How to write an application and not roll down to 1 fps
 
Conclusion Of The Course
Conclusion Of The CourseConclusion Of The Course
Conclusion Of The Course
 

Viewers also liked

RED Online Marketing - Een andere kijk op reizen
RED Online Marketing - Een andere kijk op reizenRED Online Marketing - Een andere kijk op reizen
RED Online Marketing - Een andere kijk op reizenRoy Platje
 
Social Media voor journalisten
Social Media voor journalistenSocial Media voor journalisten
Social Media voor journalistenJeroen Mirck
 
Een Geste aan het Rijnlands Congres
Een Geste aan het Rijnlands CongresEen Geste aan het Rijnlands Congres
Een Geste aan het Rijnlands CongresMarlies Bosker
 
SugarCRM Presents the New Rules of Social CRM
SugarCRM Presents the New Rules of Social CRMSugarCRM Presents the New Rules of Social CRM
SugarCRM Presents the New Rules of Social CRMClint Oram
 
Politie groningen gaat rijnlands
Politie groningen gaat rijnlandsPolitie groningen gaat rijnlands
Politie groningen gaat rijnlandsErik van Zuidam
 
Hetrijnlandsmodelv6 100322170622-phpapp01
Hetrijnlandsmodelv6 100322170622-phpapp01Hetrijnlandsmodelv6 100322170622-phpapp01
Hetrijnlandsmodelv6 100322170622-phpapp01Erik van Zuidam
 
Het Rijnlands Model
Het Rijnlands ModelHet Rijnlands Model
Het Rijnlands Modelguest0d9398
 

Viewers also liked (8)

RED Online Marketing - Een andere kijk op reizen
RED Online Marketing - Een andere kijk op reizenRED Online Marketing - Een andere kijk op reizen
RED Online Marketing - Een andere kijk op reizen
 
Ik weet zeker dat...
Ik weet zeker dat...Ik weet zeker dat...
Ik weet zeker dat...
 
Social Media voor journalisten
Social Media voor journalistenSocial Media voor journalisten
Social Media voor journalisten
 
Een Geste aan het Rijnlands Congres
Een Geste aan het Rijnlands CongresEen Geste aan het Rijnlands Congres
Een Geste aan het Rijnlands Congres
 
SugarCRM Presents the New Rules of Social CRM
SugarCRM Presents the New Rules of Social CRMSugarCRM Presents the New Rules of Social CRM
SugarCRM Presents the New Rules of Social CRM
 
Politie groningen gaat rijnlands
Politie groningen gaat rijnlandsPolitie groningen gaat rijnlands
Politie groningen gaat rijnlands
 
Hetrijnlandsmodelv6 100322170622-phpapp01
Hetrijnlandsmodelv6 100322170622-phpapp01Hetrijnlandsmodelv6 100322170622-phpapp01
Hetrijnlandsmodelv6 100322170622-phpapp01
 
Het Rijnlands Model
Het Rijnlands ModelHet Rijnlands Model
Het Rijnlands Model
 

Similar to BUILD YOUR OWN WEBSITE

The Technique of Solving Html Assignment Questions
The Technique of Solving Html Assignment QuestionsThe Technique of Solving Html Assignment Questions
The Technique of Solving Html Assignment QuestionsLesa Cote
 
Training presentation.pptx
Training presentation.pptxTraining presentation.pptx
Training presentation.pptxNishchaiyaBayla1
 
How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018Noor Muhammad Khan
 
Lecture7 web design and development
Lecture7 web design and developmentLecture7 web design and development
Lecture7 web design and developmentRafi Haidari
 
How to make a great website
How to make a great websiteHow to make a great website
How to make a great websiteDr. Taher Ghazal
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash CourseMrAbbas
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash CourseMrAbas
 
0 uprise u_coding major overview 20210105
0 uprise u_coding major overview 202101050 uprise u_coding major overview 20210105
0 uprise u_coding major overview 20210105John Picasso
 
Introduction to Web Design for Literary Theorists I: Introduction to HTML (v....
Introduction to Web Design for Literary Theorists I: Introduction to HTML (v....Introduction to Web Design for Literary Theorists I: Introduction to HTML (v....
Introduction to Web Design for Literary Theorists I: Introduction to HTML (v....Patrick Mooney
 
Web Design for Literary Theorists I: Introduction to HTML
Web Design for Literary Theorists I: Introduction to HTMLWeb Design for Literary Theorists I: Introduction to HTML
Web Design for Literary Theorists I: Introduction to HTMLPatrick Mooney
 
Web Design 101
Web Design 101Web Design 101
Web Design 101T.S. Lim
 
Pearls and Must-Have Tools for the Modern Web / .NET Developer
Pearls and Must-Have Tools for the Modern Web / .NET DeveloperPearls and Must-Have Tools for the Modern Web / .NET Developer
Pearls and Must-Have Tools for the Modern Web / .NET DeveloperOfer Zelig
 
Web Service Creation in HTML5
Web Service Creation in HTML5Web Service Creation in HTML5
Web Service Creation in HTML5Tero A. Laiho
 
Introduction to web sites design
Introduction to web sites designIntroduction to web sites design
Introduction to web sites designMarwa Abdelgawad
 
Stop Coding; Start Assembling Your Websites
Stop Coding; Start Assembling Your WebsitesStop Coding; Start Assembling Your Websites
Stop Coding; Start Assembling Your WebsitesAmit Kumar Singh
 

Similar to BUILD YOUR OWN WEBSITE (20)

INTRODUCTIONS OF HTML
INTRODUCTIONS OF HTMLINTRODUCTIONS OF HTML
INTRODUCTIONS OF HTML
 
Activity 5
Activity 5Activity 5
Activity 5
 
The Technique of Solving Html Assignment Questions
The Technique of Solving Html Assignment QuestionsThe Technique of Solving Html Assignment Questions
The Technique of Solving Html Assignment Questions
 
Training presentation.pptx
Training presentation.pptxTraining presentation.pptx
Training presentation.pptx
 
Portfolio
PortfolioPortfolio
Portfolio
 
How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018
 
Lecture7 web design and development
Lecture7 web design and developmentLecture7 web design and development
Lecture7 web design and development
 
How to make a great website
How to make a great websiteHow to make a great website
How to make a great website
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash Course
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash Course
 
0 uprise u_coding major overview 20210105
0 uprise u_coding major overview 202101050 uprise u_coding major overview 20210105
0 uprise u_coding major overview 20210105
 
Introduction to Web Design for Literary Theorists I: Introduction to HTML (v....
Introduction to Web Design for Literary Theorists I: Introduction to HTML (v....Introduction to Web Design for Literary Theorists I: Introduction to HTML (v....
Introduction to Web Design for Literary Theorists I: Introduction to HTML (v....
 
Web Design for Literary Theorists I: Introduction to HTML
Web Design for Literary Theorists I: Introduction to HTMLWeb Design for Literary Theorists I: Introduction to HTML
Web Design for Literary Theorists I: Introduction to HTML
 
Web Design 101
Web Design 101Web Design 101
Web Design 101
 
Pearls and Must-Have Tools for the Modern Web / .NET Developer
Pearls and Must-Have Tools for the Modern Web / .NET DeveloperPearls and Must-Have Tools for the Modern Web / .NET Developer
Pearls and Must-Have Tools for the Modern Web / .NET Developer
 
Web Service Creation in HTML5
Web Service Creation in HTML5Web Service Creation in HTML5
Web Service Creation in HTML5
 
Lecture 9 Professional Practices
Lecture 9 Professional PracticesLecture 9 Professional Practices
Lecture 9 Professional Practices
 
Web dev#1
Web dev#1Web dev#1
Web dev#1
 
Introduction to web sites design
Introduction to web sites designIntroduction to web sites design
Introduction to web sites design
 
Stop Coding; Start Assembling Your Websites
Stop Coding; Start Assembling Your WebsitesStop Coding; Start Assembling Your Websites
Stop Coding; Start Assembling Your Websites
 

BUILD YOUR OWN WEBSITE

  • 1. BUILD YOUR OWN WEBSITE For Absolute Beginners (Tech-Obsessed.com)
  • 2. Host: Iskender Piyale-Sheard Tech-enthusiast, self-learner, blogger, aspiring full-stack web developer
  • 3. Requirements 1. Google Chrome Web Browser 2. Sublime Text 2 - Text Editor 3. Project Files 4. Free account at Bitballoon.com
  • 4. What this webinar is: • Learn the basics of building a website • Start HTML5 Bootstrap Template (www.startbootstrap.com) • Website will be responsive (compatible on all devices) • Customize the template with images/text/icons etc • Get your website online for free!
  • 5. What this webinar isn't • Not a full HTML/CSS tutorial • Not learning how to build from scratch
  • 6. What is HTML? • Hypertext Markup Langauge • Browsers read HTML documents • Display text, images, links, etc.
  • 7. What is CSS? • Cascading Style Sheets • Tells the browser HOW to display content • "Style" = colour, shape, sizes, layout etc. • Cascading? Means that the build on each other • The last rule always wins