brenda paola venegas

martes, 4 de junio de 2013

martes, 16 de abril de 2013

Apuntes

=Documentos=

Marcas

Las marcas delimitan el tamaño y los elementos de un documento como cabezeras , párrafos , etc y son utilizadas para dar un tratamiento diferente al texto que se encuentre entre las marcas.

El HTML las marcas se delimitan con signos para abrir menor que > y cerrar mayor que <

Donde: abrir < inferior a

Cerrar > superior a

Atributos de las marcas

Algunas marcas pueden admitir atributos pudiendo tener cada uno de estos atributos un valor como por ejemplo : ancho , alto , color , formato , estilo. Este valor ira entre comillas si dicho valor es alfanumérico

Estructura de los documentos

Cabezera

La cabezera se emplea para facilitar información acerca del documento y esta delimitada por: <Head>._texto</head>

Dentro de la cabezera podemos destacar el titulo que indica el nombre del documento

Explorador de internet

Buscador “ejemplo” o “pagina”

Código fuente

Cuerpo

El resto del documento residirá entre las marcas <body> y </body>

<html>

<head>

<title>…Bienvenido….</title>

</head>

</body>

</html>

Encabezado

Los encabezados se emplean para dividir los documentos excepciones o mas concretamente para marcar los títulos de esas secciones .Las marcas son entre 1 y 6 donde el 1 tiene mayor tamaño.

<h1>Tamaño mayor </h1>

<h6>Tamaño menor</h6>

Definición de bloques

Para definir y separar bloques de texto se emplea una serie de marcas que definen párrafos , texto pre formateado o bloques con significado especial como direcciones o citas : <p>

Se utiliza para (p) separar párrafos dado que para el HTML todo el texto es continuo necesitamos algún mecanismo para indicar el principio y el fin de un párrafo .La marca inicial y final son

</p>

<Pre>

El texto insertado entre las marcas </pre> será visualizado respetando el formato con el que fue escrito en el fichero fuente HTML.

Para indicar que un texto representa una dirección o una firma generalmente se activa en cursiva y suele estar tabulado.

Se suele representar con tabulaciones a la izquierda y la derecha en cursiva en sistemas que no permiten representar en cursiva se puede emplear algún tipo de símbolo al principio de las líneas.

<br>

Este elemento solo tiene marca inicial eh indica un salto de línea

<hr>

Solo tiene marca inicial y se emplea para representar una línea horizontal

Comentarios

Todo texto que empiece por <!...Cometarios..> será ignorado por el buscador por lo tanto no será visible esto sirve al autor del documento para comentar en su archivo fuente

Fondos y colores de texto

Un cierto numero de atributos de la marca body , permite controlar el color del fondo de la ventana , el color de los caracteres de texto y finalmente el color de los enlaces:

Atributo BGcolor este atributo permite escoger un color para el fondo de la

Donde “rr” “gg” “bb” son valores hexadecimales entre 00 y ff

Atributo Background

Este atributo especifica una imagen residente en el servidor la cual se utilizara como fondo de pagina

<bodybackground=”archivo.gif”>

Atributo text

Permite controlar el color de texto estándar es decir todo texto que no especifique un enlace

Link

Color de enlace que ah un no ah sido visitado

Alink

Color muy fugaz que aparece cuando se hace clic sobre el enlace

Vlink

Es el color de un enlace que ya ah sido visitado

Letra

Es la marca que asigna el tamaño de los caracteres donde n varia de uno a seis .Los mas grandes tienen valor de 1 y los mas pequeños tienen valor de 6 .El texto entre las marcas se trata en negritas

Titulo

<Hn>

Tamaño de la letra y color

La marca de Font permite actuar sobre bloques distintos de caracteres situados en la misma línea el atributo size: regula la altura de los caracteres entre el rango del 1 al 7 el atributo color: especifica el color de los caracteres ejemplo

<Font size=3 color=#008000>…texto…</Font>

Estilo físico o Estilo de caracteres

<B> negrita <b>hola! </b>

<I> cursiva <b>hola! </i>

<V> subrayado <b>hola! </v>

Estilos lógicos , estilo de párrafo

<CITE> Cita

<CODE> Código fuente

<DFN> Definido

<EM> Enfatiza

<KDB> Palabra clave

<SAMP> Ejemplo

<STRONG> Resalta

<VAR> Variable

Combinación de tamaño y estilo

La ventana trabaja bajo el efecto de solo un par cerrado de marcas ejemplo:

