WFLORIPA – Prof. Willians Silva

PCC – PROJETO DE CONCLUSÃO DE CURSO

INÍCIO em 11/03, APRESENTAÇÃO em 26/03

OBJETIVOS: Criar um web site, contendo os requisitos técnicos abaixo,  e utilizando as competências desenvolvidas no curso, preparar documentação impressa (briefing, proposta, estruturação de preços, cronograma do projeto, layout gráfico) à ser entregue em mãos na apresentação do mesmo.

Requisitos técnicos mínimos:

1.     Tema livre (use bom senso);
2.    Layout gráfico do site em resolução de vídeo 1024×768;
3.     Estrutura em Template e tabelas;
4.     Inserção de conteúdos { textos, imagens, 2 videos;
5.    1 formulário de contatos{ 5 campos;
6.    Ferramentas do Google{ analyctics e maps;
7.    Menu de botões {Fireworks ou Flash;
8.    Mínimo de 3 flashs;
9.    Meta tags para facilitar as buscas nos buscadores;
10. Mínimo de 5 áreas;
11. Publicar na web.

Passos:

I – Elaborar o cronograma de tarefas;
II – Criar o Layout Gráfico no Fireworks!
III – Estruturar o template no Dreamweaver
IV – Criar as páginas de Conteúdos
V – Criar os Flashs e Multi-midias
VI – Correções ortográficas e ajustes
VII – Publicação

Abraços, Prof. Willians

Importante! estas explicações são exclusivas para meus alunos do curso de web,  muitas informações não estão citadas aqui, foram faladas em aula.

Salve Galera!

ai vai a pedidos .. a receitinha de bolo..

I – lembrando.. cria a pasta raiz do site, vai no menu site/new e cadastra esse novo site apontando pra pasta raiz…

II – crie uma pagina em html em branco(file/new/general/create) e salve como layout.html(ctrl + s);

III – faça a “sua” estrutura do site ex.: (monte uma tabela 3 x 1, na primeira linha coloque o menu, na segunda linha fica reservada para o conteudo e na terceira linha coloque as informações do rodapé) e salve (ctrl + s);

IV – salve como template: file/save as template, nomeie esse template(na janelinha que irá abrir);

V – clique na célula (da tabela) ou no local onde será inserido a região editável, inserir pela barra common – Templates: Editable Region, nomeie como conteudos.. e salve (ctrl + s) e feche o arquivo;

VI – vamos agora inserir novas paginas usando o modelo criado, vá em: file/new/templates/ escolha o seu site com o modelo correspondente e create.

VII – salvar essa nova pagina criada (ctrl +s) e inserir o conteudo dentro da área editavel.

VIII – repetir o processo do item VI para todas as páginas…

IX – depois de todas as pagina criadas, vá nas pasta templates, e abra o seu arquivo .dwt, selecione os seus links e aponte para as páginas, criando os links, após salve o arquivo (ctrl +s)

x – feche o template, abra o seu index.html e com F12 visualize no seu navegador e teste.

abraço

Willians

Importante! estas explicações são exclusivas para meus alunos do curso de web,  muitas informações não estão citadas aqui, foram faladas em aula.

As Janelas pop-up, são aquelas janelinha que abrem em cima da página do site, geralmente contendo fotos, ou conteúdos promocionais, etc..

I – Abra no Dreamweaver 8, uma nova página em html(File/New/Create), salve-a com o nome publicidade.html, escreva algum texto ou coloque um contéudo qualquer inserido nessa página.

II – Abra uma nova página, em html, salve-a com o nome produtos.html (ou qualquer outro nome), escreva um um pequeno texto. “para inserir um link, referenciando a página publicidade.html” (exemplo: Clique AQUI para saber das promoções ! )

III – Selecione a palavra “Aqui” (referida no item acima), e na barra de properties, opção links, escreva: javascript:; (esse comando em js, deixará o texto “Aqui” com propriedades de links, porém não levará a lugar nenhum)

IV – Selecione a palavra “Aqui” (onde foi realizado o link), e acima da barra de properties (onde é mostrado as tags) selecione a tag <a>;

V – Na lateral esquerda do Dreamweaver, vá no painel Tag Inspector/Behavior/+/Open Browser Window, clique no botão Browse, e escolha a página (publicidade.html), logo abaixo na opção Window Width e Height, insira as medidade de Largura e Altura da página que será aberta(ex.: 400 e 300), após salvar (ctrl + s);

VI – Teclar F12 para visualizar no navegador, clique no link para ver a janela..

Obs.: ser for abrir a janela pop-up com foto, nas opções do behavior, insira a largura e altura exatamente do tamanho da foto.

Se você quiser que a janela pop-up abra junto com o carregamento da página, isto é, sem ter de clicar, selecione a tag <body> (na opção que mostra as tags, acima da barra properties) e seguir as mesmas instruções acima, de configuração do painel behaviors…

Boa Sorte