jueves, 12 de marzo de 2020

Tabla 1.21. Atributos empleados en la hoja de estilo para el diseño de formularios

ATRIBUTO/VALORACCIÓN
DISPLAY: blockConvierte el elemento a un bloque y permite que se pueda establecer unvalor de anchura determinado.
FLOAT: leftPermite que la etiqueta que acompaña al texto se ubique a la izquierda del elemento, mejorando su aspecto.
CLEAR: leftColocado en cada salto de línea (<BR> ), borra el elemento float permitiendo
que el nuevo elemento se ubique a la izquierda de la página.

miércoles, 11 de marzo de 2020

Creación y Consulta de un Script.






Tabla 1.20. Diccionario de datos de la tabla ESPECIALIDAD

CAMPO LLAVE CASCADA TIPO LONGITUD REQUERIDO DESCRIPCIÓN
cveEsp CHAR 1 Clave del área. Teniendo 3 opciones como mínimo: E, F o Q.
nomEsp VARCHAR 25 Nombre de cada una de las áreas:                                      E: ECONÓMICO-ADMINISTRATIVA
F: FÍSICO-MATEMÁTICA
Q: QUÍMICO-BIOLÓGICA
cveArea CHAR 1 Clave del área a la que pertenece cada especialidad, la cual debe existir en el campo de la tabla
AREA

Tabla 1.19. Diccionario de datos de la tabla AREA

CAMPO LLAVE CASCADA TIPO LONGITUD REQUERIDO DESCRIPCIÓN
cveArea CHAR 1 Clave del área. Teniendo 3 opciones como mínimo: E, F o Q.
nomArea VARCHAR 25
Nombre de cada una de las áreas:                                      E: ECONÓMICO-ADMINISTRATIVA
F: FÍSICO-MATEMÁTICA
Q: QUÍMICO-BIOLÓGICA

Tabla 1.18. Comandos del DML.

COMANDO: ACCIÓN:
SELECT Consulta registros de la base de datos que satisfagan un criterio determinado.
INSERT Carga lotes de datos en la base de datos en una única operación.
UPDATE Modifica los va lores de los campos y registros especificados.
DELETE Utilizado para eliminar registros de una tabla de una base de datos.

Tabla 1.17. Comandos del DDL

COMANDO: ACCIÓN:
CREATE Crea nuevas tablas, campos e indices.
DROP Elimina tablas e índices
ALTER Modifica tablas agregando campos o cambiando la definición de los campos.

lunes, 17 de febrero de 2020

Tabla 1.15 - Ejemplos de tipos de enlaces.

TIPO CÓDIGO SIGNIFICADO
Definiendo el ancla. <A NAME="capl"><IA> "cap1" es el ancla invisible que se ubica en el destino del vínculo.
A la misma página.
<A HREF= "#cap1">
  Capítulo 1
</A>
"#cap1" es la referencia al ancla previamente definida. Se ubica en el origen del vínculo. Capítulo 1.
Capítulo 1 es el texto que aparecerá subrayado y que ejecutará el vínculo.
A otra página dentro del mismo sitio web.
<A HREF="pag13.html">
Advertencia y Dedicatoria
</A>
"pag13.html" es el nombre del documento que se abrirá al ejecutar el vínculo. En caso de encontrarse en una carpeta diferente, es necesario indicar la ruta para acceder a ella.
A otra página fuera del sitioweb.
<A HREF="http://www.ebarrios.com/web/acerca _de_EB.htm"TARGET= "_ blank">  Acerca del autor
</A>
Observa la ruta del sitio web al que se hace referencia. Al pulsar el vínculo, la página se abre en una ventana nueva, al indicárselo el valor "_blank" al atributo TARGET.
A un correo electrónico.
<A HREF= "mailto:beliajg@hotmail.com"> Contáctame
</A>
El correo electrónico al que se va a vincular se escribe como valor de " mailto" del atributo HREF.
A la misma página, referenciado con imagen. <A HREF= "#parte1">                     <IMG SRC= "img\flechaMorArriba.png">    </A>
"#partel'' es la referencia al ancla previamente definida. Se ubica en el origen del vínculo.
 En lugar del texto para el vínculo, se coloca una imagen que tendrá la referencia al ancla.

Tabla 1.14 - Atributos empleados en los hiperenlaces.

