Al Automovel

SUMÁRIO

1. FERRAMENTAS PARA DESENVOLVIMENTO WEB --------------------------------------------------------------3

1.1 NETBEANS -------------------------------------------------------------------------------------------------------------------3

1.2 DREAMWEAVER ----------------------------------------------------------------------------------------------------------3

1.3 ECLIPSE-----------------------------------------------------------------------------------------------------------------------3

1.4 NOTEPAD++ -----------------------------------------------------------------------------------------------------------------4

2. DOCUMENTAÇÃO DO PROJETO ----------------------------------------------------------------------------------------4

3. TAGS USADAS-------------------------------------------------------------------------------------------------------------------5

Ferramentas para Desenvolvimento Web

Servidor de aplicações web, são ferramentas que nos ajudam a compilar e executar nossos códigos programados na linguagem de internet.

1) Netbeans:

O Netbeans é uma ótima ferramenta para programação web. Possui integração com diversas linguagens como Java, C , C++, PHP e etc. Ele possui diversos módulos para desenvolvimento web, construção de aplicações de alto nível e apis de desenvolvimento. É utilizado por programadores para codificar, debugar e compilar aplicações. É open-source e de código-aberto.

Para utilizar o Netbeans é necessário instalar a ferramenta Java SDK , um kit para desenvolvimento da Sun Applications.

2) Dreamweaver:

É um programa contido dentro do pacote de aplicativos da Adobe. São utilizado por programadores e web-designers para codificar projetos em ambiente web. Suas funções de auto complete, ferramentas para debug e arquitetura de interfaces são os principais itens que dão destaque a este aplicativo. É uma ferramenta paga, mas que vale a pena o investimento para utilizá-la. Também é compatível com diversas linguagens de programação.

3) Eclipse:

Uma das principais IDE's para desenvolvimento web conhecidas atualmente. É utilizada por muitos programadores para codificação de seus projetos. Voltado para o público de JAVA , mas que possui também plugins e extensões para programação em PHP. IDE open-source e de código aberto.  

4) Notepad++:

Uma ferramenta utilizada por programadores iniciantes e que não possuem conhecimento nos grandes recursos das famosas IDE's. É leve e pode ser feito o download rapidamente pela internet. Possui suporte a um grande número de linguagens de programação.

E também possui alguns recursos famosos das IDE's como auto complete e formatação de códigos personalizados a partir da linguagem de programação.

Documentação do projeto “Portal Al Automóveis”

O portal da Al Automóvel foi desenvolvido na linguagem HTML (Hypertext MarkupLanguage)Esta é uma linguagem utilizada para criar documentos para a WorldWide Web. Este tipo de documento é interpretado pelos navegadores de pagina de internet conhecido também como “browser”

Todo documento HTML possui etiquetas “tags”, palavras entre parênteses angulares (< e >); essas etiquetas são os comandos de formatação da linguagem.

As descrições abaixo é as “tags” do projeto “Portal Al Automóveis”, a identificação das “tags” são por sequencia de linha do código de cada pagina.

Sendo que a linha 1 a 55 são tags da pagina principal “index.html”, linha 56 a 112 são tags da pagina “galeria.html” e da pagina 113 a 171 são tags da pagina “falecomosco.html”.

Apagina “index.html” carrega o layout da primeira pagina, pagina que contem links para outra pagina que será descrita em seguida, informação sobre a impressa “Al Automóveis” e destaque da semana e do portal.

Pagina “galeria.html” contem as fotos, informações e descrição do produto anunciado no portal Al Automóveis.

Pagina “faleconosco.html” contem informações de contato, mapa de localização e formulário de envio de mensagens off-line.

O portal “Portal Al Automóveis” contem um pasta “imagem” aonde são salva todas as imagem contida no portal, esta imagem são deste as figura do site “designer” a imagem do produto anunciado no portal.

TAGS USADAS

No portal é usado a seguinte tags descrita abaixo.

<html><!-- Tag de inicio do documento HTML -->

<meta><! --Carregar os caracteres especifico para português -->

<head><!-- Tag para iniciar o cabeçalho -->

<title><!-- Tag de inicio e fim do titulo do documento-->

<body><!-- Tag para inicializar o corpo do documento -->

<style><!—definir estilo da pagina-->

<table><!-- Tag para iniciar tabela -->

<div><!— define um bloco ou container na página-->

<img><!— imagem seja apresentada na página-->

<p><!--define paragrafo-->

<b><!— fonte em negrito-->

<tr><!—criar linha-->

<td><!—criar coluna -->

<h1><!— define o tamanho da fonte-->

<a><!— para criar um link para-->

<form><!— controles de entrada de dados-->

<input><!— coletar entrada de dados -->

<textarea><!— coletar entrada de dados -->

<center><!—centraliza -->

<small><!—diferencia um fonte descrita-->

A tag seguinte “</>” tem a função de fechar cada tag usada.

