Antes de começarmos a fazer isso, vamos primeiro analisar esta página. Dê uma olhada no que é usado nesta página.
□O título "Minha página inicial" no topo da página web é um parágrafo de texto.
□No meio da página web há uma imagem.
□A mensagem de boas-vindas na parte inferior é um parágrafo de texto.
□O plano de fundo da página da web é de uma cor roxa profunda.
Depois de conceber a estrutura desta página web, podemos começar a fazê-la.
Primeiro inicie o Dreamweaver e certifique-se de ter criado um site (diretório raiz) usando o gerenciador de sites.
Para comodidade da produção, abra o gerenciador de recursos com antecedência e colete as imagens a serem utilizadas na pasta de imagens do diretório do site.
[ Inserir texto do título]
Entre no estado de visualização de design de edição de página. Em circunstâncias normais, o padrão do editor é o alinhamento à esquerda, o cursor pisca no canto superior esquerdo e a posição do cursor é a posição do ponto de inserção. Se quiser inserir o texto no centro, clique no botão Centro no painel de propriedades. Inicie o método de entrada em chinês e insira as quatro palavras "Minha página inicial". Não importa se a fonte é pequena, podemos configurá-la.
[Definir o formato do texto] Selecione o texto e defina o formato da fonte para a fonte padrão no painel de propriedades acima. O tamanho da fonte pode ser alterado à vontade. E selecione “B” para deixar a fonte em negrito.
[Defina a cor do texto] Primeiro selecione o texto, clique no ícone de seleção de cores no painel de propriedades e use o conta-gotas para selecionar a cor no seletor de cores pop-up.
[Defina o título e a cor de fundo da página da web]
Clique no menu "Modificar" e selecione "Propriedades da página". O sistema abre a caixa de diálogo de propriedades da página (conforme mostrado abaixo)
Preencha o título "Minha página inicial" na caixa de entrada do título.
Definir cor de fundo: O plano de fundo da página da web pode ser uma imagem ou uma cor. Neste caso é a cor. Abra o seletor de cor de fundo conforme mostrado acima para selecionar. Se você deseja definir o plano de fundo para uma imagem, clique no botão "Procurar" da imagem de plano de fundo. O sistema abrirá uma caixa de diálogo de seleção de imagem. Selecione o arquivo de imagem de plano de fundo e clique no botão OK.
No estado de visualização de design, clique com o mouse no espaço em branco à direita do título "Minha página inicial", pressione Enter para alterar uma linha e siga as etapas abaixo para inserir uma imagem e centralizá-la. Você também pode alinhá-lo à esquerda usando o botão Alinhar à Esquerda no painel Propriedades.
【Inserir imagem】Escolha qualquer um dos seguintes métodos:
(1) Use o menu Inserir: Selecione "Imagem" no menu "Inserir", a caixa de diálogo "Selecionar arquivo de origem da imagem" aparecerá, selecione o arquivo de imagem e clique em OK. Conforme mostrado abaixo:
(2) Use a coluna de inserção: Clique no botão do objeto da coluna de inserção> botão Selecionar, a caixa de diálogo "Selecionar arquivo de origem da imagem" aparecerá e o restante das operações serão iguais às anteriores.
(3) Utilize o painel "Recursos" do grupo de painéis (conforme mostrado abaixo): clique no botão, expanda a pasta de imagens no diretório raiz, selecione o arquivo e arraste-o para a posição apropriada na área de trabalho com o mouse.
Obs: Para comodidade de gerenciamento, colocamos as fotos na pasta “imagens”. Se houver poucas fotos, você também pode colocá-las no diretório raiz do site. Observe que o nome do arquivo deve ser nomeado em inglês ou Pinyin e em letras minúsculas, e não pode estar em chinês, caso contrário, haverá alguns problemas.
Uma imagem é inserida. (Insira o arquivo de animação *.swf, selecione o menu "Inserir" > Mídia > Flash).
[Insira o texto de boas-vindas]
Clique no espaço em branco à direita da imagem e pressione Enter para quebrar a linha. Ainda seguindo o método acima, insira o texto "Bem-vindo..." e depois use o painel de propriedades para definir o texto.
Salve a página.
Uma página simples foi editada assim.
[Visualizar página da web] Pressione F12 no editor de páginas para visualizar o efeito da página da web.
A primeira página do site, que é a página inicial, geralmente é chamada de index.htm ao salvar.
[Resumo] Criamos uma página web simples.
São quatro conteúdos:
①Configurações de inserção e alinhamento de imagens;
② Configurações de formato de texto, cor e negrito;
③Definir a cor de fundo;
④Visualize a página da web para ver o efeito real.
Você não deve apenas dominá-lo, mas também praticá-lo repetidamente.