Isabela Web desing

quinta-feira, 10 de janeiro de 2013

1.5 Salvando uma Página

Vamos agora criar uma página contendo a estrutura básica de uma página HTML. Vá até o Bloco de notas do Windows, e digite o seguinte código:

<HTML>

<HEAD>
<TITLE> PÁGINA PRINCIPAL </TITLE>

</HEAD>
<BODY>

ESTA É UMA PÁGINA HTML.

</BODY>
</HTML>

Após digitá-lá, salve o arquivo seguindo os passos:

Abra o menu Arquivo e clique em Salvar como;
Na janela Salvar Como escolha a opção Todos os arquivos no campo Salvar como tipo;
No campo Nome do arquivo digite o nome minhaprimeirapagina.htm e clique no botão Salvar.

Dica: Para que o bloco de notas salve a página no formato correto, e não como um arquivo *.txt,você pode digitar o nome do arquivo entre aspas.
Em nosso exemplo,seria:"minhaprimeirapagina.htm".

Agora, para visualizar a página que você acabou de criar,deverá utilizar o Internet Explorer ou qualquer outro navegador de sua preferência. Lembre-se que não precisa estar conectado á Internet. Isso porque a página que irá acessar está disponível no HD do seu computador.
Para a página ser aberta clique 2 vezes com o botão esquerdo do mouse sobre o arquivo.

quarta-feira, 9 de janeiro de 2013

1.5 Estrutura básica de um documento HTML

Um programa HTML é dividido em três partes básicas:a estrutura principal,o cabeçalho e corpo de texto.
A estrutura básica de um documento HTML são as linhas obrigatórias e essenciais para um bom funcionamento de uma página Web.

Observe a estrutura:

<HTML>

            <HEAD>

                             <TITLE> TITULO DA PÁGINA </TITLE>

           </HEAD>

   <BODY>

                     AQUI SERÁ MONTADA A PÁGINA.

   </BODY>

</HTML>

Essas tags aparecem apenas uma vez nos arquivos HTML,e são responsáveis por montar as partes da página.
Agora vamos ver o que significa cada parte dessa listagem:

A tag <HTML> situada no início do documento e a tag de fechamento </HTML>,localizada no final do documento, são usadas para delimitar o início e fim da página.

A tag <HEAD> contém o cabeçalho do documento HTML:é uma coleção não-ordenada de informações sobre o documento para fins de classificação e indexação.

Atag <TITLE> deve ser colocada no cabeçalho do documento, ou seja,dentro da estrutura <HEAD></HEAD>. O texto delimitado pelas tags <TITLE></TITLE> é exibido na barra de título da janela do navegador.

O corpo do documento é delimitado pelas tags <BODY></BODY>.Ou seja ,todo o conteúdo do documento, incluindo imagens ,textos e links, deve estar localizado dentro dessas tags.

Essas são as tags básicas para construir uma página em HTML.Nos próximos itens iremos aprender sobre as demais tags na construção do corpo da página.

terça-feira, 8 de janeiro de 2013

1.4 Tags HTML

Os comandos em HTML são chamados de tags (ou rótulos), e eles irão dizer ao navegador como o texto, a informação e as imagens serão formatadas e exibidas. Por exemplo, uma tag pode dizer que um determinado texto será exibido em negrito, itálico e com um tipo de fonte qualquer.Além de formatação de texto uma tag também pode dizer que na verdade um determinado bloco desse texto está ligado á um endereço para outra página Web.
As tags HTML são identificadas pelos pelos símbolos <> (em uma tag de abertura) e </> (em uma tag de fechamento ). Ou seja, quando você especifica uma tag de abertura para a formatação de um bloco de texto, você deverá também , especificar a tag de fechamento, logo no final desse bloco de texto.Portanto, a maioria das tags são duplas.
O formato mais comum é:

<nome da tag> </ nome da tag>

Nota: As tags HTML não são sensíveis a maiúsculas e minúsculas, ou seja, tanto faz escrever <HTML><Html><html><HtML>.

1.3 Visualizando uma Página HTML

Para desenvolver páginas HTML não é necessário estar conectado todo tempo na Internet, mas a presença de um navegador é essencial.
Existem vários navegadores no mercado que podem ser utilizados para visualizar as páginas:

Microsoft Internet Explorer
Mozilla Firefox
Safari
Netscape Navigator
Opera

Antes de começar a criar as páginas crie uma pasta de fácil acesso,como, por exemplo, a área de trabalho, para salvar os arquivos que constituirão o site.

Após salvar o arquivo da página com a extensão .htm ou .html, abra-o em seu navegador para visualizar a página.

1.2 Publicação de páginas na Internet

