Clase Programación 5 A

Programacin
Clase 5A. HTML en la Web

Prof. Gonzalo Mller
gmullerb@mail.com
Facultad de Ingeniera Universidad Central de Venezuela
Clase Anterior
HTML: Estructura Bsica de un Documento HTML:
Encabezado Cuerpo.
Etiquetas y Atributos HTML.

Etiquetas: html, head, body, title, br, hr, b, i, u, small, sub, sup, span, script Atributos: title, style
HTML lienzo en blanco para comenzar la obra.
Programacin Prof. Gonzalo Mller Clase 5A GM - 2
HTML
HyperText Markup Language, lenguaje de marcado de hipertexto. Hipertexto: documento digital contiene informacin y conduce a otro texto. La idea original del HTML era presentar texto y vincularlo a otros textos de inters. El Hipervnculo es la base principal del HTML.
HTML
Hipervnculo: constituyen los enlaces dentro del documento que conducen a: Secciones dentro del mismo documento
A ENLACE Z
HTML
A ENLACE Z
Otros documentos dentro del mismo sitio web

A ENLACE Z B C W
HTML
A ENLACE Z

A ENLACE Z B C W
Documentos en otros sitios web en internet

A ENLACE Z W Q D
Etiquetas HTML
a: es una etiqueta HTML para definir un hiperenlace. Forma de uso:
<a href=ENLACE>Texto</a>
Etiquetas HTML
Atributo que indica la direccin a donde esta dirigido este hiperenlace
Etiquetas HTML
Direccin a donde esta dirigido este hiperenlace
Etiquetas HTML
Texto que ve el lector del documento identificando el hiperenlace
Etiquetas HTML

<a href=http://www.sitio.../.../archivo.html> Texto</a>
Etiquetas HTML

<a href=http://www.sitio.../.../archivo.html> Texto</a>
Ejemplo:
<a href=http://www.scribd.com/gmullerb>clases </a>
Etiquetas HTML

<a href=archivo.html>Texto</a>
Etiquetas HTML

<a href=archivo.html>Texto</a>
Ejemplo:
<a href=desejerc01.html>ejercicio1</a>
Etiquetas HTML
Ejemplo:
<html> <body> <a href=desejerc01.html>ejercicio1</a> <a href=http://www.scribd.com/gmullerb> clases</a> </body> ejercicio1 </html> clases
ejercicios.html
Diagrama del Sitio

Diagrama o mapa del sitio: Constituyen una descripcin grfica de la organizacin de las pginas del sitio Se representa los vnculos entre las diferentes pginas Se utilizan
Rectngulos para representar las pginas Lneas para representar las relaciones
Solidas: hiperenlaces internos Segmentas: hiperenlaces externos
Diagrama del Sitio

Diagrama o mapa del sitio: Constituyen una descripcin grfica de la organizacin de las pginas del sitio
Home ejercicios.html
Clases http://www.scribd.com/gmullerb
Ejercicio 1 desejerc01.html
Ejercicio
Construir un documento HTML que posea como ttulo su nombre, el contenido sus datos personales y hiperenlaces a pginas con los datos personales de sus familiares (al menos 2 familiares). Construir las pagina web con ttulo el nombre de su familiar y los datos personales correspondientes en el contenido. Fase 1: Anlisis y Diseo: Construir DS
Ejercicio
Construir un documento HTML que posea como ttulo su nombre, el contenido sus datos personales y hiperenlaces a pginas con los datos personales de sus familiares (al menos 2 familiares). Construir las pagina web con ttulo el nombre de su familiar y los datos personales correspondientes en el contenido. Agregar un enlace de regreso. Fase 1: Anlisis y Diseo: Construir DS
Etiquetas HTML
Secciones dentro del mismo documento

<a href=#id>Texto</a>
Etiquetas HTML

Etiquetas HTML

id: es un atributo HTML que identifica un elemento del documento de forma nica. Forma de uso:
<etiqueta id="identificador"></etiqueta>
Etiquetas HTML

Ejemplo:
El ejercicio 1 
Etiquetas HTML

