Curso Online de Fundamentos de Programação WEB I

Autor(a): Rogerio De Moraes

Carga horária: 4 horas

Por: R$ 50,00
(Pagamento único)

Com certificado digital incluído

Você pode acessar até 25% do curso antes de pagar

Cancele seu curso em até 7 dias e tenha seu dinheiro de volta

Adquira certificado ou apostila impressos e receba em casa

Você se matricula e já tem acesso ao curso

Aprender Conceitos Essenciais Para Desenvolvimento de Paginas Para Internet, Com HTML, Aplicavéis Desde a Pessoas Que Nunca Tiveram Um Contato Com A Linguagem. Como Para Quem Já É Desenvolvedor.

Programador Web (PHP/JAVA/JQUERY) a 10 anos, Programador de Computadores, Celulares, Tablets, Técnico em Informatica, Tecnólogo em Gestão da Tecnologia da Informação, Instrutor de Informática e Gestão Empresarial.

Descrição

Aprender Conceitos Essenciais Para Desenvolvimento de Paginas Para Internet, Com HTML, Aplicavéis Desde a Pessoas Que Nunca Tiveram Um Contato Com A Linguagem. Como Para Quem Já É Desenvolvedor.
Autor(a): Rogerio De Moraes

Programador Web (PHP/JAVA/JQUERY) a 10 anos, Programador de Computadores, Celulares, Tablets, Técnico em Informatica, Tecnólogo em Gestão da Tecnologia da Informação, Instrutor de Informática e Gestão Empresarial.
Capítulos
- Fundamentos de Programação Web I
- - Conceito Sobre História do HTML
- - O que Preciso Pra Começar?
- - Como é o formato básico
- - Salvando O Primeiro Código
- - Entendendo as tags básicas da pagina
- - Entendendo as tags meta
- - Formatos de Imagens para usar na pagina
- - Inserindo Imagens na pagina
- - Definindo Plano de Fundo da pagina
- - Entendendo estilos de textos básicos
- - Entendendo as tags básicas da pagina
- - Alinhamento de elementos na página
- - Definindo Títulos dos textos nas paginas
- - Definindo espaçamento de caracteres nos titulos
- - Criação de Tabelas em sua pagina
- - Parâmetros de tamanho na Tabela
- - Trabalhando com mais linhas na Tabela
- - Trabalhando com mais colunas na Tabela
- - Mesclando células em Tabelas
- - Definindo espaçamento em tabelas (cellspacing)
- - Definindo espaçamento em tabelas (cellpadding)
- - HyperLink (Ancoras)
- - Mailto (Link de Contato)
- - Criação de Botão (Link com imagem)
- - Iframe (frames de paginas / paginas dentro de paginas)
- - Tipos de Listas (Ordenadas)
- - Tipos de Listas (Não Ordenadas)
- - Tipos de Listas (Listas de Definição)
- * Exercício Prático 1
- * Exercício Prático 2
- * Exercício Prático 3
- - Tabela de acentos e caracteres especiais em HTML
- - Inserindo Vídeos em sua página (HTML5)

Vantagens
Saiba Mais

Aqui você não precisa esperar o prazo de compensação do pagamento para começar a aprender. Inicie agora mesmo e pague depois.
O curso é todo feito pela Internet. Assim você pode acessar de qualquer lugar, 24 horas por dia, 7 dias por semana.
Se não gostar do curso você tem 7 dias para solicitar (através da pagina de contato) o cancelamento ou a devolução do valor investido.*
Adquira certificado ou apostila impressos e receba em casa. Os certificados são impressos em papel de gramatura diferente e com marca d'água.**

* Desde que tenha acessado a no máximo 50% do material.
** Material opcional, vendido separadamente.

Modelo de certificados (imagem ilustrativa):

Frente

Verso

