ATPS Programação E Design Web
Trabalho Escolar: ATPS Programação E Design Web. Pesquise 860.000+ trabalhos acadêmicosPor: Goes • 16/3/2014 • 1.507 Palavras (7 Páginas) • 632 Visualizações
SUMÁRIO
Etapa 1 4
Passo 1 4
Passo 2 5
Passo 3 5
Passo 4 6
Etapa 2 7
Passo 1 7
Adobe Dreamweaver: 7
PHP 7
WYSIWYG Web Builder 7
Notepad++ 8
Passo 2 8
Etapa 3 9
Passo 1 9
Passo 2 9
Passo 2 9
Passo 4 11
Etapa 4 11
Passo 1 11
Usabilidade 11
Usabilidade para web 12
1 Etapa 1
1.1 Passo 1
<html><!-- Envolve todo o documento html com tags de identificação-->
<body background="logo_anha.jpg"><!-- inseção de imagem-->
<head><h1><center><font color=RGB=#0000FF>ATPS Pogramação e Design para Web</h1><!-- cabeçalho com fonte
h1 ajustado ao centro da pagina-->
<h2><center>5º Semestre - Tecnologia em Analise e Desenvolvimento de Sistemas</h2><!-- continuação
do cabeçalho com fonte h2 ajustado ao centro da pagina-->
<h3><center>Professor Mauricio Scoton Antonio</h3></head><!-- cabeçalho do documento
com alinhamento central e fonte colorida-->
<a href="http://http://www.anhanguera.com/home/"> Portal Anhanguera</a><!-- inserção de link-->
<head><h3><font color=#FF0000> Etapas </h3></head><!-- cabeçalho com fonte h3 em vermelho-->
<select><!-- insersão de select-->
<option value="Etapa 1">Etapa 1</option><!--opções do select-->
<option value="Etapa 2">Etapa 2</option><!--opções do select-->
<option value="Etapa 3">Etapa 3</option><!--opções do select-->
<option value="Etapa 4">Etapa 4</option><!--opções do select-->
<option value="Etapa 5">Etapa 5</option><!--opções do select-->
</select><!-- iunsersão de select-->
<head><h3><font color=#FF0000> Passos </h3></head>
<select> <!-- iunsersão de select-->
<option value="Passo 1">Passo 1</option><!--opções do select-->
<option value="Passo 2">Passo 2</option><!--opções do select-->
<option value="Passo 3">Passo 3</option><!--opções do select-->
<option value="Passo 4">Passo 4</option>
<!--opções do select-->
</select>
1.2 Passo 2
Na web podemos encontrar, ou construir, dois tipos de páginas:
As que se apresentam sem movimento e com poucas funcionalidades, ex: links. As páginas que têm efeitos especiais e nas quais podemos interagir. As primeiras páginas são as páginas estáticas, que se constroem com a linguagem HTML, que não permite grandes alterações para criar efeitos nem funcionalidades mais além dos links. Estas páginas são muito fáceis de criar, embora ofereçam poucas vantagens tanto aos que desenvolvem a página como aos visitantes, já que só podem apresentar textos acompanhados de imagens e no máximo conteúdos multimídia como podem ser vídeos ou áudios. O segundo tipo de páginas são as página dinâmica. Uma página é dinâmica quando se inclui qualquer efeito especial ou funcionalidade e para isso é necessário utilizar outras linguagens de programação, tal como, PHP, ASP, JSP, ColdFusion, ASPNET. As páginas dinâmicas são mais complexas e versáteis. Umas das grandes diferenças entre páginas estáticas e dinâmicas, é que as dinâmicas são ligadas a bases de dados para que possa, por exemplo registar um utilizador, ou fazer comentários.
1.3 Passo 3
<html>
<head>
<title>Tabela HTML</title>
</head>
<body>
<table border="1">
<tr>
<td colspan="4"><center>Uma celula mesclada em quatro</td>
</tr>
<tr>
<td rowspan ="2">Celula 1</td>
<td>Celula 2</td>
<td>Celula 3</td>
<td>Celula 4</td>
</tr>
<tr>
<td>Celula 1</td>
<td>Celula 2</td>
<td>Celula 3</td>
</tr>
</table>
</body>
...