Tempo: 17: 31 min

Descrição: Nesta videoaula aprenderemos como utilizar a propriedade text. Esta propriedade possui diversas variantes e propriedades, dentre elas devemos salientar a possibilidade de definir o espaçamento entre as letras de nosso texto, como aumentar o distanciamento entre as palavras, opções de decoração de texto, como sublinhado, e outros, veremos também as propriedades e seus valores para alinhamento de texto, como por exemplo, centralizar, alinhar a direita e ainda justificar nosso texto.

Tempo: 16: 39 min

Descrição: Nesta videoaula aprenderemos os conceitos e práticas referentes ao uso de fontes em sites. Muitas vezes temos a impressão de que as fontes poderiam ser mais bem utilizadas em sites, nessa aula veremos a introdução e as bases sobre fontes na web, definindo os motivos de não podermos utilizar qualquer tipo de fonte em nossas páginas. Na parte prática veremos como utilizar as propriedades font-family, font-size e ainda a propriedade color, para modificar os textos de nossa página.

Tempo: 17: 06 min

Descrição: Nessa videoaula daremos continuidade aos nossos estudos sobre fundo de página, vamos aprender um pouco sobre image background. Esta propriedade tem por finalidade possibilitar que utilizemos não somente cores, mas também imagens como fundo de nossas páginas ou ainda de elementos html. Vamos aprender também, as diferentes formas de escrita dessas instruções, bem como definir o posicionamento horizontal e vertical da imagem, bem como a forma de repetição que a imagem deverá seguir em nossa página.

O objetivo deste Curso de CSS é fazer uma introdução bem elaborada e agradável aos principais conceitos de webdesign. A cada dia, novos frameworks surgem no mercado trazendo recursos muito interessantes no desenvolvimento web, e muitos aceleram o desenvolvimento de aplicações que necessitam de CSS, mas como utilizar as ferramentas sem conhecer a base da linguagem? Neste contexto, precisamos ter uma base sólida para que possamos utilizar estas tecnologias e extrair o seu real potencial. Com o crescimento dos padrões de desenvolvimento web, CSS se consolidou como a linguagem padrão para a definição visual de nossos sites, ou seja, tudo o que fazemos e que tenha impacto visual em uma página deve estar descrito via CSS. Neste curso vamos aprender desde as bases de CSS, como implantar o mesmo em um documento e ainda conheceremos suas propriedades. Vamos estudar os diversos elementos disponíveis no CSS, como formatar elementos usando as diversas propriedades disponíveis. Finalizando o curso iremos montar um layout completo utilizando os principais recursos de CSS e suas propriedades.

Tempo: 17: 50 min

Descrição: Nessa videoaula veremos que a maioria dos sites utiliza o uso de cores como principal meio de impactar o usuário. Da mesma forma, vários sites exploram o background de suas páginas e ainda o background de seus elementos como forma de melhorar o visual. Nesta videoaula veremos como mudar a cor de fundo de nossa página, bem como a cor de fundo de nossos elementos, mas, o principal fica por conta de um correto entendimento sobre o que é e como usar as cores do tipo RGB em nossos projetos, bem como será visto a diferença entre a forma de escrita rgb e a notação hexadecimal.

Tempo: 15: 50 min

Descrição: Nessa videoaula veremos que para surtir efeito sobre nossos elementos, devemos definir quais elementos em nosso website serão afetados pelo código escrito, desta forma, precisamos lançar mão dos recursos de seletores. Nesta videoaula veremos quais são os seletores básicos em CSS, ou seja, veremos as três principais formas de selecionar os objetos que serão afetados por nosso código, veremos a definição visual por ID, como definir um padrão visual para nossos elementos através do tipo do elemento e por fim aprenderemos como definir nossas classes.

Tempo: 16: 55 min

Descrição: Nessa videoaula começaremos a escrever um pouco de código. Mas para começar a escrever, devemos primeiro saber como escrever, dessa maneira, nessa videoaula, vamos aprender as diversas formas de escrita, que são, CSS embutido na própria página através da tag style, CSS embuti no próprio elemento através do atributo style e por último aprenderemos como incorporar um documento CSS externo, auxiliando na centralização de nosso código e na padronização visual de nossas páginas.

Tempo: 15:52 min

Descrição: Nessa videoaula criaremos a ultima página interna de nosso site, que por sua vez, conforme previsto no projeto, é a página de fale conosco. Esta página, como de costume, deve conter as informações necessárias para que o cliente entre em contato com a empresa de forma prática e bem destacada, sendo que esta deve ser a página de referência para todo cliente que não saiba como entrar em contato com a empresa. Aprenderemos também como utilizar um recurso gratuito de criação e envio de formulários, visto que documentos HTML não possuem recursos nativos para esta tarefa, sendo que criaremos um formulário de contato totalmente gratuito e funcionar para o nosso site.

