Desenvolvimento de WebSites

Prévia do material em texto

*
*
Desenvolvimento de WebSites
Prof. Jemerson Fernando Maia
Desenvolvimento de Interfaces
Curso Superior de Tecnologia em Análise e 
Desenvolvimento de Sistemas
UNIPAR – Universidade Paranaense 
Campus Toledo 
Julho/2013
*
*
Introdução a Internet
Internet é uma rede de computadores conectados em todo o mundo oferecendo diversos serviços:
correio eletrônico;
transferência de arquivos;
web;
chat;
*
*
Introdução a Internet
Esses serviços são disponibilizados por milhares de computadores (Servidores):
permanentemente ligados e conectados à Internet e os usuários lhes solicitam os serviços
*
*
Introdução a Internet
Há servidores para tudo: 
os que oferecem correio eletrônico;
outros tornam possível conversas por chat;
outros para transferência de arquivos ou a visita às páginas web e assim por diante;
Também existe os tipos de servidores que se encarregam de prover acesso à Internet; 
provedores de acesso
*
*
Introdução a Internet
No momento que pedimos um serviço de Internet nos convertemos em clientes do servidor que o oferece.
Para solicitar um destes serviços é necessário contar com um programa especial que costuma ser diferente para cada serviço da Internet.
Outlook - Firefox ou Internet Explorer - MSN
*
*
A Web é um serviço da Internet
Internet é um conjunto de serviços e a web é um deles. 
A Web é um serviço que consiste em um imenso conjunto de páginas conectadas umas às outras por um sistema de hipertexto.
páginas conectadas por links;
*
*
A Web é um serviço da Internet
A web não só se limita a apresentar textos e links. 
Também pode nos oferecer imagens, vídeos, áudios entre vários tipos de apresentações.
Daí vem o termo que é a hipermídia:
conteúdos multimídia.
*
*
Como é uma web por dentro
Quando vemos em um cliente web, uma página web, parece uma só entidade, mas não é assim, ela está composta por uma série de arquivos diferentes como: as imagens, os possíveis vídeos e o mais importante, o código de origem que diz aonde colocar cada texto, cada imagem ou cada vídeo e a forma que estes terão ao serem colocados na página.
*
*
Como é uma web por dentro
De forma resumida, para publicar na Internet necessitaremos construir alguns documentos hipertextos ou hipermídia, com seus correspondentes arquivos de imagens ou vídeos e colocá-los em algum computador que é servidor de páginas web.
*
*
O que é necessário para começar?
Pensar em um tema:
elaborar a idéia e juntar os dados sobre o tema escolhido. 
time de futebol, ecologia, experiências de trabalho.
Pensar na estrutura do site:
é importante pensar na estrutura dos conteúdos de todo o site antes de desenhá-lo:
distintas seções que o site vai conter, a ramificação das páginas que vamos tratar entre outros;
*
*
O que é necessário para começar?
Aplicativos para desenvolvimento:
não há necessidade de novos programas além dos existentes nos SO atualmente, como:
um editor de textos
Bloco de notas, Word, 
cliente web 
Internet Explorer, Mozila Firefox, Opera, Google Chrome, Safari
*
*
O que é necessário para começar?
Para criação web sites mais robustos precisa-se de mais programas:
Editores complexos de páginas web
Editores de imagens
Editores de animações
Editores de vídeos
Editores de som
*
*
O que é HTML?
HTML é uma linguagem com a qual se definem as páginas web.
conjunto de etiquetas (tags) que servem para definir a forma na qual se apresentará o texto e outros elementos da página.
*
*
Arquivo HTML?
O conteúdo HTML deve ser definido em um documento de texto (por isso necessitamos de um editor de textos para escrever uma página web) mas com uma peculiaridade, tem que ter uma extensão .html ou .htm
*
*
Editores do HTML
Trata-se de utilizar um tipo de programa que nos permite desenhar a página como se estivéssemos escrevendo um documento com um editor do tipo Word.
O editor HTML é o encarregado de vê-las como uma linguagem e programar internamente a página com o código HTML.
*
*
Editores do HTML
Com o editor HTML podemos colocar imagens, definir estilos, utilizar negrito e etc, sem nos preocuparmos com as etiquetas correspondentes a cada estilo ou elemento.
É o editor que sabe das etiquetas e que irá utilizá-las convenientemente.
*
*
Editores do HTML
No mercado existe uma série de editores de HTML. O mais popular é:
Dreamweaver;
*
*
Hospedagem
Qualquer serviço que se quer oferecer na Internet tem que provê-lo em um servidor.
No caso de uma página web são os servidores web.
Nossas páginas têm que estar hospedadas em um servidor web para que possam estar acessíveis na Internet. 
*
*
Hospedagem
O que temos que fazer é buscar um lugar para hospedar a página (um servidor) que esteja de acordo com nossas necessidades. 
Em muitos casos poderemos conseguir a hospedagem de forma gratuita.
*
*
Os domínios
Domínio é um nome que serve para localizar e identificar conjuntos de computadores na Internet. O nome de domínio foi concebido com o objetivo de facilitar a memorização dos endereços de computadores na Internet. Sem ele, teríamos que memorizar uma sequência grande de números.
*
*
Os domínios
Como é difícil memorizar endereços IP (que são sequências de números), o DNS (Domain Name Service) permite que se use uma sequência familiar de letras (o “nome do domínio”) em seu lugar. 
Assim, ao invés de digitar "192.0.34.65," você pode digitar "www.icann.org."
*
*
Os domínios
Os domínios têm um nome e uma terminação que indica sua atividade ou procedência territorial. 
Exemplos
yahoo.com: 
yahoo é um nome e .com expressa o âmbito desta página, no caso, âmbito comercial.
baixaki.com.br: 
baixaki é um nome e .com expressa o âmbito comercial e .br procedência territorial.
*
*
Os domínios
Na Internet, existem vários tipos de terminações de domínios. 
São os .com, .org , .net, .edu, .gov entre outros. 
Estes porém, são classificados em dois grupos:
genéricos e ;
territoriais.
*
*
Domínios Genéricos  
São domínios que se destinam a nível internacional, para empresas e pessoas de todo o mundo:
.com Para empresas ou em geral para qualquer web que tenha caráter comercial;
.net Indica uma rede na Internet, a de um provedor de serviços, por exemplo;
.org Destinado para organizações, associações, fundações e demais entidades, muitas vezes com fins benéficos ou sem fim lucrativo.
.edu Reservado para as instituições relativas à educação;
.mil Utiliza-se para as instituições militares;
*
*
Domínios Territoriais
Indicam o território de origem na página. 
Estes domínios somente se destinam às empresas ou às pessoas dos países relacionados com o domínio. 
Como exemplos de domínios territoriais podemos selecionar:
.br para Brasil, 
.es para Espanha, 
.fr para França
*
*
Registro de domínios
O registo de domínios no Brasil é feito pelo Registro.br, departamento do Núcleo de Informação e Coordenação do Ponto BR.
Para registrar quaisquer domínios sob o .br, é necessário entrar em contato com o Registro.br.
*
*
Registro de domínios
Entidades legalmente estabelecidas no Brasil como pessoa jurídica (instituição) ou física (profissional liberal e pessoas físicas) que possua um contato em território nacional podem registrar domínios.
*
*
Domínios gratuitos  
É fácil conseguir um domínio gratuito, mas as empresa que o registra gratuitamente se reserva a todos os direitos sobre os domínios, que podem ser: 
a propriedade ou 
a publicidade colocada 
*
*
Upload de arquivos no servidor  
Para termos um website podendo ser acessado, após registrar um domínio, devemos fazer o upload dos arquivos para o servidor de hospedagem.
Upload de arquivos significa transferir os arquivos do computador local para o servidor.
*
*
Upload de arquivos no servidor  
Existem basicamente duas maneiras de fazer isso:
por FTP ou; 
através de umainterface web
*
*
Por FTP 
É a forma mais tradicional de fazer upload de arquivos.
É mais um serviço da Internet que se utiliza para transferir arquivos pela rede.
Como outros serviços da Internet, para utilizar FTP necessitamos de um programa especial que denomina-se cliente de FTP.
*
*
Por FTP 
Podemos encontrar no mercado muitos desses clientes, um muito popular é Cute FTP.
Uma tarefa que também pode ser complicada à princípio pode ser a de configurar o programa de FTP. 
Os dados de configuração deverão ser obtidos no lugar onde foi oferecido o espaço. 
*
*
Upload de arquivos no servidor  - por FTP 
Os dados normalmente são:
Nome do servidor FTP: 
costuma ter uma forma como ftp.seudominio.com;
Usuário: um nome de usuário
Password: uma senha 
Pode haver um dado adicional, como o diretório padrão (“default”) que é o diretório no qual se deseja abrir a sessão para fazer o envio dos arquivos.
*
*
Por uma Interface Web 
É muito típico que os provedores de hospedagem gratuita provenham uma ferramenta de fácil uso para fazer o upload de arquivos. 
Esta ferramenta é acessada através do cliente web (browser), em alguma sessão do servidor de hospedagem e é nada mais que um formulário onde se pode escolher os arquivos que se deseja fazer upload ao servidor e fazer o envio.
*
*
Documento padrão 
O documento padrão é o arquivo que o servidor que contém os arquivos do website hospedado envia quando o cliente web (browser) não possui especificado qual é o arquivo que deseja visualizar.
*
*
Documento padrão 
Quando escrevemos o endereço http://www.unipar.br/ não estamos especificando nenhum nome de arquivo em concreto, o servidor web onde está hospedado este site web devolve o documento padrão do diretório raiz do domínio. 
*
*
Documento padrão 
Cada servidor web pode estar configurado de uma maneira distinta para o documento padrão, ou seja, em cada servidor web o documento padrão pode ser distinto, mas habitual é que se chame index.html (ou htm).
É importante saber qual é o documento padrão configurado no servidor porque é necessário que salvemos a primeira página de nosso website com esse nome de arquivo.
*
*
Conclusão 
Como vimos anteriormente, ainda haverá um grande crescimento da internet, especificamente referente a conteúdos e serviços web.
Existem muitas tecnologias para realizar o desenvolvimento de websites ricos em conteúdos, animações e multimídia. Cabe a nós estudarmos e nos prepararmos para entrar nesse amplo mercado de trabalho. 
O primeiro passo deve ser familiarizar-se com a linguagem HTML.
*
*
Questionário
O que são servidores na internet?
O que é o serviço WEB? O que é possível mostrar em páginas web?
O que é HTML? 
Qual extensão deve ter um documento contendo código HTML?
O que são editores HTML?
*
*
Questionário
O que são domínios?
Qual a classificação dos domínios? de exemplos?
Onde são registrados domínios e quem pode registrar?
O que é Upload de arquivo? Como pode ser feito?
O que é o Documento Padrão em um website?
*
*
*