Curso Técnico em Desenvolvimento de Sistemas em Ead Programador de Sistemas Web I

Curso Técnico em Desenvolvimento de Sistemas em
EaD
PROGRAMADOR DE SISTEMAS WEB I
“O dicionário é o único lugar onde o sucesso Prof. Heudes Rogério

vem antes do trabalho.” Email: heudes.rogerio@ifsudestemg.edu.br
DESENVOLVEDOR DE SISTEMAS
Introdução à Internet e World Wide Web(www)

A origem da internet veio da necessidade de comunicação
entre os exércitos que pretendiam passar informações
através de fios em que substituíssem o código Morse ou
outros códigos luminosos que demonstravam ineficientes
no meio da comunicação em guerra, além do mais, criar-
se-ia uma forma de comunicação muito segura.

A World Wide Web, a Rede de alcance mundial, é um
meio de comunicação global no qual utilizadores podem
ler e escrever através de computadores conectados à
Internet.
O termo Web é usado erradamente como sinônimo da
própria Internet, sendo a Web apenas um serviço que
utiliza a Internet.
Protocolos
Um protocolo de internet é uma linguagem que comunica
dois ou mais computadores distantes, permitindo que se
troquem mensagens transmitindo dados.
Alguns exemplos de Protocolos de Internet:

●
IP - INTERNET PROTOCOL ou PROTOCOLO DE INTERNET
É o protocolo pelo qual os dados são enviados a partir de um computador
para outro na Internet. É responsável pelo envio e endereçamentos dos
pacotes TCP.
Protocolos
●
TCP/IP - PROTOCOLO DE CONTROLE DE TRANSMISSÃO /
PROTOCOLO INTERNET
Forma padronizada de comunicação para os computadores na internet.
O TCP faz a divisão dos dados que será enviada em segmentos de
dados.
●
HTTP - PROTOCOLO DE TRANSFERÊNCIA DE HIPERTEXTO
Usado para fazer o acesso à WWW (WORLD WIDE WEB) como
protocolo de cliente/servidor. Se na barra de endereços do navegador
não se especificar outro recurso, o este protocolo será tido como padrão.
●
FTP - PROTOCOLO DE TRANSFERÊNCIA DE ARQUIVO
Recurso utilizado para transferências de arquivos pela internet.
Este protocolo permite apenas o envio e o recebimento dos
arquivos, no entanto para a leitura serão necessários outros
programas.

Protocolos
●
SSL - CAMADA DE PORTAS DE SEGURANÇA
Este é um protocolo de segurança que permite a confirmação da
identidade de um servidor, verificando o nível de confiança.
●
Dentre outros, como ICMP, SMTP, IMAP, POP, MIME etc.

Como acessar a internet?
Existem hoje, uma gama de navegadores de
internet disponível para uso. Onde facilmente
podemos utilizar o serviço web.
Introdução ao HTML
HTML (abreviação para a expressão inglesa HyperText

Markup Language, que significa Linguagem de Marcação
de Hipertexto) é uma linguagem de marcação utilizada na
construção de páginas na Web. Documentos HTML
podem ser interpretados por navegadores.
Hoje em dia o HTML sofreu uma atualização, sendo o

HTML5. Onde foram várias atualizações para suprir as
necessidades das quais as demandas impostas pelo
mercado de trabalho, já que o Flash estaria com seus dias
contados…
Criando uma página Web…
●
Abram o Bloco de Notas.
●
Digitem um texto com títulos e um assunto qualquer.
●
Salvem o arquivo como: “Hello World.html” - sem
aspas, e no momento de salvar selecionem a opção.
Abram seu arquivo e veja o resultado!

Ruim, não?!
Usando o resultado acima podemos concluir que o

navegador por padrão:
• Pode não exibir caracteres acentuados corretamente;
• Não exibe quebras de linha.
Tente utilizando HTML...
Explicação…
Que é TAG? - TAG são os códigos que compõe sua
página web utilizados com os sinais < e >.
Exemplo: <html>
As TAGs possuem uma regra principal que pode ser