Tecnologias e Recursos: HTML, formulário, contato

Tempo: 15:52 min

Descrição: Nessa videoaula daremos continuidade a criação de nosso projeto prático. Conforme previsto no layout, nosso site deve possuir uma página interna contendo a localização da empresa. Esta página deve possuir, obviamente, informações para que o usuário consiga localizar a empresa fisicamente, portanto, é necessário inserir o endereço contendo todas as informações pertinentes para que tanto uma pessoa quanto uma encomenda chegue até a empresa. Faremos também a inclusão de um mapa dinâmico utilizando recursos oriendos do Google Maps, dessa forma nosso cliente poderá localizar a empresa utilizando de maps de melhor precisão e ainda interativos.

Tecnologias e Recursos: HTML, google maps

Tempo: 18:29 min

Descrição: Nessa videoaula criaremos a primeira página interna de nosso website. Conforme previsto no projeto do layout, nossa página conterá uma sub-página denominada Quem Somos, dessa forma devemos proceder a criação desta página. Iniciaremos criando um titulo de maior destaque para esta página, inserindo uma foto em destaque e consequentemente fazendo o correto alinhamento desta foto em relação ao texto, que será reaproveitado de aulas anteriores. Como de costume em diversos sites, criaremos uma galeria de fotos nesta mesma página, permitindo que nosso cliente tenha uma foto em destaque, um texto e mais fotos sobre sua empresa.

Tecnologias e Recursos: HTML, css, layout, página, h1, p, img

Tempo: 24:49 min

Descrição: Nessa videoaula iniciaremos os nossos trabalhos práticos. Para começar, criaremos o nosso template padrão, ou seja, aquele que será usado como base para todo o restante do site. Desta vez teremos de trabalhar bastante com CSS e DIVs para criarmos o nosso layout de acordo com os padrões da W3C, ou seja, a linguagem HTML é utilizada como uma marcação dos elementos e a linguagem CSS é utilizada para a formatação visual. Aprenderemos como criar o menu principal, inserir a logomarca, alinhar as div’s de forma correta bem como centralizar estes elementos, preparando nosso template para conceber as demais páginas que integram nosso site.

Tecnologias e Recursos: HTML, css, layout, alinhamento, div

Tempo: 16:51 min

Descrição: Nessa videoaula daremos inicio ao nosso projeto prático, ou seja, vamos aprender de forma pratica como utilizar os recursos aprendidos até o momento. Para iniciar o nosso projeto, faremos a contextualização do mesmo, em outras palavras, aprenderemos como funciona a estrutura da empresa de desenvolvimento em que trabalhamos, aprenderemos também alguns passos e etapas para o desenvolvimento eficiente de um website, tais como pessoas envolvidas e a parte de levantamento de requisitos, bem como veremos o layout final e entenderemos as necessidades do uso dos wireframes, para que haja um correto entendimento e uma melhor comunicação entre a equipe de desenvolvimento e o cliente. Finalizaremos ajustando nosso ambiente de trabalho para iniciarmos os trabalhos práticos.

Tecnologias e Recursos: HTML, layout, wireframes

Tempo: 17:45 min

Descrição: Nessa videoaula daremos prosseguimento ao nosso curso de HTML, onde passaremos a tratar sobre a utilização de recursos prontos e de fácil implementação, conhecidos como widgets. Iniciaremos a aula contextualizando sobre o que são widgets, bem como aprenderemos quais as necessidades para se utilizar os mesmos. Na parte prática de nossa aula, vamos aprender como inserir dois widgets distintos, ou seja, aprenderemos a inserir os nossos twits em nossa página HTML, configurando e inserindo os códigos necessários. Após isso, vamos ver como inserir nossos amigos do Facebookem nossa página.

Tecnologias e Recursos: HTML, widgets, twitter, facebook

Tempo: 17:34 min

Descrição: Nessa videoaula vamos fazer uma breve introdução ao HTML, esta breve introdução tem por finalidade nivelar nosso conhecimento, para todos os que não possuem este conhecimento básico, poderem acompanhar o mesmo. Na parte prática vamos criar um pequeno arquivo HTML, contendo todos os principais elementos necessários por hora. Vamos começar criando um documento HTML básico, contendo os elementos estruturais mínimos, após, criaremos e utilizaremos itens diferentes, tais como parágrafos, alinhamento dos parágrafos e a diferença entre parágrafos e novas linhas. Veremos também elementos e tipos de títulos, e por fim, veremos como criar links.

Tempo: 18:17 min

