SlideShare uma empresa Scribd logo
1 de 12
Baixar para ler offline
HTML5 e CSS3
Professor
José de Assis
One page site
one page site
Professor
José de Assis
Tecnologias
• Planejamento
• UX e UI
• Técnicas de SEO
• VSCode
• Git e GitHub
• HTML5
• CSS3
• Registro de domínio
• Hospedagem
one page site
Planejamento
Professor
José de Assis
one page site
Objetivos do site:
• Ensinar HTM5, CSS3 e técnicas de SEO.
• Ensinar passo a passo a desenvolver um
site one page do zero até a hospedagem.
• Promover o canal do YouTube.
Necessidades do visitante (público alvo)
• Aprender HTML5, CSS3 e técnicas de SEO.
• Desenvolver seu próprio site “one page”.
• Ganhar dinheiro desenvolvendo sites one
page para clientes de pequeno ou médio
porte.
Professor
José de Assis
Briefing
one page site
Palavras chaves:
Professor
José de Assis
SEO
HTML5
CSS3
SEO
“one page site”
one page site
Professor
José de Assis
UX / UI
one page site
Wireframe
Professor
José de Assis
one page site
Tipografia
Professor
José de Assis
one page site
Cores
#fff
#000
#a1a1a1
#343538
#e8e8e8
cartão
cartão
menu / rodapé / cartão
fonte fonte
#c00000
menu / botão
Professor
José de Assis
one page site
Imagens Professor
José de Assis
one page site
Estrutura do site
Professor
José de Assis
html5css3
img
/
index.html style.css
one page site
Professor
José de Assis
one page site
Playlist deste curso:
https://www.youtube.com/c/RoboticapraticaBr

Mais conteúdo relacionado

Mais procurados

(Fast) Introduction to HTML & CSS
(Fast) Introduction to HTML & CSS (Fast) Introduction to HTML & CSS
(Fast) Introduction to HTML & CSS Dave Kelly
 
Tailwind CSS - KanpurJS
Tailwind CSS - KanpurJSTailwind CSS - KanpurJS
Tailwind CSS - KanpurJSNaveen Kharwar
 
Tailwind CSS.11.pptx
Tailwind CSS.11.pptxTailwind CSS.11.pptx
Tailwind CSS.11.pptxHarish Verma
 
CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout Rachel Andrew
 
Ajax (Asynchronous JavaScript and XML)
Ajax (Asynchronous JavaScript and XML)Ajax (Asynchronous JavaScript and XML)
Ajax (Asynchronous JavaScript and XML)Abdelouahed Abdou
 
Grails Connecting to MySQL
Grails Connecting to MySQLGrails Connecting to MySQL
Grails Connecting to MySQLashishkirpan
 
Sass - Getting Started with Sass!
Sass - Getting Started with Sass!Sass - Getting Started with Sass!
Sass - Getting Started with Sass!Eric Sembrat
 
9월 웨비나 - AWS에서의 네트워크 보안 (이경수 솔루션즈 아키텍트)
9월 웨비나 - AWS에서의 네트워크 보안 (이경수 솔루션즈 아키텍트)9월 웨비나 - AWS에서의 네트워크 보안 (이경수 솔루션즈 아키텍트)
9월 웨비나 - AWS에서의 네트워크 보안 (이경수 솔루션즈 아키텍트)Amazon Web Services Korea
 
Aws Developer Associate Overview
Aws Developer Associate OverviewAws Developer Associate Overview
Aws Developer Associate OverviewAbhi Jain
 
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...Jer Clarke
 
Introduction to Sightly and Sling Models
Introduction to Sightly and Sling ModelsIntroduction to Sightly and Sling Models
Introduction to Sightly and Sling ModelsStefano Celentano
 
HTML Semantic Tags
HTML Semantic TagsHTML Semantic Tags
HTML Semantic TagsBruce Kyle
 
당근마켓에서 IaC경험
당근마켓에서 IaC경험당근마켓에서 IaC경험
당근마켓에서 IaC경험용진 조
 
201210 그루터 빅데이터_플랫폼_아키텍쳐_및_솔루션_소개
201210 그루터 빅데이터_플랫폼_아키텍쳐_및_솔루션_소개201210 그루터 빅데이터_플랫폼_아키텍쳐_및_솔루션_소개
201210 그루터 빅데이터_플랫폼_아키텍쳐_및_솔루션_소개Gruter
 
Bootstrap PPT Part - 2
Bootstrap PPT Part - 2Bootstrap PPT Part - 2
Bootstrap PPT Part - 2EPAM Systems
 

Mais procurados (20)

The benefits of BEM CSS
The benefits of BEM CSSThe benefits of BEM CSS
The benefits of BEM CSS
 
(Fast) Introduction to HTML & CSS
(Fast) Introduction to HTML & CSS (Fast) Introduction to HTML & CSS
(Fast) Introduction to HTML & CSS
 
Tailwind CSS - KanpurJS
Tailwind CSS - KanpurJSTailwind CSS - KanpurJS
Tailwind CSS - KanpurJS
 
