HTML

Conceptos básicos de
una pagina web

Unidad 1
Que es HTML?
◦ Lenguaje de Marcado de Hipertexto
Interpretación de paginas HTML.
◦ Navegador de internet ( IExplorer, Netscape
etc.)
Como funciona WWW?
◦ World wide web se comunica en base a un
protocolo llamado HTTP. ( Protocolo de
Transferencia de Hipertexto)
1.1 Introducción
Información.
Tiempo de búsqueda.
Formato.
1.2 Diseño de paginas web

Delimitación del tema.
Recolección de información.
Clasificación de la información.
Estructuración.
Metáfora.
Diseño y estilo grafico.
Ensamblaje final.
Realización de pruebas.
1.3 Diseño de un sitio web

Creación y diseño de
una pagina web
Unidad 2
Lenguaje de programación que se maneja
en base a etiquetas.
◦ <center> Javierjk</center> CERRADAS.

◦ <hr> ABIERTAS.
◦ <body bgcolor=“HFFFFFF”> PARAMETROS.
◦ & CARACTERES ESPECIALES.
2.1 Que es HTML?

<HTML>
<HEAD>
<TITLE>TITULO </TITLE>
</HEAD>
<BODY>
CONTENIDO DE LA PAGINA WEB
</BODY>
</HTML>
2.2 Estructura de una pagina

2.3 USO DE LAS ETIQUETAS
BACKGROUND IMAGEN DE FONDO
BGCOLOR COLOR DE FONDO
TEXT COLOR DE TEXTO
LINK COLOR DE CARGA DE VINCULOS
VLINK COLOR DE VINCULO CLIC
ALINK COLOR DE VINCULO ACTIVO
PARAMETROS BASICOS
ENCABEZADO <H#> </H#>
ALINEACION <H# ALIGN= LEFT> </H#>
OTRAS ETIQUETAS
PARRAFO <P></P>
OTRAS ETIQUETAS
SALTO DE LINEA <BR>
ESPACIO
OTRAS ETIQUETAS
 LISTAS DESORDENADAS<UL> <LI></LI></UL>
 LISTAS ORDENADAS <OL><LI></LI></OL>
 ACENTO ´
 INICIO DE LISTA ORDENADA START
 TIPO DE NUMERACION TYPE
 LISTA MENU <MENU><LI></LI></MENU>
 LISTA DESCRIPTIVA
 <DL>
<LH><DT><DD></DD></DT></LH></DL>
 TEXTO PREDETERMINADO <PRE></PRE>
 PARAMETRO CENTRAR <CENTER></CENTER>
 REGLAS HORIZONTALES <HR>
OTRAS ETIQUETAS
 TABLAS <TABLE> </TABLE>
 FILA <TR> </TR>
 COLUMNA <TD> </TD>
 BORDE BORDER
 UNION DE FILAS ROWSPAN
 UNION DE COLUMNAS COLDSPAN
OTRAS ETIQUETAS
REFERENCIAS LOCALES O ANCLAJES
 NOMBRE DE REFERENCIA <A HREF=“#NOMBRE”></A>
 LLAMAR LA REFERENCIA <A NAME = “NOMBRE”> </A>
REFERENCIAS A OTRO DOCUMENTO

 LLAMAR OTRO DOCUMENTO <A HREF =“ARCHIVO”></A>
 LLAMAR SITIO WEB <A HREF =“SITIO”></A>
OTRAS ETIQUETAS
IMÁGENES <IMG SRC = “RUTA”>
2.4 INCLUSION DE ELEMENTOS

Marquesina <marquee>…</marquee>
Dirección del efecto direction
Conducta de efecto scroll, slide,
alternate
Color de fondo bgcolor = “color”
EFECTOS DE TEXTO
Insertar sonido <a href =“ruta”></a>
Sonido
Conjunto de marcos <frameset>…
</frameset>
Marco <frame>…</frame>
Nombre del marco name=“nombre”
Pagina que abre src=“ruta”
Columnas cols = “30%,70,*”
Filas rows = “30%,70,*”
2.5 Marcos
Formato con hoja de
estilos
Unidad 3
Esun conjunto de reglas que se aplica a
una o mas etiquetas html.
3.1 Que es hoja de estilo

Estilos CSS integrados. 1 elemento
Estilos CSS incrustados. Todo el
documento
Estilos CSS externos. Varios documentos
3.2 Estilos css en HTML

Estilos CSS integrados
Estilos CSS incrustados
Estilos CSS externos
Subrayado o Tachado text-decoration
Alineacion text-align
Tamaño de fuente font-size
Conjunto de fuentes font-family
Color de fuente color
Color de fondo background
Color de borde border-color
Estilo de borde border-style
3.3 Propiedades css

3.4 Estructura de CSS
3.5 La cascada de CSS
Unidades relativas
◦ Em (Ancho de m)
◦ Ex (Ancho de x)
◦ Px (pixeles)
Unidades absolutas
◦ cm (centimetros) pt (puntos)
◦ Mm (milimetros) pi (picas)
◦ In (pulgadas)
3.6 Las unidades de medida

Unidades porcentuales
◦ Modo absoluto (50%)
◦ Modo aditivo (+50%)
Unidades de color
◦ Códigos (#006600)
◦ Hexadecimal (#000)
◦ RGB { rgb(0,0,0);}
◦ RGB porcentual { rgb(20%,20%,20%);}
 Uso de url
 Body {background: url(ruta);}
Conozca Java script
Unidad 4
Java Script no es considerado lenguaje
de programación ya que su propósito es
crear scripts para trabajo con
documentos.
4.1 Aspectos Generales

Antes llamado Live Script fue creado
por Netscape con el propósito de
modificar aplicaciones de internet
desde el cliente.
Sun Microsystems lanzo al mercado un
lenguaje denominado Oak (Java).
Y a si surgió Java Script.
4.2 Historia de Java Script

<script languaje=“javascript>
Comandos
</script>
4.3 Como empezar con Java Script

Carácter Significado
\n Nueva línea
\t Tabulación
\’ Comilla simple
\” Comilla doble
\\ Barra invertida
Literales o valores puntuales

Var nombre de variable
Function Nombre (Valores){ return
<valor>}
Variables y Funciones
 Window.alert() O alert()
Cuadros de alerta
 Window.prompt(,) O prompt(,)
Cuadros de dialogo
BOTON
<FORM>
<INPUT TYPE=“BUTTON” NAME=“NOMBRE”
VALUE=“ETIQUETA” ONCLICK=“PROCESO”>
</FORM>
4.4 Manejo de Java Script

HTML

Загружено:

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

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

Доступные форматы

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

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

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

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

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

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

Доступные форматы

HTML

Загружено:

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

Доступные форматы

Conceptos básicos de

una pagina web

1.2 Diseño de paginas web

1.3 Diseño de un sitio web

◦ <center> Javierjk</center> CERRADAS.

2.1 Que es HTML?

2.2 Estructura de una pagina

REFERENCIAS A OTRO DOCUMENTO

2.4 INCLUSION DE ELEMENTOS

3.1 Que es hoja de estilo

3.2 Estilos css en HTML

3.3 Propiedades css

3.6 Las unidades de medida

4.1 Aspectos Generales

4.2 Historia de Java Script

4.3 Como empezar con Java Script

Literales o valores puntuales

4.4 Manejo de Java Script

Вам также может понравиться