NUNCA MAIS PASSE RAIVA POR NÃO CONSEGUIR RESOLVER UM PROBLEMA COM O EXCEL - GARANTIDO!

UNIVERSIDADE DO VBA - Domine o VBA no Excel Criando Sistemas Completos - Passo a Passo - CLIQUE AQUI

Você está em: PrincipalArtigosCriacaosites : Htmlbasico009
Quer receber novidades e e-books gratuitos?

Html Básico. Parte 9

 

Objetivo:

O objetivo deste tutorial  é ensinar a criar  Links para downloadas de arquivos e a inserir imagens na página, bem como modificar sua altura, largura, inserir borda e redimensiona-la para o centro e a direita da página, tudo mostrado através das telas.

 

Pré-requisito:

Para você poder acompanhar o desenvolvimento deste tutorial, será necessário ter conhecimento no mínimo do de informática básica e Parte 1, Parte 2, Parte 3 , Parte 4,  Parte 5,  Parte 6,  Parte 7  e Parte 8 do tutorial html básico.

 

Nota:

Irei ensinar a linguagem de html de uma forma bem objetiva, ou seja, iremos aprender na prática através da criação páginas.

 

Vamos  começar a criar links para arquivos, este link é quae igual aos links remotos, a diferença é que neste link fazemos referencia a um tipo de arquivo. Estes links são fácil de criar atribuimos ao mesmos o caminho do arquivo através da URL,  vamos criar a página abaixo, para depois criarmos um link para um determinado arquivo,   para esta página que vamos colocar  o nome de “linkrarquivos.html”:

 

<html>

<head><title>Links Arquivos</title>

<body>

<center><h1>Links Arquivos</h></center>

 

</body>

</html>

 

Após ter  criado esta página vamos inserir o link, e no mesmo vamos inserir o caminho para um arquivo.

 

O link será o seguinte:

 

“Clique aqui para fazer download”

 

Nesta frase vamos atribuir o link que deve ficar assim:

 

<a href= “arquivo.zip”> Clique aqui para fazer o download.</a>

 

Irei criar o link exemplo para fazer o download de uma pasta , para isso criei uma pasta com o nome “exemplo” e dentro da mesma coloquei um arquivo com extensão exe. Compactei amesm utilizando winzip e salvei a dentro da pasta htdocs, o motivo de eu ter salvado dentro desta pasta  é que eu irei abrir a página links arquivos.html através do servidor apache que tenho instalado em minha máquina,  para que esse procedimento funcione corretamente. Para que você possa testa-la poderá incluir esta página num servidor web, por exemplo o site do yahoo, oferece acesso gratuito para você criar e hospedar suas páginas através do geocities.

 

Acompanhe os procedimentos abaixo:

 

Tela 001 (Criando o Link)

 

Agora no momento que você clicar neste link  que acabamos de cria, será aberta uma janela perguntando se você deseja abrir ou salvar o arquivo.

 

Tela 002

 

Agora irei ensinar a inserir uma imagem na mesma página, esta imagem deve estar dentro da página site, para isso utilizamos o utlizamos a seguinte etiqueta:

 

<img src=” aqui colocamos o caminho da imagem”>

 

<IMG SRC="Montanhas azuis.jpg”>

 

Tela 003

 

Podemos atribuir atributos a esta imagem, ou seja, podemos dimensionar altura e largura, inserir borda, para isso usamos as atributos width (Largura) e height (Altura) e Border, veja o procedimento abaixo:

 

Tela 004

 

Tela 005

 

Também podemos fazer o alinhamento desta imagem, veja que a mesma já aparece com alinhamento a esquerda, você pode centraliza-la utilizando as etiquetas <center></center>, colocar a direita,usando as etiquetas <p align=””></p> veja o procedimento.

 

Tela 006

 

Tela 007 (Alinhado ao centro)

 

Conclusão

 

Ensinei como criar links para downloads de arquivos e tambem cmo iserir, e modificar altura, largura e colocar borda na imagem , e coloca-la no modo centralizado e a direita da página, tudo de uma  forma objetiva e mostrado através das telas para que você tenha uma melhor entendimento possível, na próxima parte continuaremos o nosso aprendizado sobre html. Bons Estudos.

