Implementação em HTML e CSS

@richarley

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

Então, como domar esse bicho?

* Pesquisar * Experimentar

* Testar

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

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

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

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

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

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

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

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)

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