Fundamentos de Programação Web I (Conceitos Fundamentais de HTML (HyperText Markup Language)
Fundamentos de Programação Web I (Conceitos Fundamentais de HTML (HyperText Markup Language)

Por Rogerio de Moraes

Conheça Nosso Serviços em www.linkinhost.com.br
Conceito Sobre História do HTML
Em 1980 Tim Berners-Lee propôs um projeto baseado no conceito de hipertexto denominado ENQUIRE. Ele foi inicialmente todo desenvolvido em linguagem Pascal. Logo em 1989 Tim Berners-Lee com a ajuda de um estudante do CERN chamado Robert Cailliau conseguiu implementar a primeira comunicação bem sucedida entre um cliente HTTP e um servidor através da internet. Surgia então a World Wide Web. Porém o protocolo HTTP só foi implementado em fevereiro de 1993.

Conceito Sobre História do HTML

Conheça Nosso Serviços em www.linkinhost.com.br
Conceito Sobre História do HTML
A sigla HTML (HyperText Markup Language) denominada linguagem de marcação de hipertexto. Sendo sua primeira versão do HTML baseada na linguagem SGML. SGML constituía a estruturação de documentos e foi dela que o HTML herdou diversas tags tais como: título
ao
, cabeçalho e parágrafo
.

Conceito Sobre História do HTML

Conheça Nosso Serviços em www.linkinhost.com.br
O que Preciso Pra Começar?
Primeiro Passo - Um editor de textos, ASCII, no caso utilizaremos o NotePad (Bloco de Notas) para salvar nossos codigos.

Segundo Passo – Executar o arquivo salvo com duplo clique, o mesmo carregara em seu navegador padrão, podendo ser (Internet Explorer, Mozilla FireFox, Chrom...).

Terceiro Passo – SEMPE salvar suas paginas html, como “.htm”, tal como preferencialmente sua pagina inicial como “index.html”
Quarto Passo – Criar Pasta como nome de “images”, onde iria salvar seus projetos de Programação Web. Onde colocara as imagens. E um diretorio atras, colocara as paginas (salvara). Ex.: Documentos / Webs ficaria as paginas, entao criara uma pasta “images” dentro da pasta Webs.

O que Preciso Pra Começar?

Conheça Nosso Serviços em www.linkinhost.com.br
Como é o formato básico
tag inicial, a qual define o tipo de codificação.
tag a qual define o inicio do cabeçalho da pagina. Meu Titulo tag a qual define o titulo da pagina. tag de cabeçalho, com o fechamento “/”. tag que define o corpo da pagina, onde inserimos o conteúdo.
Conteudo do site aqui

tag de corpo da pagina, com o fechamento “/”. tag inicial (tipo de codificação), com fechamento “/”.

Como é o formato básico

Conheça Nosso Serviços em www.linkinhost.com.br
Salvando O Primeiro Código
Digite o texto logo abaixo no Bloco de Notas e o salve.

Minha Primeira Pagina
Seja Bem-vindo a minha pagina!

Salvar como index.html, então o execute como duplo clique.

Salvando O Primeiro Código

Conheça Nosso Serviços em www.linkinhost.com.br
Entendendo as tags básicas da pagina
tag a qual define o inicio do cabeçalho da pagina. Meu Titulo tag a qual define o titulo da pagina.

Importante, na tag head, inserimos tanto títulos, metas (definições complementares para a pagina, como informações sobre o site, componentes (scripts) a serem carregados...

Ex.:
colocando definição do site, para sistemas de buscas encontrar a página.

Entendendo as tags básicas da pagina

Conheça Nosso Serviços em www.linkinhost.com.br
Entendendo as tags meta
As tags metas são compostas pelo item que deseja ser informado, no paramentro name, com sua definição no paramentro content.

Ex.:

Entendendo as tags meta

Conheça Nosso Serviços em www.linkinhost.com.br
Formatos de Imagens para usar na pagina
Quais formatos deve utilizar no HTML?

No exemplo abaixo podemos observar que utiliza-se uma imagem com a extensão / formato .jpg (Mais conhecido (JPEG), esse formato é utilizado para fotos que não podem perder a qualidade de forma expressiva, mantendo melhor qualidade, botões ou outros itens, podem ser .gif (GIF), que possuem tamanho menor.

Formatos de Imagens para usar na pagina

Conheça Nosso Serviços em www.linkinhost.com.br
Inserindo Imagens na pagina
Entenda como inserir imagens nas páginas:
tag a qual utilizamos para inserir.
border = define se possui borda, com o numero do tamanho dela, ou 0 para sem borda.
src= define o local onde a imagem se encontra, no caso na pasta images, tal como o nome da foto/imagem “minhaimagem.jpg”. alt= define um titulo sobre a imagem, que é exibido quando colocamos o mouse sobre a imagem na pagina.
width / height= (largura / altura) da imagem que colocamos na pagina.

Inserindo Imagens na pagina

Conheça Nosso Serviços em www.linkinhost.com.br
Definindo Plano de Fundo da pagina
Como definimos um fundo no HTML?
Com Imagem
definimos o fundo da pagina

Com Cores
definimos a cor da pagina, ou o nome em inglês, ou segundo o padrão do RGB / Hex (Ex.: #FFFFF /outra #FFFAFA).

Como Fixamos o fundo (Desce a pagina e o fundo fica estatico

Definindo Plano de Fundo da pagina

Conheça Nosso Serviços em www.linkinhost.com.br