<i>

<b> hola, </b>como

<font size=6> estas? </font>

</font>

</i>

Hiperenlace

El lector explora un documento en el web haciendo clic sobre las zonas activas para así hacer aparecer nuevos documentos en HTML definimos una zona activa (que puede ser texto o una imagen) que se asocia al URL (protocolo que direccionamos del documento) que sustituirá al documento visualizado cuando se abra , clic en esta zona. Un ancla por lo tanto sirve para especificar la partida y la llegada de un enlace hipertexto (<A>)

El atributo HREF, ancla de partida hacia un enlace externo.

Crea un enlace hacia un servidor situado en algún punto de internet o hacia algún documento propuesto por algún servidor , la marca especifica , HREF el atributo cuyo valor precisa el URL del documento a recuperar

Zona activable

<A HREF=”URL_de_destino”>zona_activable</A>

El atributo HREF ancla partida a un enlace externo. Crea un enlace a un punto determinado del fichero en ejecución. Para ello hay que colocar un ancla activa (ancla de partida).

Un ancla inactiva (ancla de llegada) el ancla de partida se define de la siguiente forma

Zona activable con atributos visuales <A HREF=#etiqueta>zona_activable_con_atributos_visuales </A>

El atributo Name ,ancla de llegada .Define el ancla de llegada , lugar que se podrá acceder haciendo clic sobre un ancla de partida.

Zona no activable sin atributos visuales.

<A NAME=”Label”>zona_no_activable_sin_atributos_visuales </A>

Una tabla se define entre las marcas <table> y </table> esta primera marca regula la presentación general de la tabla mediante tres atributos:

+Border

Define el grosor del marco externo

*cellpadding

Define el espacio alrededor del texto de una celda

*cellspacing

Define el espacio entre celdas

*width

Define la anchura de la tabla relativa a la ventana

Las marcas que definen una nueva pila son:

Que admite los siguientes atributos de alineación del texto en el interior de todas las celdas de la fila

Valink(alinecaión )

Que puede tomar los valores de

*top

Coloca el texto en la parte superior de la celda

*Bottom

Coloca el texto en la parte inferior de la celda

*Middle

Coloca el texto en el centro de la celda

*Aling(Alineación horizontal)

Que puede tomar los valores:

*rigth

Colocar el texto a la derecha de la celda

*Letf

Coloca el texto a la izquierda de la celda

*Center

Centra el texto en la celda

La marca <TD> es el elemento de inicio de una columna .Puede completarse con los atributos Valing y Aling que será entonces prioritarios sobre los mismos valores definidos en la marca <TR>.

La marca <TH> esta marca funciona de forma similar a <TD> admitiendo los mismos atributos éro se considera como una marca de titulo de celda automáticamente centra el texto y lo pone en negritas

La marca <IMG> permite influir un imagen esta marca ira siempre complementada con el atributo <SCR> que permite dar la dirección del fichero grafico (imagen ,foto , animación)que contienen la imagen.

El valor del atributo <SCR> permite especificar un URL y es por tanto correcto encontrar imágenes definidas como sigue

Alineación de imágenes:

La marca <img> admite el atributo aling que permite situar imagen en relación a la línea de texto actual y puede tomar los siguientes valores Top para alinear la parte superior de la i8magen

-Middle para alinear el centro de la imagen .

-Bottom para alinear.

<IMG SRC=”new.gif” aling=top

Imagenes externas:

Este tipo de imagines no aparecen en la pantalla cuando se carga la pagina, si no que se creoun enlace hipertexto cuyo extreme podra ser una imagen ejemplo:

<A HREF=”image/new.gif”> hacer clic aquí </A>

Imágenes con Anclas:

Se puede remplazar el texto de una ancla por una marca que define una imagen. En este caso la imagen tiene un borde de color para indicar que se trata de un enlace Hipertexto, sobre el que se puede hacer un clic por ejemplo:

I<A HREF=”image/new.gif”><imgSRC.”imagen1info.gif><A/>

Formularios:

Un formulario es una plantilla para representar un conjunto de datos y generar en la pantalla cuadros de dialogo con el lrctor.Como en un formulario en papel se podran tener zonas en las que se introducira un texto, casillas de verificación, listas de selección, etc…

El usuario rellena zonas en su formulario que se identifican con un nombre simbolico. Cuando el formulario se envía al programa que lo va a tratar. Este recibe el identificador de cada zonmay el valor introducido.

