PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML
|
|
- Jorge Bergler Brezinski
- 8 Há anos
- Visualizações:
Transcrição
1 PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML O Desenvolvimento Web O desenvolvimento web é o termo utilizado para descrever atividade relacionada à criação de sites e aplicações web, tendo como característica principal a comunicação entre dispositivos clientes, utilizando normalmente navegadores web (Chrome, Firefox, etc.) e servidores web, configurados com tecnologias como apache e IIS. Dentro desse contexto, tecnologias foram e são criadas para que a comunicação cliente-servidor ocorra adequadamente. Requisições são efetuadas pelo cliente e processadas pelo servidor, que as responde em um formato de dados específico, possibilitando sua interpretação pelo cliente. As tecnologias podem, então, ser divididas em duas categorias: Cliente (Processadas localmente na máquina do usuário) HTML CSS Java Script AJAX Flash Outras Servidor (Processadas remotamente em máquinas configuradas para tal) PHP ASP.NET Perl Java Outras A Linguagem HTML A abreviação HTML origina-se do inglês HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto. O HTML é estruturado através de marcadores ou tags que dividem o documento em diversos blocos, com início e fim. Cada uma das tags possui uma função específica, que é interpretada pelos navegadores web (ex.: Chrome, Firefox, etc.) quando estes constroem a página que será apresentada ao usuário. A figura 01 apresenta a estrutura básica de uma página escrita em HMTL: 1
2 Figura 01: estrutura básica de uma página HTML. Nela podemos visualizar as principais tags: : (html, head, body) de uma página codificada em HTML. As tags são definidas pela utilização dos caracteres < e >, ou seja, para especificarmos o início de uma determinada tag colocamos seu nome entre os sinais de maior e menor, por exemplo: <html>. Para definirmos o final dessa tag utilizamos os mesmos sinais, porém adicionamos o caractere /, por exemplo: </html>. Marcadores/tags HTML As tags HTML mais simples, cuja utilização é muito freqüentemente são: <html>: define o início do documento HTML e indica ao navegador que todo conteúdo posterior deve ser tratado como uma série de códigos HTML. <head>: define o cabeçalho do documento HTML, traz informações sobre o documento que está sendo aberto. <body>: define o conteúdo principal, o corpo do documento HTML, é a parte que será exibida pelo navegador. No corpo podem-se definir atributos comuns a toda a página, como cor de fundo, margens, e outras formatações. Dentro do cabeçalho <head> pode-se adicionar algumas tags importantes: <title>: define o título que será apresentado pela página, exibido na barra de título dos navegadores. <style type="text/css">: define o arquivo de formatação em CSS que será utilizado. <script type="text/javascript">: define a programação de funções no formato de scripts, como por exemplo, codificações JavaScript. <link>: define ligações da página com outros arquivos como CSS. <meta>: define propriedades da página, como codificação de caracteres, descrição da página, autor, entre outros. Dentro do corpo <body> pode-se adicionar, também, algumas tags de formatação de conteúdo: <h1>,<h2>,...,<h6>: <h6>: define o tamanho da fonte que será utilizada em títulos e tópicos do documento HMTL. 2
3 <p>: permite adicionar um novo parágrafo ao documento HMTL. <br/>: permite adicionar uma quebra de linha ao documento HMTL. <table>: permite cria/adicionar uma tabela (<TR>: nova linha; <TD>: nova célula/coluna. <div>: permite especificar um novo bloco na página HTML, com intuito de utilizar formatações específicas. <b>, <i>, <u> e <s>: permite definir, dento do documento HMTL, as formatações: negrito, itálico, sublinhado e riscado, respectivamente. <img />: permite inserir uma nova imagem no documento HMTL. <a>: permite inserir uma hiper-ligação com outro local, seja ele uma página, um ou outro serviço. <abbr>: permite inserir uma nova abreviação ao documento HTML (sigla simplesmente abreviada). <cite>: permite inserir uma nova citação ao documento HTML. O Editor Bluefish O Bluefish é um editor de texto para desenvolvimento de sites e aplicações web dinâmicas. Ele possui versões para diversas plataformas, como Linux, Windows, Mac OS e Solaris, e trata-se de um software livre com licença GNU. O Bluefish permite o desenvolvimento de códigos nas linguagens HTML, XHTML, CSS, XML, PHP, C, Javascript, entre outras. A figura a seguir mostra a janela principal da IDE (Interface de Desenvolvimento de Software) Bluefish: Figura 02: janela principal da IDE Bluefish. 3
4 A seguir serão apresentadas as principais funcionalidades e ferramentas disponíveis no editor Bluefish para criação e desenvolvimento de sites utilizando a linguagem HTML. 1) Criando uma página HTML O editor Bluefish permite criarmos um novo documento HTML de várias formas e com configurações já pré-definidas. As principais opções para tal são: Arquivo Novo modelo HTML 5 Figura 03: criando documento HTML via menu Arquivo. Aba Standard Opção Início Rápido HTML 4.01 Strict OK Salvar Figura 04: criando documento HTML via Opção de Início Rápido. 4
5 A primeira opção permite criarmos um documento HTML com uma estrutura básica, apenas com as tags mais essenciais. Já a segunda opção permite criarmos um documento mais completo, com várias tags do tipo meta que descrevem a página HTML que estamos criando. 2) Utilizando os componentes da aba Standard O primeiro componente da aba standard permite configurarmos a formatação da tag <body>, especificando dentre várias opções uma cor de fundo para página, ou até uma imagem de fundo. Considerando o documento já criado, como mostrado na figura 03, coloque o cursor exatamente no início da linha que contém a tag <body> para que a mesma fique grifada em vermelho, como mostra a figura 05: Figura 05: Aba Standard Opção Corpo. Após estar grifado em vermelho, clique o botão direito do mouse sobre a tag <body> e selecione a opção editar tag,, a janela vista na figura 06 será apresentada: Figura 06: Editando tag <body> - opção corpo da aba standard. 5
6 Com a janela da figura 06 aberta é possível selecionar a opção Estilo e então configurar o layout do corpo do documento HTML. No nosso exemplo vamos preencher o fundo da página () com a cor cinza, como mostra a figura 07: Figura 07: corpo da página com fundo cinza. Para testar as alterações efetuadas basta selecionar o atalho Preview in Browser, para que o navegador padrão seja iniciado e mostre como está ficando a página HTML que está sendo criado. Após para todas as próximas alterações basta atualizar o navegador pressionando F5. A figura 08, mostra o browser aberto com a página HTML em questão. Figura 08: navegador Firefox com a página HTML aberta. O segundo componente da aba standard permite configurarmos a opção de negrito para os textos que serão inseridos na página HTML. 6
7 Ao selecionarmos essa opção, a tag <b></b> é criada, e nela podemos escrever o texto que queremos que apareça em negrito. A figura 09 ilustra essa opção: Figura 09: opção negrito aba standard. Salvando o documento HTML, e atualizando o browser (tecla F5) é possível verificar a alteração efetuada, como mostra na figura 10. Figura 10: navegador Firefox com a página HTML aberta. Ainda na barra de standard existem outras opções de formatação que permitem deixar o texto em itálico, iniciar novo parágrafo, quebra de linha normal, quebra de linha/limpar e espaço sem quebra. A imagem a seguir apresenta as opções citadas: Utilizando tais ferramentas de formatação no nosso documento HTML temos como resultado a o código e o layout apresentados na figura 11: 7
8 Figura 11: navegador Firefox com a página HTML aberta. Na barra de standard, também existem opções, além das formatações já apresentadas anteriormente, dentre elas temos: Âncora/Hiperlinks, régua horizontal, centralizar, justificar a direita, comentário, e inserção de imagem. A imagem a seguir mostra as opções citadas: Para exemplificar as ferramentas apresentadas acima, uma nova página HTML foi criada e agregada com os componentes descritos, assim como mostra a figura 12: 8
9 Figura 12: navegador Firefox com a página HTML aberta. 3) Utilizando os componentes da aba Formatting A aba Formatting possui componentes utilizados com pouca freqüência durante a criação de uma página HTML, entretanto vamos trabalhar com alguns deles, como: abreviatura, citação, apagar, inserir, etc. A imagem a seguir apresenta todos os seus componentes. Para exemplificar as ferramentas apresentadas acima, uma nova página HTML foi criada e agregada com os componentes descritos, assim como mostra a figura 13: 9
10 Figura 13: navegador Firefox com a página HTML aberta. 4) Utilizando os componentes da aba Table A aba Table possui componentes que permitem a criação e apresentação de tabelas ou até mesmo a divisão do documento HTML em linhas e colunas. A imagem a seguir apresenta todos os componentes da aba Table: 10
11 Para exemplificar as ferramentas da aba Table,, uma nova página HTML foi criada e agregada com seus componentes, assim como mostram as figuras 14, 15 e 16: Figura 14: navegador Firefox com a página HTML aberta. 11
12 Figura 15: navegador Firefox com a página HTML aberta. 12
13 Figura 16: navegador Firefox com a página HTML aberta. 13
14 5) Utilizando os componentes da aba List A aba List possui componentes que permitem a criação e apresentação de listas de elementos ou itens. A imagem a seguir apresenta todos os componentes da aba List: Para exemplificar as ferramentas da aba List,, uma nova página HTML foi criada e agregada com seus componentes, assim como mostramm a figura 17: Figura 17: navegador Firefox com a página HTML aberta. 14
15 6) Utilizando os componentes da aba Fonts A aba Fonts possui componentes que permitem a configuração de uma grande variedade de fontes que podem ser utilizadas nos textos apresentados pela página HTML que está sendo criada. A imagem a seguir apresenta todos os componentes da aba Fonts: Para exemplificar as ferramentas da aba Fonts,, uma nova página HTML foi criada e agregada com seus componentes, assim como mostram as figuras 18 e 19: Figura 18: navegador Firefox com a página HTML aberta. 15
16 Figura 19: navegador Firefox com a página HTML aberta. Prática: Linguagem HTML Editor Bluefish (Windows ou Linux) 16
Desenvolvimento em Ambiente Web. HTML - Introdução
Desenvolvimento em Ambiente Web HTML - Introdução O que é HTML? HTML é uma linguagem para descrever a estrutura de uma página WEB. Ela permite: Publicar documentos online com cabeçalhos, texto, tabelas,
Leia maisQuem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;
Leia maisIntrodução. Introdução a HTML. A Linguagem HTML. Estrutura de uma Página. Mário Antonio Meireles Teixeira
Introdução Introdução a HTML Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA mario@deinf.ufma.br Página Web: É um documento composto de texto e códigos especiais, chamados tags, que especificam
Leia maisAutoria Web HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML Apresentar
Leia maisWebdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign Introdução a e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a Apresentar as
Leia maisAplicação para Web I. Começando a compreender o HTML
Aplicação para Web I Começando a compreender o HTML A Linguagem da WEB O HTML ou HyperText Markup Language linguagem universal compreendida pelos navegadores web (browsers) para a comunicação utilizando
Leia maisWeb Design Aula 11: XHTML
Web Design Aula 11: XHTML Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação HTML 1.0-2.0: Havia hipertextos, não havia preocupação com a apresentação HTML 3: Guerra dos Browser (Microsoft
Leia maisIntrodução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Estrutura Básica do Documento HTML
IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage EstruturaBásicadoDocumentoHTML ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger
Leia maisTECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com
Luiz Leão luizleao@gmail.com http://luizleao.com CONTEÚDO PROGRAMÁTICO DESTA UNIDADE HTML TAG S HTML LINGUAGEM HTML Hypertext Markup Language Interpretada pelo navegador Não linearidade da informação Formatação
Leia maisIntrodução a Servlets e JSP. Prof. Samuel Martins samuellunamartins at gmail dot com Faculdade São Miguel
Introdução a Servlets e JSP samuellunamartins at gmail dot com Conteúdo da aula Introdução a HTML Introdução a Servlets Preparando o ambiente de programação Exemplo de Servlets 2 Websites na década de
Leia maisVerifique se o Plugin do Flash Player está instalado no seu computador para a navegação adequada no portal.
1 Tutorial: Blogs no Clickideia Introdução Esse tutorial mostrará as funções básicas da ferramenta de Blog do Portal Educacional Clickideia. Ele foi elaborado pensando em diferentes níveis de usuários
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Estrutura básica do HTML Um documento HTML deve estar delimitado pela tag e . Dentro deste documento, podemos ainda distinguir
Leia maisAula 2: Listas e Links
Aula 2: Listas e Links Nesta segunda aula, você aprenderá a utilizar listas numeradas ou não, a entender o que são listas de definições e como fazer referências a outros documentos. Vamos entender a diferença
Leia maisTreinamento em BrOffice.org Writer
Treinamento em BrOffice.org Writer 1 Índice I. INTRODUÇÃO...3 II. BARRA DE FERRAMENTAS...3 III. CONFIGURAR PÁGINA...4 1. Tamanho, Margens e Orientação...5 2. Cabeçalhos...6 3. Rodapés...6 4. Numerando
Leia maisProf.: Melba Lima Gorza Aula Introdutória de HTML. Componentes do HTML. Estrutura de um documento XHTML
Prof.: Melba Lima Gorza Aula Introdutória de HTML Componentes do HTML Estrutura de um documento XHTML primeiro Documento XHTML meu primeiro documento XHTML
Leia maisProva de pré-requisito
Prova de pré-requisito PHP & MySQL: Técnicas para Web 2.0 1 - Qual das opções constrói a tabela abaixo: DIA MÊS ANO 28 04 1988 22 02 2002 a) b) c) dia mês ano
Leia maisHTML Página 1. Índice
PARTE - 1 HTML Página 1 Índice HTML A HISTÓRIA... 2 O COMEÇO E A INTEROPERABILIADE... 3 Primeira Página... 4 Entendendo seu código... 5 Abrindo o código fonte da sua página... 6 Comentários na página...
Leia maisVejamos um exemplo. Vamos supor que queiramos montar uma tabela 3X2, ou seja de 3 colunas por 2 linhas, o código HTML para isso é :
TABELAS As tabelas são muito importantes para o designer de uma home-page. Com elas podese fazer alinhamentos que dificilmente seriam possíveis com simples comandos. A funcionalidade de uma tabela faz
Leia maisCADERNOS DE INFORMÁTICA Nº 1. Fundamentos de Informática I - Word 2010. Sumário
CADERNO DE INFORMÁTICA FACITA Faculdade de Itápolis Aplicativos Editores de Texto WORD 2007/2010 Sumário Editor de texto... 3 Iniciando Microsoft Word... 4 Fichários:... 4 Atalhos... 5 Área de Trabalho:
Leia mais6. Enumere de acordo com a primeira: A. Minimizar diminui o aplicativo, deixando-o na Barra de Tarefas.
LINUX EDUCACIONAL -Assinale a alternativa correta. 1. Para criar uma pasta devemos: Clicar no menu Exibir-Modo de Exibição Clicar com o botão direito onde gostaríamos de criá-la e em seguida Criar Novo
Leia maisProgramação de Servidores CST Redes de Computadores
Programação de Servidores CST Redes de Computadores Marx Gomes Van der Linden http://marx.vanderlinden.com.br ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) HMTL Arquivo-texto
Leia maisMODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS. Redes de Comunicação
MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS Redes de Comunicação Regras para um website eficaz Categorização dos conteúdos estrutura lógica dos conteúdos Condensação conteúdos simples e directos
Leia maisScientific Electronic Library Online
FAPESP - CNPq BIREME - FapUNIFESP Scientific Electronic Library Online Manual de Codificação de Tabelas para xhtml Projeto PMC São Paulo Novembro 2013 INTRODUÇÃO Este manual tem o objetivo de mostrar passo
Leia maisAmostra OpenOffice.org 2.0 Writer SUMÁRIO
Amostra OpenOffice.org 2.0 Writer SUMÁRIO 1. INTRODUÇÃO 2. INSERIR TEXTO 3. SALVAR UM DOCUMENTO 4. FECHAR UM DOCUMENTO 5. INICIAR UM NOVO DOCUMENTO 6. ABRIR UM DOCUMENTO 7. SELECIONAR TEXTO 8. RECORTAR,
Leia maisWeb Design. Prof. Felippe
Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre
Leia maisCURSO : Empreendedorismo 40 Hrs aulas
CURSO : Empreendedorismo 40 Hrs aulas Empreendedorismo o O que é empreendedorismo? o Síndrome do empregado o Os mandamentos do empreendedor de sucesso o E o que não é empreendedorismo? Traçando o perfil
Leia maisUTILIZANDO RECURSOS E ATIVIDADES NO MOODLE
UTILIZANDO RECURSOS E ATIVIDADES NO MOODLE Luanna Azevedo Cruz Polyana Ribas Bernardes 2015 2015 1. INTRODUÇÃO Para utilizar as funcionalidades acesse o Moodle: http://moodle.ead.ufvjm.edu.br/ e clique
Leia maisCurso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de
Leia maisPortal do Projeto Tempo de Ser
Sumário Portal do Projeto Tempo de Ser O que é um Wiki?...2 Documentos...2 Localizando documentos...3 Links...3 Criando um Documento...4 Criando um link...4 Editando um Documento...5 Sintaxe Básica...5
Leia maisRelatório: Página HTML
Universidade do Minho Escola de Engenharia Relatório: Disciplina: Linguagens de Programação Curso: Engenharia e Gestão Industrial Carolina Fernandes N.º40532 Guilherme Bacinello N.º42119 Diana Rocha N.º40536
Leia maisPara o PowerPoint, assim como para vários softwares de apresentação, uma apresentação é um conjunto de slides.
POWERPOINT 1. O QUE É UMA APRESENTAÇÃO Para o PowerPoint, assim como para vários softwares de apresentação, uma apresentação é um conjunto de slides. Em cada slide podemos ter vários elementos ou objetos
Leia maisPara o OpenOffice Impress, assim como para vários softwares de apresentação, uma apresentação é um conjunto de slides.
OPENOFFICE IMPRESS 1. O QUE É UMA APRESENTAÇÃO Para o OpenOffice Impress, assim como para vários softwares de apresentação, uma apresentação é um conjunto de slides. Em cada slide podemos ter vários elementos
Leia maisFigura 1: tela inicial do BlueControl COMO COLOCAR A SALA DE INFORMÁTICA EM FUNCIONAMENTO?
Índice BlueControl... 3 1 - Efetuando o logon no Windows... 4 2 - Efetuando o login no BlueControl... 5 3 - A grade de horários... 9 3.1 - Trabalhando com o calendário... 9 3.2 - Cancelando uma atividade
Leia maisLinguagem de. Aula 06. Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br
Linguagem de Programação IV -PHP Aula 06 Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br Criação de Formulários o Um formulário consiste em uma série de campos que são preenchidos pelo usuário
Leia maisWeb Design Aula 02: HTML
Web Design Aula 02: HTML Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Roteiro Introdução Conceitos HTML Primeira Página Identação Incluindo o título Salvando a página Vizualizando
Leia maisCurso Juventude Brasileira e Ensino Médio Inovador. Manual do ambiente Moodle
Curso Juventude Brasileira e Ensino Médio Inovador Manual do ambiente Moodle CURSO DE INTRODUÇÃO AO MOODLE 1. Introdução Estamos começando nossa viagem e nossa primeira parada é na unidade denominada Curso
Leia maisLayouts de páginas com HTML e CSS
Layouts de páginas com HTML e CSS Layouts de Páginas com CSS.... 2 Layout com tamanho Líquido... 2 Layout com tamanho Fixo... 3 Desenvolvendo um layout com tamanho fixo.... 5 Layouts de Páginas com CSS.
Leia maisLinks e Frames José Antônio da Cunha
Links e Frames José Antônio da Cunha Links Até agora, produzimos documentos simples. Mas os documentos de hipertexto têm como principal característica, fazer ligações com outros hipertextos. Os pontos
Leia maisManual de Publicação Wordpress
Fundação Universidade Federal de Mato Grosso do Sul Manual de Publicação Wordpress Núcleo de Tecnologia da Informação - UFMS Maurílio Mussi Montanha 2014 Sumário 1 Introdução... 3 2 ACESSO À INTERFACE
Leia maisInternet. Gabriela Trevisan Bacharel em Sistemas de Infomação
Internet Gabriela Trevisan Bacharel em Sistemas de Infomação Histórico da Web World Wide Web o nosso www é o meio de comunicação mais utilizado no mundo atualmente. Através da WWW qualquer usuário conectado
Leia maisROTEIRO PASSO A PASSO COMO CRIAR E ALIMENTAR UM BLOG
ROTEIRO PASSO A PASSO COMO CRIAR E ALIMENTAR UM BLOG Elaborado por Márcia Azevedo Professora Formadora / Multiplicadora NTE Municipal de Campinas - 2010 - ÍNDICE Criando um blog... 3 Conhecendo as opções
Leia maisProf Rafael Guem Murakami
Prof Rafael Guem Murakami São Paulo 2006 Sumário: Definição:... 4 Barra de Formatação:... 4 Configuração de página:... 5 Bordas e Sombreamento:... 6 Índices:... 8 Inserindo Figuras:... 12 Word-Art:...
Leia maisUNIVERSIDADE ESTADUAL DA PARAÍBA CENTRO DE CIÊNCIAS E TECNOLOGIA DEPARTAMENTO DE QUÍMICA CURSO DE LICENCIATURA EM QUÍMICA LINDOMÁRIO LIMA ROCHA
UNIVERSIDADE ESTADUAL DA PARAÍBA CENTRO DE CIÊNCIAS E TECNOLOGIA DEPARTAMENTO DE QUÍMICA CURSO DE LICENCIATURA EM QUÍMICA LINDOMÁRIO LIMA ROCHA FACILITADOR VIRTUAL DA APRENDIZAGEM EM QUÍMICA Campina Grande-
Leia maisWEB DESIGNER WEB DESIGNER
WEB DESIGNER 1 WEB DESIGNER INICIO DO CURSO DE HTML 4.0 Toda vez que você acessar um site (veja tópico Word Wide Web) por meios de domínios quando adiciona a URL na barra de endereço, do seu Navegador
Leia maisSuperintendência Regional de Ensino de Ubá - MG Núcleo de Tecnologia Educacional NTE/Ubá. LibreOffice Impress Editor de Apresentação
Superintendência Regional de Ensino de Ubá - MG Núcleo de Tecnologia Educacional NTE/Ubá LibreOffice Impress Editor de Apresentação Iniciando o Impress no Linux Educacional 4 1. Clique no botão 'LE' no
Leia maisManual do Teclado de Satisfação Online WebOpinião
Manual do Teclado de Satisfação Online WebOpinião Versão 1.2.3 27 de novembro de 2015 Departamento de Engenharia de Produto (DENP) SEAT Sistemas Eletrônicos de Atendimento 1. Introdução O Teclado de Satisfação
Leia maisDESENVOLVIMENTODE APLICAÇÕESPARAINTERNET:PHP. VitorFariasCoreia
DESENVOLVIMENTODE APLICAÇÕESPARAINTERNET:PHP VitorFariasCoreia INFORMAÇÃOECOMUNICAÇÃO Autor Vitor Farias Correia Graduado em Sistemas de Informação pela FACITEC e especialista em desenvolvimento de jogos
Leia maisO Sistema foi inteiramente desenvolvido em PHP+Javascript com banco de dados em MySQL.
Nome do Software: Gerenciador de Projetos Versão do Software: Gerenciador de Projetos 1.0.0 1. Visão Geral Este Manual de Utilização do Programa Gerenciador de Projetos via Web, tem por finalidade facilitar
Leia maisMicrosoft Word. Formatação para Trabalhos Parte II edição 2003
Microsoft Word Formatação para Trabalhos Parte II edição 2003 Índice 5) Configurando um trabalho... 13 Modelo Capa... 13 Modelo Folha de Rosto... 14 a-) Alinhando texto... 14 b-)o comando de menu Formatar
Leia maisSAMUEL INFORMÁTICA SEAP 11-02-2015. Curso Básico de MS Office Word 2010/BrOffice Writer
SEAP 11-02-2015 SAMUEL INFORMÁTICA Curso Básico de MS Office Word 2010/BrOffice Writer O MS-Word 2010 é um grande processador de texto onde realiza grande parte de serviços de escritórios, cartas, currículos
Leia maisAula de JavaScript 05/03/10
Objetos Sabe-se que variável são contêiners que podem armazenar um número, uma string de texto ou outro valor. O JavaScript também suporta objetos. Objetos são contêiners que podem armazenar dados e inclusive
Leia maisInstituto Siegen Manual do Professor
Manual do Professor - www.institutosiegen.com.br - 1 Instituto Siegen Manual do Professor Manual do Professor - www.institutosiegen.com.br - 2 Sumário Instituto Siegen...1 Manual do Professor...1 Funcionamento
Leia maisTécnicas e processos de produção. Profº Ritielle Souza
Técnicas e processos de produção Profº Ritielle Souza INTRODUÇÃO HTML Sigla em inglês para Hyper Text Markup Language, traduzindo daria algo como Linguagem para marcação de Hipertexto. E o que seria o
Leia maisAula 1 Desenvolvimento Web. Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme
Aula 1 Desenvolvimento Web Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Plano de Aula Ementa Avaliação Ementa Noções sobre Internet. HTML
Leia maisJavaScript. Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) Notas de Aula Aula 12 1º Semestre - 2011. UNIJUÍ DETEC Ciência da Computação
UNIJUÍ DETEC Ciência da Computação Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) JavaScript Notas de Aula Aula 12 1º Semestre - 2011 Tecnologias Web jgw@unijui.edu.br Introdução Com JavaScript implementamos
Leia maisAndré Kawamoto NE31A
André Kawamoto NE31A Internet Internet: uma coleção de redes Todos os computadores conectados à Internet fazem parte de uma rede (rede local, rede doméstica) Rede de Redes Internet x WWW Internet e World
Leia mais<!DOCTYPE html> <html lang = "pt-br"> <head> <meta charset = UTF-8"> <title> Exemplo de uso correto da semântica HTML </title> </ head >
Para um navegador exibir corretamente uma página web, devemos informar explicitamente o tipo do documento. O tipo do documento é informado com a declaração . TAG
Leia maisProgramação WEB II. Conhecendo o PHP. Prof: Kelly E. Medeiros Bacharel em Sistema de Informação. Módulo III
Programação WEB II Conhecendo o PHP Módulo III Prof: Kelly E. Medeiros Bacharel em Sistema de Informação 1 Conhecendo o PHP Com o NotePad++ aberto com um arquivo em branco, devemos fazer uma pequena configuração
Leia maisLinguagem de Estruturação e Apresentação de Conteúdos
UNIVERSIDADE TECNOLOGICA FEDERAL DO PARANA MINISTERIO DA EDUCAÇÃO Câmpus Santa Helena Curso de Bacharelado em Ciência da Computação Linguagem de Estruturação e Apresentação de Conteúdos Prof. Me. Arlete
Leia maisEditor de texto Writer
Prefeitura de Volta Redonda Secretaria Municipal de Educação NTM Núcleo de Tecnologia Educacional Municipal Projeto de Informática Aplicada à Educação de Volta Redonda - VRlivre Editor de texto Writer
Leia maisJavaScript (ou JScript)
1. Introdução JavaScript (ou JScript) Uma linguagem como o JavaScript permite criar interfaces interativas na web (permite a interação do usuário). Para desenvolver web sites interativos precisamos de
Leia maisO conteúdo deste documento é de propriedade intelectual exclusiva da GVDASA Sistemas e está sujeito a alterações sem aviso prévio.
AVISO O conteúdo deste documento é de propriedade intelectual exclusiva da GVDASA Sistemas e está sujeito a alterações sem aviso prévio. Nenhuma parte desta publicação pode ser reproduzida nem transmitida
Leia maisDICAS PARA CONSTRUÇÃO DE PÁGINAS UTILIZANDO O EDITOR FRONTPAGE
DICAS PARA CONSTRUÇÃO DE PÁGINAS UTILIZANDO O EDITOR FRONTPAGE Ao abrir o Editor de Páginas para Internet, FrontPage, será apresentada a seguinte tela: A interface acima apresenta um conjunto de funcionalidades
Leia maisManual Portal PADRÃO. Gerenciador de Temas: Editar Estilo. 1. Clique na aba Extensões e em seguida em Gerenciador de Temas.-
Manual Portal PADRÃO Gerenciador de Temas: Editar Estilo 1. Clique na aba Extensões e em seguida em Gerenciador de Temas.- 1 2 2. Selecione o link padraogoverno01 Default. 3. Abrirá a seguinte tela: 4.
Leia maisIncorporando JavaScript em HTML
Incorporando JavaScript em HTML Existem quatro maneiras de incorporar JavaScript em HTML. Vamos abordar as três primeiras, por ser mais comum: Entre as tags dentro do código HTML. A partir
Leia maisQUEM FEZ O TRABALHO?
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome
Leia maisDefinindo um Layout de Website sem Tabelas Vou apresentar nesse post como fazer o código do layout de um website sem utilizar
Definindo um Layout de Website sem Tabelas Vou apresentar nesse post como fazer o código do layout de um website sem utilizar tabelas (tableless), e utilizando muito . Para continuar lendo esse post,
Leia maisQuestões de Informática 2011 - Editores de Texto
1. Existe uma operação específica no Word que serve para destacar um texto selecionado colocando uma moldura colorida em sua volta, como uma caneta "destaque" (iluminadora). Trata-se de a) "Cor da borda".
Leia maisConselho Geral da Ordem Dos Advogados Departamento Informático
DIFICULDADES NA UTILIZAÇÃO DO CERTIFICADO DIGITAL NO PORTAL DOS INVENTÁRIOS: No âmbito das dificuldades que têm existido no portal dos inventários, quer na fase da autenticação, com o Certificado Digital,
Leia maisMS Word Formatação ABNT
MS Word Formatação ABNT Formatação ABNT Fonte: Arial Tamanho: 12 Alinhamento: Justificar Entrelinhas: 1,5 linhas Endentação: 1,25 cm Margens: 3cm superior e esquerda e 2cm inferior e direita Fonte 1. Selecione
Leia maisPasso a Passo do Cadastro Funcionários no SIGLA Digital
Passo a Passo do Cadastro Funcionários no SIGLA Digital Funcionários Página 1 de 12 O cadastro de funcionários permite cadastrar o usuário que vai utilizar o SIGLA Digital e também seus dados pessoais.
Leia maisUNIPAMPA Universidade Federal do Pampa. Núcleo de Tecnologia da Informação (NTI)
UNIPAMPA Universidade Federal do Pampa Núcleo de Tecnologia da Informação (NTI) Instruções para gerenciamento dos sites em Joomla (versão 1.5.3) Níveis: Editor e Administrador Junho/2008 Í N D I C E Usuários
Leia maisAPOSTILA DE INFORMÁTICA MICROSOFT WORD 2012
APOSTILA DE INFORMÁTICA MICROSOFT WORD 2012 Profa Responsável Fabiana P. Masson Caravieri SUMÁRIO 1. MICROSOFT WORD 2010.... 3 1.1 INICIANDO O WORD 2010.... 3 2. Pagina Inicial.... 6 2.1 Aba arquivo...
Leia maisManual do Usuário CMS WordPress Versão atual: 3.0
Manual do Usuário CMS WordPress Versão atual: 3.0 1 - Introdução O Centro de Gestão do Conhecimento Organizacional, CGCO, criou, em março de 2008, uma equipe para atender à demanda de criação de novos
Leia maisMANUAL EDITOR ESTRUTURADO MÓDULO 2
MANUAL EDITOR ESTRUTURADO MÓDULO 2 PROCESSO JUDICIAL ELETRÔNICO MANUAL EDITOR ESTRUTURADO ELABORAÇÃO DE ESTRUTURA DE DOCUMENTO ADMINISTRADOR Sumário 1 Elaboração de Estrutura de Documento4 11 Cadastrar
Leia maisCOM O BROFFICE IMPRESS
Unidade Unidade 5 4 Preparando Compondo suas planilhas apresentações eletrônicas com com o BrOffice o BrOffice Impress Calc UNIDADE 5 PREPARANDO SUAS APRESENTAÇÕES COM O BROFFICE IMPRESS OBJETIVOS ESPECÍFICOS
Leia maisCriando um projeto ASP.Net no Visual Studio 2008
Criando um projeto ASP.Net no Visual Studio 2008 Ao abrir o Visual Studio 2008, vá no menu File > New > Project (como mostra a imagem abaixo) ou simplesmente pressionando as teclas Ctrl + Shift + N. Nas
Leia maisUniversidade Federal do Espírito Santo
Universidade Federal do Espírito Santo Núcleo de Tecnologia da Informação Gerenciamento do Conteúdo de Sítios Institucionais Versão 1.4 Atualizado em: 8/10/2015 Sumário Sumário................................................
Leia maisUNIVERSIDADE ESTADUAL DE GOIÁS PROCESSO SELETIVO SIMPLIFICADO Edital nº. 003-2010 CARGO: TÉCNICO ADMINISTRATIVO DE NÍVEL MÉDIO
UNIVERSIDADE ESTADUAL DE GOIÁS PROCESSO SELETIVO SIMPLIFICADO Edital nº. 003-2010 CARGO: TÉCNICO ADMINISTRATIVO DE NÍVEL MÉDIO Nome: RG: CPF: Nº. de inscrição: Função: Este caderno contém a prova de Informática
Leia maisRelatório referente a compreensão da programação JSP. Realizado do dia de 22 abril de 2010 a 03 de maio de 2010.
Relatório do GPES Relatório referente a compreensão da programação JSP. Realizado do dia de 22 abril de 2010 a 03 de maio de 2010. Compreender a programação JSP. Os Servlets assim como JSP são tecnologias
Leia maisXML Básico. Murillo Vasconcelos Henriques B. Castro. 17 de maio de 2011
XML Básico Murillo Vasconcelos Henriques B. Castro 17 de maio de 2011 O QUE É? Sigla para extensible Markable Language É uma linguagem de marcação, assim como HTML Desenvolvida para ser auto explicativa
Leia maisCRIAÇÃO DE SITES (AULA 3)
Prof. Breno Leonardo Gomes de Menezes Araújo brenod123@gmail.com http://blog.brenoleonardo.com.br CRIAÇÃO DE SITES (AULA 3) Mais algumas tags Existem tagsque são abertas e fechadas em única tag. Estas
Leia maisAPOSTILA ZELIO SOFT 2
APOSTILA ZELIO SOFT 2 Prof. Maycon Max Kopelvski Fev/2010 rev.01 Página 1 de 20 1) Clique no ícone para abrir o programa Zelio Soft 2 2) Abrirá a tela inicial do Programa: Clique em Criar um novo programa.
Leia maisÍndice. 1.1. Static Text (texto estático)...1 1.2. Dynamic Text (Texto Dinâmico)...3 1.3. Input Text...7 1.4. Exercício...8
Textos no Flash Índice 1. Texto no Flash...1 1.1. Static Text (texto estático)...1 1.2. Dynamic Text (Texto Dinâmico)...3 1.3. Input Text...7 1.4. Exercício...8 1. Texto no Flash Há três maneiras de se
Leia maisGuia do Usuário. idocs Content Server v.2.0-1 -
Guia do Usuário idocs Content Server v.2.0-1 - 2013 BBPaper_Ds - 2 - Sumário Introdução... 4 Inicializando a aplicação... 6 Ambiente... 7 Alterando o ambiente... 8 Senhas... 10 Alterando senhas... 10 Elementos
Leia maisWordpress - Designtec. Manual básico de gerenciamento Práticas de Geografia
Wordpress - Designtec Manual básico de gerenciamento Práticas de Geografia 1 Índice Acessando o painel administrativo... 3 Gerenciamento de edições... 3 Gerenciamento de artigos... 3 Publicando mídias...
Leia maisQuestões de Informática Prova Comentada Ministério Público da União
NOÇÕES DE INFORMÁTICA QUESTÕES COMENTADAS Prof.: Erion Monteiro Questões de Informática Prova Comentada Ministério Público da União Nível Superior Cargo 1 Analista Administrativo 11/9/2010 Sequencial 015
Leia maisMICROSOFT OFFICE WORD2000 INTERMEDIÁRIO
MICROSOFT OFFICE WORD2000 INTERMEDIÁRIO Atualização 01/10/2001 2 Objetivo Este treinamento é dirigido a pessoas que desejam aprender como aplicar e criar estilos; criar e formatar tabelas; adicionar formatações
Leia maisBoletim Eletrônico de Recolhimento Manual do Sistema. Boletim Eletrônico de Recolhimento. Manual do Sistema
Boletim Eletrônico de Recolhimento Manual do Sistema Versão 1.2 Junho / 2013 Sumário 1. Introdução... - 3-2. O Sistema BOLETIM ELETRÔNICO DE RECOLHIMENTO... - 3-3. Pré-requisitos... - 3-4. Primeiro Acesso...
Leia maisTutorial Moodle ESDM - professores
Primeira entrada: Tutorial Moodle ESDM - professores USUÁRIO - MODIFICAR PERFIL No primeiro login/entrada no MOODLE aparecerá a tela do PERFIL para que o usuário complete seus dados. EDITANDO O PERFIL
Leia maisUNICE Ensino Superior Linguagem de Programação Ambiente Cliente Servidor.
UNICE Ensino Superior Linguagem de Programação Ambiente Cliente Servidor. Modelo Cliente/Servidor Por HIARLY ALVES Fortaleza - CE Apresentação. O mais famoso tipo de arquitetura utilizada em redes de computadores
Leia maisAULA 14 Plugin TerraEdit
14.1 AULA 14 Plugin TerraEdit Nessa aula são apresentadas as funcionalidades do plugin de edição de dados vetoriais denominado TerraEdit. Juntamente com a edição vetorial, ele permite a edição dos atributos
Leia maisROBERTO OLIVEIRA CUNHA
LEIAME APRESENTAÇÃO Nenhuma informação do TUTORIAL DO MICRO- SOFT OFFICE WORD 2003 poderá ser copiada, movida ou modificada sem autorização prévia e escrita do Programador Roberto Oliveira Cunha. Programador:
Leia maisAula 8 POWER POINT. Patrícia Soares de Lima. META Aprender a utilizar o Power Point como ferramenta pedagógica nas aulas de Química.
Aula 8 POWER POINT META Aprender a utilizar o Power Point como ferramenta pedagógica nas aulas de Química. OBJETIVOS Ao final desta aula, o aluno deverá: Discutir, de forma breve, a utilização deste software
Leia maisManual de Utilizador. Caderno. Recursos da Unidade Curricular. Gabinete de Ensino à Distância do IPP. http://eweb.ipportalegre.pt. ged@ipportalegre.
Manual de Utilizador Caderno Recursos da Unidade Curricular Gabinete de Ensino à Distância do IPP http://eweb.ipportalegre.pt ged@ipportalegre.pt Índice RECURSOS... 1 ADICIONAR E CONFIGURAR RECURSOS...
Leia maisPREFEITURA MUNICIPAL DE BOM DESPACHO-MG PROCESSO SELETIVO SIMPLIFICADO - EDITAL 001/2009 CARGO: COORDENADOR DE INCLUSÃO DIGITAL CADERNO DE PROVAS
CADERNO DE PROVAS 1 A prova terá a duração de duas horas, incluindo o tempo necessário para o preenchimento do gabarito. 2 Marque as respostas no caderno de provas, deixe para preencher o gabarito depois
Leia maisBLOG ESCOLAS. Após acessar o seu respectivo blog, você será direcionado a tela a seguir. Vamos conhecê-la um pouco melhor.
1 CONHECENDO A PÁGINA PRINCIPAL Após acessar o seu respectivo blog, você será direcionado a tela a seguir. Vamos conhecê-la um pouco melhor. PAGINAS- Mostras as paginas do blog LOCALIZADOR área de busca
Leia mais4 Experimentos. 4.4 detalha os experimentos com os algoritmos V-Wrapper e NCE. 4.1
4 Experimentos A estratégia V-Wrapper descrita por Zheng et. al (ZSW07), resumida no Capítulo 2, foi implementada com a finalidade de comparar um método baseado em atributos visuais com o algoritmo proposto
Leia mais