Sitio web (introduccion) 01
emergar
6,776 views
15 slides
Sep 04, 2014
Slide 1 of 15
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
About This Presentation
Aspectos iniciales de un Sitio WEB
Slide Content
Diseno Sitio WEB e
Emerson Garay
www.youtube.com/emergaray
http://www.slideshare.net/emergar
Emerson Garay
www.youtube.com/emergaray
http://www.slideshare.net/emergar
OBJETIVO
Conocer el origen del HTML e identificar
conceptos elementales sobre las etiquetas
y su aplicación en un documento HTML.
HTML
http://www.slideshare.net/emergar
Conocer el origen del HTML e identificar
conceptos elementales sobre las etiquetas
y su aplicación en un documento HTML.
HTML
http://www.slideshare.net/emergar
INTRODUCCION
El Internet es una gran red global que tiene como
objetivo acceder y compartir información,
noticias, comunicación de negocios y
entretenimiento. Todo eso es posible a través de
los sitios WEB que son como las vitrinas de
cada actividad que se quiere mostrar en la
Internet.
À
(51
N > dl
http://www.slideshare.net/emergar
El Internet es una gran red global que tiene como
objetivo acceder y compartir información,
noticias, comunicación de negocios y
entretenimiento. Todo eso es posible a través de
los sitios WEB que son como las vitrinas de
cada actividad que se quiere mostrar en la
Internet.
À
(51
N > dl
http://www.slideshare.net/emergar
Br
7
HTM . DHTML
HTML, siglas de HyperText Markup Language («lenguaje
de marcas de hipertexto»), hace referencia al lenguaje
de marcado para la elaboración de páginas web. Es un
estándar que sirve de referencia para la elaboración de
páginas web en sus diferentes versiones, define una
estructura básica y un código (denominado código
HTML) para la definición de contenido de una página
web, como texto, imágenes, etc. Es un estándar a cargo
de la W3C, organización dedicada a la estandarización
de casi todas las tecnologías ligadas a la web, sobre todo
en lo referente a su escritura e interpretación. Es el
lenguaje con el que se definen las páginas web.
http://www.slideshare.net/emergar
7
HTM . DHTML
HTML, siglas de HyperText Markup Language («lenguaje
de marcas de hipertexto»), hace referencia al lenguaje
de marcado para la elaboración de páginas web. Es un
estándar que sirve de referencia para la elaboración de
páginas web en sus diferentes versiones, define una
estructura básica y un código (denominado código
HTML) para la definición de contenido de una página
web, como texto, imágenes, etc. Es un estándar a cargo
de la W3C, organización dedicada a la estandarización
de casi todas las tecnologías ligadas a la web, sobre todo
en lo referente a su escritura e interpretación. Es el
lenguaje con el que se definen las páginas web.
http://www.slideshare.net/emergar
Principales Servicios WEB
Los servicios principales que Internet
ofrece a sus usuarios son los siguientes:
Correo electrónico (e-mail) WorldWide Web (WWW)
Erin
Chat(IRC)
Transferencia de Archivos (FTP) Acceso remoto(TELNET)
http://www.slideshare.net/emergar
Los servicios principales que Internet
ofrece a sus usuarios son los siguientes:
Correo electrónico (e-mail) WorldWide Web (WWW)
Erin
Chat(IRC)
Transferencia de Archivos (FTP) Acceso remoto(TELNET)
http://www.slideshare.net/emergar
¿Qué es el HTML?
El HTML (Hyper Text Markup Language -
Lenguaje de Marcas de HiperTexto) es un
lenguaje de etiquetas utilizado para la
publicación de paginas en la Internet.
<HTML>
<htmi>
<title>HTML</title>
<body>
This is HTML!
</body>
</html>
http://www.slideshare.net/emergar
El HTML (Hyper Text Markup Language -
Lenguaje de Marcas de HiperTexto) es un
lenguaje de etiquetas utilizado para la
publicación de paginas en la Internet.
<HTML>
<htmi>
<title>HTML</title>
<body>
This is HTML!
</body>
</html>
http://www.slideshare.net/emergar
Introduccion a lenguaje HTML
El HTML es un lenguaje diseñado para publicar
documentos en la Internet como documentos
hipertexto o hiperenlace.El lenguaje tiene todas las
herramientas para definir el formato de las páginas y
permite incluir imágenes así como enlaces o links a
otros documentos. Los enlaces pueden o no ser de
texto, ya que también pueden ser enlaces a través de
imágenes o animaciones entre dos ubicaciones
<>
HTML
http://w ww.slideshare.net/emergar
fisicamente alejadas.
El HTML es un lenguaje diseñado para publicar
documentos en la Internet como documentos
hipertexto o hiperenlace.El lenguaje tiene todas las
herramientas para definir el formato de las páginas y
permite incluir imágenes así como enlaces o links a
otros documentos. Los enlaces pueden o no ser de
texto, ya que también pueden ser enlaces a través de
imágenes o animaciones entre dos ubicaciones
<>
HTML
http://w ww.slideshare.net/emergar
fisicamente alejadas.
Navegadores
Para visualizar un documento en HTML se usan unos
programas llamados navegadores, existen muchos de
ellos, entre los más comunes están el:
Internet Explorer (Microsoft)
Firefox(Mozilla)
Safari(Apple) Chrome(Google)
http://www.slideshare.net/emergar
Para visualizar un documento en HTML se usan unos
programas llamados navegadores, existen muchos de
ellos, entre los más comunes están el:
Internet Explorer (Microsoft)
Firefox(Mozilla)
Safari(Apple) Chrome(Google)
http://www.slideshare.net/emergar
Etiquetas HTML basicas y mas
comunes
http://www.slideshare.net/emergar
comunes
http://www.slideshare.net/emergar
Estructura basica documento HTML
<html>
<head>
<title>Diplomado Sitio WEB</title>
</head>
<body>
<h2>
Estructura básica documento HTML
</h2>
</body>
</html>
http://www.slideshare.net/emergar
<html>
<head>
<title>Diplomado Sitio WEB</title>
</head>
<body>
<h2>
Estructura básica documento HTML
</h2>
</body>
</html>
http://www.slideshare.net/emergar
Apariencia en el Navegador
e Jae]
I) Tarte) Estar Ver Historia” Marcadores” Herramientas Ayuda
/ Diplomado Sitio WEB x\+
E @ file///E/paginaweb0Lhtml v C | 8-: Gage P ya + >»
Estructura basica documento HTML
http://www.slideshare.net/emergar
e Jae]
I) Tarte) Estar Ver Historia” Marcadores” Herramientas Ayuda
/ Diplomado Sitio WEB x\+
E @ file///E/paginaweb0Lhtml v C | 8-: Gage P ya + >»
Estructura basica documento HTML
http://www.slideshare.net/emergar
Representación de Caracteres
especiales en HTML
à > á À > Á
€ > é É > É
i> í Í > &lacute:
6 > ó: O > Ó:
ú > ú Ú > Ú
ñ > ñ Ñ > Ñ
un espacio >
http://www.slideshare.net/emergar
especiales en HTML
à > á À > Á
€ > é É > É
i> í Í > &lacute:
6 > ó: O > Ó:
ú > ú Ú > Ú
ñ > ñ Ñ > Ñ
un espacio >
http://www.slideshare.net/emergar
Resultado Descripción Nombre Número
Espacio en blanco  
| < Menor que aut; <
Oe: > Mayor que > >
Nc 1 & & &
E ¡Comillas " "
Dès | i Apertura signo de exclamacion ¡ ¡
é Apertura signo de interrogación ¿ ¿
e Marca registrada ®
© Derecho de autor ©
€ Euro €
a a minúscula con acento á
é e minúscula con acento é
i i minúscula con acento í
6 © minúscula con acento ó
a u minüscula con acento ú
ñ ñ minüscula ñ
ü u minüscula con dieresis ü
A A mayúscula con acento Á Á
É E mayúscula con acento É É
i I mayüscula con acento ĺ Í
[o] 'O mayúscula con acento Ó Ó
Ú U mayúscula con acento Ú Ú
Ñ Ñ mayúscula Ñ Ñ
Ü U mayúscula con diéresis Ü Ü
http://www.slideshare.net/emergar
Espacio en blanco  
| < Menor que aut; <
Oe: > Mayor que > >
Nc 1 & & &
E ¡Comillas " "
Dès | i Apertura signo de exclamacion ¡ ¡
é Apertura signo de interrogación ¿ ¿
e Marca registrada ®
© Derecho de autor ©
€ Euro €
a a minúscula con acento á
é e minúscula con acento é
i i minúscula con acento í
6 © minúscula con acento ó
a u minüscula con acento ú
ñ ñ minüscula ñ
ü u minüscula con dieresis ü
A A mayúscula con acento Á Á
É E mayúscula con acento É É
i I mayüscula con acento ĺ Í
[o] 'O mayúscula con acento Ó Ó
Ú U mayúscula con acento Ú Ú
Ñ Ñ mayúscula Ñ Ñ
Ü U mayúscula con diéresis Ü Ü
http://www.slideshare.net/emergar
Elementos del <head>
+ La etiqueta <meta> puede ser usado para
identificar propiedades de un
documento(autor, descripción, palabras
claves, etc.)
e Las etiqueta <script> y </script> se utiliza
para insertar scripts en el documento.
e La etiqueta <link> establece un enlace
que solo puede aparecer en la sección
head.
http://www.slideshare.net/emergar
+ La etiqueta <meta> puede ser usado para
identificar propiedades de un
documento(autor, descripción, palabras
claves, etc.)
e Las etiqueta <script> y </script> se utiliza
para insertar scripts en el documento.
e La etiqueta <link> establece un enlace
que solo puede aparecer en la sección
head.
http://www.slideshare.net/emergar
CIBERGRAFIA
« http://es.wikipedia.org/wiki/HTML
« http://www. virtualnauta.com/html-guia-
de-referencia-caracteres-especiales
http://www.slideshare.net/emergar
« http://es.wikipedia.org/wiki/HTML
« http://www. virtualnauta.com/html-guia-
de-referencia-caracteres-especiales
http://www.slideshare.net/emergar
Tags
Categories
GeneralDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 6,776
- Slides 15
- Favorites 2
- Age 4115 days
Related Slideshows
22
Pray For The Peace Of Jerusalem and You Will Prosper
RodolfoMoralesMarcuc
36 views
26
Don_t_Waste_Your_Life_God.....powerpoint
chalobrido8
39 views
31
VILLASUR_FACTORS_TO_CONSIDER_IN_PLATING_SALAD_10-13.pdf
JaiJai148317
35 views
14
Fertility awareness methods for women in the society
Isaiah47
32 views
35
Chapter 5 Arithmetic Functions Computer Organisation and Architecture
RitikSharma297999
31 views
5
syakira bhasa inggris (1) (1).pptx.......
ourcommunity56
32 views