Es importante señalar que la utilidad de los formularios esta limitada al uso de las paginas junto con sus servidores, ya que las sensaciones asociadas son programas(generalmente scripts de CGI).

Programas que funcionan como formularios :

Estos programas deben funcionar en un servidor al que se le proporcionara los daros de un formulario para ser procesados.

Declaracion de formularios:

La marca <FORM> y </FORM> define un formulario y entre ellas se situaran todas las marcas que generan los diversoso elementos que componen un formulario. Esta marca debe de ir acompañada obligatoriamente por 2 atributos:

El atributo METHOD esta dirigido al programador que codoifica elo Script al que puede darse el valor post o el valor GET. Que define el modo de transferencia de los datos hacia el Script.

El atributo action que define el URL de un programa script encargado de tratar los datos adquiridos desde el formulario.

<FORM MTHOD=”post” ACTION=”agi_bin/inscripción”

Todas las marcas se definiran tiene los siguientes atributos comunes el atributo name, define el hombre que permitirá al script identificar el origen de los datos. Este nombre debe de ser único.

Name=nombre_ded_la_vcariable_asociada

El atributo value definida para un campo de:

Texto:Permite definir el contenido del campo, el campo el botón submit: indica el texto a escribir en el botón.

Radio, Boton check box.

Valor asociado al Botón cuando esta pulsado name identifica el bloque de botones compas de entrada la marca <input>servirá para definir campos para entrar un texto de botones que permiten escoger opciones.

El atributo Type asociado a la marca input permite la selección del elemento de entrada. Puede tomar los siguientes valores.

Submit: Desencadena el envio del formulario hacia el script; el texto definido en value se escribirá en el botón.

Salida

<FORM>

</FORM>

-Reset: Permite borrar los datos ya entrados

Borrar

<FORM>

</FORM>

-Pasword

Entrar una palabra clave de forma confidencial

<FORM>

</FORM>

CHEATBOX:Crea un bloque de botones que permiten una selección multiple de opciones

Macintosh

<FORM>

Macintosh

</FORM>

RADIO:

Crea un bloque de botones que permiten una selección exclusiva entre varias opciones.

· CD-ROM o Disket

<FORM>

CD-ROM

Disqut

</FORM>

HIDDEN:

Sirve para pasar datos adquiridos de un formulario a otro sin que aparesca nada en pantalla

Campos de Selección:

La marca <SELECT> permite generar listas de selección simple o de selección variable se programa con una lista en la que los ítems se especifica mediante la marca <OPTION>. La presentación de la lista depende del atributo <SIZE>; si su valor es inferior a 2 o esta ausente la lista de interpreta como un un menú desplegable (pop-list).

En caso contrario la lista se visualizara en una ventana con barra de desplazamiento el valor dado entonces el atributo <SIZE> da entonces el número de líneas visible en la ventana .La opción de selección multiple se deriva de la presencia del atributo multiple ejemplo: menú desplegable.

<FORM>

<OPTION> Entrada lateral

<Option selected> entrada directa

</SELECT>

</FORM>

Multiple

Ventana con la barra de desplazamiento (opción de selección multiple)

<FORM>

<Option selected> Had

<Option>Ctt

<Option>Clipper

<Option>pascal

<Option>fortran

<Option>cabol

</select>

</FORM>

Area de texto:

La marca <TEXT AREA> permite crear una ventana con barras de desplazamiento horizontals y verticals, en la que se podra escribir text. El valor dado a los atributos:

ROWS<líneas> y Cols <COLUMNAS> delimita el tamaño de esta ventana ejemplo

<FORM>

Introduzca aqui sus comentarios

</TEXT AREA>

</FORM>

Apuntes

=Documentos=

Marcas

Las marcas delimitan el tamaño y los elementos de un documento como cabezeras , párrafos , etc y son utilizadas para dar un tratamiento diferente al texto que se encuentre entre las marcas.

El HTML las marcas se delimitan con signos para abrir menor que > y cerrar mayor que <

Donde: abrir < inferior a

Cerrar > superior a

Atributos de las marcas

Estructura de los documentos

Cabezera

La cabezera se emplea para facilitar información acerca del documento y esta delimitada por: <Head>._texto</head>

Dentro de la cabezera podemos destacar el titulo que indica el nombre del documento

Explorador de internet

Buscador “ejemplo” o “pagina”

Código fuente

Cuerpo