Ejemplo:
<a href=#ejercicio1>ejercicio1</a> El ejercicio 1 
Etiquetas HTML

Ejemplo:
Atributo que identifica de forma nica un elemento del documento

Etiquetas HTML

Ejemplo:
id es uno de los atributos HTML ms utilizados
Ejercicio
Construir un documento HTML que posea una lista de enlaces a nmeros: 1 2 3 10
Uno
10 saltos de lneas font-size:4em 10 saltos de lneas 10 saltos de lneas font-size:4em

Diez
Ejercicio
Construir un documento HTML que posea una lista de enlaces a nmeros y de los nmero a la lista: 1 2 3 10
Uno
10 saltos de lneas font-size:4em 10 saltos de lneas 10 saltos de lneas font-size:4em

Diez
Publicando la pagina Web

1 Registrarse en un proveedor de hospedaje web
http://www.awardspace.net http://x10hosting.com http://www.ismywebsite.com http://www.hosthelpers.com http://ultimatesitehost.com/hosting.html http://www.000webhost.com/ http://freehostia.com http://www.atspace.com

1 Registrarse en un proveedor de hospedaje web

Usualmente al registrarse tiene la posibilidad de escoger su dominio
Dominio: direccin en internet de nuestro sitio web

Una vez registrado puede acceder a su cuenta
Dominio

En ocasiones es necesario obtener en un dominio gratis
http://www.nic.cz.cc

1 Registrarse en un proveedor de hospedaje web 2 Utilizar una herramienta para administrar su sitio web

1 Registrarse en un proveedor de hospedaje web 2 Utilizar una herramienta para administrar su sitio web Una de las herramientas ms populares es el cPanel Esta herramienta es una aplicacin web que casi todos los proveedores ofrecen. Muy sencilla de usar y segura.
Acceder desde su cuenta Acceder directamente
https://lotus.x10hosting.com:2083/

1 Registrarse en un proveedor de hospedaje web 2 Utilizar una herramienta para administrar su sitio web Una de las herramientas ms populares es el cPanel Esta herramienta es una aplicacin web que casi todos los proveedores ofrecen. Muy sencilla de usar y segura. 3 Subir los archivos de su sitio web al servidor web del proveedor
Subiendo Archivos con cPanel

1 Acceder a la Administracin de Archivos

1 Acceder a la Administracin de Archivos

2 Abrir el directorio Web Root

2 Abrir el directorio Web Rootcarpeta public_html

2 Abrir el directorio Web Rootcarpeta public_html

3 Cargar archivos

3 Cargar archivos
Buscar archivo a cargar
Subiendo Archivos
3 Cargar archivos
Subiendo Archivos
3 Cargar archivos
Listo!
Listo!
mipgina.html
Listo!
mipgina.html
Home.html
La pgina principal de sitio web debe llamarse home.html o index.html.
Home.html
La pgina principal de sitio web debe llamarse home.html o index.html. El servidor web har la bsqueda de este archivo para enviarlo al navegador, pero si este no se encuentra se presentar el contenido del directorio del sitio web.
Contenido del directorio web
mipgina.html
Home.html
La pgina principal de sitio web debe llamarse home.html o index.html. Si el servidor web encuentra este archivo lo enva al navegador:
Pgina home.html
Publicando la pagina Web - Carpetas
dominio
domino/subcarpeta subcarpeta
Publicando la pagina Web - Carpetas domino/subcarpeta subcarpeta
Publicando la pagina Web - Subdominios
dominio
subdomino.domino subdomino.
Publicando la pagina Web - Subdominios subdomino.domino subdomino.
http://www.atspace.com
http://www.atspace.com
Subdominio y carpetas
Cul es la diferencia entre subdominio y carpeta?

Ambos se utilizan para organizar el sitio Web Cul es la diferencia entre subdominio y carpeta? Subdominio Especie de Prefijo Carpeta Especie de Sufijo Es una diferencia Esttica
Ambos se utilizan para organizar el sitio Web Cul es la diferencia entre subdominio y carpeta? Subdominio Especie de Prefijo
Est disponible ms rpidamente
Carpeta Especie de Sufijo Es una diferencia Esttica

