Objetivo:conocer la forma en la cual se incorporan los frames en el diseño de paginas web, aun como su importancia dentro de estas.
desarrollo: se va a elavorar un grame que este dividido en 4 partes 1 el titulo en la cabecera y los otros 3 de informatica, historia e informatica de manera que al darle clic te mande a una pagina completa.
primero hisimos la pagina de el tema que era el que no teniamos y despues la de los frames utilizando la etiqueta
viernes, 28 de mayo de 2010
sábado, 22 de mayo de 2010
FORMULARIOS
Objetivo:Conocer para que sirven los formularios en el diseño de paginas web.
desarrollo:se elavorara un formulario que contenga cuadros de texto boton de opciones boton de radio boton de limpiar boton de enviar y ademas enviarlo al correo
y quedo de la siguiente manera:
conclucion: para mi punto de vista el usom de formularios en las paginas web es muy importante ademas de indispensable en algunos cazos
desarrollo:se elavorara un formulario que contenga cuadros de texto boton de opciones boton de radio boton de limpiar boton de enviar y ademas enviarlo al correo
y quedo de la siguiente manera:
el codigo quedo de la siguiente manera:
y al mandarlo quedo de esta forma:
conclucion: para mi punto de vista el usom de formularios en las paginas web es muy importante ademas de indispensable en algunos cazos
lunes, 10 de mayo de 2010
practica # 4 CLASIFICACION DE ANIMALES
Objetivo: Elaborar una página en la que se muestre la clasificación, imagen, sonido y características de los siguientes animales:
León
foca
burro
cebra
ñu
suricato
hipopótamo
cocodrilo
piraña
ornitorrinco
piton
anaconda
mamba negra
perro
desarrollo:
pagina principal:
CLASIFICACION DE ANIMALES:
prueba de el sonido:
caracteristicas del leon:
prueba de las descargas:
conclucion: esta practica me sirvio par poner en practica los hipervinculos asi como las tablas.
integrantes del equipo: granados lopez orquidea eunice
desarrollo:
pagina principal:
CLASIFICACION DE ANIMALES:
prueba de el sonido:
caracteristicas del leon:
prueba de las descargas:
conclucion: esta practica me sirvio par poner en practica los hipervinculos asi como las tablas.
integrantes del equipo: granados lopez orquidea eunice
torres valenzuela diego
PRACTICA #3 GLOSARIO
Objetivo:elavorar un glosario que se encargue de mostrar las materias de matematicas, histotia e informatica.
desarrollo:
pantallazo de la pagina principal
pantallazo de la pagina principal informatica:
pantallazo del primer concepto informatica:
pantallazo de la pagina principal de historia:
pantallazo de el primer tema de historia el descubrimiento:
pantallazo pagina principal de matematicas:
primer tema de matematicas aritmetica:
conclucion: en esta practica se hizieron muchas paginas pequeñas lo que creo que ayudo para memorizar algunos codigos de html.
integrantes del equipo: granados lopez orquidea eunice
desarrollo:
pantallazo de la pagina principal
pantallazo de la pagina principal informatica:
pantallazo del primer concepto informatica:
pantallazo de la pagina principal de historia:
pantallazo de el primer tema de historia el descubrimiento:
pantallazo pagina principal de matematicas:
primer tema de matematicas aritmetica:
conclucion: en esta practica se hizieron muchas paginas pequeñas lo que creo que ayudo para memorizar algunos codigos de html.
integrantes del equipo: granados lopez orquidea eunice
torres valenzuela diego
practica #2: REPUBLICA
PRACTICA #2: REPUBLICA MEXICANA
Objetivo: elavorar una pagina en la cual se muestre un mapa de la republica mexicana con hipirvinculos de los estados del norte, sur, este y oeste
desarrollo:
despues creamos las paginas a las que se iba a dirigir el hipervinculo tomando en cuenta que el nombre deve ser exactamente igual
estos son los estados del norte:
estos los del este:
estos los del oeste:
conclucion:
esta practica me sirvio demaciado ya que es de las primeras que hago en lenguaje de html.
integrantes del equipo: granados lopez orquidea eunice
Objetivo: elavorar una pagina en la cual se muestre un mapa de la republica mexicana con hipirvinculos de los estados del norte, sur, este y oeste
desarrollo:
despues creamos las paginas a las que se iba a dirigir el hipervinculo tomando en cuenta que el nombre deve ser exactamente igual
estos son los estados del norte:
estos los del este:
estos los del oeste:
conclucion:
esta practica me sirvio demaciado ya que es de las primeras que hago en lenguaje de html.
integrantes del equipo: granados lopez orquidea eunice
torres valenzuela diego
tablas
objetivo:Conocer la forma en la que se hacen las tablas, filas, columnas y el formato der la misma atravez de html para el diseño de paginas web.
<.table><./table>
filas: <.tr><./tr>
columnas: <.td><./td>
<.table><./table>
filas: <.tr><./tr>
columnas: <.td><./td>
| Atributo | Significado |
|---|---|
| width | se elaborra una tabla en la que se muestre el lugar en la tabla de posiciones de algunos equiposancho de la tabla |
| height | tabla de pocisiones de los equiposaltira de la tabla |
| cellpading | espacio ente el contenido y el borde |
| cellspacing | espacio entre celdas |
| harder | grosor del borde |
| aling | alineacion de la tabla dentro de la pagina |
| bgcolor | color de fondo |
| background | imagen de fondo |
| border color | color del borde |
conclucion: esta practica me sirvio para aclarar dudas respecto a algunos atributos de las tablas de html.
sábado, 17 de abril de 2010
CARACTERES ESPECIALES E HIPERVINCULOS
objetivo:Conocer las caracteristicas especiales que se utilizan en el diseño de las paginas web con html.
Una pagina web se ha de ver en distinto paises que usan conjuntos de caracteres diferentes el lenguaje html nos ofrece un mecanismo por el que podemos estar seguros que una serie de caracteristicas se veran bien en todos los ordenadores indicando su juego de caractere este conjunto son LOS caracteres especiales al colocaruno en una pagina deveos sustituirlos por un codigo.
estos son los caracteres especiales:
Caracteres especiales del HTML 2.0
&+Aacute; Á &+Agrave; À
&+Eacute; É &+Egrave; È
&+Iacute; Í &+Igrave; Ì
&+Oacute; Ó &+Ograve; Ò
&+Uacute; Ú &+Ugrave; Ù
&+aacute; á &+agrave; à
&+eacute; é &+egrave; è
&+iacute; í &+igrave; ì
&+oacute; ó &+ograve; ò
&+uacute; ú &+ugrave; ù
&+Auml; Ä &+Acirc; Â
&+Euml; Ë &+Ecirc; Ê
&+Iuml; Ï &+Icirc; Î
&+Ouml; Ö &+Ocirc; Ô
&+Uuml; Ü &+Ucirc; Û
&+auml; ä &+acirc; â
&+euml; ë &+ecirc; ê
&+iuml; ï &+icirc; î
&+ouml; ö &+ocirc; ô
&+uuml; ü &+ucirc; û
&+Atilde; Ã &+aring; å
&+Ntilde; Ñ &+Aring; Å
&+Otilde; Õ &+Ccedil; Ç
&+atilde; ã &+ccedil; ç
&+ntilde; ñ &+Yacute; Ý
&+otilde; õ &+yacute; ý
&+Oslash; Ø &+yuml; ÿ
&+oslash; ø &+THORN; Þ
&+ETH; Ð &+thorn; þ
&+eth; ð &+AElig; Æ
&+szlig; ß &+aelig; æ
Caracteres especiales del HTML 3.2
&+frac14; ¼ &+nbsp;
&+frac12; ½ &+iexcl; ¡
&+frac34; ¾ &+pound; £
&+copy; © &+yen; ¥
&+reg; ® &+sect; §
&+ordf; ª &+curren; ¤
&+sup2; ² &+brvbar; ¦
&+sup3; ³ &+laquo; «
&+sup1; ¹ &+not; ¬
&+macr; ¯ &+shy;
&+micro; µ &+ordm; º
&+para; ¶ &+acute; ´
&+middot; · &+uml; ¨
&+deg; ° &+plusmn; ±
&+cedil; ¸ &+raquo; »
&+iquest; ¿
Otros caracteres especiales
&+times; × ¢ ¢
&+divide; ÷ € €
&+#147; “ ™ ™
&+#148; ” ‰ ‰
&+#140; Œ ƒ ƒ
&+#135; ‡ † †
ENLACES
objetivo:Conocer las formas en las cuales se genera un hipervinculo en HTML
Un enlace puede ser detectado en una pagina basta con deslizar el puntero del mouse sobre las imagenes ó texto y ver como cambia su forma original tranferir en una mano con un dedo señalado.
Para colocar un enlace nos serviremos de la etiqueta dentro de la etiqueta especifica el destino del enlace este destino seraintroducido bajo forma de atributo el cual lleva por nombre HREF
hred="http://www.blogger.com/">enlace EJEMPLO
en este cazo puse solo la direccion de el blog como destino
destino:Sera unapagina un e-mailó un archivo.
La funison del destino en los enlacesson agrupados del siguiente modo:
1.-ELACES INTERNOS:Se encuentran dentro de la misma pagina
2.-ENLACES LOCALES:Se dirigen a otra pagina pero del mismo sitio
3.-ENLACES REMOTOS:Dirigidos a paginas de otros sitios
4.-ENLACES CON DIRECCIONES DE CORREO:Para crear un mensaje de correO dirigido a una direciion
5.-ENLACES CON ARCHIVO:Para que los puedan hacer download"DESGARGAS" de ficheros.
ENLACES INTERNOS:
Son los enlaces que apuntan a un lugar diferente dentro de la misma página. Este tipo de enlaces son esencialmente utilizados en páginas donde el acceso a los contenidos puede verse dificultado debido al gran tamaño de la misma. Mediante estos enlaces podemos ofrecer al visitante la posibilidad de acceder rápidamente al principio o final de la página o bien a diferentes párrafos o secciones.
Para crear un enlace de este tipo es necesario, aparte del enlace de origen propiamente dicho, un segundo enlace que será colocado en el destino
Supongamos que queremos crear un enlace que apunte al final de la página. Lo primero será colocar nuestro enlace origen. Lo pondremos aquí mismo y lo escribiremos del siguiente modo:
Supongamos que queremos crear un enlace que apunte al final de la página. Lo primero será colocar nuestro enlace origen. Lo pondremos aquí mismo y lo escribiremos del siguiente modo:
----<---ahref="#abajo">---Ir abajo----
Ir abajo
bueno ami se me ocurrio ponerle guiones para que no se perdiera el codigo al subir la entrada
El contenido del enlace es el texto "Ir abajo" y el destino, abajo, es un punto de la misma página que todavía no hemos definido. El simbolo #; es él que especifica al navegador que el enlace apunta a una sección en particular.
En segundo lugar, hay que generar un enlace en el destino. Este enlace llevara por nombre abajo para poder distinguirlo de los otros posibles enlaces realizados dentro de la misma página. En este caso, la etiqueta que escribi es ésta:
<---a name="abajo">
Al finalizar esta entrada pondre el codigo para que se observe el resultado
ENLACES LOCALES:
crear una etiqueta de la siguiente forma:
<---a href="archivo.html">contenido
PORSUPUESTO IGNORANDO LOS GUIONES
contenido
Hay que tener cuidado en usar la barra en lugar de la contrabarra
los enlaces locales pueden a su vez apuntar ya no a la pagina si no a una seccion concreta
este enlace manda a una pagina de el mismo sitio
ENLACE EXTERNO DE CORREO Y HACIA OTRO ARCHIVO
Los enlaces a direcciones de correo son aquellos que al pincharlos nos abre un nuevo mensaje de correo electrónico dirigido a una dirección de mail determinada. Estos enlaces son muy habituales en las páginas web y resultan la manera más rápida de ofrecer al visitante una vía para el contacto con el propietario de la página.
Para colocar un enlace dirigido hacia una dirección de correo colocamos mailto: en el atributo href del enlace, seguido de la dirección de correo a la que se debe dirigir el enlace.
<....ef="mailto:diego_dtv@yahoo.coma">diego_dtv@yahoo.com>
mailto:diego_dtv@yahoo.coma
Si queremos enlazar con un archivo mi_fichero.zip que se encuentra en el mismo directorio que la página se escribiría un enlace así.
Descarga mi_fichero.zip
Enlaces remotos
Son los enlaces que se dirigen hacia páginas que se encuentran fuera de nuestro sitio web, es decir, cualquier otro documento que no forma parte de nuestro sitio.
Este tipo de enlaces es muy común y no representa ninguna dificultad. Simplemente colocamos en el atributo HREF de nuestra etiqueta la URL o dirección de la página con la que queremos enlazar. Será algo parecido a esto.
<-----a href="http://mx.yahoo.com/">ir a yahoo
ir a yahoo
conclucion: esta clace me sirvio para entender como es que se crean los caracteres en una pagina web asi como los enlaces de cualquier tipo.
Una pagina web se ha de ver en distinto paises que usan conjuntos de caracteres diferentes el lenguaje html nos ofrece un mecanismo por el que podemos estar seguros que una serie de caracteristicas se veran bien en todos los ordenadores indicando su juego de caractere este conjunto son LOS caracteres especiales al colocaruno en una pagina deveos sustituirlos por un codigo.
estos son los caracteres especiales:
Caracteres especiales del HTML 2.0
&+Aacute; Á &+Agrave; À
&+Eacute; É &+Egrave; È
&+Iacute; Í &+Igrave; Ì
&+Oacute; Ó &+Ograve; Ò
&+Uacute; Ú &+Ugrave; Ù
&+aacute; á &+agrave; à
&+eacute; é &+egrave; è
&+iacute; í &+igrave; ì
&+oacute; ó &+ograve; ò
&+uacute; ú &+ugrave; ù
&+Auml; Ä &+Acirc; Â
&+Euml; Ë &+Ecirc; Ê
&+Iuml; Ï &+Icirc; Î
&+Ouml; Ö &+Ocirc; Ô
&+Uuml; Ü &+Ucirc; Û
&+auml; ä &+acirc; â
&+euml; ë &+ecirc; ê
&+iuml; ï &+icirc; î
&+ouml; ö &+ocirc; ô
&+uuml; ü &+ucirc; û
&+Atilde; Ã &+aring; å
&+Ntilde; Ñ &+Aring; Å
&+Otilde; Õ &+Ccedil; Ç
&+atilde; ã &+ccedil; ç
&+ntilde; ñ &+Yacute; Ý
&+otilde; õ &+yacute; ý
&+Oslash; Ø &+yuml; ÿ
&+oslash; ø &+THORN; Þ
&+ETH; Ð &+thorn; þ
&+eth; ð &+AElig; Æ
&+szlig; ß &+aelig; æ
Caracteres especiales del HTML 3.2
&+frac14; ¼ &+nbsp;
&+frac12; ½ &+iexcl; ¡
&+frac34; ¾ &+pound; £
&+copy; © &+yen; ¥
&+reg; ® &+sect; §
&+ordf; ª &+curren; ¤
&+sup2; ² &+brvbar; ¦
&+sup3; ³ &+laquo; «
&+sup1; ¹ &+not; ¬
&+macr; ¯ &+shy;
&+micro; µ &+ordm; º
&+para; ¶ &+acute; ´
&+middot; · &+uml; ¨
&+deg; ° &+plusmn; ±
&+cedil; ¸ &+raquo; »
&+iquest; ¿
Otros caracteres especiales
&+times; × ¢ ¢
&+divide; ÷ € €
&+#147; “ ™ ™
&+#148; ” ‰ ‰
&+#140; Œ ƒ ƒ
&+#135; ‡ † †
ENLACES
objetivo:Conocer las formas en las cuales se genera un hipervinculo en HTML
Un enlace puede ser detectado en una pagina basta con deslizar el puntero del mouse sobre las imagenes ó texto y ver como cambia su forma original tranferir en una mano con un dedo señalado.
Para colocar un enlace nos serviremos de la etiqueta dentro de la etiqueta especifica el destino del enlace este destino seraintroducido bajo forma de atributo el cual lleva por nombre HREF
hred="http://www.blogger.com/">enlace EJEMPLO
en este cazo puse solo la direccion de el blog como destino
destino:Sera unapagina un e-mailó un archivo.
La funison del destino en los enlacesson agrupados del siguiente modo:
1.-ELACES INTERNOS:Se encuentran dentro de la misma pagina
2.-ENLACES LOCALES:Se dirigen a otra pagina pero del mismo sitio
3.-ENLACES REMOTOS:Dirigidos a paginas de otros sitios
4.-ENLACES CON DIRECCIONES DE CORREO:Para crear un mensaje de correO dirigido a una direciion
5.-ENLACES CON ARCHIVO:Para que los puedan hacer download"DESGARGAS" de ficheros.
ENLACES INTERNOS:
Son los enlaces que apuntan a un lugar diferente dentro de la misma página. Este tipo de enlaces son esencialmente utilizados en páginas donde el acceso a los contenidos puede verse dificultado debido al gran tamaño de la misma. Mediante estos enlaces podemos ofrecer al visitante la posibilidad de acceder rápidamente al principio o final de la página o bien a diferentes párrafos o secciones.
Para crear un enlace de este tipo es necesario, aparte del enlace de origen propiamente dicho, un segundo enlace que será colocado en el destino
Supongamos que queremos crear un enlace que apunte al final de la página. Lo primero será colocar nuestro enlace origen. Lo pondremos aquí mismo y lo escribiremos del siguiente modo:
Supongamos que queremos crear un enlace que apunte al final de la página. Lo primero será colocar nuestro enlace origen. Lo pondremos aquí mismo y lo escribiremos del siguiente modo:
----<---ahref="#abajo">---Ir abajo----
Ir abajo
bueno ami se me ocurrio ponerle guiones para que no se perdiera el codigo al subir la entrada
El contenido del enlace es el texto "Ir abajo" y el destino, abajo, es un punto de la misma página que todavía no hemos definido. El simbolo #; es él que especifica al navegador que el enlace apunta a una sección en particular.
En segundo lugar, hay que generar un enlace en el destino. Este enlace llevara por nombre abajo para poder distinguirlo de los otros posibles enlaces realizados dentro de la misma página. En este caso, la etiqueta que escribi es ésta:
<---a name="abajo">
Al finalizar esta entrada pondre el codigo para que se observe el resultado
ENLACES LOCALES:
crear una etiqueta de la siguiente forma:
<---a href="archivo.html">contenido
PORSUPUESTO IGNORANDO LOS GUIONES
contenido
Hay que tener cuidado en usar la barra en lugar de la contrabarra
los enlaces locales pueden a su vez apuntar ya no a la pagina si no a una seccion concreta
este enlace manda a una pagina de el mismo sitio
ENLACE EXTERNO DE CORREO Y HACIA OTRO ARCHIVO
Los enlaces a direcciones de correo son aquellos que al pincharlos nos abre un nuevo mensaje de correo electrónico dirigido a una dirección de mail determinada. Estos enlaces son muy habituales en las páginas web y resultan la manera más rápida de ofrecer al visitante una vía para el contacto con el propietario de la página.
Para colocar un enlace dirigido hacia una dirección de correo colocamos mailto: en el atributo href del enlace, seguido de la dirección de correo a la que se debe dirigir el enlace.
<....ef="mailto:diego_dtv@yahoo.coma">diego_dtv@yahoo.com>
mailto:diego_dtv@yahoo.coma
Si queremos enlazar con un archivo mi_fichero.zip que se encuentra en el mismo directorio que la página se escribiría un enlace así.
Enlaces remotos
Son los enlaces que se dirigen hacia páginas que se encuentran fuera de nuestro sitio web, es decir, cualquier otro documento que no forma parte de nuestro sitio.
Este tipo de enlaces es muy común y no representa ninguna dificultad. Simplemente colocamos en el atributo HREF de nuestra etiqueta la URL o dirección de la página con la que queremos enlazar. Será algo parecido a esto.
<-----a href="http://mx.yahoo.com/">ir a yahoo
ir a yahoo
conclucion: esta clace me sirvio para entender como es que se crean los caracteres en una pagina web asi como los enlaces de cualquier tipo.
Suscribirse a:
Entradas (Atom)