Português Español Italiano English
Apostilas PDF Grátis
Sitemap Adobe Autodesk Corel Microsoft Open Source Variadas

Apostila Manual programaçao HTML - Construção de páginas para web


 









Apostila Manual programaçao HTML - Construção de páginas para web

Apostila Manual programaçao HTML - Construção de páginas para web BAIXA ESTA APOSTILA GRÁTIS
Apostila em formato PDF para que você possa guardá-lo para o seu leitor de PC, e-book ou impressão.


Vínculo Patrocinado



Nota: A Apostila você está prestes a baixar está compactado formato. Rar, se você não tiver um descompactador de arquivos rar você pode baixar o 7-zip e você pode exibir o Foxit Reader PDF.



Índice Apostila Manual programaçao HTML - Construção de páginas para web


Html
Hipertext markup language
Apresentação
Internet: uma breve introdução
Bbs - bulletin board system
Modem: modulador - demodulador
Provedores de acesso
Backbones
Evolução do backbone rnp
Fonte rnp - rede nacional de pesquisa
Fase i
Fase ii
Fase iii
Rnp2 - atm
A assinatura de internet
Navegar é preciso
Navegadores
Protocolos internet
Tcp/ip (transmission control protocol / internet protocol - protocolo de controle de transmissão/protocolo para internet)
Ftp (file transfer protocol)
Http (hypertext transfer protocol)
Telnet
Nntp (network news transfer protocol)
Www (world wide web)
Home page ou site?
Organizando um site
O que pretende divulgar ?
Informações pessoais;
Hobbies ou interesses especiais: filmes, música, livros, veículos;
Publicações: versões digitais de jornais e revistas;
Perfis de empresa: conteúdo institucional que mostra o que uma empresa faz;
Documentação on-line: desde manuais, guias de treinamento, dicionários;
Catálogos de compras: comercialização e divulgação de artigos especiais;
Lojas on-line: comercio eletrônico ou e-commerce.
Pesquisas de opinião: a interatividade com o usuário através de formulários;
Educação on-line: numerosas universidades, escolas e empresas particulares oferecem o
Ensinoà distância através da web.
Estabeleça seus objetivos!
Divida seu conteúdo em tópicos
Organização e navegação
Navegação por hierarquias
Navegação linear
Estrutura linear com alternativas
Combinação das estruturas linear e hieráquica
O storyboard
Dicas para seu storyboard
Storyboards no cinema
Organograma de um site
Projetando um website
Diagramação
Hipertexto
Web design e visão do projeto
Conteúdo e forma
O que faz uma pessoa entrar em um site?
O faz a pessoa querer retornar?
Equipe de desenvolvimento
Fases na construção de um website
1ª fase: organização da informação
2ª fase: como será o site
3ª fase: montagem do site
4ª fase: testes
Dicas e considerações importantes
Administração de um site
Divulgação
Estatísticas
Checagem de links
Organização de arquivos e diretórios
Os 10 pecados do webdesigner
Os formatos de imagem mais usados
Formato gif
Gifs transparentes
Gifs entrelaçados
Gifs animados
Formato jpg ou jpeg
Navegador de internet
Voltar
Avançar
Parar
Atualizar
Página inicial
Pesquisar
Favoritos
Histórico
Tela cheia
Correio
Barra de endereços
Url - uniform resource locator
Protocolo
Nome do domínio
Diretório
Nome do recurso
Erros na navegação
401 unauthorized
404 not found
Html - hypertext markup language
Características gerais do html
Iniciar - executar - notepad enter
Ambiente de trabalho para programar em html
Criando e salvando um html
Estrutura de um documento html
O html básico
Tags html
Antes de começar
Iniciando o estudo das tags html
Título da página
Cabeçalhos
Parágrafos
Quebra de linhas
Listas não numeradas
Listas numeradas
Lista de definições
Listas intercaladas
Texto pré-formatado
Formatando textos
O uso de cores
Estendendendo a tag body
Trabalhos
Pesquisa
Trabalho prático 1
Trabalho prático 2
Trabalho prático 3
Usando imagens
Organizando imagens
Banco de imagens
Jpgs
Fotos escola
Gif animados
Técnicas
Botões
Site
Imagens
Fotos
Outras
Pastas imagens: melhor configuração
Exibindo imagens em miniatura
Exibindo extensão de arquivos
Salvando imagens
Imagem de fundo no html
Colocando imagens
Opções de alinhamento para imagens e texto
Alinhamento de parágrafos
Alinhamento de texto em relação à imagem
Criando hiperlinks
Links internos
Estabelecendo a âncora
Linkando as âncoras
Exercício
Trabalho prático
Iniciando exemplo2.html
Linhas de separação
Cores para links
Comportamento de links e limpeza de históricos
Novas cores para os links
Links externos locais
Exemplos para links locais
Links externos na web
Exercício
Regras básicas
Links para email
Trabalho
Trabalhando com fontes (letras)
Manipulando fontes
Alterando apenas cores
Alterando apenas tamanho
Alterando tipo de letra
Exercício
Iniciando exemplo3.html
Inserindo tabelas
Table
Tags especiais para tabelas
Caption
Tr
Th
Td
Extensões adicionais
Border=valor
Width=valor
Align=center, left e right
Valign=top, middle, bottom
Nowrap
Colspan = quantidade_de_colunas
Rowspan = quantidade_de_linhas
Cellspaccing=valor
Cellpadding=valor
Exemplos de tabelas
Cor para toda a tabela
Cores dentro das células
Exemplo
Exercícios
Textos que se movem
Caracteres especiais
Organizando arquivos para próximo assunto
Frames
Entendendo os frames
Frameset ou frame document
Planejando o frameset
Criando frames
Usando a tag frameset
Exercício
Tags frame, para que servem?
Conteúdo básico dos frames
Conteúdo dos frames - topo.html (na pasta frames)
Conteúdo dos frames - menu.html (na pasta frames)
Conteúdo dos frames - navegar.html (na pasta frames)
Modelo frameset1.html
Modelo frameset2.html
Modelo frameset3.html
Exercícios
Modelo de frame eficiente
Concluindo o desafio1.html
Inline frame
Exemplo
Apresentação
Internet: uma breve introdução
Provedores de acesso
Backbones
Evolução do backbone rnp
A assinatura de internet
Navegar é preciso
Navegadores
Protocolos internet
Www (world wide web)
Home page ou site?
Organizando um site
O que pretende divulgar?
Estabeleça seus objetivos!
Divida seu conteúdo em tópicos
Organização e navegação
Navegaçãopor hierarquias
Navegaçãolinear
Estrutura linearcom alternativas
Combinação das estruturas linear e hieráquica
O storyboard
Dicas para seu storyboard
Storyboards no cinema
Organograma de um site
Projetando um website
Diagramação
Hipertexto
Web design e visão do projeto
Conteúdo e forma
Equipe de desenvolvimento
Fases na construção de um website
1ª fase: organização da informação
2ª fase: como será o site
3ª fase: montagem do site
4ª fase: testes
Dicas e considerações importantes
Administração de um site
Os 10 pecados do webdesigner:
Os formatos de imagem mais usados
Navegador de internet
A barra de endereços
Url - uniform resource locator
Erros na navegação
Html - hypertext markup language
Características gerais do html
Ambiente de trabalhopara programarem html
Criando e salvando um html
Estrutura de um documento html
O html básico
Tags html
Antes de começar
Iniciando o estudo das tags html
Título da página
Cabeçalhos
Parágrafos
Quebra de linhas
Listas não numeradas
Listas numeradas
Lista de definições
Listas intercaladas
Texto pré-formatado
Formatando textos
O uso de cores
Estendendendoa tag body
Trabalhos
Pesquisa
Trabalho prático 1
Trabalho prático 2
Trabalho prático 3
Usando imagens
Organizando imagens
Pastas imagens: melhorconfiguração
Exibindo imagens em miniatura
Exibindo extensão de arquivos
Salvandoimagens
Imagem de fundo no html
Colocando imagens
Opções de alinhamento para imagens e texto
Alinhamento de parágrafos
Alinhamento de texto em relação à imagem
Criando hiperlinks
Links internos
Estabelecendo a âncora
Linkando as âncoras
Exercício
Trabalho prático
Iniciando exemplo2.html
Linhas de separação
Cores para links
Comportamento de links e limpeza de históricos
Novas cores para os links
Links externos locais
Exemplos para links locais
Links externos na web
Exercício
Links para email
Trabalho
Trabalhando com fontes (letras)
Manipulandofontes
Alterando apenas cores
Alterando apenas tamanho
Alterando tipo de letra
Exercício
Iniciando exemplo3.html
Inserindo tabelas
Table /table
Tags especiais para tabelas
Table outras tags /table
Caption legenda da tabela /caption
Tr outras tags /tr - table row (linha)
Th conteúdo de cabeçalho por coluna /th - table header
Td conteúdo da célula /td - table data
Extensões adicionais
Border=valor
Width=valor
Align=center, left e right
Valign=top, middle, bottom
Nowrap
Colspan = quantidade_de_colunas
Cellspaccing=valor
Cellpadding=valor
Exemplos de tabelas
Corpara toda a tabela
Cores dentrodas células
Exercícios
Textos que se movem
Caracteres especiais
Organizando arquivos para próximo assunto
Frames
Entendendo os frames
Framesetou frame document
Planejando o frameset
Criando frames
Usando a tag frameset
Exercício
Tags frame, para que servem?
Conteúdo básico dos frames
Exercícios
Modelo de frame eficiente
Concluindo o desafio1.html
Inline frame

Baixar




Baixe o descompactador 7-zip
Baixe o Foxit Reader baixo para ler os apostila.






ApostilasPDF © 2009 - Licença Creative Commons