Implementação html e css
-
Upload
richarley-menescal -
Category
Documents
-
view
259 -
download
0
Transcript of Implementação html e css
![Page 1: Implementação html e css](https://reader033.fdocument.pub/reader033/viewer/2022052217/559ba3c61a28abed148b475e/html5/thumbnails/1.jpg)
Implementação em HTML e CSS
@richarley
![Page 2: Implementação html e css](https://reader033.fdocument.pub/reader033/viewer/2022052217/559ba3c61a28abed148b475e/html5/thumbnails/2.jpg)
Um bicho de sete cabeças!
* Implementar um site exige dedicação * (Quase) ninguém decora todas as regras * Processo desafiador e, por isso, divertido
![Page 3: Implementação html e css](https://reader033.fdocument.pub/reader033/viewer/2022052217/559ba3c61a28abed148b475e/html5/thumbnails/3.jpg)
Então, como domar esse bicho?
* Pesquisar * Experimentar
* Testar
![Page 4: Implementação html e css](https://reader033.fdocument.pub/reader033/viewer/2022052217/559ba3c61a28abed148b475e/html5/thumbnails/4.jpg)
Fontes de referênciawww.w3c.br (Português e Inglês)
* Site do Consórcio World Wide Web (W3C), que desenvolve os padrões de linguagem para internet * Principal fonte de referência sobre especificações
técnicas e orientações quanto aos padrões Web * Uma série de publicações (inclusive em
português) de referência para acesso direto e download em PDF
![Page 5: Implementação html e css](https://reader033.fdocument.pub/reader033/viewer/2022052217/559ba3c61a28abed148b475e/html5/thumbnails/5.jpg)
Fontes de referênciawww.w3schools.com (Inglês)
* O mais completo guia de referência para desenvolvimento Web
* Tutoriais e bibliotecas de referências para diversas linguagens e tecnologias
* Muito organizado e fácil de pesquisar
![Page 6: Implementação html e css](https://reader033.fdocument.pub/reader033/viewer/2022052217/559ba3c61a28abed148b475e/html5/thumbnails/6.jpg)
Fontes de referênciapt-br.html.net (Português)
* Versão traduzida para português deste ótimo site de referência para desenvolvimento Web
* Muitos tutoriais em português de HTML e CSS básico
* Tutoriais de tecnologias mais recentes apenas em inglês
![Page 7: Implementação html e css](https://reader033.fdocument.pub/reader033/viewer/2022052217/559ba3c61a28abed148b475e/html5/thumbnails/7.jpg)
Fontes de referênciatableless.com.br (Português)
* Um dos principais blogs brasileiros sobre boas práticas de desenvolvimento Web
* Sempre atualizado com as principais novidades do meio
* Tutoriais e publicações diversas
![Page 8: Implementação html e css](https://reader033.fdocument.pub/reader033/viewer/2022052217/559ba3c61a28abed148b475e/html5/thumbnails/8.jpg)
Fontes de referênciahttp://net.tutsplus.com/ (Inglês)
* Blog de tutoriais diversos * Conteúdo básico e avançado para
desenvolvedores * Sempre atualizado com ótimos tutoriais de
HTML e CSS
![Page 9: Implementação html e css](https://reader033.fdocument.pub/reader033/viewer/2022052217/559ba3c61a28abed148b475e/html5/thumbnails/9.jpg)
Fontes de referênciawww.google.com.br
* Não limite sua busca ao idioma de português, sempre tem alguma solução em inglês
* Sempre novos sites, blogs e profissionais dispostos a compartilhar conhecimento
![Page 10: Implementação html e css](https://reader033.fdocument.pub/reader033/viewer/2022052217/559ba3c61a28abed148b475e/html5/thumbnails/10.jpg)
Frameworks* Estruturas já pré montadas de HTML5 e CSS3
* Exige conhecimento de HTML e CSS para implementação e personalização
* Facilita no desenvolvimento de sites dentro dos padrões web mais atuais, incluindo layouts
“responsivos” (adaptáveis a diferentes dispositivos e resoluções) * Exemplos
Bootstrap - getbootstrap.com
Foundation - foundation.zurb.com
![Page 11: Implementação html e css](https://reader033.fdocument.pub/reader033/viewer/2022052217/559ba3c61a28abed148b475e/html5/thumbnails/11.jpg)
Guia do trabalho da AP2* Mockup da página inicial em PSD (ou qualquer
arquivo .AI ou .PNG, organizado em camadas) * Site implementado em HTML e CSS básico,
contendo: - 1 pág. inicial;
- 1 pág. índice (do portfólio);
- 1 pág. de exemplo de um elemento do portfólio;
- 1 pág. de contato.
OBS.: Deve ter alguma parte reservada a falar SOBRE de quem se trata o portfólio, com sua biografia resumida (Na
página inicial ou alguma página específica)
![Page 12: Implementação html e css](https://reader033.fdocument.pub/reader033/viewer/2022052217/559ba3c61a28abed148b475e/html5/thumbnails/12.jpg)
Guia do trabalho da AP2* Prazos:
- Site deve ser publicado (tema da próxima aula) até o dia 29/11 para que eu possa acessá-lo antes da apresentação;
- Alterações e correções depois do site publicado PODEM ser feitas;
- Apresentação no dia 02/12.
* Orientações extra-classe: - Estarei online, disponível no Facebook e Gtalk, para tirar
dúvidas nos seguintes horários:
Dia 16/11 - De 10h30 às 12h00 / De 15h00 às 16h30
Dia 30/11 - De 10h30 às 12h00 / De 15h00 às 16h30