ATRIBUTO/VALOR: ACCIÓN:
HREF= "dirección/nombre" Indica el destino del enlace o hipervinculo. Se integra por la ruta absoluta o relativa. dirección URL o ancla. Sí se trata de un vínculo externo puede ser: una página web con extensión .htm, .html, .php o .asp; un archivo ya sea .pdf, .zip; o bien. un enlace a un correo electrónico. Si el vínculo es a un elemento interno, la referencia es hacía un ancla, que se define en el punto preciso mediante el atributo NAME.
NAME= "ancla"
Se emplea para colocar el ancla, la referencia para el destino de un vínculo interno.
ID="ancla"
Mismo empleo que el atributo NAME, cuando se trabaja con marcos (lframes). Define un ancla dentro de la página.
TITLE= "letrero" Muestra una breve descripción del sitio que se enlaza. El usuario lo visualiza al colocar el puntero del ratón sobre el enlace.
TARGET ="valor" Indica en qué ventana se abrirá la página de destino: en la misma (self) o en una ventana nueva (_blank). Cuando se trabaja con marcos (lframes), se distinguen además en la ventana completa (op) o en el marco anterior (_parent).

Tabla 1.13 - Etiqueta para definir hipervínculos


Ejemplo 9 de código - Tabla con celdas combinadas.



lunes, 10 de febrero de 2020

Tabla 1.3 - Formatos de estilo en HTML.

ETIQUETA ACCIÓN
<CENTER></CENTER> Centrado.
<B> <lB> o <STRONG></STRONG> Texto en negritas.
<I> </I> Texto en cursivas.
<U> </U> Texto subrayado.
<S> </S> o <STRIKE></STRIKE> Texto tachado.
<EM> </EM> Texto enfatizado.
<TI> </TI> Texto en forma de teletipo.
<BIG></BIG> Texto en tamaño grande.
<SMALL> </SMALL> Texto en t amaño pequeño.
<SUB> </SUB> Subíndice.
<SUP> </SUP> Superíndice.

Tabla 1.2 - Alineación de parrafos en HTML.

ATRIBUTO/VALOR ACCIÓN
ALIGN= "left" Alineado recto a la izquierda, a la derecha se muestra en forma irregular o en bandera.
ALIGN = "right" Alineado recto a la derecha, a la izquierda se muestra en forma irregular o en bandera.
ALIGN = "center" Alineación centrada. Ambos extremos se muestran en forma irregular.
ALIGN = "justify" Justificada. Ambos extremos se muestran rectos.

Ejemplo 2 de código - Datos del alumno.

Aquí te muestro el segundo ejemplo sencillo para tu página web.


<HTML>
<HEAD>
<TITLE>
Mi primera página web
<TITLE>
</HEAD>
<BODY>
<Hl >Centro De Bachillerato Tecnológico
industrial y de servicios No. 121 </H 1 ><BR>
<H2>Especialidad: Programación</H2>
<H3>Semestre: Cuatro</H3>
<H4>Módulo III: Desarrolla aplicaciones web y
móviles </H4 >
<H5>Submódulo II: Desarrolla aplicaciones que se ejecutan en el servidor.</H5>
<H6>Submódulo III: Desarrolla aplicaciones que se ejecutan en el cliente.</H6>
<H7>Turno: Matutino</H7>
<H8>Nombre: Carlos Uriel Vega Rodríguez</H8>
</BODY>
</HTML>

Ejemplo 1 de código - Bienvenido a HTML.

Aquí te muestro el primer ejemplo sencillo para tu página web.


<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<B>¡Bienvenidos al fantástico mundo</B> <BR>
<l>del diser1o de páginas web!</1> <BR> <BR>
<U>¡Iniciemos juntos esta nueva aventura!</U>
</BODY>
</HTML>

jueves, 6 de febrero de 2020

Tabla 1.1 - Lista de Etiquetas de HTML.

ETIQUETA ACCIÓN
<HTML> </HTML> Indica que es un documento HTML o una página web.
<HEAD> </HEAD> Encabezado.
<BODY> </BODY> Cuerpo.
<TITLE> </TITLE> Título. El que aparece en la barra de título de la página web.
<H1> </H1> Títu los automáticos dentro de la página. De H1 hasta H6
<P> </P> Párrafo.
<CENTER></CENTER> Centrado.
<B> </B> Texto en negritas.
<I> </I> Texto en cursivas.
<U> </U> Texto en subrayado.
<S> </S> Texto en tachado.
<FONT> </FONT> Formato del texto.
<IMG> </IMG> Imágenes.
<Ol> </OL> Lista numerada.
<UL> </UL> Lista con viñetas.
<LI> </LI> Elemento en una lista numerada o con viñetas.
<TABLE> </TABLE> Tabla.
<TR> </TR> Línea en una tabla.
<TD> </TD> Celda en una tabla.
<A> </A> Enlace o vínculo.
<BR> Salto de línea.