1. Implementação em
HTML e CSS
@richarley

2. 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

3. Então, como domar esse bicho?
* Pesquisar
* Experimentar
* Testar

4. Fontes de referência
www.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

5. Fontes de referência
www.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

6. Fontes de referência
pt-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

7. Fontes de referência
tableless.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

8. Fontes de referência
http://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

9. Fontes de referência
www.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

10. 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

11. 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)

12. 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