Após desenvolver uma página em HTML é necessário publicá-la na Internet para que as pessoas posam ter acesso ao seu conteúdo. Para disponibilizar uma página permanentemente na Web, ela precisa ter um endereço fixo e estar alojada em um servidor.
Existem vários provedores de acesso que oferecem esse serviço gratuitamente para seus assinantes. Para sites com fins lucrativos, geralmente são hospedados em servidores de espaço pagos, mas há vários servidores que oferecem espaços gratuitos para publicação de páginas.
Definido o local de hospedagem, é necessário enviar os arquivos via FTP para o servidor, a partir desse momento suas páginas estarão disponíveis para acesso.

segunda-feira, 7 de janeiro de 2013

Elementos Básicos-1.1- Introdução

Todas as informações que encontramos na Internet, estão localizadas em páginas constituídas por um linguagem chamada HTML.
A linguagem HTML (Hypertext Markup Language), é uma linguagem de marcação utilizada para introduzir páginas na Web. Foi criada por Tim Berners-Lee, o inventor da Web.
O HTML é formado por uma seqüência de comandos em texto puro, que podem ser escritos em um editor de texto, e que são interpretados pelo navegador.
Tudo o que precisamos fazer é escrever os comandos corretos num editor de texto puro, como o bloco de notas do Windows, salvar o arquivo com extensão .htm ou .html, e pronto.
Os programas mais populares para edição de páginas Web como FrontPage e Dreamweaver, criam o HTML automaticamente. Enquanto estamos arrastando imagens pra lá e para cá,ou criando tabelas, o programa gera automaticamente o código correspondente. Estes editores são chamados de WYSIWYG(what you see is what you get).
Algumas vezes , apesar das melhorias, o código gerado por esses programas contém muita "sujeira" incluindo comandos desnecessários, e até mesmo problemas de exibição da página. É nessas horas que é necessário o conhecimento de HTML, pois conhecendo a linguagem,você poderá resolver o problema botando a mão na massa.
Apesar dos sistemas de automação presente na maior parte dos sites profissionais, normalmente é exigido um conhecimento mínimo de HTML de quem trabalha na parte de redação ou manutenção do conteúdo.
Atualmente, o HTML trabalha também em conjunto com outras tecnologias, como JavaScript e CSS, que proporcionam páginas mais interativas e criativas.

Lista de Siglas e Abreviaturas

ASCII- American Standard Code for Information Interchange. Código de caracteres utilizado para transferir informações usando 7 bits.

ASP- Active Server Page . É uma especificação para páginas geradas automaticamente no servidor, de acordo com a requisição do navegador.Geralmente são criadas com código ActiveX, VB Script ou Jscript.

CGI-Interface de programação que permite que um servidor HTTP tenha permissão para rodar programas na máquina servidora, de acordo com instruções dadas pelo cliente.

CSS-Cascading Style Sheets. A mais popular das especificações do W3C sobre folhas de estilo para páginas HTML .

FTP-File Transfer Protocol. Protocolo utilizado para transferir arquivos em uma rede TCP/IP.

GIF-Graphics Interchange Format. Padrão de compressão de imagens da Compuserve. Bastante popular na Internet.

HD-Hard Disk. Disco Rígido.

HTML-Hyper Text Markup Language. Linguagem de marcação baseada em SGML utilizada para publicar informações na WWW.

HTTP-Hyper Text Transfer Protocol. Protocolo de transferência otimizando para lidar com sistemas de hipertexto. É o protocolo mais usado na WWW.

IP-Internet Protocol. Protocolo utilizado para identificar e distinguir redes diferentes na Internet e em qualquer rede TCP/IP.

JPEG-Joint Photographic Experts Group. Padrão de compressão de imagens. Bastante utilizado na Web. Os arquivos JPEG são menores que os arquivos GIF, porém perdem em qualidade gráfica.

KB-Significa Kilobyte. É uma medida de armazenamento de espaço em disco igual a 1.024 bits.

PHP-Hypertext Preprocessor. É uma linguagem de programação de computadores interpretada, livre e muito utilizada para gerar conteúdo dinâmico na Web.

TCP/IP-Transport Control Procotol/Internet Protocol. Família de protocolos que garante a intercomunicação entre os diferentes computadores que compõem a Internet. Além dos protocolos TCP e IP , fazem parte da família TCP/IP os protocolos Telnet, FTP, HTTP, NNTP (news), SMTP (mail), POP (mail), PPP, SLIP, entre outros.

URL-Universal Resource Locator . Endereço que permite a localização de qualquer recurso na Internet através de uma sintaxe única e uniforme .

WWW-World Wide Web - Ambiente hipermídia formado pela teia de ligações entre documentos e recursos multimídia armazenados em servidores Internet em todo o mundo.