ATPS Ferramenta para desenvolvimento Web
Por: Ivone Campos • 8/4/2015 • Trabalho acadêmico • 1.623 Palavras (7 Páginas) • 656 Visualizações
HTML
Definição
O HTML (Hyper Text Markup Language) é a primeira camada do desenvolvimento client-side, responsável por organizar e formatar páginas desde que foi introduzido à internet no início de 1990. A versão mais recente da linguagem é o HTML5, aprovada em 2007, a qual introduz um conjunto de novos elementos que facilitam a estruturação e desenvolvimento front-end, capaz de fornecer uma informação qualitativa sobre os diferentes elementos da página. Tim Berners-Lee foi o desenvolvedor do HTML, projeto que ganhou popularidade na década de 1990. Desde então tal desenvolvimento evoluiu por oito versões: HTML, HTML+, HTML2.0, HTML3.0, HTML3.2, HTML4.0, HTML4.01, HTML5. Em 1997, o grupo de trabalho do W3C, responsável por manter os padrões do código, trabalhou nas versões HTML2.0, HTML3.2, HTML4.0, HTML4.01, HTML5, que tecnicamente foram consideradas oficiais pela W3C. Já a versão HTML3.0 não foi lançada oficialmente, transformando-se na versão HTML3.2. Além disso, as versões HTML e HTML+ foram desenvolvidas anteriormente à criação da W3C. [SILVA 2011].
Desenvolvimento de uma Pagina Web
Conhecer a linguagem HTML para utilizar os códigos fonte de sua pagina;
Utilizar um editor de texto para gerar códigos fonte (Bloco de Notas , Dremweaver, Notepad++, Front Page);
Utilizar um navegador (Browser) para visualizar suas paginas criadas (Internet Explore , Google Chrome, Firefox, Opera, etc).
TAGs
São comandos que compreendem de marcas e padrões que são utilizadas para fazer a indicações a um Browser.
E assim como em outras linguagens os comandos segue algumas regras:
As TAGs devem sempre aparecer entra os sinais de "menor que" (<) e "maior que" (>);
Utilizar TAG de finalização de um comando que é indicada por uma barra (/)
TAGs Básicas para um corpo de site em HTML que são dividas em 4 TAGs
...
...
...
...
São utilizados no inicio e no fim de um documento.
...
Utilizado para indicar parâmetros de configuração do documento, para exibir o titulo na barra de títulos de um browser.
Indica o titulo de um documento para o browser, esta TAG deve sempre estar dentro da TAGs ... .
...
onde fica o conteúdo principal da pagina, ele envolve o corpo do documento.
...
O texto entre e descreve um título.
...
O texto entre e descreve um parágrafo
DOCTYPE é a declaração de ajuda do navegador para exibir a pagina corretamente.
Para exibir o documento corretamente , o navegador deve saber tanto o tipo como a versão.
A declaração DOCTYPE não diferencia Maiúsculas ou Minúsculas, todos os casos são aceitáveis .
Exemplo de um documento em HTML
Meu Primeiro Parágrafo
Meu Primeiro Titulo
CSS
Definição
CSS significa C Ascading S Style S Sheets
CSS define como o elemento HTML vai ser exibido no site
Ele Funciona como Folhas de estilo para o site e são armazenadas em arquivos CSS
CSS poupa tempo e trabalho pois suas definições de estilo são salvas em Arquivos externos.
Com uma folha de estilo externa você pode alterar a aparência de um site inteiro com apenas um arquivo.
Ele consiste em fazer a parte de Aparência do seu site.
O CSS consiste em um Seletor e um bloco de Declaração.
[pic 1]
Exemplo:
p {
color: red;
text-align: center;
}
A Declaração CSS sempre termina com um ponto e vírgula, e os grupos de declaração são cercados por chaves.
P{color: red; text - align: center;}
CSS Comentários
Os comentários são usados para explicar o seu código, e pode ajudá-lo quando você editar o código-fonte em uma data posterior. Os comentários são ignorados pelos navegadores.
Um comentário CSS começa com / * e termina com * /. Os comentários também podem abranger várias linhas:
Exemplo:
p {
color: red;
/* This is a single-line comment */
text-align: center;
}
/* This is
a multi-line
comment */
Seletores CSS
O seletor de elemento seleciona elementos baseados no nome do elemento.
Você pode selecionar todos os elementos em uma página como esta: (todos os elementos estarão alinhadas ao centro, com uma cor de texto vermelho)
Com CSS você consegue utilizar varias folhas de estilo, suponhamos que uma folha de estilo externa tenha as seguintes propriedades para
Exemplo:
h1 {
color: navy;
margin-left: 20px;
}
Diferença Entre HTML e CSS
HTML é usado para estruturar conteúdos. CSS é usado para formatar conteúdos estruturados.
Em tempos passados quando Tim Berners Lee inventou a World Wilde Web, a linguagem HTML era usada somente para estruturar textos. Um autor podia marcar seus textos definindo "isto é um cabeçalho " ou "isto é um parágrafo" usando tags HTML tais como . e
À medida que a Web ganhava popularidade, os designers começavam a sentir a necessidade de encontrar meios de construir layout para os documentos online. Para suprir estas necessidades os fabricantes de navegadores (àquela época a Netscape e a Microsoft) inventaram novas tags HTML tais como, por exemplo a tag que se diferenciava das tags originais do HTML pelo fato de destinar-se à layout — e não à estrutura.
...