Descrição: Nessa videoaula vamos aprender os motivos de ser necessário a um bom webdesigner, conhecer a CSS, ou ainda, folha de estilo em cascata. Vamos aprender conceitualmente o que é para que serve a CSS, e ainda visualizaremos sites que fazem uso de CSS. Na parte prática aprenderemos a utilizar um plugin para o navegador Firefox chamado Firebug, que tem por finalidade nos auxiliar a inspecionar os elementos de um site. Além de sua instalação, aprenderemos como utilizar de forma prática este plugin, inspecionando e alterando sites em tempo de execução. Por fim, vamos aprender o que são Frameworks e alguns pacotes CSS disponíveis de forma gratuita na internet.

Tempo: 16:06 min

Descrição: Nessa videoaula daremos início ao curso de introdução ao CSS. A ideia por traz deste curso é fazer uma introdução consistente, do básico ao avançado, buscando tratar sobre todos os principais assuntos relacionados ao aprendizado de CSS, ou seja, folha de estilo em cascata. Nesta primeira aula vamos iniciar o curso, fazendo uma introdução ao curso, apresentando o autor, como está estruturado o curso e quantas aulas serão necessárias, aproximadamente, para finalizar o curso. Na parte prática deste vídeo, vamos estudar o que é necessário para acompanhar o curso e como configurar o ambiente de trabalho, quais programas e browsers serão necessários ao acompanhamento do curso.

Metodologia de Desenvolvimento: A metodologia utilizada aqui é conhecer todos os recursos disponíveis com relação ao CSS. Partiremos do básico, estudando a estrutura de páginas HTML, visto que CSS e HTML estão intrinsecamente ligados. Após breve introdução ao HTML, iremos conhecer a linguagem de estilo em cascata, CSS, e suas principais propriedades e formas de escrita.

Tempo: 16:45 min

Descrição: Nessa videoaula prosseguiremos com nossos estudos sobre JavaScript. Desta vez, faremos algo mais completo, iniciaremos a aula aprendendo como separar o nosso código JavaScript, de nosso documento HTML, da mesma forma como feito com CSS. Utilizando nossas aulas passadas, criaremos um formulário de login, após, criaremos uma função para validar nosso formulário de login, fazendo com que nosso usuário seja obrigado a preencher tanto os campos de usuário como de senha, para que dessa forma possa prosseguir e efetuar login em nosso possível site. Aprenderemos como criar variáveis em Javascript, como utilizar funções do tipo getElementById e ainda instruções condicionais do tipo If Else.

Tecnologias e Recursos: HTML, XHTML, css, javascript, if, else, getDocumentById

Tempo: 16:14 min

Descrição: Nessa videoaula iniciaremos os nossos estudos a respeito do uso de JavaScript em nossos documentos HTML. Procuraremos aprender de forma teórica e prática para que serve e os motivos de aprender esta tecnologia. Vamos aprender como criar o nosso primeiro script do tipo JavaScript, criando uma simples janela de alerta, igual as janelas que podemos ver em diversos sites desde pequenos até grandes sites, em nosso documento, bem como escrever nosso primeiro “Olá Mundo!”. Por fim, vamos aprender como criar uma simples função utilizando esta linguagem, e como utilizar a mesma em nosso documento para gerar os resultados esperados pelo código.

Tecnologias e Recursos: HTML, XHTML, css, javascript, alert, write

Tempo: 17:39 min

Descrição: Nessa videoaula avançaremos em nossos estudos acerca dos elementos DIV. Como já explicado, estes elementos tem por finalidade servirem de base, junto com a utilização de CSS, para a criação da estrutura de nossas páginas, evitando usar tabelas. Desta vez, vamos aprender a trabalhar com o alinhamento de DIV’s, aprenderemos como centralizar nossas divs, e criar colunas dentro de uma div principal, alinhando as mesmas a esquerda e direita de nosso documento, bem como setar a largura necessária para que comecemos a entender a estrutura básica de uma página em HTML. Por fim, aprenderemos como criar uma classe para modificação do fundo das colunas conforme necessário.

Tecnologias e Recursos: HTML, XHTML, css, div

Tempo: 16:24 min

Descrição: Nessa videoaula começaremos a aprender o que são e como utilizar os elementos do tipo DIV. Estes elementos têm por finalidade servir como ferramentas para a montagem da estrutura de nossos sites e sistemas, possibilitando uma alternativa de alto desempenho para essas atividades. Procuraremos entender os motivos de utilizar DIV’s e não tabelas na montagem de nossas páginas, visto que essa prática não deve ser empregada, conforme orientações da própria W3C. Aprenderemos de forma básica como formatar os elementos DIV e como inserir um elemento DIV dentro de outro elemento DIV, criando uma estrutura básica de uma página usando DIVs.

Tecnologias e Recursos: HTML, XHTML, css, div