Curso Online de Fundamentos de Programação WEB I

Curso Online de Fundamentos de Programação WEB I

Aprender Conceitos Essenciais Para Desenvolvimento de Paginas Para Internet, Com HTML, Aplicavéis Desde a Pessoas Que Nunca Tiveram Um Co...

Continue lendo

Autor(a):

Carga horária: 4 horas


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

Certificado digital Com certificado digital incluído

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.



  • 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 do certificado Frente
Verso do certificado 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.
    “Minha

    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:
    “Minha 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


Matricule-se agora mesmo Preenchendo os campos abaixo
R$ 50,00
Pagamento único
Processando... Processando...aguarde...
Autorizo o recebimento de novidades e promoções no meu email.

  • 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)