Dreamweaver 8 Colorado Projeto 3 Instruções

Universidade do Estado de Colorado, com campi em Fort Collins , Denver e Pueblo, bem como uma faculdade em linha , desenvolveu uma abordagem de " estrutura de primeira " para o design do site que aborda a necessidade de conteúdo que foi " marcado com tags HTML estruturais. " A universidade desenvolveu esta abordagem de empregar software Dreamweaver 8 , em um esforço para ajudar os alunos , professores e outros criam sites flexível que será facilmente acessível em dispositivos portáteis , leitores de tela e outras technologies.Things você precisa
Dreamweaver MX (8 ) software
software Microsoft Word
Show Mais instruções
1

Criar uma nova página no Dreamweaver 8. Under " categoria ", selecione " página Básico " ea página HTML básico . Verifique duas vezes para ter certeza de que esta nova página é " XHTML 1.0 Tradicional " e clique em " Criar". Em seguida, o título da página com uma descrição sucinta , com informações específicas que vem em primeiro lugar. Por exemplo: " . Perfil do estudante --- Computador Departamento de Informação --- Colorado State University " Agora salve a página como " design.html ".
2

Produzir os quatro "divisões" chave da página , que são o cabeçalho, navegação, conteúdo e rodapé. Cada um será criado usando a tag

divisão para a designação . Como " linguagem de marcação ", HTML oferece estrutura. Por exemplo , o

designação ou tag divide o texto em parágrafos , enquanto o

tag indica um título de primeiro nível. Depois de inserir as quatro marcas , a página mostrará quatro caixas empilhadas. Em ordem decrescente que será " o conteúdo de cabeçalho ID ", " conteúdo para navegação ID ", " ID de conteúdo para conteúdo " e " conteúdo para id rodapé. "
3

Gerar cinco novos páginas a partir do molde , o que vai ser marcado como " services.html , " " staff.html , " " training.html , " " nome.htm " e " index.html ". Em cada página você irá inserir o nome apropriado --- Por exemplo, serviços ou pessoal . No entanto, para a página inicial ou index.html , deixar a marca do jeito que está e substituir o título home page para a Cabeça 1 e salve como "index.html ". Ao invés de fechar a página , visualizá-lo no navegador , e verifique seus diversos elos . Se tudo estiver funcionando , feche a página inicial.
4

alterar e modificar páginas individuais. Abra o documento do Word que contém o conteúdo para as páginas da web e copiar o texto desejado para uma página individual . No exemplo CSU , selecione " conteúdo da home page ", copie o texto apropriado e , no Dreamweaver, colar as informações copiadas na página área de conteúdo. Siga este procedimento para as outras páginas que você criou.
5

Insira fotos ou imagens para melhorar a aparência de suas páginas. Por exemplo , a página de prática CSU tem o nome " David Greene. " Para inserir sua foto , coloque o cursor na frente do nome, escolha a opção " Inserir> Imagem " e selecione " david_thumbnail.jpg ". Você pode então marcar a imagem com o nome dele.