SlideShare una empresa de Scribd logo

BUILD YOUR OWN WEBSITE

•
•
Iskender Piyale-Sheard
Iskender Piyale-Sheard
1 de 7
Descargar para leer sin conexión
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

Recomendados

WooCommerce: Customization FAQ
WooCommerce: Customization FAQWooCommerce: Customization FAQ
WooCommerce: Customization FAQ
Rodolfo Melogli
 
GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1
Brian Hu
 
Front-End Tooling
Front-End ToolingFront-End Tooling
Front-End Tooling
Houssem Yahiaoui
 
Dreamweaver and Me
Dreamweaver and MeDreamweaver and Me
Dreamweaver and Me
electricgeisha
 
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 2
Ben MacNeill
 
THE WORDPRESS DASHBOARD DEMYSTIFIED
THE WORDPRESS DASHBOARD DEMYSTIFIEDTHE WORDPRESS DASHBOARD DEMYSTIFIED
THE WORDPRESS DASHBOARD DEMYSTIFIED
BobWP.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, Drupaldelphia
canarymason
 

Recomendados

WooCommerce: Customization FAQ
WooCommerce: Customization FAQWooCommerce: Customization FAQ
WooCommerce: Customization FAQ
Rodolfo Melogli
 
GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1
Brian Hu
 
Front-End Tooling
Front-End ToolingFront-End Tooling
Front-End Tooling
Houssem Yahiaoui
 
Dreamweaver and Me
Dreamweaver and MeDreamweaver and Me
Dreamweaver and Me
electricgeisha
 
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 2
Ben MacNeill
 
THE WORDPRESS DASHBOARD DEMYSTIFIED
THE WORDPRESS DASHBOARD DEMYSTIFIEDTHE WORDPRESS DASHBOARD DEMYSTIFIED
THE WORDPRESS DASHBOARD DEMYSTIFIED
BobWP.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, Drupaldelphia
canarymason
 
Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010
Matthew Mobbs
 
Fundamentals of HTML5
Fundamentals of HTML5Fundamentals of HTML5
Fundamentals of HTML5
St. Petersburg College
 
Web Design Workshop
Web Design WorkshopWeb Design Workshop
Web Design Workshop
SuseZ
 
Fecrash10:3:17 sd
Fecrash10:3:17 sdFecrash10:3:17 sd
Fecrash10:3:17 sd
Thinkful
 
Cida practicals-01b
Cida practicals-01bCida practicals-01b
Cida practicals-01b
IanBradbury7
 
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 Enhancement
Bruce 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 WordPress
SiteGround.com
 
Dear Designers Love Developers
Dear Designers Love DevelopersDear Designers Love Developers
Dear Designers Love Developers
jskulski
 
Rapid Prototyping With J Query
Rapid Prototyping With J QueryRapid Prototyping With J Query
Rapid Prototyping With J Query
Bootstrap
 
UTEP AITP Presentation - 10/17/2012
UTEP AITP Presentation - 10/17/2012UTEP AITP Presentation - 10/17/2012
UTEP AITP Presentation - 10/17/2012
impulsedev
 
Teams, styles and scalable applications
Teams, styles and scalable applicationsTeams, styles and scalable applications
Teams, styles and scalable applications
Vittorio 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.ppt18
sunmingyue
 
Going native with html5 web components
Going native with html5 web componentsGoing native with html5 web components
Going native with html5 web components
James York
 
Web development
Web developmentWeb development
Web development
AKARWA
 
Building your first WordPress plugin
Building your first WordPress pluginBuilding your first WordPress plugin
Building your first WordPress plugin
Justin 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-450
Justin 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 Boss
Idris 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 fps
IntexSoft
 
Conclusion Of The Course
Conclusion Of The CourseConclusion Of The Course
Conclusion Of The Course
Reema
 
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
Roy Platje
 
Ik weet zeker dat...
Ik weet zeker dat...Ik weet zeker dat...
Ik weet zeker dat...
Sam van Buuren
 

Más contenido relacionado

La actualidad más candente

Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010
Matthew Mobbs
 
Web Design Workshop
Web Design WorkshopWeb Design Workshop
Web Design Workshop
SuseZ
 
Progressive Enhancement
Progressive EnhancementProgressive Enhancement
Progressive Enhancement
Bruce Morrison
 
UTEP AITP Presentation - 10/17/2012
UTEP AITP Presentation - 10/17/2012UTEP AITP Presentation - 10/17/2012
UTEP AITP Presentation - 10/17/2012
impulsedev
 
Going native with html5 web components
Going native with html5 web componentsGoing native with html5 web components
Going native with html5 web components
James York
 
Building your first WordPress plugin
Building your first WordPress pluginBuilding your first WordPress plugin
Building your first WordPress plugin
Justin Foell
 

La actualidad más candente (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
 

Destacado

Politie groningen gaat rijnlands
Politie groningen gaat rijnlandsPolitie groningen gaat rijnlands
Politie groningen gaat rijnlands
Erik van Zuidam
 
Hetrijnlandsmodelv6 100322170622-phpapp01
Hetrijnlandsmodelv6 100322170622-phpapp01Hetrijnlandsmodelv6 100322170622-phpapp01
Hetrijnlandsmodelv6 100322170622-phpapp01
Erik van Zuidam
 

Destacado (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 a BUILD YOUR OWN WEBSITE

Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash Course
MrAbbas
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash Course
MrAbas
 
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
John Picasso
 

Similar a 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