segunda-feira, 9 de agosto de 2010

Inclusão de Imagens e Vídeos!!!



Pois bem agora iremos aprender a colocar foto e vídeo em nosso site,se dér tempo iremos aprender a colocar links!!

Para colocarmos fotos em nosso site temos que utilizar a tag a+img+ o comando src="nome daimagem.jpg".

Para redimensionar a largura e a altura utilizaremos os seguintes comandos weight(largura) e height(altura),logo teremos que utilizar uma unidade de medida ela pode ser px(pixels),%(porcentagem)entre outras unidades,agora utilizaremos o px.

Primeiro crie uma pasta na área de trabalho, dentro dela crie outra pasta com o nome imagens,
adicione a foto do irock nesta pasta e renomeie para irock.

Pois bem abra o notepad++ e crie um novo documento
e salve com o nome irock.html.
A agora iremos introduzir a
imagem veja a foto a baixo para entender melhor como funciona.


O resultado Esperado é este aqui


Agora colocaremos vídeos em nosso site!!!

podemos colocar vídeos em um site de varias maneiras através de links do YouTube,msnvideos ,etc.. ou ainda vídeos próprios salvos em uma pasta.

No mesmo código do irock abaixo iremos colocar os plugins para abrir este vídeo


O resultado esperado é este

Legal né!!

È isso ai pessoal na próxima aula irei dar como colocar links animações em flash e introdução de tabelas!!

até a próxima!!!

Descupem a demora!!!

Galera me desculpem por não ter mais postado aki no blog e que eu estava enrolado com a faculdade e depois vaio as férias,mas agora voltarei a posta aki!!

quinta-feira, 10 de junho de 2010

Conseitos basicos HTML parte 2

O HTML tem 4 estrutura basica html,title,head e body,pois bem sempre que iniciarmos a tag do seguinte modo abre <>e fechapor exemplo .
Assim irá se repetir com qualquer tg q utilizarmos para programar em html.
veja algumas tag abertas e fechadas.




com essas estruturas já dará para começarmos a programar.
começaremos com algo bem simples
siga o exemplo:

Assim que de ficar o seu código

Depois de feito o seu código Salvaremos e Veremos o resultado.

Para salvar vá até arquivo e salvar como.Logo escolha o local que você acha melhor e na barra de nome do arquivo nomearemos com o seguinte nome hello.html
salve e para testar vá ao local salvo e click no arquivo você terá este resultado.



qualquer duvida entre em contato.
alesandroroigmendes@gmail.com



Conceitos Básicos do HTML

Para podermos começar a programar em html iremos precisar de um editor html.

Na web existem varios editores gratuitos(free),mas o que eu acho melho para começarmos a programar e o notepad++ abaixo segue o link para vocÊ fazer o download.

http://www.baixaki.com.br/download/notepad-.htm

Pois bem de pois de ter feio o download e instalado iremos começar a festa!!!

Utilizando o notepad++

este editor é bem simples e facil de utilizar.

logo de cara você irá ver um bloco de notas com anotações do programa você fecha esta aba do seguinte modo:
1ºclik com o botão direito sobre a aba
2ºclick em fechar este
pronto a aba esta fechada.

Em seguida que vocÊ feichou está tela você verá o bloco de notas zerado é ai que progamaresmos.






Primeiro Post

Olá galera este e meu primeiro post.Aqui você vai aprender como programar iremos começar pelo html.
vamos lá?

mãos a obra!!