Pantalla de entrada Dreamweaver
Entradas
Codigo 13
<HTML> <HEAD> <TITLE>Ejemplo de vinculos 2</TITLE> </HEAD> <BODY> <FONT SIZE="4" FACE="Arial" COLOR="Blue"> <CENTER>AMI el niño de las estrellas</CENTER> </FONT> <HR ALIGN="center" SIZE="10" WIDTH="50%" COLOR="Aqua" NOSHADE> <P ALIGN="center">Autor:Enrique Barrios</P> <P ALIGN="center">Advertencia</P> <P ALIGN="center">(Dirigida solamente a los adultos)</P> <P ALIGN="center">No siga leyendo, no le va a gustar: lo que viene es maravilloso</P><BR> <P ALIGN="center">Dedicatoria</P> <P ALIGN="left">Dedicado a los niños</P> <P ALIGN="left">De cualquier edad</P> <P ALIGN="left">y de cualquier pueblo</P> <P ALIGN="left">De esta redonda y hermosa p
Codigo de pag12
<HTML> <HEAD> <TITLE> Ejemplo de vinulos1<1</TITLE> </HEAD> <BODY> <FONT SIZE="4"FACE="Arial"COLOR="Blue"> <CENTER>AMI el niño de las estrellas</CENTER> </FONT> <HR ALIGN="center">Autor:Enrique Barrios</P> <!--Ancla a la parte primera--> <A NAME="parte1"></A> <P ALIGN="center">PARTE PRIMERA</P> <!--Ejemplo de vinculo a otra pagina que se abrira en la misma ventana--> <P ALIGN="left"><A HREF="pag13.HTML">Advertencia y dedicatoria</A></P> <!--Ejemplos de vinculos a otras pagina que se abrira en la misma ventana--> <P ALIGN="left"><A HREF="#cap1">Capitulo1 perimer encuentro</A></P> <P ALIGN="left"><A HREF="#CAP2">Capitulo2 pedrito volador</A></P> <P ALIGN="left
1.15 Ejemplos de tipos de enlaces
TIPO CÓDIGO Definiendo el ancla < A NAME=”cap2”> </A> “cap1” es el ancla invisible que se ubica en el destino del vinculo. A la misma pagina <A HREF=”#CAP1”> Capitulo 1 </A> “#cap1” es la referencia al ancla previamente definida. Se ubica en el origen del vinculo. Capitulo 1 es el texto que aparecerá subdrayado y ejecutara el vinculo A otra pagina dentro del mismo sitio web <A HREF=”pag13.html”> Advertencia y dedicatoria </A> “pag13.htnl” es el nombre del documento que se abrirá al ejecutar el vínculo. En caso de encontrarse en una carpeta deferente, es necesario indicar la ruta para acceder a ella A otra pagina fuera del sitio web <A HREF= http://wwwebarrios.com/web/acerca_de_eB.htm TARGET=”_blanck”> Acerca del autor </A> El correo electronico al que se va a vincu
1.13 Etiquetas y atributos para hipervinculos
ETIQUETA ACCIÓN <A> </A> Deriva de la palabra anchor (ancla).Contiene el elemento que se va a demostrar como hipervínculo, que puede ser: una palabra, un texto, una imagen (estática o dinámica) o un correo electrónico. ATRIBUTO/VALOR ACCIÓN HREF=”dirección/ nombre” Indica el destino del enlace o hipervínculo. Se integra por la ruta absoluta o relativa, dirección URL o ancla. Si se trata de un vínculo externo puede ser: una página web con extensión .html, .htm, .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 hacia un ancla, que se define en el punto precios 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 (iframes). Define u
Código de combinación de celdas
<HTML> <HEAD> <TITLE>Ejemplo de tabla con celdas combinadas</TITLE> <HEAD> <BODY> <FONT SIZE="4"Face="arial"COLOR="Blue"> <CENTER>Especialidad B.T. en programacion</CENTER> </FONT> <HR ALIGN="center"SIZE="10"WIDTH="50"COLOR="Aqua"NOSHADE> <TABLE WIDTH="80%"ALIGN="center"BORDER="2" BORDERCOLOR="blue"> <CAPTION ALIGN="bottom">Asignaturas y submodulos </CAPTION> <TR BGCOLOR="blue"> <TD COLSPAN="3" align="center">Semestre 4</TD> </TR> <TR< <TD ROWSPAN="5">Componente de formación básica</TD> </TR> <TR> <TD>Calculo</TD> <TD>4 hrs. </TD> </TR> <TR> <TD>Ingles VI</TD> <TD>3 hrs.</TD> </TR> <TR> <TD>Fisica I
Código de tablas
<HTML> <HEAD> <TITLE> Ejemplo de tabla básica</TITLE> </HEAD> <BODY> <FONT SIZE="4" FACE="Arial" COLOR="Blue"> <CENTER>Estaciones del año</CENTER> </FONT> <HR ALIGN="center" SIZE="10" WIDTH="50%" COLOR="Aqua"> <NOSHADE> <TABLE WIDHT="80%" ALIGN"center" BORDER="2" BORDERCOLOR="blue"> <CAPTION ALIGN="top">Datos astronomicos</CAPTION> <TR BGCOLOR="piNK"> <TR BGCOLOR="pink"> <TH>Estacion</TH> <TH>Emisferio norte</TH> <TH>Emisferio sur</TH> </TR> <TR> <TD>Primavera</TD> <TD>Del 21 de marzo hasta el 20 de junio</TD> <TD>Del 21 de septiembre hasta el 20 de diciembre</TD> </TR> <TR> <TD>Verano</TD> <TD>Del 21 de junio
1.12 Atributos de tablas
ATRIBUTO/VALOR ACCIÓN BORDER=”n” Enmarca cada celda de la tabla con un borde de grosor “n” representando en pixeles. Si se omite, el borde es cero, es decir, la tabla se presenta sin bordes. ALIGN=”posición” Se emplea para alinear verticalmente el contenido de la tabla, fila o celda, dependiendo de la etiqueta en donde se emplea la etiqueta. Las posiciones son: izquierda (left), derecha (rigth), centrado (center) y justificado (justify). Para la etiqueta CAPTION :arriba(top) y abajo (bottom) VALIGN=”posición” Se emplea para alinear verticalmente el contenido de la tabla, fila o celda, dependiendo de dónde se emplee la etiqueta. Las posiciones son: arriba (top), en medio (middle) y abajo (bottom) WIDTH=”valor” Permite establecer el valor de la anchura de la tabla, ya sea en porcentaje (respecto a la página o pixeles (fijo) .si se emplea dentro de una celda, el porcent
1.11 Etiquetas para el diseño de tablas
ETIQUETA ACCIÓN <TABLE></TABLE> Crea una tabla <TR></TR> Crea una fila. Debe estar dentro de una tabla y contener al menos una celda. Se coloca un juego de etiquetas por cada fila que se necesite en la tabla. <TD></TD> Crea cada celda. Debe estar dentro de una fila se coloca un juego de etiquetas por cada celda que se necesite. <TH></TH Se emplea para colocar los encabezados en las columnas de la tabla. Muestra la información en negritas y centrado. <CAPTIÓN></CAPTIÓN> Coloca un título a la tabla, con la opción de colocarla encima o debajo de la misma, acompañada del atributo ALIGN.