El resto del documento residirá entre las marcas <body> y </body>

<html>

<head>

<title>…Bienvenido….</title>

</head>

</body>

</html>

Encabezado

Los encabezados se emplean para dividir los documentos excepciones o mas concretamente para marcar los títulos de esas secciones .Las marcas son entre 1 y 6 donde el 1 tiene mayor tamaño.

<h1>Tamaño mayor </h1>

<h6>Tamaño menor</h6>

Definición de bloques

Para definir y separar bloques de texto se emplea una serie de marcas que definen párrafos , texto pre formateado o bloques con significado especial como direcciones o citas : <p>

Se utiliza para (p) separar párrafos dado que para el HTML todo el texto es continuo necesitamos algún mecanismo para indicar el principio y el fin de un párrafo .La marca inicial y final son

</p>

<Pre>

El texto insertado entre las marcas </pre> será visualizado respetando el formato con el que fue escrito en el fichero fuente HTML.

Para indicar que un texto representa una dirección o una firma generalmente se activa en cursiva y suele estar tabulado.

Se suele representar con tabulaciones a la izquierda y la derecha en cursiva en sistemas que no permiten representar en cursiva se puede emplear algún tipo de símbolo al principio de las líneas.

<br>

Este elemento solo tiene marca inicial eh indica un salto de línea

<hr>

Solo tiene marca inicial y se emplea para representar una línea horizontal

Comentarios

Todo texto que empiece por <!...Cometarios..> será ignorado por el buscador por lo tanto no será visible esto sirve al autor del documento para comentar en su archivo fuente

Fondos y colores de texto

Un cierto numero de atributos de la marca body , permite controlar el color del fondo de la ventana , el color de los caracteres de texto y finalmente el color de los enlaces:

Atributo BGcolor este atributo permite escoger un color para el fondo de la

Donde “rr” “gg” “bb” son valores hexadecimales entre 00 y ff

Atributo Background

Este atributo especifica una imagen residente en el servidor la cual se utilizara como fondo de pagina

<bodybackground=”archivo.gif”>

Atributo text

Permite controlar el color de texto estándar es decir todo texto que no especifique un enlace

Link

Color de enlace que ah un no ah sido visitado

Alink

Color muy fugaz que aparece cuando se hace clic sobre el enlace

Vlink

Es el color de un enlace que ya ah sido visitado

Letra

Titulo

<Hn>

Tamaño de la letra y color

<Font size=3 color=#008000>…texto…</Font>

Estilo físico o Estilo de caracteres

<B> negrita <b>hola! </b>

<I> cursiva <b>hola! </i>

<V> subrayado <b>hola! </v>

Estilos lógicos , estilo de párrafo

<CITE> Cita

<CODE> Código fuente

<DFN> Definido

<EM> Enfatiza

<KDB> Palabra clave

<SAMP> Ejemplo

<STRONG> Resalta

<VAR> Variable

Combinación de tamaño y estilo

La ventana trabaja bajo el efecto de solo un par cerrado de marcas ejemplo:

<i>

<b> hola, </b>como

<font size=6> estas? </font>

</font>

</i>

Hiperenlace

El atributo HREF, ancla de partida hacia un enlace externo.

Zona activable

<A HREF=”URL_de_destino”>zona_activable</A>

El atributo HREF ancla partida a un enlace externo. Crea un enlace a un punto determinado del fichero en ejecución. Para ello hay que colocar un ancla activa (ancla de partida).

Un ancla inactiva (ancla de llegada) el ancla de partida se define de la siguiente forma

Zona activable con atributos visuales <A HREF=#etiqueta>zona_activable_con_atributos_visuales </A>

El atributo Name ,ancla de llegada .Define el ancla de llegada , lugar que se podrá acceder haciendo clic sobre un ancla de partida.

Zona no activable sin atributos visuales.

<A NAME=”Label”>zona_no_activable_sin_atributos_visuales </A>

Una tabla se define entre las marcas <table> y </table> esta primera marca regula la presentación general de la tabla mediante tres atributos:

+Border

Define el grosor del marco externo

*cellpadding

Define el espacio alrededor del texto de una celda

*cellspacing

Define el espacio entre celdas

*width

Define la anchura de la tabla relativa a la ventana

Las marcas que definen una nueva pila son:

Que admite los siguientes atributos de alineación del texto en el interior de todas las celdas de la fila

Valink(alinecaión )

Que puede tomar los valores de

*top

