# Links 3

Introdução Joomla
Joomla é um Sistema de gestão de conteúdos, é desenvolvido em PHP e pode ser executado no servidor Web Apache ou IIS e base de dados MySQL. Asssistir videos aulas :

http://blog.joomtus.com/search/label/Curso%20B%C3%A1sico%201


http://www.comocriarmeusite.com.br/joomla/

# Links 2

Ferramentas basicas do photoshop

http://www.youtube.com/watch?v=qbkzNfVsOmM&feature=related

Template para blog

http://www.youtube.com/watch?v=JcVMc9MlS88

http://www.youtube.com/watch?v=yEhCsDgZng4&feature=related
http://www.youtube.com/watch?NR=1&feature=endscreen&v=yNwGOkjIlSE

http://www.youtube.com/watch?v=ZJNIFKJXzXk&feature=related
http://www.youtube.com/watch?v=G3A7StcYw4o&feature=related

Logo

http://www.youtube.com/watch?v=dF4gyOvBoH8

http://www.youtube.com/watch?v=QRhqVkMaBRA&feature=related


Banner

http://www.youtube.com/watch?v=kaAFF-rxq-Y&feature=related

http://www.youtube.com/watch?v=H2-RQwhR6rA&feature=related


Botão

http://www.youtube.com/watch?v=jAx7PYUpA_E

http://www.youtube.com/watch?v=Eja5OQl0H-E&feature=related

# Links 1

Para darmos início as práticas usaremos a ferramenta Notepad++. A diferença desse programa para o Notepad que vem no windows é que ele reconhece e interpreta a linguagem em que estamos trabalhando.


Baixar e instalar o Notepad++ :

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



Como utilizar um CSS diferente para cada navegador?


http://www.ogenial.com.br/blog/css-diferentes-navegador/

http://www.maujor.com/tutorial/csscribsheet.php


 Tabelas de cores:

http://kuler.adobe.com/#themes/rating?time=30

http://www.colorotate.org/

# Lição 4

Desenvolva um layout no Photoshop e monte-o em HTML+CSS para uma empresa fictícia, com, pelo menos, as seguintes características:

TOPO
 » Logotipo
 » Imagem Ilustrativa
 » Menu horizontal

MEIO
» Coluna lateral esquerda
» Coluna lateral direita
   - Página Inicial: Últimas atualizações, Artigos, Destaques, etc.
   - Outras páginas: Título da página e conteúdo do mesmo.

RODAPÉ
» Créditos

O site deverá ter no mínimo 3 páginas, além da página inicial.
A posição dos elementos do layout podem variar como preferir.


Segue abaixo Exemplos de layouts:

# Lição 3

Fazer um site pessoal de um(a) escritor(a).
Escolha um(a) escritor(a) no link abaixo e faça um site de acordo com os exemplos ilustrados:

Para auxiliar você, segue um link: http://www.maujor.com/tutorial/divmania.php

# Lição 2

Ler do cap 5 ao 9 (Pular o cap 8, sobre frames)

Fazer uma pagina em HTML que possua um texto descritivo de uma empresa fictícia e um menu com os seguintes links:

- Formulário de contato

- Vagas.

Cada link deverá direcionar para sua respectiva página.

Na página de Formulário de Contato o formulário deverá conter os seguintes campos:

>Nome

> Data de Nascimento

> Sexo

> Telefone

> Curso> E-mail

> Mensagem

Na página de Vagas deverá ser feito uma tabela para cada tipo de vaga com os seguintes campos.

> Nome da Vaga

> Numero de vagas oferecidas

> Numero de vagas para deficientes

> Requisitos para ocupação da vaga

> Turno.

Quantidade de tipo de vagas: 6

O tema é livre.

# Lição 1

OBS.:Iremos usar a ferramento Notepad++ para escrever os códigos.

Tutoriais Web: http://www.clem.ufba.br/tuts/default.htm

- Ler do Cap01 ao Cap04 da apostila.

- Exercício:
  
Fazer uma página em html com seu perfil.
O perfil deverá ter as seguintes informações e elementos:

> Nome
> Data de Nascimento
> Curso
> E-mail
> Descrição  breve sobre você
> Foto pequena
> Galeria de Fotos (Miniaturas de fotos com link para a foto aumentada)
> Redes sociais (Links externos)

Use o máximo do que aprendeu até então. Faça de maneira simples e organizada.
Enviar exercício feito para: larissa_lia_@hotmail.com