A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Criação de Páginas Web Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer.

Apresentações semelhantes


Apresentação em tema: "Criação de Páginas Web Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer."— Transcrição da apresentação:

1 Criação de Páginas Web Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer

2 Páginas e Sítios Web Uma página Web é… …um documento multimédia que contém hiperligações. Um conjunto de páginas Web é… …um sítio (site) Web. O conjunto dos sítios (sites) Web constitui… …a Web ou World Wide Web (WWW) que não é mais do que um conjunto de documentos hipermédia unidos pelas hiperligações que permitem a navegação com um simples clique do rato. Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer

3 Páginas Web O que há dentro do documento criado como página Web? Linguagem de programação: HTML (Hypertext Markup Language) – 1993 outras. Como é criada uma Página Web? Editores de Páginas: Editores de texto normal (Ex: Bloco de notas, word, etc.) WYSIWYG (what you see is what you get) Ex: Microsoft Frontpage 2003 KompoZer Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer

4 Páginas e Sítios Web KompoZer é… …é uma versão não oficial do software Nvu(n-view), da Linspire(é um sistema operativo tipo Linux intuitivo com um ambiente de trabalho semelhante ao Windows XP). Nvu (pronuncia-se n-view)… …um editor HTML. HTML(HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto)… … é uma linguagem de marcação utilizada para produzir páginas na Web e documentos HTML que podem ser interpretados por navegadores. Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer

5 KompoZer - História Versão – 8 de Julho de 2006: SourceForge Versão – 14 de Julho de 2006: SourceForge Versão – 23 de Julho de 2006: SourceForge Versão – 30 de Agosto de 2007: SourceForge Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer

6 KompoZer – Vantagens e Desvantagens Principal vantagem: Fácil e intuitivo: Qualquer pessoa conseguirá de forma fácil criar uma página web com um aspecto profissional e sem necessidade de aprender a linguagem HTML. É poderoso como o Dreamweaver É open source disponível para download gratuito Principal desvantagem: Compatibilidade e conhecimento: Menor compatibilidade com outras aplicações que irão ser utilizadas na criação do site. Fornece conhecimentos básicos sobre a criação de Páginas Web. Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer

7 KompoZer - Concorrência Outros editores do tipo WYSIWYG: Macromedia Dreamweaver Adobe GoLive FrontPage Etc. (http://en.wikipedia.org/wiki/list_of_html_editors) Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer

8 Planeamento de um sítio Web O planeamento da página ou do sítio é a primeira tarefa a executar antes de utilizar o KompoZer. Para construir uma página devem ser feitas as seguintes perguntas: qual o objectivo da página? a quem se dirige? que informação deve conter? que recursos gráficos são necessários? que estilo de página é o mais adequado? Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer

9 Planeamento de um sítio Web Outro aspecto importante é o arranjo gráfico do sítio, o qual deve facilitar a navegação entre as páginas, nomeadamente através de: ícones claros e consistentes; identificação esquemática dos menus; botões de navegação que permitam voltar à página inicial ou ir até qualquer outra página do sítio; títulos, subtítulos, cabeçalhos, rodapés e links bem visíveis. Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer

10 Estrutura do sítio - Hierarquia Depois de definir o conteúdo do sítio, é necessário organizar a informação a incluir nas páginas. Essa tarefa inclui a divisão da informação em unidades a incluir em cada página, o estabelecimento de uma hierarquia entre esses blocos de informação e, finalmente, a determinação das ligações entre esses blocos de informação. Eis um exemplo: Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer

11 Consistência das páginas e do sítio Outro dos aspectos a ter em conta na construção de sítios Web é o da sua consistência, isto é, o de uma identidade visual própria que se deve manter ao longo de todas as páginas para que o leitor encontre a informação que deseja utilizando sempre os mesmos procedimentos. Esta identidade visual é conseguida através de: Utilização de molduras (frames) ou tabelas que dividem a página em áreas para colocação de informação específica; Localização de títulos em locais estratégicos; Disposição e organização dos menus, dos cabeçalhos e rodapés; Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer

12 Consistência das páginas e do sítio Ligações e barras de ferramentas sempre nos mesmos locais; Código de cores idêntico em todas as páginas; Formatação de caracteres semelhante; Modelos de botões idênticos… Esta identidade gráfica ajudará o leitor na navegação e no acesso rápido à informação. Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer

13 Consistência das páginas e do sítio Na definição do aspecto visual do sítio Web, a informação e os objectos deverão estar organizados e dispostos em locais estratégicos conferindo assim uma identidade própria. Um dos procedimentos que se deve adoptar é a utilização de molduras ou tabelas que estruturam a página em áreas de informação separadas, como pode ser visto nos exemplos seguintes: Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer


Carregar ppt "Criação de Páginas Web Tecnologias da Informação e da Comunicação – 10º Ano Criação de Páginas Web – KompoZer."

Apresentações semelhantes


Anúncios Google