Tailwind CSS.11.pptx
Tailwind CSS.11.pptxTailwind CSS.11.pptx
Tailwind CSS.11.pptx
 
CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout
 
Ajax (Asynchronous JavaScript and XML)
Ajax (Asynchronous JavaScript and XML)Ajax (Asynchronous JavaScript and XML)
Ajax (Asynchronous JavaScript and XML)
 
Grails Connecting to MySQL
Grails Connecting to MySQLGrails Connecting to MySQL
Grails Connecting to MySQL
 
Sass - Getting Started with Sass!
Sass - Getting Started with Sass!Sass - Getting Started with Sass!
Sass - Getting Started with Sass!
 
Redis
RedisRedis
Redis
 
9월 웨비나 - AWS에서의 네트워크 보안 (이경수 솔루션즈 아키텍트)
9월 웨비나 - AWS에서의 네트워크 보안 (이경수 솔루션즈 아키텍트)9월 웨비나 - AWS에서의 네트워크 보안 (이경수 솔루션즈 아키텍트)
9월 웨비나 - AWS에서의 네트워크 보안 (이경수 솔루션즈 아키텍트)
 
Aws Developer Associate Overview
Aws Developer Associate OverviewAws Developer Associate Overview
Aws Developer Associate Overview
 
Html 5 geolocation api
Html 5 geolocation api Html 5 geolocation api
Html 5 geolocation api
 
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
 
Introduction to Sightly and Sling Models
Introduction to Sightly and Sling ModelsIntroduction to Sightly and Sling Models
Introduction to Sightly and Sling Models
 
0x08-CSS-flexbox.pdf
0x08-CSS-flexbox.pdf0x08-CSS-flexbox.pdf
0x08-CSS-flexbox.pdf
 
HTML Semantic Tags
HTML Semantic TagsHTML Semantic Tags
HTML Semantic Tags
 
당근마켓에서 IaC경험
당근마켓에서 IaC경험당근마켓에서 IaC경험
당근마켓에서 IaC경험
 
Css
CssCss
Css
 
201210 그루터 빅데이터_플랫폼_아키텍쳐_및_솔루션_소개
201210 그루터 빅데이터_플랫폼_아키텍쳐_및_솔루션_소개201210 그루터 빅데이터_플랫폼_아키텍쳐_및_솔루션_소개
201210 그루터 빅데이터_플랫폼_아키텍쳐_및_솔루션_소개
 
Bootstrap PPT Part - 2
Bootstrap PPT Part - 2Bootstrap PPT Part - 2
Bootstrap PPT Part - 2
 

Semelhante a planejamento HTM5 e CSS3

Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in RioTudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in RioGuga Alves
 
Meetup Wordpress SEO - Porto Janeiro 2015
Meetup Wordpress SEO - Porto Janeiro 2015Meetup Wordpress SEO - Porto Janeiro 2015
Meetup Wordpress SEO - Porto Janeiro 2015Miguel Brandão
 
Melhor design de web & desenvolvimento
Melhor design de web & desenvolvimentoMelhor design de web & desenvolvimento
Melhor design de web & desenvolvimentoonebyeighty
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndRael Max
 
Projeto criação apresentação
Projeto criação apresentaçãoProjeto criação apresentação
Projeto criação apresentaçãoprojetocriacao
 
SEO para Wordpress
SEO para WordpressSEO para Wordpress
SEO para WordpressIan Castro
 
[Treinamento CDL] Blogs e sites corporativos com WordPress e SEO
[Treinamento CDL] Blogs e sites corporativos com WordPress e SEO[Treinamento CDL] Blogs e sites corporativos com WordPress e SEO
[Treinamento CDL] Blogs e sites corporativos com WordPress e SEOMayara Alanna Pereira Martins
 
Blogs e sites corporativos com WordPress + SEO
Blogs e sites corporativos com WordPress + SEOBlogs e sites corporativos com WordPress + SEO
Blogs e sites corporativos com WordPress + SEOApiki WordPress
 
Buscadores, SEO, Midias Sociais
Buscadores, SEO, Midias SociaisBuscadores, SEO, Midias Sociais
Buscadores, SEO, Midias SociaisGabriel Andrade
 
Front-end o que é preciso saber?
Front-end o que é preciso saber?Front-end o que é preciso saber?
Front-end o que é preciso saber?João Praia
 
WordPress para negócios
WordPress para negóciosWordPress para negócios
WordPress para negóciosMax Denvir
 
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaUX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaIgreja Adventista do Sétimo Dia
 
Palestra 27/05 - BHSM - Marketing de Conteúdo e Growth Driven Design
Palestra 27/05 - BHSM - Marketing de Conteúdo e Growth Driven Design Palestra 27/05 - BHSM - Marketing de Conteúdo e Growth Driven Design
Palestra 27/05 - BHSM - Marketing de Conteúdo e Growth Driven Design Zoom Comunicação
 

Semelhante a planejamento HTM5 e CSS3 (20)

Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in RioTudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
 