Untitled Document
FRONTPAGE - BÁSICO
1 Criação de Páginas para Internet - Introdução
1 Criando o Primeiro Arquivo HTML
DREAMWEAVER - BÁSICO
1 Introdução ao Dreamweaver MX 2004
1 Projeto Web – Parte 01
1 Projeto Web – Parte 04
1 Projeto Web – Parte 03
1 Criação de Tabelas no Dreamweaver
1 Dreamweaver Basico - Começando a usar o DreamWeaver
1 Dreamweaver Basico - Configurações de Definição de Sites
1 Dreamweaver Basico - Estruturação de Páginas - Usando Tabelas - Parte 1
1 Dreamweaver Basico - Estruturação de Páginas - Usando Tabelas - Parte 2
1 Dreamweaver Basico - Definição Básica do Design e Inserção de Conteúdo
1 Dreamweaver Basico - Criação de Links
1 Dreamweaver Basico - Configuração de Links
1 Usando Tabelas no DreamWeaver
1 Usando Imagens no Dreamweaver
1 Usando Modelos no Dreamweaver
1 Conhecendo o Dreamweaver 8
1 Usando comportamentos para criar um menu pop up no Dreamweaver
1 Usando a paleta Behaviors do Dreamweaver - Parte 1
1 Usando Camadas Para Exibir Dicas de Formulários
1 Fazendo um Site com Templates Prontos no Dreamweaver
HTML BÁSICO
1 HTML Básico - Introdução à Internet
1 HTML Básico - Alinhamento de Texto
1 HTML Básico - Cabeçalhos e Formatação de Texto
1 HTML Básico - Formatação de Texto
1 HTML Básico - Criação e configuração de links
1 HTML Básico - Criando Listas Ordenadas e Listas de Definição
1 HTML Básico - Criação de Links Internos e Externos
1 HTML Básico - Criação de Links Externos E Links de E-mail
1 HTML Básico - Inserindo Imagens na Página
1 HTML Básico - Introdução à Tabelas
1 HTML Básico - Criação de Formulários - Parte 1
1 HTML Básico - Criação de Formulários - Parte 2
DREAMWEAVER - PROGRAMAÇÃO PHP
1 Galeria de Fotos com Efeito Lightbox Dinâmica
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte 1)
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte 2)
1 Criando Sistema de Cadastro de Emails e Upload de Imagens (Parte Final)
1 Alternando Cores da Tabela no Resultado de uma Consulta
1 Como Criar um Contador de Visitas (Acessos)
1 Criando Galeria de Fotos (Tiny SlideShow)
1 Criando Ícone para URL
1 Criando Recurso Imprimir
1 Criando Sites Auto-Ajustáveis de Acordo com a Resolução
1 Formulário de Contato com Envio de Dados por Email
1 Galeria de Fotos com Efeito Lightbox e Upload Múltiplo de Imagens
CRIANDO UM APLICATIVO PARA UMA ACADEMIA
1 Criando Aplicativo Para Academia - Parte 1
1 Criando Aplicativo Para Academia - Parte 2
1 Criando Aplicativo Para Academia - Parte 3
1 Criando Aplicativo Para Academia - Parte 4
1 Criando Aplicativo Para Academia - Parte 5
1 Criando Aplicativo Para Academia - Parte 6
1 Criando Aplicativo Para Academia - Parte Final
WEBSPHERE
1 Apresentando o WebSphere Application Server da IBM
1 Instalação do WebSphere Application Server
1 Configurando uma aplicação no WAS
1 Configurando a segurança no WAS
SISTEMA DE SALÃO DE BELEZA
1 Sistema Salão de Beleza - Parte 1
1 Sistema Salão de Beleza - Parte 2
1 Sistema Salão de Beleza - Parte 3
1 Sistema Salão de Beleza - Parte 4
1 Sistema Salão de Beleza - Parte 5
1 Sistema Salão de Beleza - Parte 6
1 Sistema Salão de Beleza - Parte 7
1 Sistema Salão de Beleza - Parte 8
1 Sistema Salão de Beleza - Parte 9
1 Sistema Salão de Beleza - Parte 10
1 Sistema Salão de Beleza - Parte 11
1 Sistema Salão de Beleza - Parte 12
1 Sistema Salão de Beleza - Parte 13
1 Sistema Salão de Beleza - Parte 14
SISTEMA PARA GERENCIAMENTO DE IMÓVEIS
1 Sistema Para Gerenciamento de Imóveis - Parte 01
1 Sistema Para Gerenciamento de Imóveis - Parte 02
1 Sistema Para Gerenciamento de Imóveis - Parte 03
1 Sistema Para Gerenciamento de Imóveis - Parte 04
1 Sistema Para Gerenciamento de Imóveis - Parte 05
1 Sistema Para Gerenciamento de Imóveis - Parte 06
1 Sistema Para Gerenciamento de Imóveis - Parte 07
1 Sistema Para Gerenciamento de Imóveis - Parte 08
1 Sistema Para Gerenciamento de Imóveis - Parte 09
1 Sistema Para Gerenciamento de Imóveis - Parte 10
1 Sistema Para Gerenciamento de Imóveis - Parte 11
Quer receber novidades e e-books gratuitos?

 
 

Contato: Telefone: (51) 3717-3796 | E-mail: webmaster@juliobattisti.com.br | Whatsapp: (51) 99627-3434

Júlio Battisti Livros e Cursos Ltda | CNPJ: 08.916.484/0001-25 | Rua Vereador Ivo Cláudio Weigel, 537 - Universitário, Santa Cruz do Sul/RS, CEP: 96816-208

Todos os direitos reservados, Júlio Battisti 2001-2024 ®

LIVRO: MACROS E PROGRAMAÇÃO VBA NO EXCEL 2016 - CURSO COMPLETO E PRÁTICO

DOMINE A PROGRAMAÇÃO VBA NO EXCEL - 878 PÁGINAS - CLIQUE AQUI