Coloca el texto en la parte superior de la celda

*Bottom

Coloca el texto en la parte inferior de la celda

*Middle

Coloca el texto en el centro de la celda

*Aling(Alineación horizontal)

Que puede tomar los valores:

*rigth

Colocar el texto a la derecha de la celda

*Letf

Coloca el texto a la izquierda de la celda

*Center

Centra el texto en la celda

La marca <TD> es el elemento de inicio de una columna .Puede completarse con los atributos Valing y Aling que será entonces prioritarios sobre los mismos valores definidos en la marca <TR>.

La marca <TH> esta marca funciona de forma similar a <TD> admitiendo los mismos atributos éro se considera como una marca de titulo de celda automáticamente centra el texto y lo pone en negritas

El valor del atributo <SCR> permite especificar un URL y es por tanto correcto encontrar imágenes definidas como sigue

Alineación de imágenes:

La marca <img> admite el atributo aling que permite situar imagen en relación a la línea de texto actual y puede tomar los siguientes valores Top para alinear la parte superior de la i8magen

-Middle para alinear el centro de la imagen .

-Bottom para alinear.

<IMG SRC=”new.gif” aling=top

Imagenes externas:

Este tipo de imagines no aparecen en la pantalla cuando se carga la pagina, si no que se creoun enlace hipertexto cuyo extreme podra ser una imagen ejemplo:

<A HREF=”image/new.gif”> hacer clic aquí </A>

Imágenes con Anclas:

I<A HREF=”image/new.gif”><imgSRC.”imagen1info.gif><A/>

Formularios:

Es importante señalar que la utilidad de los formularios esta limitada al uso de las paginas junto con sus servidores, ya que las sensaciones asociadas son programas(generalmente scripts de CGI).

Programas que funcionan como formularios :

Estos programas deben funcionar en un servidor al que se le proporcionara los daros de un formulario para ser procesados.

Declaracion de formularios:

El atributo METHOD esta dirigido al programador que codoifica elo Script al que puede darse el valor post o el valor GET. Que define el modo de transferencia de los datos hacia el Script.

El atributo action que define el URL de un programa script encargado de tratar los datos adquiridos desde el formulario.

<FORM MTHOD=”post” ACTION=”agi_bin/inscripción”

Todas las marcas se definiran tiene los siguientes atributos comunes el atributo name, define el hombre que permitirá al script identificar el origen de los datos. Este nombre debe de ser único.

Name=nombre_ded_la_vcariable_asociada

El atributo value definida para un campo de:

Texto:Permite definir el contenido del campo, el campo el botón submit: indica el texto a escribir en el botón.

Radio, Boton check box.

El atributo Type asociado a la marca input permite la selección del elemento de entrada. Puede tomar los siguientes valores.

Submit: Desencadena el envio del formulario hacia el script; el texto definido en value se escribirá en el botón.

Salida

<FORM>

</FORM>

-Reset: Permite borrar los datos ya entrados

Borrar

<FORM>

</FORM>

-Pasword

Entrar una palabra clave de forma confidencial

<FORM>

</FORM>

CHEATBOX:Crea un bloque de botones que permiten una selección multiple de opciones

Macintosh

<FORM>

Macintosh

</FORM>

RADIO:

Crea un bloque de botones que permiten una selección exclusiva entre varias opciones.

· CD-ROM o Disket

<FORM>

CD-ROM

Disqut

</FORM>

HIDDEN:

Sirve para pasar datos adquiridos de un formulario a otro sin que aparesca nada en pantalla

Campos de Selección:

<FORM>

<OPTION> Entrada lateral

<Option selected> entrada directa

</SELECT>

</FORM>

Multiple

Ventana con la barra de desplazamiento (opción de selección multiple)

<FORM>

<Option selected> Had

<Option>Ctt

<Option>Clipper

<Option>pascal

<Option>fortran

<Option>cabol

</select>

</FORM>

Area de texto:

La marca <TEXT AREA> permite crear una ventana con barras de desplazamiento horizontals y verticals, en la que se podra escribir text. El valor dado a los atributos:

ROWS<líneas> y Cols <COLUMNAS> delimita el tamaño de esta ventana ejemplo

<FORM>

Introduzca aqui sus comentarios

</TEXT AREA>

</FORM>

brenda paola venegas

martes, 4 de junio de 2013

enlace a galeon

martes, 16 de abril de 2013

Apuntes

Apuntes

Datos personales