SUMÁRIO

1. FERRAMENTAS PARA DESENVOLVIMENTO WEB --------------------------------------------------------------3

1.1 NETBEANS -------------------------------------------------------------------------------------------------------------------3

1.2 DREAMWEAVER ----------------------------------------------------------------------------------------------------------3

1.3 ECLIPSE-----------------------------------------------------------------------------------------------------------------------3

1.4 NOTEPAD++ -----------------------------------------------------------------------------------------------------------------4

2. DOCUMENTAÇÃO DO PROJETO ----------------------------------------------------------------------------------------4

3. TAGS USADAS-------------------------------------------------------------------------------------------------------------------5

Ferramentas para Desenvolvimento Web

Servidor de aplicações web, são ferramentas que nos ajudam a compilar e executar nossos códigos programados na linguagem de internet.

1) Netbeans:

O Netbeans é uma ótima ferramenta para programação web. Possui integração com diversas linguagens como Java, C , C++, PHP e etc. Ele possui diversos módulos para desenvolvimento web, construção de aplicações de alto nível e apis de desenvolvimento. É utilizado por programadores para codificar, debugar e compilar aplicações. É open-source e de código-aberto.

Para utilizar o Netbeans é necessário instalar a ferramenta Java SDK , um kit para desenvolvimento da Sun Applications.

2) Dreamweaver:

É um programa contido dentro do pacote de aplicativos da Adobe. São utilizado por programadores e web-designers para codificar projetos em ambiente web. Suas funções de auto complete, ferramentas para debug e arquitetura de interfaces são os principais itens que dão destaque a este aplicativo. É uma ferramenta paga, mas que vale a pena o investimento para utilizá-la. Também é compatível com diversas linguagens de programação.

3) Eclipse:

Uma das principais IDE's para desenvolvimento web conhecidas atualmente. É utilizada por muitos programadores para codificação de seus projetos. Voltado para o público de JAVA , mas que possui também plugins e extensões para programação em PHP. IDE open-source e de código aberto.  

4) Notepad++:

Uma ferramenta utilizada por programadores iniciantes e que não possuem conhecimento nos grandes recursos das famosas IDE's. É leve e pode ser feito o download rapidamente pela internet. Possui suporte a um grande número de linguagens de programação.

E também possui alguns recursos famosos das IDE's como auto complete e formatação de códigos personalizados a partir da linguagem de programação.

Documentação do projeto “Portal Al Automóveis”

O portal da Al Automóvel foi desenvolvido na linguagem HTML (Hypertext MarkupLanguage)Esta é uma linguagem utilizada para criar documentos para a WorldWide Web. Este tipo de documento é interpretado pelos navegadores de pagina de internet conhecido também como “browser”

Todo documento HTML possui etiquetas “tags”, palavras entre parênteses angulares (< e >); essas etiquetas são os comandos de formatação da linguagem.

As descrições abaixo é as “tags” do projeto “Portal Al Automóveis”, a identificação das “tags” são por sequencia de linha do código de cada pagina.

Sendo que a linha 1 a 55 são tags da pagina principal “index.html”, linha 56 a 112 são tags da pagina “galeria.html” e da pagina 113 a 171 são tags da pagina “falecomosco.html”.

Apagina “index.html” carrega o layout da primeira pagina, pagina que contem links para outra pagina que será descrita em seguida, informação sobre a impressa “Al Automóveis” e destaque da semana e do portal.

Pagina “galeria.html” contem as fotos, informações e descrição do produto anunciado no portal Al Automóveis.

Pagina “faleconosco.html” contem informações de contato, mapa de localização e formulário de envio de mensagens off-line.

O portal “Portal Al Automóveis” contem um pasta “imagem” aonde são salva todas as imagem contida no portal, esta imagem são deste as figura do site “designer” a imagem do produto anunciado no portal.

TAGS USADAS

No portal é usado a seguinte tags descrita abaixo.

<html><!-- Tag de inicio do documento HTML -->

<meta><! --Carregar os caracteres especifico para português -->

<head><!-- Tag para iniciar o cabeçalho -->

<title><!-- Tag de inicio e fim do titulo do documento-->

<body><!-- Tag para inicializar o corpo do documento -->

<style><!—definir estilo da pagina-->

<table><!-- Tag para iniciar tabela -->

<div><!— define um bloco ou container na página-->

<img><!— imagem seja apresentada na página-->

<p><!--define paragrafo-->

<b><!— fonte em negrito-->

<tr><!—criar linha-->

<td><!—criar coluna -->

<h1><!— define o tamanho da fonte-->

<a><!— para criar um link para-->

<form><!— controles de entrada de dados-->

<input><!— coletar entrada de dados -->

<textarea><!— coletar entrada de dados -->

<center><!—centraliza -->

<small><!—diferencia um fonte descrita-->

A tag seguinte “</>” tem a função de fechar cada tag usada.