Postagens com o marcador HTML

Curso de Web 006: Introdução ao CSS

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

Ver aula 007

Popularity: 9%

Curso de Web 005 – HTML: Trabalhando com Tabelas

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.

Ver aula 006

Popularity: 5%

HTML – Trabalhando com Tabelas

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:

Popularity: 5%

HTML – Primeiros passos

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:

Popularity: 4%

Curso de Web 003 – Conhecendo novas Tags

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:

fora.jpg

Faça seus testes e veja a melhor forma de usá-los. Qualquer dúvida é só postar aqui no blog.

veja a aula 004

Popularity: 3%