Advertisement
Guest User

Untitled

a guest
Nov 26th, 2014
147
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.85 KB | None | 0 0
  1. Na parte inicial do código HTML, usando a tag "head", são introduzidos todos os links para as imagens usadas na página, utilizando a tag "link". É nesta zona que também é definido o título da página e são introduzidos os elementos de javascript, permitindo que scripts possam ser executados e que interajam com o utilizador. Estes elementos estão inseridos utilizando a tag "script".
  2.  
  3. No primeiro bloco, situado no canto superior esquerdo, definido pela tag "div", são visíveis vários elementos, que foram organizadas numa tabela composta por uma coluna, usando a tag "ul", e cinco linhas, usando as tags "li". Cada elemento da tabela tem um título a que está associado uma hiperligação, usado a tag "a href", que redireciona o utilizador para outras páginas.
  4.  
  5.  
  6. O segundo bloco, situado no canto superior direito, foi definido usando a tag "div".
  7. Existe uma imagem no canto superior esquerdo como logótipo do site que contém uma hiperligação que redireciona o utilizador para a página inicial do site. A imagem é representada utilizando a tag "span" e dentro desta foram utilizadas as tags "a href" e "img".
  8. No lado direito, existe um slogan que faz uma breve apresentação do que o site trata. É utilizada a tag "span" para representar o texto e para realizar a mudança de linha é utilizada a tag "br".
  9. Na parte inferior deste bloco existe uma imagem, representada utilizando a tag "img", que contém uma hiperligação que redireciona para uma página de publicidade.
  10.  
  11. O terceiro bloco, situado no centro da página é definido pela tag "div" e o seu primeiro elemento é um título com o nome de "Pointers", identificado no código pela tag "div". Imediatamente a seguir temos uma tabela que permite navegar entre os comics. Esta tabela foi inserida utilizando a tag "ul" e para os seus elementos, constituídos por botões, foi utlizada a tag "li". Cada botão contém uma hiperligação que permite interagir com a página, tendo sido usada a tag "a href". Para cada botão existe ainda um código em javascript que permite que o botão mude de cor sempre que o rato esta por cima dele.
  12. No centro deste bloco são apresentados os comics, no código é utlizada a tag "img", que contém o título da imagem e a sua fonte. Abaixo desta imagem a tabela que tinha sido apresentada a cima voltasse a repetir.
  13. No final deste bloco são apresentados dois textos que dizem o link permanente da imagem e o seu url. Não é usada uma tag para introduzir este texto mas somente é utilizada a tag "br" para realizar uma mudança de linha.
  14. A última tag deste bloco não representa nada na página, apenas descreve por palavras a imagem representada a cima. Talvez como uma maneira de tornar mais fácil a identificação da imagem no código.
  15.  
  16. O último bloco fica situado parte inferior da página e é definido pela tag "div". O seu primeiro elemento consiste num conjunto de comics que são apresentadas através da tag "img". Cada comic do conjunto e definido pela tag "area", que permite definir, a cada comic, uma coordenada, uma forma e atribuír lhe a sua hiperligação.
  17. Na zona abaixo existe uma caixa de introdução de texto e um botão para realizar a busca do que foi introduzido. A zona no bloco foi definida por uma tag "div" e a caixa de texto foi definida pela tag "input", que regista o que o utilizador inserir e depois utilizando código javascript faz a procura na página. O botão de busca foi introduzido utilizando a tag "input" e através do código javascript vai buscar o que foi inserido anteriormente e realiza a busca.
  18. A seguir são apresentados uma série de hiperligações, que representam outros comics e estão representados com as tag "a href"
  19. Na parte inferior do bloco são apresentadas várias mensagens de informações legais a cerca do site bem como algumas hiperligações. Este texto e hiperligações estão definidas com as tags "div", "a href" e "p".
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement