Nesta vÃdeo aula vamos ter o primeiro contato com o CSS. Vamos ver como aplicar o css em uma pagina web.
Como esta video aula é bem extensa tive que dividi-la em duas partes.
Se quiser saber mais sobre CSS, veja esta pagina no wikipedia: http://pt.wikipedia.org/wiki/CSS
Parte 1
Duração: 8 minutos
Parte 2
Duração: 8 minutos
Chegamos com mais uma video aula sobre HTML, dessa vez vamos trabalhar com tabelas.
Lembre-se de que para aprender a programar você precisa praticar muito, até se sentir confortavel em fazer tal tarefa.
Assim que terminar de assistir este vÃdeo, pratique muito HTML e teste diversas formas.
Na programação você aprende muito com erros cometidos, então é melhor você errar no treinamento do que em um projeto, pois assim perderia tempo e talvez não terminasse o mesmo dentro de seu prazo.
Tente fazer uma tabela com 5 colunas e 3 linhas, depois misture com as tags aprendidas nas aulas anterior.
Quem nunca usou tabelas acha inicialmente um trabalho difÃcil, mas é muito simples, basta praticar bastante. Pensando bem, para você aprender qualquer coisa é necessário que você pratica muito.Deixo aà para vocês a video aula:
Nesta video aula vamos fazer nossa primeira página web, usando o Bloco de notas. Vamos trabalhar com diversas tags que vimos no Curso de Web 003.Escolhi não colocar no blog o código usado no vÃdeo, para que vocês os memorizem.
Agora as videoaulas estão com Audio.
Veja abaixo a video-aula:
Hoje, em nossa 003 web-aula vamos conhecer algumas tags html.
Abra seu editor preferido e escreva: WEB 2.0
É brincadeira. Alias, você sabe o que é web 2.0?Se quiser saber mais a respeito: http://pt.wikipedia.org/wiki/Web_2.0
Voltemos a nossa aula. Vou falar agora de algumas tags importantes do html.
<br /> Quebra de linha
<p> </p> Parágrafo
<b> </b> Negrito
<strong> </strong> Negrito
<i> </i> Italico
<em> </em> Italico
<span> </span> É utilizada para a configuração de trechos de parágrafos, muito usado com o css quando você quer mudar as propriedades de um elemento neutro.
<div> </div> Bloco contêiner que vamos utilizar muito durante nosso trabalho. Sem o css, o uso da div é inútil.
<blockquote> </blockquote> É o responsável por dar um efeito de endentação, como se você teclasse o TAB no Word, mas este pega em todo o bloco de texto.
Essas tags são as mais usadas. No decorrer das aulas vamos ver mais tags.
Agora vou escrever um código que use todos essas tags.
Obs: Não vamos usar o Span nem a Div antes de vermos o Css. Por tanto, veremos estes bem em breve.
Coloque o código abaixo em seu editor de HTML e salve-o como html para ver o resultado.
<html>
<head>
<title>Testando Tags HTML</title>
</head>
<body>
Estamos aqui usando diversas tags, testamos agora o <b>negrito</b> e o <i>itálico</i>.<br />
<p> Vemos também a tag parágrafo, muito utilizada para organizar um texto. </p>
<blockquote>
O blockquote é muio interessante, perceba que ele dá um espaço parágrafo em todo o texto, não só na primeira linha como a tag parágrafo. Muito útil esta tag.
</blockquote>
</body>
</html>
Testou em seu navegador?
Você deve estar vendo algo semelhante a isto:
Faça seus testes e veja a melhor forma de usá-los. Qualquer dúvida é só postar aqui no blog.
