Finalmente começou! Dê o seu melhor para ser um dos melhores alunos e para ganhar o prêmio final! Aproveite cada aula e cada dica, ainda mais se você for participante do HTML PROJECT II. Boa sorte ;)
Tecnologia do Blogger.
Explicações + Inúmeros links para você aprender! quarta-feira, 16 de julho de 2014
Pessoal, sinto muito pela demora. Mas, a verdade é que não poderei mais postar aqui. Primeiro, porque minhas férias acabam dia 21 (segunda-feira) que vem. Quando eu "desisti" daqui, eu conversei com a criadora do HTML P. School para que ela tomasse conta dele e postasse, mas ela ficou sem internet em casa e só conseguia ir na lan house para ter acesso. E como a gente sabe, é impossível cuidar de blog por lan house, né?
Eu decidi que ao invés de simplesmente dizer que não vamos mais postar aqui, eu irei postar links de tudo! De blogs de tutoriais aleatórios (ou os que eu mais gosto e nos que eu mais aprendi). Sinto muito por não poder ensinar tudo de perto pra vocês. Se tiverem dúvida sobre algum código que encontrarem, QUALQUER dúvida, visite a minha ASK.
Blog: Camila's Designs (um dos que eu mais aprendi)
7. Resultado!
13. Outros tutoriais
Blog: Cherry Bomb14. Como fazer caixa de "link-me" ou "me leve com você"
15. Como colocar ribbons nas postagens
16. Caixa de pesquisa personalizada
17. Como colocar "Leia mais" com imagens no post
18. Como colocar barra de rolagem personalizada
19. Como colocar seleção colorida no blog
20. Como colocar dois backgrounds no blog
21. Como colocar menu dentro do cabeçalho (mapeada)
22. Como colocar o nivo slider
23. Como colocar C-box no blog
24. Outros tutoriais
Blog: Kawaii World25. Como colocar imagens lado a lado
26. Como criar botões para redes sociais
27. Gadget de escolher backgrounds
28. Como fazer o título do blog personalizado
29. Outros tutoriais
Blog: Adolescente Nerd30. Como personalizar o título dos gadgets
31. Como remover o Assinar: Postagens (Atom)
32. Como colocar "seta para subir ao topo"
33. Como colocar gadgets no cabeçalho
34. Playlist no blog
35. Personalizando a Tooltip
36. Como colocar legenda fofa nas imagens
37. Como colocar barra de créditos
38. Como colocar imagem no fundo das postagens
39. Como personalizar os links
40. Como excluir o cabeçalho do blog
41. Personalizando: Postado por, marcadores e comentários
42. Imagem no comentário do autor do blog
43. Retirando código de verificação dos comentários
44. Data personalizada
45. Outros tutoriais
Outros tutoriais em outros blogs46. Tutoriais - blog PEQUENA GAROTA
47. Tutoriais - blog BIRTHDAY CAKE
48. Tutoriais - blog BLACK CHERRY
Blog com coisas prontas: www.them-reverse.com49. Tutoriais
50. Avatares
51. Goodies
52. Fontes
53. Materiais para photoshop
Edições de imagens54. No photoscape
55. No photoshop
Materiais diversos para cabeçalhos, etc56. PNGs - Imagens com fundo invisível
57. PSDS (para photoshop)
58. Favicons
59. Patterns (planos de fundo para blogs)
60. Faixas para a sidebar
Aula #1 - Por Onde Começar? + Dica de sites para baixar materiais domingo, 29 de junho de 2014
Não sei fazer Layouts! Por onde começar?
Quando eu não sabia nada sobre HTML, eu simplesmente não sabia como é que começava a mexer com isso. Por isso, hoje a aula vai ser sobre isso! Para entender melhor sobre o que é HTML e do que ele é capaz, clique aqui!
Mais informações »Marcadores: Aulas, Dia de Baixar
Introdução - O que é HTML, principais códigos sexta-feira, 27 de junho de 2014
Boa noite, alunos! Sinto muito pela demora para postar a primeira aula, mas é que tive que limpar umas coisas... Enfim, vamos a primeira aula!
O que é HTML?
Com certeza todo mundo sabe o que é HTML, pois todo mundo que se inscreveu no HP School sabe que não é muito bom nisso... Por isso, aqui vai a definição de HTML (na minha concepção e após uma básica pesquisa).
- HTML é uma das definições que se dá para códigos que definem aparência. É possível encontrar, também, "CSS". Ou, quando é dividido em classes, como HTML3, HTML1, HTML3.2, etc. HTML não se aplica somente a sites, mas também a programação em geral. Por isso são nomeados de formas diferentes, pois depende da função do código. No nosso caso, no editor do blogger e em editores de aparência de sites, é o HTML. Resumindo, HTML é um código que realiza uma função notável em certo espaço virtual/digital. Certo?
Muito bem! Agora que você sabe o que é HTML. Por favor, faça o seguinte:
Calendário! + Baixe o Photoshop CS5!
Antes de continuar lendo essa postagem, clique aqui e baixe o Photoshop CS5, que será fundamental para as nossas aulas. Aqui está o calendário, para vocês saberem quando saem aulas novas e tudo o mais. Lembrando que poderão ser postadas mais de uma aula por dia.
Em junho27 - Calendário + 1 Aula
28 - 1 Aula
29 - Dia de Baixar!
30 - 1 Aula
Em julho01 - 1 aulas
02 - 1 aulas
04 - 1 aulas
05 - 1 aula
06 - Dia de Baixar!
07 - 1 aulas
08 - 1 aulas
09 - 1 aula
10 - 1 aulas
11 - Indicações
12 - Folga!
13 - Folga!
14 - 1 aulas
15 - 1 aulas
16 a 17 - Temporada de provas
18 - Os 5 desafios
19 - Bônus (Saiba sobre quem irá te avaliar no HP II *somente para participantes)
24 - Entrega dos desafios
25 - Resultado.
Data de Início: 27/06 sábado, 7 de junho de 2014
Atenção alunos! As aulas irão começar ainda este mês, dia 27. Ou seja, no dia em que a maioria das pessoas entrarão de férias. Ainda não sabemos quando irá acabar, mas sabemos que acabará antes do término das férias. As aulas acontecerão todos os dias da semana (menos sábado e domingo). Dia 27 (sexta-feira) teremos a primeira aula. Dia 30, a segunda. E assim, por diante.
Lembrando que durante as aulas vocês não terão de entregar nada, mas serão propostos 5 desafios, que vocês entregarão tudo de uma vez no final.
Para as aulas, vocês vão precisar de:
- Um blog de testes
- Bloco de notas no computador
- Photoshop CS3 (nós disponibilizaremos o download em uma das aulas, mas desde já reserve espaço para ele no seu computador).
É isso! Até a primeira aula, beijinhos!
Aviso: Muitas pessoas que se inscreveram estavam com o blog removido. Como as regras são claras e dizem "quem não tiver blog não pode participar", essas pessoas não poderão participar. E QUEM ESTÁ INSCRITO MAIS AINDA NÃO SEGUIU O HTML P. SCHOOL, deve fazer isso (pois é regra), antes do dia 27/06! CLIQUE AQUI PARA SEGUIR.
Informações! quarta-feira, 26 de fevereiro de 2014
Olá! Sejam bem-vindos ao HTML PROJECT School! "História"
O HTML PROJECT School surgiu de uma conversa entre mim e a Julienny. Nós estávamos conversando sobre adiantar o HTML PROJECT II, mas isso com certeza estava fora de cogitação. Foi aí que ela deu a ideia de criar algo que preparasse os participantes, aí eu dei umas outras ideias complementares, mas não menos importantes, e agora o HTML PROJECT School existe! Se você não conhece o HTML PROJECT II Clique aqui!. Bom, o HTML PROJECT School vai ser uma espécie de "curso" preparatório, no qual os que comandam o projeto te ensinarão a fazer coisas como: Blockquotes, menus, área para comentários, etc... e também darão dicas para vocês "arrasarem" no HTML PROJECT II. Não se preocupem, será uma coisa bem light, com apenas 5 desafios que vocês entregarão tudo de uma vez no último dia, e ainda terá um prêmio (será divulgado no blog do H. P. School). PS: Nem todos os que vão participar do HTML PROJECT II são obrigados a participar do HTML P. School. Pessoas que NÃO VÃO participar do HTML PROJECT II podem sim participar do HTML PROJECT School, afinal, todos tem direito de aprender e será algo aberto para qualquer um.
A criadora do HTML PROJECT sou eu, a Kaira. Infelizmente não tenho outro blog. Eu até tinha, mas acabei desistindo dele devido á bloqueios criativos intensos. A criadora do HTML PROJECT School é a Julienny, do blog Tudo para seu Photoscape.
Lista de prêmios do HTML PROJECT School:
- Layout padrão (para o HTML PROJECT II) exclusivo!*
- Pack com os melhores layouts do blogskins
- Parceria com o HTML P. II*
- Pack de Wallpapers fofos
- Photoshop CS3 e CS5 (nós disponibilizaremos aqui o download do 3 p/ todos os participantes)
- Pack de Faixas
- Pack de fontes
- Lista com 35 ideias para postagens (de acordo com o tema do seu blog)
- Divulgação no HTML PROJECT II
- Layout exclusivo*
- Pack de PSDS
- Pack de Brushes
1* - Todos os participantes do HTML PROJECT II utilizam um layout padrão para responder aos desafios. Entretanto, o vencedor do HTML P. School terá um layout padrão diferente! (mais bonito q) Além de que, depois que HTML P. II acabar, ele poderá usar o layout como bem quiser, diferente dos outros.
2* - O ganhador do HTML P. School será o ÚNICO que será participante e parceiro ao mesmo tempo. O ganhador não precisa oferecer nenhum prêmio se não quiser (se quiser, será ótimo). Mas ele terá direito de conceituar e opinar. Ou seja, o ganhador será uma espécie de participante mais "avançado".
3* - Layout Exclusivo! o ganhador escolherá as cores, o tema e etc. Lembrando que nos prêmios do HTML P. II está também um layout exclusivo, e outros layouts temáticos, vale a pena participar dele também, né?
Até mais!