Baixe Curso Web site e outras Notas de estudo em PDF para Cultura, somente na Docsity!
Cadernos de Informatica
CURSO DE CAPACITAÇÃO EM INFORMÁTICA INSTRUMENTAL
CURSO DE MONTAGEM E MANUTENÇÃO DE COMPUTADORES
CURSO SOBRE O SISTEMA OPERACIONAL LINUX
CURSO DE PROGRAMAÇÃO EM JAVA
CURSO DE INTRODUÇÃO A BANCOS DE DADOS
CURSO DE CONSTRUÇÃO DE WEB SITES
CURSO DE EDITORAÇÃO ELETRÔNICA
CURSO DE ILUSTRAÇÃO DIGITAL
CURSO DE PRODUÇÃO FONOGRÁFICA
CURSO DE COMPUTAÇÃO GRÁFICA 3D
CURSO DE PROJETO AUXILIADO POR COMPUTADOR
CURSO DE MULTIMÍDIA NA EDUCAÇÃO
PROJETO ESCOLAS - REFERÊNCIA Compromisso com a Excelência na Escola Pública
Cadernos de Informatica
Glayston Pereira Batista
Carlos Eduardo Hermeto de Sá Motta
Coordenador
CURSO DE CONSTRUÇÃO DE
WEB SITES
Cadernos de Informática
Secretaria de Estado de Educação MG
Os computadores que estão sendo instalados pela SEE nas escolas estaduais deverão ser utilizados para propósitos administrativos e pedagógicos. Para isso, desenvolveu-se um conjunto de cursos destinados a potencializar a utilização desses equipamentos. São doze cursos que estão sendo disponibilizados para as escolas para enriquecimento do seu plano curricular. Esses cursos não são profissionalizantes. São cursos introdutórios, de formação inicial para o trabalho, cujo objetivo é ampliar o horizonte de conhecimentodos alunos para facilitar a futura escolha de uma profissão.
Todos os cursos foram elaborados para serem realizados em 40 módulos-aula, cada um deles podendo ser desenvolvidos em um semestre (com 2 módulos-aula semanais) ou em 10 semanas (com 4 módulos-aula semanais). Em 2006, esses cursos deverão ser oferecidos para os alunos que desejarem cursá-los, em caráter opcional e horário extra- turno.
Em 2007, eles cursos deverão ser incluídos na matriz curricular da escola, na série ou séries por ela definida, integrando a Parte Diversificada do currículo.
Esses cursos foram concebidos para dar aos professores, alunos e funcionários uma dimensão do modo como o computador influencia, hoje, o nosso modo de vida e os meios de produção. Para cada curso selecionado pela escola deverão ser indicados pelo menos dois ou, no máximo, três professores (efetivos, de preferência) para serem capa- citados pela SEE. Esses professores irão atuar como multiplicadores, ministrando-os a outros servidores da escola e aos alunos.
CURSO DE C APACITAÇÃO EM I NFORMÁTICA I NSTRUMENTAL
Este curso será implantado obrigatoriamente em todas as escolas estaduais em que for instalado laboratório de informática. Iniciando pelas Escolas-Referência, todos os pro- fessores e demais servidores serão capacitados para que possam fazer uso adequado e proveitoso desses equipamentos tanto na administração da escola como nas atividades didáticas.
É um curso voltado para a desmistificação da tecnologia que está sendo implantada. O uso do computador ainda é algo difícil para muitas pessoas que ainda não estão muito familiarizadas com essas novas tecnologias que estão ocupando um espaço cada vez maior na escola e na vida de todos. Este curso vai motivar os participantes para uma aproximação com essas tecnologias, favorecendo a transformação dos recursos de informática em instrumentos de produção e integração entre gestores, professores e demais servidores. As características dos equipamentos e as funcionalidades dos pro- gramas serão apresentadas de maneira gradual e num contexto prático. Essas.situações práticas serão apresentadas de maneira que o participante perceba o seu objetivo e o valor de incorporá-las ao seu trabalho cotidiano. Os participantes serão preparados
A PRESENTAÇÃO
Secretaria de Estado de Educação MG
Cadernos de Informática
para navegar e pesquisar na internet; enviar, receber e administrar correspondência eletrônica, além de criar e editar documentos (textos, planilhas e apresentações) de interesse acadêmico e profissional. Esse é um curso fundamental, base e pré-requisito para todos os demais.
CURSO DE MONTAGEM E MANUTENÇÃO DE C OMPUTADORES
Este curso será implantado em, pelo menos, uma escola do município sede de cada Superintendência Regional de Ensino. A indicação da escola deverá ser feita pela pró- pria S.R.E, levando-se em conta as condições de infra-estrutura nas Escolas-Referência existentes no município. Nas escolas escolhidas será montado um laboratório de informática especialmente para a oferta desse curso.
O objetivo deste curso é capacitar tecnicamente os alunos de ensino médio que queiram aprender a montar, fazer a manutenção e configurar microcomputadores. Pode ser ofe- recido para alunos de outras escolas, para professores e demais servidores da escola e para a comunidade, aos finais de semana ou horários em que o laboratório esteja dis- ponível. Neste curso o participante aprenderá a função de cada um dos componentes do microcomputador. Aprenderá como montar um computador e como configurá-lo, insta- lando o sistema operacional, particionando e formatando discos rígidos, instalando pla- cas de fax/modem, rede, vídeo, som e outros dispositivos. Conhecerá, ainda, as técnicas de avaliação do funcionamento e configuração de microcomputadores que esteja preci- sando de manutenção preventiva ou corretiva, além de procedimentos para especificação de um computador para atender as necessidades requeridas por um cliente.
Dos cursos que se seguem, as Escolas-Referência deverão escolher pelo menos dois para implantar em 2006.
No período de 13 a 25 de março/2006, estará disponível no sítio da SEE (www.educacao.mg.gov.br) um formulário eletrônico para que cada diretor das Escolas- Referência possa informar quais os cursos escolhidos pela sua escola e quais os profes- sores que deverão ser capacitados. Durante o período de capacitação, os professores serão substituídos por professores-designados para que as atividades didáticas da es- cola não sejam prejudicadas.
1. CURSO SOBRE O SISTEMA O PERACIONAL LINUX
É destinado àqueles que desejam conhecer ferramentas padrão do ambiente Unix. É um curso voltado para a exploração e organização de conteúdo. São ferramentas tipica- mente usadas por usuários avançados do sistema operacional. Tem por finalidade apre- sentar alguns dos programas mais simples e comuns do ambiente; mostrar que, mesmo com um conjunto pequeno de programas, é possível resolver problemas reais; explicar
Secretaria de Estado de Educação MG
Cadernos de Informática
mentos básicos da administração desses repositórios de informação..Apesar de ser de nível introdutório, o curso apresenta todos os tópicos de interesse relacionados à área. É um curso voltado para aqueles que desejam conhecer os sistemas que gerenciam volu- mes grandes e variados de informações, largamente utilizados no mundo empresarial.
Ementa: Modelagem de dados. Normalização. Linguagem SQL. Mecanismos de consulta. Criação e alteração de tabelas. Manipulação e formatação de dados. Organização de resultados de pesquisa. Acesso ao servidor de bancos de dados. Contas de usuários. Segurança. Administração de bancos de dados. Manutenção. Integridade.
4. CURSO DE CONSTRUÇÃO DE W EB SITES
Este curso mostrará aos participantes como construir páginas HTML que forma a estru- tura de um “site” na internet. A primeira parte do curso é voltada para a construção de páginas; a segunda parte, para a estruturação do conjunto de páginas que formação o “site”, incluindo elementos de programação. Explicará os conceitos elementares da web e mostrará como é que se implementa o conjunto de páginas que forma o “site” num servidor.
Ementa: Linguagem HTML. Apresentação dos principais navegadors disponíveis no mer- cado.
Construção de uma página HTML simples respeitando os padrões W3C. Recursos de formatação de texto. Recursos de listas, multimídia e navegação. Tabelas eFrames. Folha de Estilo. Elementos de Formulário. Linguagem Javascript. Interação do Javascript com os elementos HTML. Linguagem PHP. Conceitos de Transmissão de Site e critérios para avaliação de servidores.
1. CURSO DE E DITORAÇÃO E LETRÔNICA
Voltado para a produção de documentos físicos (livros, jornais, revistas) e eletrônicos. Apresenta as ferramentas de produção de texto e as ferramentas de montagem de ele- mentos gráficos numa página. O texto é tratado como elemento de composição gráfica, juntamente com a pintura digital, o desenho digital e outros elementos gráficos utiliza- dos para promover a integração dos elementos gráficos.
O curso explora de maneira extensiva os conceitos relacionados à aparência do texto relativos aos tipos de impressão (fontes). Mostra diversos mecanismos de produção dos mais variados tipos de material impresso, de texto comum às fórmulas matemáti- cas. Finalmente, discute a metodologia de gerenciamento de documentos.
Ementa: Editor de textos. Formatadores de texto. Tipos e Fontes. Gerenciamento de projetos.
Cadernos de Informática
Secretaria de Estado de Educação MG
Publicações. Programas para editoração. Programas acessórios. Impressão. Desenvolvi- mento de um projeto.
2. CURSO DE I LUSTRAÇÃO DIGITAL
Desenvolvido sobre um único aplicativo de tratamento de imagens e pintura digital, o GIMP (GNU Image Manipulation Program – Programa de Manipulação de Imagens GNU).
Este curso ensina, passo a passo, como utilizar ferramentas do programa para produzir ilustrações de qualidade que podem ser utilizadas para qualquer finalidade. A pintura digital é diferente do desenho digital. O desenho se aplica a diagramas e gráficos, por exemplo. A pintura tem um escopo muito mais abrangente e é uma forma de criação mais livre, do ponto de vista formal. É basicamente a diferença que há entre o desenho artístico e o desenho técnico. É, portanto, um curso voltado para aqueles que têm inte- resses e vocações artísticas.
Ementa: A imagem digital. Espaços de cores. Digitalização de imagens. Fotomontagem e colagem digital. Ferramentas de desenho. Ferramentas de pintura. Finalização e saída.
3. C URSO DE P RODUÇÃO FONOGRÁFICA
Curso voltado para aqueles que têm interesse na produção musical. Explica, através de programas, como é que se capturam, modificam e agrupam os sons musicais para pro- duzir arranjos musicais. É um curso introdutório com uma boa visão da totalidade dos procedimentos que levam à produção de um disco.
Ementa: O Fenômeno Sonoro. O Ambiente Sonoro. A Linguagem Musical. Pré-Produção. O Padrão MIDI. A Gravação. A Edição. Pós-processamento. Mixagem. Finalização.
4. CURSO DE C OMPUTAÇÃO GRÁFICA
Curso introdutório de modelagem, renderização e animação de objetos tridimensionais.
Esse curso é a base para utilização de animações tridimensionais em filmes. Conduzido como um tutorial do programa BLENDER, apresenta a interface do programa e suas operações elementares. Destinado àqueles que têm ambições de produzir animações de alta qualidade para a educação ou para a mídia.
Ementa: Introdução à Computação Gráfica. Conceitos básicos 2D e 3D. Interface princi- pal do programa Blender. Espaço de trabalho. Navegação em 3D. Modelagem em 3D. Primitivas básicas. Movimentação de objetos. Edição de objetos. Composição de cenas. Materiais e texturas. Aplicação de materiais. UV Mapping. Luzes e Câmeras. Iluminação de cena. Posicionamento e manipulação de câmera. Renderização still frame. Formatos
Cadernos de Informática
Secretaria de Estado de Educação MG
Secretaria de Estado de Educação MG
Secretaria de Estado de Educação MG
Cadernos de Informática
Cadernos de Informática
Secretaria de Estado de Educação MG
MODULO 1: I NTRODUÇÃO AO WEBDESIGN
1.1 - INTRODUÇÃO AO HTML
O que é um arquivo HTML?
HTML significa Hyper Text Markup Language (Linguagem de marcação de texto). Um arquivo HTML é um arquivo texto contendo pequenas marcações que serão interpre- tadas por um browser (como o mozilla firefox por exemplo). Estas marcações são cha- madas de TAGs (ou etiquetas). As tags mostram ao browser como exibir a página. Um arquivo HTML deve ter a extensão htm ou html e pode ser criado usando um editor de texto comum.
1.2 - VAMOS TENTAR?
Primeiro vamos abrir nosso editor de texto. No KDE, vá ao menu, e em seguida nas opções Editors (ou Editores), e em Kwrite.
Cadernos de Informática
Secretaria de Estado de Educação MG
Mas se você quer ser um Desenvolvedor Web habilidoso, é recomendável que comece fazendo você mesmo o arquivo HTML para aprender a dinâmica do HTML. Em tempo poderá utilizar tais editores, sabendo exatamente o que eles estão fazendo e até po- dendo fazer suas próprias melhorias e otimizações nos arquivos gerados por eles. Para maiores informações a respeito de editor WYSIWYG veja Apêndice”
Elementos HTML
Documentos HTML são arquivos texto feitos de elementos HTML. Elementos HTML sao definidos usando tags HTML.
Perguntas efetuadas frequentemente (FAQ)
P: Depois que editei o arquivo HTML, eu não pude ver o resultado no meu browser. Porque? R: Certifique-se que salvou o arquivo com a extensão correta e que está abrindo o arqui- vo com o mesmo nome no seu browser. P: Eu tentei editar um arquivo HTML mas as mudanças não aparecem no browser. Porque? A: O browser mantem uma copia da página para que ele não tenha que abrir a mesma página 2 vezes. Quando você altera o arquivo, seu browser não sabe que fez isso. Use o botão de refresh/reload (Atualizar) do browser para forçar ele a ler a página que editou. P: Que browser eu devo usar? A: YouVocê pode fazer todo seu treino em todos os browsers comuns, como Mozilla, Netscape, ou Konkeror. No entanto, alguns exemplos mais avançados de HTML podem exigir browsers em versões mais atualizadas.
1.3 - T AGS HTML
- As tags HTML são usadas para marcar elementos HTML;
- As tags são delimitadas por dois caracteres: < e > ;
- As tags normally vêm em pares como e ;
- A primeira tag do par é a tag inicial , e a segunda tag final ;
- O texto entre a tag inicial e final é chamado de conteúdo do elemento ;
- Tags HTML não são “case sensitive” , ou seja, é o mesmo de .
Porquê usamos as tags em minúsculo?
Sabemos que as tags HTML não são “case-sensitive”: é o mesmo de . Quando navegar na web, notará que a maioria dos tutoriais utiliza as tags em maiúsculo em seus exemplos. Nós sempre usamos as tags em minúsculo. Porque? Se você quer se preparar para as próximas gerações de HTML, você deve começar a usar
Secretaria de Estado de Educação MG
Cadernos de Informática
tags em minúsculo. Algumas linguagens que surgiram do HTML (como a XHTML – ver apêndice sobre XHTML) exigem as tags em minúsculo, portanto, devemos seguir esta tendência se desejamos nos tornar profissionais desta área.
1.4 - ELEMENTOS HTML
Lembre o exemplo da seção 1.2, e adicionamos mais um elemento como a seguir:
Título da Página
Esta é minha segunda homepage. Este texto está em negrito.
Este é um elemento HTML: Este texto está em negrito
- O elemento HTML começa com a tag inicial :
- O conteúdo do elemento é: este texto está em negrito
- O elemento HTML termina com a tag final:
- O propósito da tag é definir um elemento HTML que deve ser em negrito.
Este também é um elemento HTML:
Esta é minha segunda homepage e Este texto está em negrito.
Este elemento começa com a tag , e termina com a tag . O propósito da tag é definir o elemento HTML que contém o corpo do documen- to HTML.
1.5 - A TRIBUTOS DAS T AGS
Tags pode possuir atributos. Atributos podem dar informações adicionais sobre os ele- mentos da sua página. Esta tag define o elemento body (corpo) do seu documento: . Com a adição do atributo bgcolor, você pode mostrar ao browser que a cor de fundo (background color) da sua página deve ser vermelha, deste modo: . Esta tag define uma tabela: . Com a adição do atributo border, você pode dizer
Secretaria de Estado de Educação MG
Cadernos de Informática
MÓDULO 2: FORMATAÇÃO DE TEXTOS
2.1 - T AGS HTML B ÁSICAS
As tags básicas de HTML de presença obrigatórias nas páginas são:
- marcação de entrada do documento
- marcação de saída do documento
- marcação de entrada do cabeçalho
- marcação de saída do cabeçalho
- marcação de entrada do corpo
- marcação de saída do corpo
- –––– Apenas o que está escrito entre as marcações body aparecerá na tela maior do seu browser.
- –––– Todas as páginas em HTML são identificadas pela tag , que terá obrigatoriamente que estar no início do código. Obviamente, qualquer página irá terminar com .
2.1.1 - Cabeçalho
Dentro do cabeçalho (tag “”) podemos encontrar:
- : Define o título da página, que é exibido na barra de título dos browsers.
- <style>: Define formatação em CSS
- <script>: Define programação de certas funções em página com scripts, e pode colo- car funções de JavaScript.
- <meta>: Define propriedades da página, como codificação de caracteres, descrição da página, autor, etc.
2.1.2 - Corpo
Dentro do corpo (tag “<body>”) podemos encontrar outras várias tags, como por exem- plo:
- <h1>, <h2>,... <h6>: cabeçalhos e títulos no documento em diversos tamanhos.
- <p>: novo parágrafo.
- <br>: quebra de linha.
- <font>: forma um texto (fonte, cor e tamanho) de um trecho do texto.
- <b>, <i>, <u> e <s>: negrito, itálico, sublinhado e riscado, respectivamente.
- <img>: imagem.
- <a>: hiperlink para uma página, ou para um endereço de E-mail. O melhor modo de aprender html é trabalhando. Temos exemplos da utilização de algu- mas destas tags acima. As demais serão vistas ao decorrer do curso.
Cadernos de Informática
Secretaria de Estado de Educação MG
2.2 - T ENTE VOCÊ MESMO – E XEMPLOS
Exemplo 1) Este exemplo é um documento muito simples contendo o mínimo de tags necessárias para se fazer um documento HTML. Ele demonstra como o texto dentro da tag body é exibido no browser. Código:
O conteúdo do elemento body é exibido no seu browser.
Exemplo 2) Este exemplo demonstra como o texto dentro dos elemetos de parágrafo são exibidos no seu browser.
Código:
Isto é um parágrafo.
Isto é um parágrafo.
Isto é um parágrafo.
Elementos de parágrafo são definidos pela tag p.
(Você encontrará mais exemplos no final deste módulo.)
2.3 - S UBTÍTULOS (HEADINGS )
Subtítulos ou headings são definidos com as tags de à . define o maior Subtítulo e define o menor Subtítulo. Isto é um Subtítulo Isto é um Subtítulo Isto é um Subtítulo Isto é um Subtítulo Isto é um Subtítulo Isto é um Subtítulo
HTML adiciona automaticamente uma linha em branco imediatamente antes do título.