Meetup Wordpress SEO - Porto Janeiro 2015
Meetup Wordpress SEO - Porto Janeiro 2015Meetup Wordpress SEO - Porto Janeiro 2015
Meetup Wordpress SEO - Porto Janeiro 2015
 
Responsive design
Responsive designResponsive design
Responsive design
 
Melhor design de web & desenvolvimento
Melhor design de web & desenvolvimentoMelhor design de web & desenvolvimento
Melhor design de web & desenvolvimento
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
 
Projeto criação apresentação
Projeto criação apresentaçãoProjeto criação apresentação
Projeto criação apresentação
 
Planejamento e Desenvolvimento de Web Sites
Planejamento e Desenvolvimento de Web SitesPlanejamento e Desenvolvimento de Web Sites
Planejamento e Desenvolvimento de Web Sites
 
SEO para Wordpress
SEO para WordpressSEO para Wordpress
SEO para Wordpress
 
[Treinamento CDL] Blogs e sites corporativos com WordPress e SEO
[Treinamento CDL] Blogs e sites corporativos com WordPress e SEO[Treinamento CDL] Blogs e sites corporativos com WordPress e SEO
[Treinamento CDL] Blogs e sites corporativos com WordPress e SEO
 
Blogs e sites corporativos com WordPress + SEO
Blogs e sites corporativos com WordPress + SEOBlogs e sites corporativos com WordPress + SEO
Blogs e sites corporativos com WordPress + SEO
 
Producao para web
Producao para webProducao para web
Producao para web
 
Buscadores, SEO, Midias Sociais
Buscadores, SEO, Midias SociaisBuscadores, SEO, Midias Sociais
Buscadores, SEO, Midias Sociais
 
Front-end o que é preciso saber?
Front-end o que é preciso saber?Front-end o que é preciso saber?
Front-end o que é preciso saber?
 
WordPress para negócios
WordPress para negóciosWordPress para negócios
WordPress para negócios
 
Desenvolvedor Front-End
Desenvolvedor Front-EndDesenvolvedor Front-End
Desenvolvedor Front-End
 
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaUX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
 
temp EWP
temp EWPtemp EWP
temp EWP
 
Palestra 27/05 - BHSM - Marketing de Conteúdo e Growth Driven Design
Palestra 27/05 - BHSM - Marketing de Conteúdo e Growth Driven Design Palestra 27/05 - BHSM - Marketing de Conteúdo e Growth Driven Design
Palestra 27/05 - BHSM - Marketing de Conteúdo e Growth Driven Design
 
Regras e conceitos na criação de páginas Web
Regras e conceitos na criação de páginas WebRegras e conceitos na criação de páginas Web
Regras e conceitos na criação de páginas Web
 
Mini curso seo
Mini curso seoMini curso seo
Mini curso seo
 

Mais de Professor José de Assis (20)

Linguagem c
Linguagem cLinguagem c
Linguagem c
 
Arduino - Projeto GENIUS (jogo de memória)
Arduino - Projeto GENIUS (jogo de memória)Arduino - Projeto GENIUS (jogo de memória)
Arduino - Projeto GENIUS (jogo de memória)
 
Java - Primeiros passos
Java - Primeiros passosJava - Primeiros passos
Java - Primeiros passos
 
Banco de dados
Banco de dadosBanco de dados
Banco de dados
 
Introdução à Robótica
Introdução à RobóticaIntrodução à Robótica
Introdução à Robótica
 
Curso - Primeiros passos java script
Curso - Primeiros passos java scriptCurso - Primeiros passos java script
Curso - Primeiros passos java script
 
O que é e como funciona um Servidor VPS
O que é e como funciona um Servidor VPSO que é e como funciona um Servidor VPS
O que é e como funciona um Servidor VPS
 
Introdução ao DNS
Introdução ao DNSIntrodução ao DNS
Introdução ao DNS
 
O que é Linux
O que é LinuxO que é Linux
O que é Linux
 
Primeiros passos com servidor Linux - iptables
Primeiros passos com servidor Linux - iptablesPrimeiros passos com servidor Linux - iptables
Primeiros passos com servidor Linux - iptables
 
Segurança de redes
Segurança de redesSegurança de redes
Segurança de redes
 
Introdução ao desenvolvimento de games
Introdução ao desenvolvimento de gamesIntrodução ao desenvolvimento de games
Introdução ao desenvolvimento de games
 
LVM
LVMLVM
LVM
 
Servidor WEB
Servidor WEBServidor WEB
Servidor WEB
 
As novas profissões em ti
As novas profissões em tiAs novas profissões em ti
As novas profissões em ti
 
Certificação LPI
Certificação LPICertificação LPI
Certificação LPI
 
TI Verde
TI VerdeTI Verde
TI Verde
 
Java MySQL - Sistema OS
Java MySQL - Sistema OSJava MySQL - Sistema OS
Java MySQL - Sistema OS
 
Eletroeletrônica
EletroeletrônicaEletroeletrônica
Eletroeletrônica
 
Cálculo do código hexadecimal RGB
Cálculo do código hexadecimal RGBCálculo do código hexadecimal RGB
Cálculo do código hexadecimal RGB
 

planejamento HTM5 e CSS3