Para a criação deste site utilizei de códigos em HTML básicos passados em sala de aula. 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 para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto do "casamento" dos padrões HyTime e SGML. Neste site foram utilizadas partes do código HTML puro e também programas de auxilio para a criação. A estrutura básica de um documento HTML apresenta as seguintes marcações: <!DOCTYPE html> <html> <head> <link rel="stylesheet" incorpora uma folha de estilo css type="text/css" href="endereço da folha de estilo"/> <meta charset="utf-8" /> <meta name="description" content="a descrição do seu site em no máximo 90 caracteres"> <meta name="keywords" content="escreva palavras-chaves curtas, máximo 150 caracteres"> <title>Título do Documento</title> </head> <body> <!-- Aqui fica a página que será visível para todos, onde pode-se inserir textos, imagens, links para outras páginas, etc, geralmente usa-se: --> <div>Tag para criar-se uma 'caixa', um bloco, mais utilizada com "Cascading Style Sheets (Folhas de Estilo em Cascata)</div> <table>Tag para criação de tabela</table> A tag <map> é utilizada para definir diferentes links para diferentes regiões de uma mesma imagem. <img src="endereço de uma imagem.jpg" /> </body> </html> Folhas de estilo CSS. O Cascading Style Sheets (CSS) é uma "folha de estilo" composta por “camadas” e utilizada para definir a apresentação (aparência) em páginas da internet que adotam para o seu desenvolvimento linguagens de marcação (como XML, HTML e XHTML). O CSS define como serão exibidos os elementos contidos no código de uma página da internet e sua maior vantagem é efetuar a separação entre o formato e o conteúdo de um documento. No desenvolvimento deste trabalho foram utilizado três programas de criação de websites, e edição de imagens, como: Dreamweaver CS6. É uma ferramenta informática que permite a construção de websites profissionais disponibilizando para tal poderosos aplicativos para a Internet. Pode-se trabalhar em um único ambiente para criar, disponibilizar e gerenciar websites e aplicativos para a Internet. Permite a obtenção de ferramentas visuais de layout, permite o desenvolvimento veloz de aplicativos para a Web. Amplo suporte para edição de código. Tudo isso em uma única solução, completa e integrada: o DreamWeaver MX. O DreamWaver encontra-se no topo de ferramentas para o desenvolvimento, com suporte a XML, que inclui edição, validação e esquemas de importação. Permite facilmente a introspecção de serviços Web baseados em XML em ColdFusion e Java. Permite garantir a conformidade com os padrões por meio da criação automática de saída em XHTML e fácil conversão de HTML padrão em XHTML. Fireworks CS6. O Fireworks é um editor de imagens de bitmap e desenho vetorial desenvolvido pela Macromedia, posteriormente adquirido pela Adobe. Suas funcionalidades focam a publicação gráfica na Internet, por isso inclui suporte a GIF animado, PNG e imagens fatiadas, além de possuir ótimacompressão de imagens. A partir da versão MX, ganhou integração com outros produtos da mesma linha, Dreamweaver, Flash e Freehand. Com a aquisição da Macromedia em 2005 pela Adobe, houve um choque entre os seus programas, Fireworks e ImageReady, Dreamweaver eGoLive, Freehand e Illustrator. Assim, o objetivo da Adobe foi em criar um conjunto mais poderoso de soluções para a criação, gerenciamento e entrega de conteúdo e experiências atraentes em múltiplos sistemas operacionais, dispositivos e mídias. O desenvolvimento do ImageReady foi cancelado prevalecendo o Fireworks como editor gráfico para Internet.