Clase Programación 5 A

Загружено:

Сведения о документе

Авторское право

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Clase Programación 5 A

Загружено:

Авторское право:

Programacin

Clase 5A. HTML en la Web

Facultad de Ingeniera Universidad Central de Venezuela

Etiquetas y Atributos HTML.

HTML lienzo en blanco para comenzar la obra.

Programacin Prof. Gonzalo Mller Clase 5A GM - 2

Programacin Prof. Gonzalo Mller Clase 5A GM - 3

Programacin Prof. Gonzalo Mller Clase 5A GM - 4

Otros documentos dentro del mismo sitio web

Programacin Prof. Gonzalo Mller Clase 5A GM - 5

Otros documentos dentro del mismo sitio web

Documentos en otros sitios web en internet

Programacin Prof. Gonzalo Mller Clase 5A GM - 6

Programacin Prof. Gonzalo Mller Clase 5A GM - 7

Atributo que indica la direccin a donde esta dirigido este hiperenlace

Programacin Prof. Gonzalo Mller Clase 5A GM - 8

Direccin a donde esta dirigido este hiperenlace

Programacin Prof. Gonzalo Mller Clase 5A GM - 9

Texto que ve el lector del documento identificando el hiperenlace

Programacin Prof. Gonzalo Mller Clase 5A GM - 10

Documentos en otros sitios web en internet

Programacin Prof. Gonzalo Mller Clase 5A GM - 11

Documentos en otros sitios web en internet

Otros documentos dentro del mismo sitio web

Programacin Prof. Gonzalo Mller Clase 5A GM - 13

Otros documentos dentro del mismo sitio web

Programacin Prof. Gonzalo Mller Clase 5A GM - 14

Programacin Prof. Gonzalo Mller Clase 5A GM - 15

Diagrama del Sitio

Diagrama del Sitio

Programacin Prof. Gonzalo Mller Clase 5A GM - 17

Secciones dentro del mismo documento

Programacin Prof. Gonzalo Mller Clase 5A GM - 20

Secciones dentro del mismo documento

Programacin Prof. Gonzalo Mller Clase 5A GM - 21

Secciones dentro del mismo documento

Secciones dentro del mismo documento

Programacin Prof. Gonzalo Mller Clase 5A GM - 23

Secciones dentro del mismo documento

Programacin Prof. Gonzalo Mller Clase 5A GM - 24

Secciones dentro del mismo documento

Atributo que identifica de forma nica un elemento del documento

Secciones dentro del mismo documento

Construir un documento HTML que posea una lista de enlaces a nmeros: 1 2 3 10

10 saltos de lneas font-size:4em 10 saltos de lneas 10 saltos de lneas font-size:4em

10 saltos de lneas font-size:4em 10 saltos de lneas 10 saltos de lneas font-size:4em

Publicando la pagina Web

http://www.awardspace.net http://x10hosting.com http://www.ismywebsite.com http://www.hosthelpers.com http://ultimatesitehost.com/hosting.html http://www.000webhost.com/ http://freehostia.com http://www.atspace.com

Programacin Prof. Gonzalo Mller Clase 5A GM - 29

Publicando la pagina Web

Programacin Prof. Gonzalo Mller Clase 5A GM - 30

Publicando la pagina Web

Dominio: direccin en internet de nuestro sitio web

Programacin Prof. Gonzalo Mller Clase 5A GM - 31

Publicando la pagina Web

Programacin Prof. Gonzalo Mller Clase 5A GM - 32

Publicando la pagina Web

Publicando la pagina Web

Programacin Prof. Gonzalo Mller Clase 5A GM - 34

Publicando la pagina Web

Programacin Prof. Gonzalo Mller Clase 5A GM - 35

Publicando la pagina Web

Programacin Prof. Gonzalo Mller Clase 5A GM - 36

Subiendo Archivos con cPanel

Programacin Prof. Gonzalo Mller Clase 5A GM - 37

Subiendo Archivos con cPanel

Programacin Prof. Gonzalo Mller Clase 5A GM - 38