Você está na página 1de 4

Clube de Desbravadores

Especialidade: Internet - Instrutor:


avançado

Nome:
Clube: Nota:

1. Ter a especialidade de Computação I - básico.


2. Definir os seguintes termos (ou seus equivalentes) e informar quando e como eles são usados:
a. HTTP
É um protocolo de comunicação utilizado para transferir informações na web.
b. Hyperlink
Um hyperlink é um elemento em uma página da web que, quando clicado, direciona o usuário
para outra página ou recurso na internet.
c. HTML/PHP
HTML é a linguagem padrão para a criação de páginas web. PHP é uma linguagem de script
usada para desenvolvimento web dinâmico.
d. Navegadores seguros e códigos de cores hexadecimais
Navegadores seguros utilizam HTTPS (Hypertext Transfer Protocol Secure), uma versão segura do
HTTP, para proteger a comunicação entre o navegador e o servidor. Códigos de cores
hexadecimais são representações numéricas de cores que começam com "#" seguido por seis
caracteres hexadecimais, indicando a intensidade de vermelho, verde e azul (RGB).
e. URL
Uma URL é o endereço que identifica recursos na internet.
f. GIF/PNG
GIF e PNG são formatos de imagem. GIF é conhecido por suportar animações e transparência,
enquanto PNG é usado para gráficos de alta qualidade e suporta transparência sem perda de
qualidade.
g. JPEG
JPEG é um formato de imagem amplamente utilizado para fotografias e imagens com gradientes
suaves. Ele usa compressão com perdas para reduzir o tamanho do arquivo.
3. Aprender e demonstrar o uso dessas TAG's HTML ou demonstrar comandos equivalentes de
construção de sites em uma das linguagens atuais de desenvolvimento de sites (PHP, XML JSP,
ASP, etc.).
a. <html> </html>
b. <head> </head>
c. <body> </body>
d. <b> </b>
e. <i> </i>
f. <a href="URL"> </a>
g. <p>
h. <br> </br>
i. <img src="name"/>
j. <hr> </hr>
k. <table> </table>
l. <tr> </tr>
m. <td></td>
<!DOCTYPE html>
<html>
<head>
<title>Minha Página</title>
</head>
<body>
<h1>Minha Página Inicial</h1>
<p>Este é um parágrafo de texto.</p>
<b>Texto em negrito</b>
<i>Texto em itálico</i>
<a href="https://www.exemplo.com">Link para Exemplo</a>
<p>Outro parágrafo <br> com quebra de linha.</p>
<img src="imagem.jpg" alt="Descrição da Imagem">
<hr>
<table border="1">
<tr>
<td>Célula 1</td>
<td>Célula 2</td>
</tr>
<tr>
<td>Célula 3</td>
<td>Célula 4</td>
</tr>
</table>
</body>
</html>

4. Fazer uma tabela simples - incluir texto, um gráfico, uma regra horizontal e um link. Usar
códigos hexadecimais para colorir o texto. Fazer o seu título maior e, depois, o texto do
documento principal.
<!DOCTYPE html>
<html>
<head>
<title>Tabela Simples</title>
</head>
<body>
<h1 style="font-size: 24px;">Minha Tabela Simples</h1>
<table border="1" style="width: 50%; text-align: center; margin-bottom: 20px;">
<tr>
<th>Item</th>
<th>Descrição</th>
</tr>
<tr>
<td>#1</td>
<td style="color: #3366cc;">Texto Colorido</td>
</tr>
<tr>
<td>#2</td>
<td> <img src="grafico.png" alt="Gráfico" style="width: 50px; height: 50px;"> </td>
</tr>
<tr>
<td>#3</td>
<td>
<hr style="border-color: #ff9900; margin: 0;">
</td>
</tr>
<tr>
<td>#4</td>
<td>
<a href="https://www.exemplo.com" style="color: #cc0000;">Link para Exemplo</a>
</td>
</tr>
</table>
</body>
</html>

5. Saber mais sobre:


a. Gráficos para a Web e ser capaz de explicar o processo utilizado para baixá-los rapidamente.
Para baixar os gráficos rapidamente, é essencial utilizá-los para a web. Ferramentas online como
TinyPNG para PNG, TinyJPG para JPEG e GIFsicle para GIF permitem compressão sem perda
significativa de qualidade.
b. Cores seguras da WEB e saber quando usá-los. Usar esse conhecimento para criar um JPG e um
GIF/ PNG que estão ambos sob 15k, mas que ainda são facilmente visíveis em um site e criar,
pelo menos, 5 botões de navegação gráfica e um header para o seu site.
Cores seguras da web são aquelas que aparecem consistentemente em diferentes dispositivos. Evitar
cores muito saturadas ou brilhantes é crucial. Para ajudar na escolha das cores podemos utilizar o
padrão hexadecimal de cores, pois assim garantimos que a cor apresentada será a mesma em todos os
dispositivos.
6. Individualmente ou em família, a unidade, ou outro grupo, desenvolver um site. Todas as
páginas do site devem ser "ligadas" em conjunto para que alguém que visitar sua homepage
possa clicar em cada uma das outras páginas do seu site. O web-site deve ser composto de,
pelo menos, 4 páginas. O site deve incluir:
a. Página de boas-vindas, que indica a razão para que o site foi criado e incluir, pelo menos, uma
imagem ou fotografia.
b. Uma página de fotos que mostra as atividades e eventos que você, sua família, ou grupo têm
desfrutado.
c. Um livro de visitas ou página de contato, onde as pessoas podem "assinar" comprovando que
elas visitaram ou deixar um endereço de e-mail de contato, para que as pessoas possam enviar
e-mails quando elas visitarem seu site.
Trabalho da Cadeira Autoração Multimídia II (Sistemas e Mídias Digitais - UFC)

Você também pode gostar