entendida como “Abrir e fechar”, que são abertas como a
TAG acima e devem ser fechadas com uma /(barra).
Exemplo:
<html>
</html>
<!DOCTYPE html> - Com este código, o seu navegador
entenderá que será utilizado HTML5 em sua página.
<html> - Envolve todo um documento html.
<head> - Envolve o cabeçalho de um documento html.
<title> - Representa o título na barra de títulos do
navegador.
<meta charset="utf-8"> - Fornece informações gerais
sobre o documento, neste caso, o tipo de linguagem
escrita.
<body> - Envolve o corpo da sua página Web.
Introdução ao HTML – Formatando texto
<p></p> - Utilizado para parágrafo.

<h1></h1> - Utilizado para texto em geral.
Existe também outras Tags para texto em geral:
<h2><h3><h4><h5><h6>;
O que diferencia é o tamanho da fonte.
<br> - quebra de linha. (Este não precisa fechar
TAG)
Testem!!
Temos algumas TAGs com atributos que

podem ser alteradas.
Variáveis são informações dentro de cada TAG.
Exemplo:
<h1 align=“center”>
align – utilizado para formatar o texto(left,
right, center e justify).

<b> </b> - Texto em negrito.
<i> </i> - Texto em itálico.
<u> </u> - Texto sublinhado.
<font> </font> - Altera cor, fonte do texto e tamanho com

os devidos atributos:
<font color="Red"> Vermelho </font>
<font face="Arial"> Arial </font>
<font size="1"> Tamanho desta fonte: 1</font>

Lista
<ul> </ul> - Criação de uma lista

<li> </li> - Item da lista
Exemplo de Lista:
●
Item 1
●
Item 2
●
Item 3

Lista
<ol> </ol> - Criação de uma lista ordenada

<li> </li> - Item da lista
Exemplo de Lista:
1.Item 1
2.Item 2
3.Item 3

Criação de Link
<a></a> - O “a” significa âncora. Ele quem irá identificar
no texto o seu Hipertext ou link.
Exemplo:
<a href=“www.google.com”>Link para o Google</a>
Atributo:
href: link para outra página, ou para a própria página,
através do ID.
target: é utilizado para “onde iremos abrir a nova tela”
_blank – outra aba;
AGORA SIM! LET'S CODE!!!

Criem uma página Web em HTML5 contendo
os dados aprendidos na aula de hoje.
Texto utilizando todas as TAGs vistas;

Texto contendo formatação, cor e diferentes
tamanhos em fontes;
Lista;
Link;
Obrigado e até amanhã!!

Curso Técnico em Desenvolvimento de Sistemas em Ead Programador de Sistemas Web I

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Curso Técnico em Desenvolvimento de Sistemas em Ead Programador de Sistemas Web I

Enviado por

Direitos autorais:

Formatos disponíveis

Curso Técnico em Desenvolvimento de Sistemas em

“O dicionário é o único lugar onde o sucesso Prof. Heudes Rogério

Introdução à Internet e World Wide Web(www)

Introdução à Internet e World Wide Web(www)

Alguns exemplos de Protocolos de Internet:

Introdução à Internet e World Wide Web(www)

Introdução à Internet e World Wide Web(www)

HTML (abreviação para a expressão inglesa HyperText

Hoje em dia o HTML sofreu uma atualização, sendo o

Abram seu arquivo e veja o resultado!

Usando o resultado acima podemos concluir que o

As TAGs possuem uma regra principal que pode ser

Introdução ao HTML – Formatando texto

<p></p> - Utilizado para parágrafo.

Introdução ao HTML – Formatando texto

Temos algumas TAGs com atributos que

Introdução ao HTML – Formatando texto

<font> </font> - Altera cor, fonte do texto e tamanho com

Introdução ao HTML – Formatando texto

<ul> </ul> - Criação de uma lista

Introdução ao HTML – Formatando texto

<ol> </ol> - Criação de uma lista ordenada

Introdução ao HTML – Formatando texto

Introdução ao HTML – Formatando texto

AGORA SIM! LET'S CODE!!!

Texto utilizando todas as TAGs vistas;

Obrigado e até amanhã!!

Você também pode gostar