Disciplina: Sistemas de Informação Módulo nº2 Linguagem de Programação I Professora: Sónia Santos Email: formadora.soniasantos@gmail.com 2014 / 2015
Conceitos básicos Técnicas de implantação de páginas na Web Criação de páginas: Programa de animação gráfica Web: Flash Programa de edição Web: FrontPage Programa de edição Web: Dreamweaver Programa de edição Web: Notepad++ Publicação
Técnicas de implantação de páginas na Web O HTML é a linguagem mais utilizada para criar páginas Web com hipertexto. Utilizando a linguagem HTML podemos criar páginas em que certos itens (palavras e/ou imagens) contêm uma ligação (link) a outra zona da mesma página ou a outros documentos.
Técnicas de implantação de páginas na Web DHTML (Dinâmico HTML) Linguagem que torna os elementos de uma página (texto, imagens, etc.) mais dinâmicos permitindo dinamizar todos os elementos desta. VRML (Virtual Reality Modelling Language) Linguagem que permite a criação de ambientes virtuais por onde se pode passear, visualizar objetos por ângulos diferentes e até interagir com eles.
Técnicas de implantação de páginas na Web Editores de páginas Web: Dois dos editores mais utilizados na criação de páginas Web são o FrontPage e o DreamWeaver. FrontPage Desenvolvido pela Microsoft, é considerado um dos programas mais simples para a criação de Websites. DreamWeaver Desenvolvido pela Macromedia, permite implementar rapidamente menus interativos, criar elementos que respondem a ações diversas dos utilizadores, inserir animações, multimédia e arquivos Flash e outros elementos em páginas Web. Microsoft Web Expression Desenvolvido pela Microsoft, com a vantagem de ser gratuito.
Técnicas de implantação de páginas na Web Editores de imagens e efeitos especiais O Corel Draw e o Photoshop são dois dos editores de imagem mais conhecidos e utilizados na criação de páginas Web. Corel Draw Programa gráfico, desenvolvido pela Corel, que cria imagens recorrendo à utilização de objetos armazenados internamente, como equações matemáticas (vetores). Photoshop Software desenvolvido pela Adobe, que permite manipular as imagens de diversas formas e reconhece várias extensões de ficheiros gráficos.
Técnicas de implantação de páginas na Web Editores e programas de animação gráfica O Flash é um software desenvolvido pela Macromedia que oferece recursos surpreendentes para criar Web sites apelativos, abrangentes e interactivos. O ULEAD GIF Animator é um programa de produção de imagens animadas (GIFs animados) desenvolvido pela ULEAD Systems.
Ferramentas e utilitários FTP (File Transfer Protocol) Protocolo utilizado para transferir ficheiros entre dois computadores. Programas que implementam este protocolo: Cute FTP WS FTP O CRT-Secure é um software específico e utilizado quando se pretende garantir uma ligação segura.
Ferramentas e utilitários 1 1 Indicação da pasta, no seu computador, onde estão os ficheiros que pretende transferir. 2 3 2 Pastas e ficheiros para seleção. 3 Pastas e ficheiros existentes no computador para onde se pretende efetuar a transferência.
Ergonomia e amigabilidade de uma página Web Regras de adaptação do utilizador à página Web. Características desejáveis no interface entre o utilizador e a página Web.
Ergonomia e amigabilidade de uma página Web Aspetos a ter em atenção antes de iniciar o desenvolvimento de um site: Em cada página, o número de elementos a reter deve ser limitado. A informação deve estar organizada tendo em atenção a sua importância. Os termos nos menus são padronizados e devem ser respeitados. Os símbolos utilizados, sempre que possível, devem expressar o seu significado. As cores a utilizar e os efeitos gráficos devem ser escolhidos com cuidado. Escolha quais as imagens a incluir em cada página bem como o seu formato.
Ergonomia e amigabilidade de uma página Web Aspetos a ter em atenção antes de iniciar o desenvolvimento de um site: Utilizar um vocabulário simples. Disponibilizar apenas a informação necessária, evitando redundâncias. Outros aspetos importantes: Diminuir ao máximo o número de escolhas em cada página. Utilizar títulos para que o utilizador saiba sempre onde está. Disponibilizar um mapa do site para o utilizador se situar.
Planeamento de um Web site Os Web sites têm objetivos diferentes. O objetivo de um site, quer seja de cariz pessoal quer seja de cariz profissional, determina o seu aspeto. Definição do site: Quais os seus objetivos? A quem se destina (público alvo)? Como será produzido? Que tecnologia será utilizada na sua construção? Onde será colocado? Qual o espaço máximo que poderá ocupar? Como será atualizado?
Planeamento de um Web site Arquitetura do site: Definição da forma como ele será apresentado e o tipo de navegação entre as páginas que pretendemos implementar. Desenho do site: Escolha das cores, dos "backgrounds, das formas, dos tipos de letra, das fotografias, dos textos e ilustrações a incluir, etc.
Exemplo de um ambiente de trabalho 1 1 Barra de Menus 2 2 3 Barras de Ferramentas Barra de Lista de Pastas 4 4 5 Zona de Visualização das páginas Ativar/Desativar Lista de Pastas 3 5 6 7 8 9 10 6 7 8 9 10 Ativar/Desativar Árvore de Navegação Separador Estrutura Separador Dividir Separador Código Separador Pré-visualização