Analise E Desenvolvimento Em Sistemas
Trabalho Escolar: Analise E Desenvolvimento Em Sistemas. Pesquise 860.000+ trabalhos acadêmicosPor: leandromtorres • 30/10/2014 • 977 Palavras (4 Páginas) • 262 Visualizações
2 DESENVOLVIMENTO
Apartir de agora serão abordados os passos para o desenvolvimento de uma página de internet, como são conhecidos os comandos dessa linguagem de marcação de texto. como salvar um documento e sua estrutura básica.
3 O QUE É UM DOCUMENTO HTML?
HTML significa Hyper Text Markup language. Um arquivo HTML contém pequenas tags de marcação, as TAGS indicam o navegador de como o browser vai mostrar a página.
Todo documento html apresente elementos entree parênteses angulares, esses elementos são as TAGS de HTML, que são os comandos de formatação, maioria das TAGS tem na sua maioria um fechamento: <tag>...</tag>. Isso é necessário para marcarmos a parte do texto que queremos formata-los, algumas TAGS não precisam ser fechadas.
3.1 ESTRUTURA BASICA DE UM DOCUMENTO HTML
Figura 1 - Estrutura básica
Fonte: http://juliobattisti.com.br/tutoriais/davidoliveira/frontpagebasico002.asp
4 O QUE SÃO TAGS
TAGS são rótulos usados para informar ao browser como deve ser apresentada a página. Todas as TAGS tem o mesmo formato: começam com um sinal de menos "<" e acabam com o sinal de maior ">".
Existem dois tipos de TAGS - TAGS de abertura: <comando> e TAGS de fechamento: </comando>. A diferença entre elas é que na TAG de fechamento existe uma barra "/".
Tudo que estiver entre uma TAG de abertura e uma TAG de fechamento será processado segundo o comando inserido na TAG. Agumas TAGS possuem sua abertura e fechamento em uma só TAG, essas TAGS contém comandos que não necessitam de um conteúdo para serem processadas, isto se chama TAGS de comandos isolados, por exemplo a TAG de quebra de linha conhecida como <br>.
4.1 LISTA DE TAGS COMUNS
TAGS Básicos
• <html></html> - Inicia/termina um documento HTML;
• <head></head> - Define a área do cabeçalho, com elementos não visualizados na página;
• <body></body> - Define a área visível do documento.
CABEÇALHO
• <title></title> - Coloca o nome da página na barra de titulo da janela.
ATRIBUTOS DO CORPO
• <body bgcolor=?> - Cor de fundo;
• <body text=?> - Cor de texto;
• <body link=?> - Cor dos links;
• <body vlink=?> - Cor dos links previamente visitadas;
• <body alink=?> - Cor do link ativo.
TEXTO
• <b></b> - Texto em negrito;
• <i></i> - Texto em itálico;
• <tt></tt> - Texto estilo maquina de escrever, monoespaçamento;
• <font size=?></font> - Tamanho das letras;
• <font color=?></font> - Cor das letras;
• <font face=?></font> - Define a fonte utilizada.
FORMATAÇÃO
• <p></p> - Define a área de um paragrafo;
• <p align=?> - Alinhamento de um paragrafo;
• <br> - Insere uma quebra de linha;
• <div align=?> - “TAG” genérica utilizada para formatar bloco de textos.
5 IMAGENS
A TAG utilizada para inserir imagens é a <img/>, que pode ser aberta e fechada no mesmo bloco da TAG. Além disse precisamos informar o endereço da imagem ao browser, para isso usamos o comando src.
É importante observarmos que o link da imagem sempre deve terminar com o nome da imagem (.) e a sua extensão. E se a imagem estiver em uma pasta separada do documento HTML, devemos inserir o caminho das pastas até chegar na imagem desejada.
5.1 INSERINDO IMAGENS
Segue abaixo os comandos para inserir imagens em sua página.
• <img src=”link_da_imagem”>
• <img src=”minha_pasta/minha_imagem.jpg”>
5.2 MANIPULANDO IMAGENS
Para manipularmos imagens de acordo com a nossa preferência possuímos vários comandos, nos quais listaremos abaixo.
5.2.1 COMANDOS DE RECIMENCIONAMENTO
Os comandos de redirecionamento servem para formatarmos a imagem em todos os sentidos, como por exemplo a altura e largura. São eles: width (largura), heigth (altura).
Os valores normalmente usados para estes comandos são em pixels. Devemos sempre estar atentos ao redimensionamento de imagens, se aplicarmos um tamanho muito distante do original a imagem irá ter uma perda considerável de sua qualidade.
Segue abaixo um exemplo.
• <img width=”300px” height=”300px” src=”imagens/imagem.jpg”>
5.2.2 COMANDOS DE ALINHAMENTO
O comando para o alinhamento é o align, que tem como principais os seguintes valores:
• Left – Alinha a imagem a esquerda;
• Right – Alinha a imagem a direita;
• Top – Alinha a imagem com o topo do elemento mais alto de sua linha;
• Bottom – Alinha a imagem com a base mais baixa dos outros elementos da sua linha.
Exemplo
• <img
...