Es un gusto saludarlos nuevamente en este espacio alumnos del grupo g-317.
Abro este espacio para que en comentarios suban la tarea de las etiquetas nuevas que utilizamos en la creación de la página web.
Sólo tienen el martes 21 de septiembre para subir a información
Saludos
Profesora Ángeles.
P.D. posteriormente a través de este medio les público la relación de los trabajos revisados en el blog y quienes no subieron nada.
Sanchez Flores Oskar Og y Torres Valdez Raquel
Karina Sánchez y David Ruiz
David Ruiz y Karina Sánchez
Suscribirse a:
Enviar comentarios (Atom)
RamirezHE_EtiquetasHTML
ResponderEliminarG:\PaginaWeb1.HTML
G:\PaginaWeb2.HTML
(HTML) Al principio y al fin de todo documento.
ResponderEliminar(HEAD) Encabezamiento del documento.
(TITLE) Título dentro de HEAD.
(BODY) Cuerpo del documento.
(H1 ...H6) Tamaño de letras del 1 al 6.
(CENTER) Centrar.
(HR) Línea horizontal.
(UL>,<OL) Lista no ordenada, con elementos marcados con (LI) .
Itálica (Cursiva).
covarrubiaON_EtiquetasHTML
ResponderEliminarG:\PaginaWeb1.HTML
G:\PaginaWeb2.HTML
JUAREZHI
ResponderEliminarETIQUETAS HTML
Abre y cierra un documento HTML head
Encabezado de la página body
Título más pequeño b
Texto pre-formateado hl
Formato y presentación p
Precede cada definición ol /ol
Lista ordenada li /li
Entrada en una lista ul /ul
HR linea horizontal
PerezBJL_EtiquetasHMTL
ResponderEliminarPerez Barradas Jose Luis
(CENTER) CENTRAR (BODY) CUERPO DEL DOCUMENTO (HEAD) ENCABEZADO DEL DOCUMENTO (P) RETORNO DE LINEA (B) TEXTO EN NEGRITAS (UL >, < (OL) LISTA NO ORDENADA, CON ELEMENTOS MARCADOS (LI) (I) ITALICA (HTML) AL PRINCIPIO Y AL FINAL DE TODO DOCUMENTO (CURSIVA) (CODE) FORMATO EN TIPO CODIGO (TITLE) NOMBRE DEL ARCHIVO (S) TEXTO TACHADO.
BARTOLORI_EtiquetasHTML
ResponderEliminar(HTML)Abrir y cerrar un documento
(HEAD)Encabezamiento del documento
(TITLE)Título dentro de HEAD
(BODY)Cuerpo del documento
(B)Texto en negritas
(P)Retorno de línea, con un espacio
(UL)Lista no ordenada, con elementos marcados
(LI)Ítem de lista
(OL)Lista ordenada, con elementos marcados
Al principio y al fin de todo documento.
ResponderEliminar(HEAD)
Encabezamiento del documento.
(TITLE)
Título dentro de encabezado.
(BODY)
Cuerpo del documento.
(H1)
Tamaño de letra de 1.
(CENTER)
Centrar.
(HR)
Línea horizontal.
(P)
Retorno de línea, con un espacio.
(OL)
Lista ordenada, con elementos marcados con (LI).
(LI)
Ítem de lista.
(I)
Itálica (Cursiva).
(UL)
Para delimitar la lista
(HR)
Linea horizontal
(TITLE)
Nombre del archivo
REYES SANCHEZ EDUARDO
DILCULPE NO LE PUDER ENVAIR LA INFORMACION CON CORCHETES ANGULARES YA QUE NO ME DEJABA ENVIARLO
RamirezFF_EtiquetasHTML
ResponderEliminarHTML Al principio y al fin de todo documento.
HEAD Encabezamiento del documento.
TITLE Título dentro de encabezado.
BODY Cuerpo del documento.
H1 Tamaño de letra de 1.
CENTER Centrar.
HR Línea horizontal.
P Retorno de línea, con un espacio.
OL Lista ordenada, con elementos marcados con (LI).
LI Ítem de lista.
I Itálica (Cursiva).
UL Para delimitar la lista
LOPEZGA_etiquetas HTML
ResponderEliminar(HTML) Al principio y al fin de todo documento. (/HTML)
HEAD Encabezamiento del documento. (/HEAD)
(BODY) Cuerpo del documento. (/BODY)
(H1-H6) Tamaño de letras del 1 al 6. (/H1 .../H6)
(CENTER) Centrar. (/CENTER)
(HR) Línea horizontal.
(P)Retorno de línea, con un espacio.
(I) Itálica (Cursiva). (/I)
(UL) Lista no ordenada, con elementos marcados con (LI).(/UL)
OL Lista ordenada, con elementos marcados con (LI).(/OL)
RAMIREZ HERNANDEZ ELDA
ResponderEliminarETIQUETAS (HTML)
(A) hipervinculo
(BODY) CUERPO DEL DOCUMENTO
(CENTER) centar
(HEAD) encabezado del documento
(B) texto en negritas
(P) retorno de linea
(UL) lista no ordenada, con elementos marcados (LI)
(HTML) al principio y al final de todo documento
(I) italica (cursiva)
(TITLE) Nombre de archivo
(CODE) formato en tipo codigo
(S) texto tachado
Maestra le tuve que poner parentesis por que con los signos < > no me lo aceptaba
lucas vilchis veronica
ResponderEliminarlas etiquetas de html
(BODY) CUERPO DEL DOCUMENTO
(CENTER) CENTRAR
(HEAD)ENCABEZADO
(HTML)AL PRINCIPIO Y FINAL DEL DOCUMENTO
(I)ITALICA
(UL)LISTA NO ORDENADA
(B)TEXTO EN NEGRITAS
(TITLE)TITULO DEL DOCUMENTO
Yañez Palma Anais
ResponderEliminarHTML es el que nos ayuda a la elaboracion de páginas web
BODY: es el cuerpo de la página
CENTER: centrar
HEAD: son las lineas que anotamos en el doocumento
B: negrita
P: son las líneas
UL: es la lista desordenada
LI: son los elementos de las listas
TITLE: es el titulo que le damos a las páginas
OL: crea la lista desordenada
E:\Paginas Web\YañezPA_etiquetas_mi segunda pagina.HTML
ResponderEliminarE:\Paginas Web\YañezPA_etiquetas_mi primera pagina.HTML
OchoaSA_etiquetas HTML
ResponderEliminar(HTML) (/HTML): Al principio y al final de todo documento.
(HEAD) (/HEAD): Encabezado del documento.
(TITLE) (/TITLE): Nombre del archivo.
(BODY) (/BODY): Cuerpo del documento.
(H1) (/H1): Tamaño de la letra(solo llega asta el 6).
(CENTER) (/CENTER): Centrar.
(HR): Linea horizontal.
(P): Retorno de linea, con un espacio.
(B) (/B): Texto en negritas.
(I) (/I): Italica(crusiva).
(UL) (/UL): Lista no ordenada, con elemento marcados con(LI).
(OL) (/OL): Lista ordenada, con elementos ordenados con(LI).
amador castro jesus
ResponderEliminarHTML es el que nos ayuda a la elaboracion de páginas web
BODY: es el cuerpo de la página
CENTER: centrar
LI: son los elementos de las listas
TITLE: es el titulo que le damos a las páginas
OL: crea la lista desordenada
HEAD: son las lineas que anotamos en el doocumento
B: negrita
P: son las líneas
UL: es la lista desordenada
OchoaSA_etiquetas HTML
ResponderEliminarlas paginas web:
F:\Mi primera pagina web.HTML
F:\Mi primera pagina web (aficiones).html
VELA CLEMENTE ESTEFANI
ResponderEliminarHTML: es el que nos ayuda a la elaboracion de páginas web
BODY: es el cuerpo de la página
CENTER: centrar
HEAD: son las lineas que anotamos en el doocumento
B: negrita
OL: crea la lista desordenada
P: son las líneas
UL: es la lista desordenada
LI: son los elementos de las listas
TITLE: es el titulo que le damos a las páginas
CODE: formato en tipo codigo
ALVILLARS_etiquetas html
ResponderEliminar(html)(/html) --- comienza y termina el documento web e indica al navegador que el documento está en formato HTML
(head) (/head) --- cabecera del documento
(body) (/body) --- es el cuerpo del documento
(title) (/title) --- titulo dentro del encabezado
(P) (/P)Esta etiqueta sirve para definir un parrafo
(B) (/B)Esta etiqueta sirve para mostrar el texto en negritas
(H1) (/H1)Define el tamaño de la letra puede ser del 1 al 6. Donde el 1 es la mas grande
(HR)Esta etiqueta sirve para definir una linea horizontal
(I) (/I)Sirve para poner la letra en cursiva
(CENTER) (/CENTER)Centra el texto
Lista no numerada:
(ul)
(li)primer elemento de la lista(/li)
(li)segundo elemento de la lista(/li)
(li)tercer elemento de la lista(/li)
(/ul) cierra lista
lista numerada:
(ol)
(li)primer elemento de la lista(/li)
(li)segundo elemento de la lista(/li)
(/ol) cierra lista.
ALVILLAR RAMIREZ SANDRA
G-317
ESPERO Y SEA COMO LO PIDIO MAESTRA YA LE ENTENDI UN POCO MAS A ESTO DE LAS ETIQUETAS.
E:\Paginas Web\PerezBJL_etiquetas_mi segunda pagina.HTML
ResponderEliminarE:\Paginas Web\PerezBJL_etiquetas_mi primera pagina.HTML
PICASORE_Etiquetas HTML
ResponderEliminar(HTML)Al principio y al fin de todo documento.
(HEAD)Encabezamiento del documento.
(TITLE) Título dentro de HEAD.
(H1 ...H6)Tamaño de letras del 1 al 6.
(HR)Línea horizontal.
(P) Retorno de línea, con un espacio.
(BODY)Cuerpo del documento.
(CENTER)Centrar.
(UL)Lista no ordenada, con elementos marcados con(LI).
(LI)Ítem de lista.
(OL)Lista ordenada, con elementos marcados con (LI).
FonsecaPF_etiquetasHTML
ResponderEliminar(HTML) AL PRINCIPIO Y FIN DE TODO EL DOCUMENTO (/HTML)
(HEAD)ES EL ENCABEZADO DE LA PAGINA (/HEAD)
(TITLE) NOMBRE DEL ARCHIVO O TITULO (/TITLE)
(BODY) CUARPO DEL DOCUMENTO (/BODY)
(CENTER) CENTRAR (/CENTER)
G-317
(H1) TIPO DE LETRA ESTE ES LA MAS GRANDE (/H1)
(UL)ES LA LISTA DESORDENADA (/UL)
(LI) SON LOS ELEMENTOS DE LA LISTA O LOS PUNTOS (/LI)
(B) EL TEXTO EN NEGRITA (/B)
(HR) UNA LINEA HORIZONTAL (/HR)
Etiquetas de HTML
ResponderEliminarOskar Og Sanchez Flores
HTML: Define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, significando la palabra justo tras DOCTYPE el tag de raíz
HEAD: Define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario.
TITLE: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana
BODY: define el contenido principal o cuerpo del documento. Esta es la parte del documento HTML que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes.
H1 a H6: encabezados o títulos del documento con diferente relevancia.
CENTER: Centrar la frase.
HR: Línea horizontal.
P: Retorno de línea, con un espacio.
UL: Para delimitar la lista
LI OL UL: Etiquetas para listas.LI Ítem de lista.
B: texto en negrita (Etiqueta desaprobada. Se recomienda usar la etiqueta strong)
Avila Delgado Edgar Alan
ResponderEliminarHTML: es el que se encarga de ayudarnos para la creación de paginas web
BODY: es todo el cuerpo de la pagina web
CENTER: esta etiqueta nos sirve para centrar
LI: son los elementos de todas las listas
TITLE: es el titulo o nombre que le damos a nuestras paginas web
OL: crea una lista toda desordenada
HEAD: son líneas que anotamos en el documento
B: negrita
P: las líneas
UL: lista desordenada
Del Rio Moreno Alejandro
ResponderEliminar(HTML) Es la etiqueta con la que se debe
comenzar todo documento html.
(/HTML)Indica el final de toda la pagina.
(HEAD) Indica el inicio de la cabecera de la pagina dentro de esta siempre lleva la etiqueta (TITLE).
(/HEAD)Indica el final de la cabecera de la pagina,cabe señalar que todas las etiquetas que inicien con y el mas chico es el (H6).
(/H1) Con esto se cierra el encabezado.
(CENTER)TEXTO(/CENTER)
Centra cualquier objeto o palabra dentro dela pagina HTML
(HR) Sirve como un separador esta etiqueta no necesita ser cerrada y el grosor de la linea lo podemos cambiar hacerlo mas grande o mas.
(P)Esta etiqueta se usa para delimitar los párrafos del documento ya que inserta automáticamente un corte y produce un espaciamiento conveniente entre los párrafos.
(B)TEXTO(/B) Pone en negritas el texto en medio de esta etiqueta
(UL)Pone viñetas de circulo
(LI)Esta sirve para indicar cada elemento
(/UL)Se cierran las viñetas
(I)TEXTO(/I) Sirve para poner la letra en italica
(OL)Esta viñeta enumera los elementos
(LI)Elemento que queremos enumerar
(/OL)Se cierra la etiqueta
NOTA: Los paréntesis se cambian por corchetes angulares
Avila Delgado edgar Alan
ResponderEliminarE:\Paginas Web\AvilaDEa_etiquetas_mi segunda pagina.HTML
E:\Paginas Web\AvilaDEa_etiquetas_mi primera pagina.HTML
HEAD:ENCABEZAMIENTO DEL DOCUMENTO
ResponderEliminarTITLE:TITULO DENTRO DEL HEAD
H1:TAMAÑO DE LETRA DEL 1 AL 6
CENTER:CENTRAR
HR:LINEA HORIZONTAL
P:RETORNO DE LINEA, CON UN ESPACIO
BODY:CUERPO DEL DOCUMENTO
UL:LISTA NO ORDENADA CON ELEMENTOS MARCADOS CON LI
LI:ITEM DE LISTA
I:ITALICA (CURSIVA)
OL:LISTA ORDENADA, CON ELEMENTOS MARCADOS CON LI
ETIQUETAS DE HTML:
ResponderEliminarAQUINO DEL ANGEL CLAUDIA LIZBETH
HTML: Al principio y fin de un documento .
HEAD: Encabezamiento del documento.
TITLE: Titulo dentro de la página .
BODY: Cuerpo del documento.
H1...H6: Tamaño de la letra del 1 al 6 .
Center: Centrar.
P : Retorno de la línea , con un espacio .
HR : Línea horizontal.
UL:Línea ordenada, con los elementos marcados con LI.
B: Texto en negritas .
I:italica
Este comentario ha sido eliminado por el autor.
ResponderEliminarSánchezVK_EtiquetasHTML
ResponderEliminarKarina Sánchez Velázquez
HTML: Al principio y al fin de todo el documento.
HEAD: define la cabecera del documento HTML.
TITLE: define el título de la página.
CENTER: Centrar.
LI: Ítem de la lista.
OL: Lista ordenada, con elementos marcados con (LI)
P: Retorno de línea, con un espacio.
UL: Lista no ordenada, con elementos marcados con (LI).
BODY: define el contenido principal o cuerpo del documento. Dentro del cuerpo (body) podemos encontrar numerosas etiquetas
H1 a H6: encabezados o títulos del documento con diferente relevancia.
B: texto en negrita.
I: texto en cursiva.
LARA SANTOS ANA GABRIELA
ResponderEliminarHTML: que se muestra en el navegador
P;Indica un comienzo de párrafo.
HR:Se usan para dividir correctamente en secciones nuestra página, tal y como se hace en un documento de texto norma
CENTER:Permite centrar.
HR:Inserta una línea horizontal o separador
B :Pone el texto en negrita.
I :Representa el texto en cursiva.
Titile: Primera página
Head: define la cabecera del documento HTML.
Body :define el contenido principal o cuerpo del documento.
CASRILLO JIMENEZ ROMEL
ResponderEliminar(HTML)ESTA ETIQUETA SE UTILISA AL PRINCIPIO Y AL FINAL DE CULQUIER DOCUMENTO HTML
(TITLE)TITULO DE LA PAGINA
(HEAD)DEFINE LA CABECERA
(BODY)CUERPO DEL DOCUMENTO
(P)DEFINE LOS PARRAFOS
(I)CURSIBA
(B)NEGRITAS
(UL)LISTA ORDENADA MARCADA CON ETIQUETA LI
(OL) ENUMERA LOS ELEMENTOS
(CENTER)SIRVE PARA CENTRAR UN TEXTO
(HR)LINEAS HORIZONTALES
RojoCD_etiquetasHTML
ResponderEliminarRojo Cruz Diana Laura
Html: En la primer línea encontramos la etiqueta. Esta le indica al cliente que comienza un documento HTML.
Head: la cabecera, donde se pone información sobre el documento, que no se ve en la pantalla del navegador.
Title: Es lo que veremos como título de la ventana en los navegadores que lo permitan y como se conocerá nuestra página en algunos buscadores y en la lista de favoritos de los usuarios
p.../p: Indica un comienzo de párrafo.
h1.../h1: El más importante (grande) es h1, luego h2 y así hasta h7.
center.../center: Permite centrar.
LI: Ítem de la lista.
UL: Lista no ordenada, con elementos marcados con (LI).
IMÁGENES DE FONDO
ResponderEliminarPara insertar una imagen como fondo de la página utilizamos Background dentro de BODY:
BODY background="imagen.jpg"
insertaría "imagen.jpg" como fondo de la página. Normalmente, las imágenes que se utilizan como fondo son texturas pequeñas que, al repetirse varias veces, da la sensación de tener una imagen muy grande.
Ten en cuenta el tamaño de la imagen de fondo, ya que, si es demasiado grande, podría hacer que la carga de la página se hiciera muy lenta.
Si en lugar de una imagen de fondo quieres simplemente establecer un color liso lo puedes hacer utilizando bgcolor:
BODY bgcolor=red
haría que el color de fondo de la página fuera rojo.
Evidentemente si estableces un color de fondo y, además, una imagen, la imagen tapará completamente al color. No tiene sentido utilizar conjuntamente bgcolor y background
IMÁGENES EN EL DOCUMENTO
Las imágenes son almacenadas en forma de archivos, principalmente GIF (para dibujos) o JPG (para fotos). Estos archivos los podemos obtener desde diversas vías, como por ejemplo nuestra cámara digital, aunque también pueden ser creados por nosotros mismos con algún editor gráfico o pueden ser descargados gratuitamente en sitios web especializados.
Así pues, en estos primeros capítulos nos limitaremos a explicar como insertar y alinear debidamente en nuestra página una imagen ya creada.
La etiqueta que utilizaremos para insertar una imagen es img (image). Esta etiqueta no posee su cierre correspondiente y en ella hemos de especificar obligatoriamente el paradero de nuestro archivo gráfico mediante el atributo src (source).
La sintaxis queda entonces de la siguiente forma:
img src="camino hacia el archivo"
Para expresar el camino, lo haremos de la misma forma que vimos para los enlaces. Las reglas siguen siendo las mismas, lo único que cambia es que, en lugar de una página destino, el destino es un archivo gráfico.
ALINEACIÓN HORIZONTAL Y VERTICAL DE IMÁGENES.
Para alinear una imagen horizontalmente podemos hacerlo de la misma forma que el texto, es decir, utilizando el atributo align dentro de una etiqueta p o div. En este caso, lo que incluiremos dentro de esa etiqueta será la imagen en lugar del texto:
Este código mostrará la imagen en el centro:
div align="center" img src="logo.gif" /div Verticalmente
body
div id="content"
div
img src="make.jpg"
/div
/div
/body
Este comentario ha sido eliminado por el autor.
ResponderEliminarTRABAJO CON IMÁGENES
ResponderEliminarUna web está compuesta por mucho más que simple texto. Un sitio web se diseña para ser gráfico, en el cual vamos a añadir imágenes, tanto estáticas como dinámicas. Podemos añadir imágenes prediseñadas de FrontPage, imágenes que tengamos guardadas en el disco duro o imágenes de Internet.
Es fundamental conocer que las imágenes deben estar en formato GIF o JPEG para poder ser visualizadas por la mayoría de los navegadores. Las características de ambos formatos son las siguientes:
GIF: apropiado para logotipos y está comprimida de forma que no pierde definición. El máximo número de colores que soporta es de 256. Admite la propiedad de transparencia, que permite que las imágenes compartan el mismo color de fondo de la página. Igualmente se pueden crear los GIF animados como sucesión de diferentes imágenes.
JPEG: apropiado para imágenes complejas y para fotografía. JPEG comprime y destruye parte de la información de la imagen. Soporta hasta 24 bits de colores y no admite transparencias.
Para insertar una imagen podemos hacerlo a través del botón de la barra de herramientas Estándar.
Haciendo clic en este botón insertaremos una imagen desde una carpeta de nuestro disco duro. Es muy importante guardar todas las imágenes en una carpeta independiente de donde guardamos los archivos html.
Una vez que la imagen está en la página podemos cambiar algo en ella, como la alineación, el tamaño, el borde e incluso añadir un texto que aparecerá cuando situemos el ratón encima de la imagen. Para ello haremos clic en el botón derecho de la imagen para que nos aparezca la siguiente pantalla.
IMÁGENES DE FONDO
ResponderEliminarPara insertar una imagen como fondo de la página utilizamos Background dentro de
background="imagen.jpg
insertaría "imagen.jpg" como fondo de la página. Normalmente, las imágenes que se utilizan como fondo son texturas pequeñas que, al repetirse varias veces, da la sensación de tener una imagen muy grande.
Ten en cuenta el tamaño de la imagen de fondo, ya que, si es demasiado grande, podría hacer que la carga de la página se hiciera muy lenta.
Si en lugar de una imagen de fondo quieres simplemente establecer un color liso lo puedes hacer utilizando bgcolor:
haría que el color de fondo de la página fuera rojo.
Evidentemente si estableces un color de fondo y, además, una imagen, la imagen tapará completamente al color. No tiene sentido utilizar conjuntamente bgcolor y background
ALINEACIÓN HORIZONTAL Y VERTICAL DE IMÁGENES.
ResponderEliminarPara alinear una imagen horizontalmente podemos hacerlo de la misma forma que el texto, es decir, utilizando el atributo align dentro de una etiqueta o di. En este caso, lo que incluiremos dentro de esa etiqueta será la imagen en lugar del texto:
Este código mostrará la imagen en el centro:
div align="center"img src="logo.gifVerticalmente
body
div id="content>
div
img src="make.jpg"
/div
/div
/body
esquema de colores
ResponderEliminarla hora de diseñar tu web deberás elegir una serie de colores que deben resultar armónicos, o sea, que vayan bien unos con otrosLo habitual es que basten 4 colores para lograr un buen esquema, si ves que queda un poco sobriopuedes jugar un poco con la luminosidad de los colores elegidos.
como poner ligas,link para correo electronico
ResponderEliminarla primero que nesecitas es saber la direccion de correo elctronico y ultilizar la siguiente etiquetaPara poner una liga de correo electrónico, dale a href el valor "mailto:dirección-de-correo". Por ejemplo,
Dile correo electronico
y para ligar de una pagina a otra la te recomiendo que e ocupes frames, el link de contenido html a principal html
ResponderEliminarhref = principal y su texto dijera volver a principal
o asi:< name=PRINCIPAL width=920 height=50 src=principal.html>
como poner imagenes de fondo:
ResponderEliminarSi el archivo se encuentra en un directorio distinto que la página web, necesitaremos incluir la ruta al archivo, teniendo en cuenta siempre de utilizar una ruta relativa al archivo .html para que se conserve la ruta en caso de que cambiemos el sitio web de localización.
< background="fondo.gif">
como aliniarlas horizontal y verticalmente:
ResponderEliminarPara alinear una imagen horizontalmente podemos hacerlo de la misma forma que el texto, es decir, utilizando el atributo align dentro de una etiqueta p o div. En este caso, lo que incluiremos dentro de esa etiqueta será la imagen en lugar del texto:
Este código mostrará la imagen en el centro:
div align="center"img src="logo.gif"/div
AMADOR CASTRO JESUS
ResponderEliminar.ESQUEMA DE COLORES:al diseñar tu pagina web deberas escojer almenos unos 4 colores que bayan bien unos con otros Para saber si un juego de colores resulta bueno basta echar un vistazo a la naturaleza, veremos que hay colores que nunca aparecen mezclados y otros que pegan perfectamente. como el azul y el naranja, el rosa y el verdr, el rojo y el amarillo,etc entre todos estos puedes hacer una buena combinacion para tu esquema.
AMADOR CASTRO JESUS
ResponderEliminarTRABAJO CON LIGAS:Una liga es una zona de texto o gráficos que al ser seleccionados nos trasladan a otra página Web o a otro lugar dentro de la página actual.
Para colocar una liga hay que utilizar la etiqueta: y su correspondiente etiqueta de cierre .
Las ligas son la base fundamental de la web (de ahi el termino telaraña) ya que si quisieras hacer un mapa terminarias con un dolor de cabeza.
RODOLFO NAVA VERDIGUEL
ResponderEliminar• Como poner borde de imagen
(img src="../img/02.gif" width="57" height="57" class="bordes")
El codigo seria asi:
Ej. para un borde negro de 5px
(center)(img style="border: solid 5px #000;" src ="imagenes/feo.jpg" width = "230" heigth = "175")
y tendrias que añadir el codigo a cada imagen que quieras con un borde de 5px y de color negro o X color: style="border: solid 5px #000;"
pero si quisieramos que todas las paginas con imagenes tengan un borde negro o de X color, en este caso negro de 5px solo seria cuestion de poner en nuestro css:
img {
border: solid 5px #000;
}
para aprender un poco mas sobre css y sus aplicaciones esta es una buena pagina
.alineación horizontal y vertical de imágenes
(HTML)
(HEAD)
(TITLE)Ejemplo de alineación horizontal y vertical(/TITLE)
(/HEaD)
(BODY)
(TABLE WIDTH="100%" HEIGHT="100%")
(TR)
(TD VALIGN="MIDDLE" ALIGN="CENTER")
Rodolfo nava
(/TD)
(/TR)
(/TABLE)
(/BODY)
(/HTML)
AMADOR CASTRO JESUS
ResponderEliminarTRABAJO CON IMAGENES:
Para añadir imágenes a una página web hay que escribir el siguiente código HTML:
src indica la ruta del archivo. Si el archivo de imagen se encuentra en la mísma carpeta que la página web se escribiría como en el ejemplo, pero si se encuentra en una carpeta distinta la ruta podría ser así:
src="carpeta/archivo.jpg".Si el archivo se encuentra en un directorio distinto que la página web, necesitaremos incluir la ruta al archivo, teniendo en cuenta siempre de utilizar una ruta relativa al archivo .html para que se conserve la ruta en caso de que cambiemos el sitio web de localización.
< background="fondo.gif">
AMADOR CASTRO JESUS
ResponderEliminarIMAGENES DE FONDO:
puedes aplicar imágenes como fondo de la página. Para ello, utiliza el modificador Img Background=Imagen.
Por ejemplo, la siguiente línea de código aplica una imagen de fondo a la página.
< img background=imagen.bmp>Para aplicar una imagen de fondo, debe ubicar la imagen en la misma ruta donde se encuentra la página, en su defecto, deberá especificar la ruta completa en el parámetro BACKGROUND.
La imagen de esta página fue retocada con efecto relieve. Sin embargo, puede acceder a la galería de imágenes para encontrar alguna imagen que desee aplicar. También puede utilizar una imagen animada de fondo. Para ello, debe buscar archivos con extensión GIF y verificar que sean animados.
AMADOR CASTRO JESUS
ResponderEliminarBORDE DE IMAGEN:
El atributo utilizado para establecer un borde en una imagen es BORDER= #, dónde # es un número de 0 a 99.
Ejemplo de una imagen sin especificar borde
Ejemplo de imágenes con el atributo BORDER
O sino
PICASORE_PAGINASWEB(COLORES)
ResponderEliminarESQUEMA DE COLORES
A la hora de diseñar tu web deberás elegir una serie de colores que deben resultar armónicos, o sea, que vayan bien unos con otros. Debemos elegir un esquema de colores para todas las páginas del sitio. Lo habitual es que basten 4 colores para lograr un buen esquema, si ves que queda un poco sobrio puedes jugar un poco con la luminosidad de los colores elegidos.
Para saber si un juego de colores resulta armónico basta echar un vistazo a la naturaleza, veremos que hay colores que nunca aparecen mezclados y otros que pegan perfectamente. Pero además de esto podemos utilizar algunas técnicas que dan buen resultado.
TRABAJOS CON LIGAS
Una //liga //es una zona de texto o gráficos que al ser seleccionados nos trasladan a otra página Web o a otro lugar dentro de la página actual. También es común llamarles //Hiperligas //debido al propio lenguaje HTML.
LINKS PARA CORREO ELECTRONICO
¿Como se crea un link para la dirección de e-mail? Solo se tienen que copiar, modificar y pegar el siguiente código:
a href="mailto:tuemail@dominio.com"nombre o imagen (01)/a
También se puede personalizar agregando lo siguiente:
?subject= Texto del área titulo del E-mail
&body= Cuerpo del área de texto en el E-mail
%0A Espacio o reglones en blanco del texto.
Y seria así:
a href="mailto:tuemail@dominio.com?subject=Titulo&body=Mensaje%0A¡Gracias por usar este link!"Nombre o imagen (02)/a
Este comentario ha sido eliminado por el autor.
ResponderEliminarJUAREZ HERNANDEZ ISRAEL
ResponderEliminar(IMAGENES EN EL DOCUMENTO)
Insertar imágenes en un documento permite crear páginas mucho más atractivas. Según el tipo de gráficos utilizado se pueden conseguir efectos realmente sorprendentes.
Para insertar una imagen en un documento HTML se utiliza el elemento (IMG). Este elemento puede ir acompañado de los atributos SRC ALT ISMAP ALIGN WIDTH HEIGTH BORDER VSPACE HSPACE. Con las nuevas implementaciones que Netscape hace del elemento, se consiguen efectos de imagen flotante y por tanto se ha hecho necesario dotar al elemento (BR) del atributo CLEAR.
(BORDES:)
El atributo utilizado para establecer un borde en una imagen es BORDER= #, dónde # es un número de 0 a 99.
Ejemplo de una imagen sin especificar borde
(img scr="dancer.gif")
Ejemplo de imágenes con el atributo BORDER
(border=5 img scr="dancer.gif")
O sino
(border=15 img scr="dancer.gif")
Cada vez que utilizamos una imagen para establecer un hipervínculo, de manera automática el browser agrega un borde a la imagen.
Si queremos eliminarlo, deberemos indicarlo con el atributo (BORDER=0.)
(ALINEACION DE IMAGEN)
El atributo utilizado para alinear una imagen es ALIGN
Si quiere insertar una imagen a la izquierda de la pantalla
(img align=left src="dancer.gif")
Si prefiero insertarla a la derecha:
(img align=right src="dancer.gif")
Alinear el texto después de la imagen:
Para esto se utiliza el atributo ALIGN.Este es un parámetro opcional usado para alinear la imagen respecto al texto que la acompañ en la misma línea convirtindola en lo que se llama una imagen flotante.
Hay dos tipos basicos de alineacion:
(ALINEACION VERTICAL)
TOP(ARRIBA), MIDDLE(MEDIO) y BOTTOM(ABAJO).El valor que utiliza este atributo por defecto es BOTTOM. Este atributo tambien es utilizado cuando queremos insertar dos imágenes en una misma linea.
(ALINEACION HOTIZONTAL)
LEFT(IZQUIERDO), RIGHT(DERECHO), TEXTTOP, ABSMIDDLE, BASELINE y ABSBOTTOM
(IMÁGENES DE FONDO.)
De la misma manera que antes hemos visto como controlar el color de fondo de una página, poniendo el que queríamos, también podemos hacer que se vea como fondo la imagen que se desee. Por supuesto, para evitar los tediosos tiempos de carga, deben ser imágenes sencillas, que se carguen rápidamente. El navegador rellenará con ella toda la pantalla repitiéndola en forma de mosaico tantas veces como sea necesario.
Dado que es un atributo del cuerpo de la página, se especificará dentro de la etiqueta (BODY). Por ejemplo:
(BODY BACKGROUND="fondo.jpg")
RAMIREZHEPaginsweb_imagenes
ResponderEliminarIMAGENES DE FONDO
Una imagen se puede colocar como fondo de una página por medio del atributo background de la etiqueta body
(body background="dirección de la imagen")
...
(/body)
Si la imagen es más pequeña que el tamaño de la página, se repetirá hasta llenar la página por completo.
IMAGEN EN EL DOCUMENTO
Para incluir gráficos e imágenes en nuestras páginas, utilizaremos la etiqueta (IMG). La sintaxis mínima de la etiqueta (IMG) es la siguiente:
(IMG SRC = "NOMBRE DEL ARCHIVO ")
BORDE DE IMAGEN
CON EL ATRIBUTO BORDER PODEMOS APLICAR UN BORDE A LA IMAGEN LOS VALORE SON NUMERICOS Y VAN EXPRESADOS EN PIXEL. SI IMPOSTAMOS el valor border en o, la imagen no va recuadrada
Cuando omitimos este atributo, en navegador no aplica ningún borde pero si la imagen es también un enlace automáticamente se la asigna un borde=1.la sintaxis correcta es
:(img src= nombre del archivo width=178height=180BORDER=2).
1. src= Este atributo es obligatorio e indica el nombre del archivo de imagen (entre comillas) o la URL que se va a representar.
2. Align= Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea. Los tres valores posibles son los ya conocidos left, right, top, middle y bottom.
3. Alt= Es la alternativa que se estableció cuando todavía existían visualizadores de solo texto. Entre comillas podremos escribir un texto que suplantara a esta imagen si no se carga o mientras se carga o cuando, visualizando ya la imagen, pasamos el ratón por encima.
4. WIDTH= Este atributo es opcional pero es recomendable ponerlo para ayudar al navegador a representar la imagen, significa el ancho de la imagen que vamos a representar.
5. HEIGHT=Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este significa el alto de la imagen.
6. BORDER= Con BORDER especificamos el ancho de un borde que rodea la imagen.
(IMG SRC="/graficos/bebe1.jpg" WIDTH=140 HEIGHT=210 BORDER=0 ALT="Un bebé")
ALINEACION HORIZONTAL Y VERTICAL DE IMAGENES
Para poder colocar texto e imágenes en una misma página, HTML proporciona un parámetro muy útil para controlar la posición de estos elementos. Por medio del parámetro ALIGN, es posible alinear una imagen respecto del texto que la acompaña. La siguiente tabla muestra los valores posibles para el parámetro ALIGN.
Modificador Descripción del Modificador
TOP Coloca el punto más alto de la imagen coincidiendo con el más alto de la
línea de texto actual.
MIDDLE Alinea el punto medio (en altura) de la imagen con la base del texto.
BOTTOM Alinea el punto más bajo de la imagen con la base del texto.
LEFT Coloca la imagen a la izquierda del texto.
RIGHT Coloca la imagen a la derecha del texto.
ALINEACIÓN HORIZONTAL Y VERTICAL (ATRIBUTO ALIGN)
ResponderEliminarPues bien, img resulta ser una de esas etiquetas que aceptan este atributo aunque en este caso el funcionamiento resulta ser diferente.
Para alinear una imagen horizontalmente podemos hacerlo de la misma forma que el texto, es decir, utilizando el atributo align dentro de una etiqueta p o div. En este caso, lo que incluiremos dentro de esa etiqueta será la imagen en lugar del texto
Este código mostrará la imagen en el centro:
div align="center"img src="logo.gif"/div
IMAGEN A LA DERECHA
p
img src="imagen.gif" align="right"Texto tan extenso como queramos que cubrirá la parte izquierda de la imagen. Sigo poniendo texto para que se vea el efecto, Bla bla bla bla bla bla bla...
/p
IMAGEN A LA IZQUIERDA
p
img src="imagen.gif" align="left" Texto tan extenso como queramos que cubrirá la parte derecha de la imagen. Sigo poniendo texto para que se vea el efecto, Bla bla bla bla bla bla bla...
/p
Existen otro tipo de valores que puede adoptar el atributo align dentro de la etiqueta img. Estos son relativos a la alineación vertical de la imagen.
Supongamos que escribimos una línea al lado de nuestra imagen. Esta línea puede quedar por ejemplo arriba, abajo o al medio de la imagen. Asimismo, puede que en una misma línea tengamos varias imágenes de alturas diferentes que pueden ser alineadas de distintas formas.
Estos valores adicionales del atributo align son:
top
Ajusta la imagen a la parte más alta de la línea. Esto quiere decir que, si hay una imagen más alta, ambas imágenes presentaran el borde superior a la misma altura.
Bottom
Ajusta el bajo de la imagen al texto.
Absbottom
Colocara el borde inferior de la imagen a nivel del elemento más bajo de la línea.
Middle
Hace coincidir la base de la línea de texto con el medio vertical de la imagen.
absmiddle
Ajusta la imagen al medio absoluto de la línea.
Estas explicaciones, que pueden resultar un poco complicadas, pueden ser más fácilmente asimiladas a partir con un poco de práctica.
MATEOS LINARES VIVIANA
ResponderEliminarIMAGEN EN EL DOCUMENTO
Para incluir gráficos e imágenes en nuestras páginas, utilizaremos la etiqueta <IMG). La sintaxis mínima de la etiqueta <IMG)es la siguiente:
<IMG SRC = "NOMBRE DEL ARCHIVO ")
BORDE DE IMAGEN
CON EL ATRIBUTO BORDER PODEMOS APLICAR UN BORDE A LA IMAGEN LOS VALORE SON NUMERICOS Y VAN EXPRESADOS EN PIXEL. SI IMPOSTAMOS el valor border en o, la imagen no va recuadrada
Cuando omitimos este atributo, en navegador no aplica ningún borde pero si la imagen es también un enlace automáticamente se la asigna un borde=1.la sintaxis correcta es
:<img src= nombre del archivo width=178height=180BORDER=2).
ALINEACION HORIZONTAL Y VERTICAL DE IMAGENES
Para poder colocar texto e imágenes en una misma página, HTML proporciona un parámetro muy útil para controlar la posición de estos elementos. Por medio del parámetro ALIGN, es posible alinear una imagen respecto del texto que la acompaña. La siguiente tabla muestra los valores posibles para el parámetro ALIGN.
Modificador Descripción del Modificador
TOP Coloca el punto más alto de la imagen coincidiendo con el más alto de la
línea de texto actual.
PROFESORA DISCULPE EL DESORDEN PERO TUBE PROBLEMAS CON LA CONEXION
ResponderEliminar¡POR SU COMPRENSION GRACIAS!
Este comentario ha sido eliminado por el autor.
ResponderEliminarRuiz Ortiz David Alejandro
ResponderEliminarTrabajando con imágenes, imagenes de fondo, imágenes en documento, borde de imagen, alineación horizontal y vertical.
Imagen de fondo
Hasta el momento se ha explicado cómo utilizar la etiqueta (IMG) para mostrar imágenes en nuestras páginas Web. Ahora bien, es posible utilizar una imagen como "fondo" para una página.
Sin embargo, la etiqueta (IMG) no permite colocar la imagen de fondo para una página Web. Por lo tanto, debemos apoyarnos en los parámetros que admite la etiqueta (BODY). Esta última etiqueta define una serie de características respecto a la apariencia de toda la página Web. La siguiente tabla muestra algunos de los parámetros que acepta la etiqueta (BODY).
Imágenes en documento
Para incluir gráficos e imágenes en nuestras páginas, utilizaremos la etiqueta (IMG). La sintaxis mínima de la etiqueta (IMG) es la siguiente:
(IMG SRC = "archivo gráfico" ALT = "descripción")
Cuando el navegador interpreta el documento fuente y llega a la etiqueta (IMG) recupera el archivo cuya ubicación es indicada por el atributo SRC (source, origen o fuente) y reemplaza el elemento por la imagen. Observe que (IMG) es una etiqueta vacía que, por tanto, se utiliza siempre sin etiqueta de cierre. El atributo SRC siempre es requerido y puede ser una ruta absoluta o relativa de un archivo, incluyendo un URL.
La etiqueta (IMG) tiene varios parámetros:
ETIQUETA PARA DEFINIR IMAGEN
(IMG SRC = "archivo gráfico" ALT = "descripción”..... Modificadores.... )
Modificador Descripción del Modificador
src = "imagen" Indica el nombre del archivo gráfico que desea mostrar.
alt = "texto"
Mostrará el texto indicado en el caso de que el navegador utilizado para ver la página no sea capaz de visualizar la imagen. En la mayoría de los navegadores modernos se muestra un mensaje emergente al momento de pasar el apuntador del mouse sobre la imagen.
Borde de imagen
El borde de la imagen es la q hace q resalte en la pagina con una dimensio definida y con la imagen mas atractiva
El codigo seria asi:
(img src="../img/02.gif" width="57" height="57" class="bordes")
Para crear un borde negro de 5px.
(center)(img style="border: solid 5px #000;" src ="imagenes/feo.jpg" width = "230" heigth = "175")
Alineación horizontal y vertical
Para poder colocar texto e imágenes en una misma página, HTML proporciona un parámetro muy útil para controlar la posición de estos elementos. Por medio del parámetro ALIGN, es posible alinear una imagen respecto del texto que la acompaña. La siguiente tabla muestra los valores posibles para el parámetro ALIGN.
Modificador Descripción del Modificador
TOP Coloca el punto más alto de la imagen coincidiendo con el más alto de la
línea de texto actual.
MIDDLE Alinea el punto medio (en altura) de la imagen con la base del texto.
BOTTOM Alinea el punto más bajo de la imagen con la base del texto.
LEFT Coloca la imagen a la izquierda del texto.
RIGHT Coloca la imagen a la derecha del texto.
Este comentario ha sido eliminado por el autor.
ResponderEliminarREYES.S.E_PAGINASWED
ResponderEliminarCOLOR
ESQUEMA DE COLORES
Es donde están agrupados los colores con valor RGB que se indican en un lenguaje hexadecimal en base 16.
Todos los colores siempre inician con (#)
Como no hay tantos dígitos numéricos se utiliza
0=0 4=4 8=8 C=12
1=1 5=5 9=9 D=13
2=2 6=6 A=10 E=14
3=3 7=7 B=11 F=15
Como existen varios equipos y cada uno podría tener diferentes sistemas debemos crear los colores con estos atributos nada más, pues son los que son compatibles con todos los equipos.
Utilizaremos siempre
estos valores:
00
33
66
99
CC
FF
EJEMPLOS DE COLORES
BLANCO: #FFFFFF
ROJO: #FF0000
VERDE: #00FF00
AZUL: #0000FF
NEGRO:#000000
CAFÉ:#A62A2A
AMARILLO:#FFFF00
TRABAJANDO CON LIGAS
Sirven para direccionarnos a alguna página documento imagen etc.
Un ejemplo seria
(A NAME=”INDICE”)INDICE(/A)
OTRO EJEMPLO
(a href=”ejemplosde.com” target=”_blank” name=”ejemplo”)Ejemplode hipervinculos o enlace HTML(/a)
Los valores son relativos para href y name, pero para target tenemos:
_blank, para una nueva ventana
_self, para abrir el enlace en la misma ventana/frame
_top, para abrirlo en toda la ventana y eliminando frames
Nombre del frame, para poner el nombre del frame dondequeremos que se muestre el archivo o url de nuestro enlace.
LINKS PARA CORREO ELECTRONICOS
ES UN ENLACE CON EL CUAL DANDO CLICK EN EL NOMBRE O IMAGEN TEREDIRECCIONA AL CORREO
(a href="mailto:tuemail@dominio.com")nombre o imagen (/a)
TRABAJANDO CON IMÁGENES
IMÁGENES DE FONDO
PARA PONER UNA IMAGEN DE FFONDO SE NECESITA LA SIGUIENTE ETIQUETA
(BODY BACKGROUND=”FONDO.JPG”) Y SE CIERRA CON LA SIGUIENTE ETIQUETA (/BODY)
IMÁGENES EN EL DOCUMENTO
PARA PONER IMÁGENES EN EL DOCUMENTO SE NECESITA LA SIGUIENTE ETIQUETA
(IMG SRC="immagine.gif")
BORDE DE IMAGEN
Con el atributo BORDER podemos aplicar un borde a la imagen. La sintaxis correcta es:
(IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 ALT="TEXTO")
ALINEACION HORIZONTAL Y VERTICAL DE IMÁGENES
El atributo ALIGN define la posición de la imagen respecto al texto colocado inmediatamente antes o después de la misma. Existen varias opciones para el atributo ALIGN:
La sintaxis correcta seria
(IMG SRC="IMAGEN.JPG"ALIGN=left)
ALIGN=top: alinea la primera línea de texto con la parte superior de la imagen.
ALIGN=middle: alinea la primera línea del texto con el centro de la imagen.
ALIGN=bottom: alinea la primera línea de texto con la parte inferior de la imagen.
ALIGN=left: el texto se coloca a la derecha de la imagen empezando desde la parte superior de la misma.
ALIGN=right: el texto se coloca a la izquierda de la imagen empezando desde la parte superior de la misma.
ALVILLARRS_ETIQUETAS PARA COLOR DE FONDO
ResponderEliminarBGCOLOR Especifica el color de fondo.
TEXT Especifica el color del texto corriente.
LINK Especifica el color de los enlaces de hipertexto.
ALINK Especifica el color de los enlaces seleccionados.
VLINK Especifica el color de los enlaces ya recorridos.
color de fondo
Ejemplo: Se pone (BODY BGCOLOR="#B0C4DE" TEXT="black" LINK="#FF00FF")
Trabajo con ligas
Una //liga //es una zona de texto o gráficos que al ser seleccionados nos trasladan a otra página Web o a otro lugar dentro de la página actual. También es común llamarles //Hiperligas //debido al propio lenguaje html.
HTML es el lenguaje con el que se desarrollan las páginas para Internet, y el //Hipertexto //es una de sus características más fuertes. El //Hipertexto //es la capacidad que posee una sección de texto, para enviar al usuario a otro documento. La diferencia con otros tipos de //Hipertexto //es que los documentos a los que hace referencia pueden estar físicamente en otra parte del mundo o en el disco duro local.
Para colocar una //liga //hay que utilizar la etiqueta: (A) y su correspondiente etiqueta de cierre (/A)
La letra A de la etiqueta proviene de la palabra ANCHOR que en español significa Ancla.
ESTEFANI VEL CLEMENTE
ResponderEliminarESQUEMAS DE COLORES:
*COMPLEMENTARIOS:se elijen dos colores opuestos al rueda
*COMPLEMENTARIOS CERCANOS:se basa en escoger color y dos contiguos y sus complementarios
*TRIADAS COMPLEMENTARIAS:tres colores equidistantes tanto del centro de la rueda foramndo 120º
*CONTUGUOS:se toman tres colores
para cambiar la fuente del color :
LINCK PARA CORREO ELECTRÓNICO
son aquellos que al presionarlos nos abre un nuevo mensaje de correo dirigido a una direccion de correo.
se coloca un enlace dirigido hacia una dirección de correo ejemplo:
BORDE DE IMAGEN
define el tmaño de pixeles del cuadro que rodea la imagen cuando deseamos eliminar un borde solo tenemos que poner: ="0"
atributos vspace y hspace detecta que la imagen tiene este atributo primero descarga y muestra la imagen.
ALINEACIÓN HORIZONTAL Y VERTICAL
para alinera una imagen horizontalmente podemos hacerlo de la misma forma que el texto:
aling dentro de una etiqueta
ESTEFANI CHANEL VLEA CLEMENTE
ramirez hernandez elda
ResponderEliminaresquema
ESQUEMA DE COLORES
A la hora de diseñar tu web deberás elegir una serie de colores que deben resultar armónicos, o sea, que vayan bien unos con otros. Debemos elegir un esquema de colores para todas las páginas del sitio. Lo habitual es que basten 4 colores para lograr un buen esquema, si ves que queda un poco sobrio puedes jugar un poco con la luminosidad de los colores elegidos.
Para saber si un juego de colores resulta armónico basta echar un vistazo a la naturaleza, veremos que hay colores que nunca aparecen mezclados y otros que pegan perfectamente. Pero además de esto podemos utilizar algunas técnicas que dan buen resultado.
Este comentario ha sido eliminado por el autor.
ResponderEliminarlinks para correo electrónico
ResponderEliminarPara enviar un enlace hacia un correo electrónico usaremos el atributo href.
Ejemplo:(a href=mailto:eugim@desarrolloweb.com)eugim@desarrolloweb.com(/a)
Para imágenes
(IMG SRC)= (DIRECCION DE LA IMAGEN.GIF)
Imágenes de fondo
(head)
(style type="text/css")
body{
background-image: url(http://ultimanoche.webcindario.com/ojosverdes.jpg);
background-position : center;
background-repeat : no-repeat;
background-attachment : fixed;
} (/style)
<(head)
Imagenes para el documento
(a href="archivo.html")(img src="imagen.gif")(/a)
Borde y alineacion horizontal y vertical
border="x" Para añadir o eliminar un borde, donde la x será un valor numérico.
align="xxx" Puedes alinear una imagen horizontal y/o verticalmente en una página usando este atributo.
ALVILLAR RAMIREZ SANDRA
ES LA CONTINUACION DE LO ANTERIOR QUE LE MANDE LO QUE PASA ESQUE NO SE PODIA ENVIAR PERO YA QUEDO
Yañez Palma Anais
ResponderEliminarCOLOR
Hay varios tipos de colores en el esquema como los COMPLEMENTARIOS, COMPLEMENTARIOS CERCANOS, TRÍADAS COMPLEMENTARIAS y los CONTIGUOS o ANÁLOGOS.
ESQUEMA DE COLORES
A la hora de diseñar tu web, debes elegir una serie de colores que deben ser armónicos. Debemos elegir un esquema de colores para todas las páginas del sitio. Lo habitual es que basten cuatro colores para logar un buen esquema, si queda un poco sobrio, podemos jugar un poco con la luminosidad de los colores.
COMPLEMENTARIOS:consiste en elegir dos colores opuestos de la rueda crómatica.
COMPLEMENTARIOS CERCANOS:se basa en escojer un color y dos contiguos para su complemento.
TRÍADAS COMPLEMENTARIAS: son tres colores equidisantes tanto del centro como de las orilas y forman 120°.
CONTIGUOS O ANÁLOGOS:es una serie de colores comprendido entreo otros dos. Cuando los colores extremos estan muy próximos en la rueda crómatica.
Este comentario ha sido eliminado por el autor.
ResponderEliminarNieto Cruz Daniel
ResponderEliminarEsquema de color
El círculo cromático
Para definir diversos esquemas de colores debemos primero analizar su ubicación dentro del círculo cromático..
Colores primarios:
Son los colores principales del círculo y están ubicados de manera equidistante. Se los denomina como primarios ya que no se pueden obtener con la mezcla de ningún otro color y la mayoría de los otros colores se obtienen con la mezcla de estos tres. Estos colores son: rojo puro, amarillo puro y azul puro.
Colores secundarios:
Son los que se obtienen de la mezcla de iguales cantidades de dos colores primarios. Son el anaranjado (rojo + amarillo), verde (amarillo + azul) y violeta (azul + rojo).
Entre medios de estos colores y los primarios existe una amplia gama que varía de acuerdo con la cantidad de uno y otro primario que los componen.
Colores contrastantes:
Los colores con el máximo contraste están ubicados opuestos uno del otro en el círculo cromático. Por ejemplo rojo y verde, azul y anaranjado, etc.
Colores armónicos:
Estos están ubicados uno junto al otro en el círculo cromático, además tienen un color base en común. Por ejemplo amarillo anaranjado, anaranjado y rojo anaranjado todos tienen el anaranjado en común.
Colores cálidos:
Rojo, anaranjado amarillo y todas las tonalidades comprendidas entre ellos son los denominados colores cálidos.
Colores fríos:
Están comprendidos en la otra mitad del círculo cromático y comprende a los verdes y azules.
Colores pastel:
Son todos los colores del círculo cromático con el agregado de bastante blanco.
Colores apagados o sucios:
Son todos los colores del círculo cromático con el agregado de negro o gris.
Esquemas Básicos de Color:
No hay reglas que gobiernen la selección de un esquema de color, pero hay algunas combinaciones armónicas inspiradas en el círculo cromático.
Es donde están agrupados los colores con valor RGB que se indican en un lenguaje hexadecimal en base 16. Todos los colores siempre inician con (#)Como no hay tantos dígitos numéricos se utiliza 0=0 4=4 8=8 C=12 1=1 5=5 9=9 D=13 2=2 6=6 A=10 E=14 3=3 7=7 B=11 F=15.
ResponderEliminarComo existen varios equipos y cada uno podría tener diferentes sistemas debemos crear los colores con estos atributos nada más, pues son los que son compatibles con todos los equipos.
Utilizaremos siempre
estos valores:00,33,66,99,CC,FF.
EJEMPLOS DE COLORES
BLANCO: #FFFFFF
ROJO: #FF0000
VERDE: #00FF00
AZUL: #0000FF
NEGRO:#000000
CAFÉ:#A62A2A
AMARILLO:#FFFF00
Como poner ligas, link para correo electrónico:
lo primero que necesitas es saber la dirección de correo electrónico y utilizar la siguiente etiqueta. Pará poner una liga de correo electrónico, dale a href el valor "mailto:dirección-de-correo". Por ejemplo,
Dile correo electrónico y para ligar de una pagina a otra la te recomiendo que e ocupes frames, el link de contenido html a principal html href = principal y su texto dijera volver a principal o asi:(name=PRINCIPAL width=920 height=50 src=principal.html)
Link para correo electrónico:
(a href="mailto:tuemail@dominio.com")nombre o imagen (01)(/a)
También se puede personalizar agregando lo siguiente:?subject= Texto del área titulo del E-mail&body= Cuerpo del área de texto en el E-mail %0A Espacio o reglones en blanco del texto. href="mailto:tuemail@dominio.com?subject=Titulo&body=Mensaje%0A¡Gracias por usar este link!")nombre o imagen (02)(/a).
Trabajando con imágenes de fondo, en el documento, borde de imagen y alineación horizontal y vertical de imágenes:
Trabajando con imágenes de fondo:
Una imagen se puede colocar como fondo de una página por medio del atributo background de la etiqueta body.
(body background="dirección de la imagen”...(/body).Si la imagen es más pequeña que el tamaño de la página, se repetirá hasta llenar la página por completo.
IMAGEN EN EL DOCUMENTO: Para incluir gráficos e imágenes en nuestras páginas, utilizaremos la etiqueta (IMG). La sintaxis mínima de la etiqueta (IMG) es la siguiente:(IMG SRC = "NOMBRE DEL ARCHIVO ")
BORDE DE IMAGEN: CON EL ATRIBUTO BORDER PODEMOS APLICAR UN BORDE A LA IMAGEN LOS VALORE SON NUMERICOS Y VAN EXPRESADOS EN PIXEL. SI IMPOSTAMOS el valor border en o, la imagen no va recuadrada.Cuando omitimos este atributo, en navegador no aplica ningún borde pero si la imagen es también un enlace automáticamente se la asigna un borde=1.la sintaxis correcta es :(img src= nombre del archivo width=178height=180BORDER=2).
1. src= Este atributo es obligatorio e indica el nombre del archivo de imagen (entre comillas) o la URL que se va a representar.
2. Align= Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea. Los tres valores posibles son los ya conocidos left, right, top, middle y bottom.
3. Alt= Es la alternativa que se estableció cuando todavía existían visualizadores de solo texto. Entre comillas podremos escribir un texto que suplantara a esta imagen si no se carga o mientras se carga o cuando, visualizando ya la imagen, pasamos el ratón por encima.
4. WIDTH= Este atributo es opcional pero es recomendable ponerlo para ayudar al navegador a representar la imagen, significa el ancho de la imagen que vamos a representar.
5. HEIGHT=Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este significa el alto de la imagen.
6. BORDER= Con BORDER especificamos el ancho de un borde que rodea la imagen.
(IMG SRC="/gráficos/bebe1.jpg" WIDTH=140 HEIGHT=210 BORDER=0 ALT="Un bebé")
ALINEACION HORIZONTAL Y VERTICAL DE IMÁGENES.
MIDDLE Alinea el punto medio (en altura) de la imagen con la base del texto.
BOTTOM Alinea el punto más bajo de la imagen con la base del texto.
LEFT Coloca la imagen a la izquierda del texto.
RIGHT Coloca la imagen a la derecha del texto.
Es donde están agrupados los colores con valor RGB que se indican en un lenguaje hexadecimal en base 16. Todos los colores siempre inician con (#)Como no hay tantos dígitos numéricos se utiliza 0=0 4=4 8=8 C=12 1=1 5=5 9=9 D=13 2=2 6=6 A=10 E=14 3=3 7=7 B=11 F=15.
ResponderEliminarComo existen varios equipos y cada uno podría tener diferentes sistemas debemos crear los colores con estos atributos nada más, pues son los que son compatibles con todos los equipos.
Utilizaremos siempre
estos valores:00,33,66,99,CC,FF.
EJEMPLOS DE COLORES
BLANCO: #FFFFFF
ROJO: #FF0000
VERDE: #00FF00
AZUL: #0000FF
NEGRO:#000000
CAFÉ:#A62A2A
AMARILLO:#FFFF00
Como poner ligas, link para correo electrónico:
lo primero que necesitas es saber la dirección de correo electrónico y utilizar la siguiente etiqueta. Pará poner una liga de correo electrónico, dale a href el valor "mailto:dirección-de-correo". Por ejemplo,
Dile correo electrónico y para ligar de una pagina a otra la te recomiendo que e ocupes frames, el link de contenido html a principal html href = principal y su texto dijera volver a principal o asi:(name=PRINCIPAL width=920 height=50 src=principal.html)
Link para correo electrónico:
(a href="mailto:tuemail@dominio.com")nombre o imagen (01)(/a)
También se puede personalizar agregando lo siguiente:?subject= Texto del área titulo del E-mail&body= Cuerpo del área de texto en el E-mail %0A Espacio o reglones en blanco del texto. href="mailto:tuemail@dominio.com?subject=Titulo&body=Mensaje%0A¡Gracias por usar este link!")nombre o imagen (02)(/a).
Trabajando con imágenes de fondo, en el documento, borde de imagen y alineación horizontal y vertical de imágenes:
Trabajando con imágenes de fondo:
Una imagen se puede colocar como fondo de una página por medio del atributo background de la etiqueta body.
(body background="dirección de la imagen”...(/body).Si la imagen es más pequeña que el tamaño de la página, se repetirá hasta llenar la página por completo.
IMAGEN EN EL DOCUMENTO: Para incluir gráficos e imágenes en nuestras páginas, utilizaremos la etiqueta (IMG). La sintaxis mínima de la etiqueta (IMG) es la siguiente:(IMG SRC = "NOMBRE DEL ARCHIVO ")
BORDE DE IMAGEN: CON EL ATRIBUTO BORDER PODEMOS APLICAR UN BORDE A LA IMAGEN LOS VALORE SON NUMERICOS Y VAN EXPRESADOS EN PIXEL. SI IMPOSTAMOS el valor border en o, la imagen no va recuadrada.Cuando omitimos este atributo, en navegador no aplica ningún borde pero si la imagen es también un enlace automáticamente se la asigna un borde=1.la sintaxis correcta es :(img src= nombre del archivo width=178height=180BORDER=2).
1. src= Este atributo es obligatorio e indica el nombre del archivo de imagen (entre comillas) o la URL que se va a representar.
2. Align= Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea. Los tres valores posibles son los ya conocidos left, right, top, middle y bottom.
3. Alt= Es la alternativa que se estableció cuando todavía existían visualizadores de solo texto. Entre comillas podremos escribir un texto que suplantara a esta imagen si no se carga o mientras se carga o cuando, visualizando ya la imagen, pasamos el ratón por encima.
4. WIDTH= Este atributo es opcional pero es recomendable ponerlo para ayudar al navegador a representar la imagen, significa el ancho de la imagen que vamos a representar.
5. HEIGHT=Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este significa el alto de la imagen.
6. BORDER= Con BORDER especificamos el ancho de un borde que rodea la imagen.
(IMG SRC="/gráficos/bebe1.jpg" WIDTH=140 HEIGHT=210 BORDER=0 ALT="Un bebé")
ALINEACION HORIZONTAL Y VERTICAL DE IMÁGENES.
MIDDLE Alinea el punto medio (en altura) de la imagen con la base del texto.
BOTTOM Alinea el punto más bajo de la imagen con la base del texto.
LEFT Coloca la imagen a la izquierda del texto.
RIGHT Coloca la imagen a la derecha del texto.
NietoCruz Daniel
ResponderEliminarImágenes en el documento
Internet, que sólo en los últimos 10 años se ha afirmado como medio de comunicación de masa, durante mucho tiempo fue un sistema de comunicación utilizado exclusivamente por el mundo militar, primero, y por el universitario, después. Es fácil imaginar la escasa inclinación hacia el diseño y la estética mostrada por estos primeros navegantes de la red. A finales de los años 80, Internet sufrió una transformación radical que condujo hasta las "autopistas telemáticas" a un público de masa, con exigencias diversas de las militares o académicas. Con la transformación de la red, se ha impuesto la necesidad de poner a disposición instrumentos de navegación más fáciles de usar ("user friendly") y no sólo para el estudio o la investigación.
Este comentario ha sido eliminado por el autor.
ResponderEliminarEs donde están agrupados los colores con valor RGB que se indican en un lenguaje hexadecimal en base 16. Todos los colores siempre inician con (#)Como no hay tantos dígitos numéricos se utiliza 0=0 4=4 8=8 C=12 1=1 5=5 9=9 D=13 2=2 6=6 A=10 E=14 3=3 7=7 B=11 F=15.
ResponderEliminarComo existen varios equipos y cada uno podría tener diferentes sistemas debemos crear los colores con estos atributos nada más, pues son los que son compatibles con todos los equipos.
Utilizaremos siempre
estos valores:00,33,66,99,CC,FF.
EJEMPLOS DE COLORES
BLANCO: #FFFFFF
ROJO: #FF0000
VERDE: #00FF00
AZUL: #0000FF
NEGRO:#000000
CAFÉ:#A62A2A
AMARILLO:#FFFF00
Como poner ligas, link para correo electrónico:
lo primero que necesitas es saber la dirección de correo electrónico y utilizar la siguiente etiqueta. Pará poner una liga de correo electrónico, dale a href el valor "mailto:dirección-de-correo". Por ejemplo,
Dile correo electrónico y para ligar de una pagina a otra la te recomiendo que e ocupes frames, el link de contenido html a principal html href = principal y su texto dijera volver a principal o asi:(name=PRINCIPAL width=920 height=50 src=principal.html)
Link para correo electrónico:
(a href="mailto:tuemail@dominio.com")nombre o imagen (01)(/a)
También se puede personalizar agregando lo siguiente:?subject= Texto del área titulo del E-mail&body= Cuerpo del área de texto en el E-mail %0A Espacio o reglones en blanco del texto. href="mailto:tuemail@dominio.com?subject=Titulo&body=Mensaje%0A¡Gracias por usar este link!")nombre o imagen (02)(/a).
Trabajando con imágenes de fondo, en el documento, borde de imagen y alineación horizontal y vertical de imágenes:
Trabajando con imágenes de fondo:
Una imagen se puede colocar como fondo de una página por medio del atributo background de la etiqueta body.
(body background="dirección de la imagen”...(/body).Si la imagen es más pequeña que el tamaño de la página, se repetirá hasta llenar la página por completo.
IMAGEN EN EL DOCUMENTO: Para incluir gráficos e imágenes en nuestras páginas, utilizaremos la etiqueta (IMG). La sintaxis mínima de la etiqueta (IMG) es la siguiente:(IMG SRC = "NOMBRE DEL ARCHIVO ")
BORDE DE IMAGEN: CON EL ATRIBUTO BORDER PODEMOS APLICAR UN BORDE A LA IMAGEN LOS VALORE SON NUMERICOS Y VAN EXPRESADOS EN PIXEL. SI IMPOSTAMOS el valor border en o, la imagen no va recuadrada.Cuando omitimos este atributo, en navegador no aplica ningún borde pero si la imagen es también un enlace automáticamente se la asigna un borde=1.la sintaxis correcta es :(img src= nombre del archivo width=178height=180BORDER=2).
1. src= Este atributo es obligatorio e indica el nombre del archivo de imagen (entre comillas) o la URL que se va a representar.
2. Align= Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea. Los tres valores posibles son los ya conocidos left, right, top, middle y bottom.
3. Alt= Es la alternativa que se estableció cuando todavía existían visualizadores de solo texto. Entre comillas podremos escribir un texto que suplantara a esta imagen si no se carga o mientras se carga o cuando, visualizando ya la imagen, pasamos el ratón por encima.
4. WIDTH= Este atributo es opcional pero es recomendable ponerlo para ayudar al navegador a representar la imagen, significa el ancho de la imagen que vamos a representar.
5. HEIGHT=Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este significa el alto de la imagen.
6. BORDER= Con BORDER especificamos el ancho de un borde que rodea la imagen.
(IMG SRC="/gráficos/bebe1.jpg" WIDTH=140 HEIGHT=210 BORDER=0 ALT="Un bebé")
ALINEACION HORIZONTAL Y VERTICAL DE IMÁGENES.
MIDDLE Alinea el punto medio (en altura) de la imagen con la base del texto.
BOTTOM Alinea el punto más bajo de la imagen con la base del texto.
LEFT Coloca la imagen a la izquierda del texto.
RIGHT Coloca la imagen a la derecha del texto.
Nieto Cruz Daniel
ResponderEliminarAlineación Horizontal y Vertical
Vimos en su momento el atributo align que nos permitía alinear el texto a derecha, izquierda o centro de nuestra página. Dijimos que este atributo no era exclusivo de la etiqueta si no que podía ser encontrado en otro tipo de etiquetas.
Pues bien,resulta ser una de esas etiquetas que aceptan este atributo aunque en este caso el funcionamiento resulta ser diferente.
Para alinear una imagen horizontalmente podemos hacerlo de la misma forma que el texto, es decir, utilizando el atributo align dentro de una etiqueta(p) o(div). En este caso lo que incluiremos dentro de esa etiqueta será la imagen en lugar del texto: Sin embargo, ya hemos dicho que la etiqueta (img) puede aceptar el atributo align. En este caso la utilidad que le damos defiere e la anterior.
El hecho de utilizar el atributo align dentro de la etiqueta (img) nos permite, en el caso de darle los valores left o right, justificar la imagen del lado que deseamos ala ves que rellenamos con texto el lado opuesto.
Nieto Cruz Daniel
ResponderEliminarTrabajando con imágenes
________________________________________
Añadir imágenes a una página WEB es el primer paso para alejarse del monótono aspecto de un simple documento de texto para pasar a un mundo de diseños. Las imágenes añaden identidad, color, forma y presencia. Constituye un aspecto muy importante a considerar para cualquier creador de páginas WEB.
En este capítulo aprenderás cómo añadir imágenes a tus páginas usando HTML. Como en muchos puntos del curso, se comentará lo estándar ignorando lo que al final usaremos.
En el caso de las imágenes, esto es verdadero en lo que concierne al posicionamiento. Hay varias maneras de ubicar una imagen en una página. Puedes usar las etiquetas convencionales de HTML, puedes usar tablas, y puedes escoger el posicionamiento con hojas de estilo del HTML 4.0.
Este capítulo está enfocado a las etiquetas HTML convencionales. Puedes aprender otros métodos en capítulos relacionados. El capítulo "Construyendo páginas avanzadas con tablas y marcos" te muestra cómo puedes usar tablas para controlar la posición y la apariencia de las imágenes en una página. El capítulo "Hojas de estilo para posicionar elementos" comenta las hojas de estilo.
RAMIREZ HERNANDEZ ELDA
ResponderEliminarTRABAJO CON LIGAS
Una //liga //es una zona de texto o gráficos que al ser seleccionados nos trasladan a otra página Web o a otro lugar dentro de la página actual. También es común llamarles //Hiperligas //debido al propio lenguaje html.
HTML es el lenguaje con el que se desarrollan las páginas para Internet, y el //Hipertexto //es una de sus características más fuertes. El //Hipertexto //es la capacidad que posee una sección de texto, para enviar al usuario a otro documento. La diferencia con otros tipos de //Hipertexto //es que los documentos a los que hace referencia pueden estar físicamente en otra parte del mundo o en el disco duro local.
Para colocar una //liga //hay que utilizar la etiqueta: y su correspondiente etiqueta de cierre .
veronica lucas vilchis
ResponderEliminarEsquema de colores
Esquemas Básicos de Color:
López Gutiérrez Adalid
No hay reglas que gobiernen la selección de un esquema de color, pero hay algunas combinaciones armónicas inspiradas en el círculo cromático.
Esquema contrastante:
La utilización de colores contrastantes en un ambiente produce un efecto alegre y brillante.
Esquema armónico:
Está conformada por colores que están juntos en el círculo cromático.
Esquema moderado:
También se pueden lograr excelentes combinaciones uniendo colores consecutivos pero que estén comprendidos entre la mitad de los fríos y la mitad de los cálidos. Por ejemplo anaranjado, amarillo y verde (dos cálidos y un frío) consiguen un excitante ambiente con un toque frío del verde.
Esquema monocromático:
Utilizar un color en sus diversos tonos es otra manera de lograr una combinación armónica. Una tranquilizadora combinación de verdes (desde uno pálido hasta uno intenso) puede crear un clima de mucha calma.
Esquema policromático:
Un esquema que combine varios colores nos podrá cansar y alterar nuestros sentidos.
Sin embargo, si la mayoría de los colores que hemos seleccionado se encuentran próximos en el círculo cromático, lograremos calmar y unificar este tipo de esquema.
Esquema de colores cálidos:
Si se utiliza una armonía de colores cálidos el ambiente resultará confortable, llamativo y atractivo. Cuanto más intensos sean los colores utilizados, más vibrante y vívida será la combinación.
Esquema de colores fríos:
Casi todas las gamas del azul pueden ser utilizadas con diversos verdes.
TRABAJANDO CON LIGAS
Una liga es una zona de texto o gráficos que al ser seleccionados nos trasladan a otra página Web o a otro lugar dentro de la página actual. También es común llamarles Hiperligas debido al propio lenguaje html.
Para colocar una liga hay que utilizar la etiqueta: (A) y su correspondiente etiqueta de cierre (/A).
Este comentario ha sido eliminado por el autor.
ResponderEliminarEsquema de colores
ResponderEliminarEsquemas Básicos de Color:
López Gutiérrez Adalid
No hay reglas que gobiernen la selección de un esquema de color, pero hay algunas combinaciones armónicas inspiradas en el círculo cromático.
Esquema contrastante:
La utilización de colores contrastantes en un ambiente produce un efecto alegre y brillante.
Esquema armónico:
Está conformada por colores que están juntos en el círculo cromático.
Esquema moderado:
También se pueden lograr excelentes combinaciones uniendo colores consecutivos pero que estén comprendidos entre la mitad de los fríos y la mitad de los cálidos. Por ejemplo anaranjado, amarillo y verde (dos cálidos y un frío) consiguen un excitante ambiente con un toque frío del verde.
Esquema monocromático:
Utilizar un color en sus diversos tonos es otra manera de lograr una combinación armónica. Una tranquilizadora combinación de verdes (desde uno pálido hasta uno intenso) puede crear un clima de mucha calma.
Esquema policromático:
Un esquema que combine varios colores nos podrá cansar y alterar nuestros sentidos.
Sin embargo, si la mayoría de los colores que hemos seleccionado se encuentran próximos en el círculo cromático, lograremos calmar y unificar este tipo de esquema.
Esquema de colores cálidos:
Si se utiliza una armonía de colores cálidos el ambiente resultará confortable, llamativo y atractivo. Cuanto más intensos sean los colores utilizados, más vibrante y vívida será la combinación.
Esquema de colores fríos:
Casi todas las gamas del azul pueden ser utilizadas con diversos verdes.
TRABAJANDO CON LIGAS
Una liga es una zona de texto o gráficos que al ser seleccionados nos trasladan a otra página Web o a otro lugar dentro de la página actual. También es común llamarles Hiperligas debido al propio lenguaje html.
Para colocar una liga hay que utilizar la etiqueta: (A) y su correspondiente etiqueta de cierre (/A).
Todo lo que esté dentro de ambas etiquetas (A) y (/A), ya sean texto o imágenes, serán considerados como ligas. En ambos casos la apariencia del texto o imagen seleccionado como liga sufrirá dos modificaciones:
1. Se visualizará de manera distinta en el navegador (Browser). El texto aparecerá subrayado y de un color distinto al del resto del texto, y las imágenes estarán rodeadas por un borde del mismo color que el determinado para el texto. Este último borde puede ser eliminado con los atributos de la imagen.
2. Al pasar el apuntador del mouse encima de la liga el gráfico del apuntador cambiará a una pequeña mano que apunta con el dedo índice. Al hacer clic sobre la liga, el navegador mostrará la página a donde hacía referencia la liga, o a una sección diferente de la página actual. Por ejemplo, al inicio, al final o a la mitad de la página.
Este comentario ha sido eliminado por el autor.
ResponderEliminarTRABAJANDO CON IMÁGENES
ResponderEliminarLópez Gutiérrez Adalid
1. Colocar un fondo en una página web
Para incluir un fondo en una página web necesitamos utilizar el atributo background en la etiqueta (BODY), al que le asignamos el nombre del archivo que deseamos utilizar como fondo. Si el archivo se encuentra en un directorio distinto que la página web, necesitaremos incluir la ruta al archivo, teniendo en cuenta siempre de utilizar una ruta relativa al archivo .html para que se conserve la ruta en caso de que cambiemos el sitio web de localización.
(BODY BACKGROUND =”fondo.gif”)
DONDE:
Fondo.gif es el nombre de archivo que deseas poner
2. Imágenes en documento html
Para incluir gráficos e imágenes en nuestras páginas, utilizaremos la etiqueta (IMG). La sintaxis mínima de la etiqueta (IMG) es la siguiente:
(IMG SRC = "NOMBRE DEL ARCHIVO ")
Donde:
(IMG SRC = //"archivo_gráfic//o" ALT = //"descripció//n" ..... modificadores.... )
Modificador Descripción del Modificador
src = "imagen" Indica el nombre del archivo gráfico que desea mostrar.
alt = "texto"
3. Borde de imagen
Con el atributo BORDER podemos aplicar un borde a la imagen. Los valores son numéricos y van expresados en píxel. Si impostamos el valor BORDER en 0, la imagen no va recuadrada. Cuando omitimos este atributo, el navegador no aplica ningún borde, pero si la imagen es también un enlace automáticamente se le asignará un BORDER=1. La sintaxis correcta es:
(IMG SRC="NOMBRE DEL ARCHIVO " WIDTH=178 HEIGHT=180 BORDER=2)
4. Alineacion horizontal y vertical
hspace = "margen" Indica el número de espacios horizontales, en puntos, que separarán la imagen del texto que la siga y la anteceda.
Vspace = "margen" Indica el número de puntos verticales que separarán la imagen del texto que le siga y la anteceda.
Imagen de fondo
ResponderEliminarPara insertar una imagen como fondo de la página utilizamos Background dentro de BODY: BODY background="imagen.jpg"
insertaría "imagen.jpg" como fondo de la página. Normalmente, las imágenes que se utilizan como fondo son texturas pequeñas que, al repetirse varias veces, da la sensación de tener una imagen muy grande.
Ten en cuenta el tamaño de la imagen de fondo, ya que, si es demasiado grande, podría hacer que la carga de la página se hiciera muy lenta.
Si en lugar de una imagen de fondo quieres simplemente establecer un color liso lo puedes hacer utilizando bgcolor:
BODY bgcolor=red
haría que el color de fondo de la página fuera rojo.
Evidentemente si estableces un color de fondo y, además, una imagen, la imagen tapará completamente al color. No tiene sentido utilizar conjuntamente bgcolor y background
Imagen del documento
Las imágenes son almacenadas en forma de archivos, principalmente GIF (para dibujos) o JPG (para fotos). Estos archivos los podemos obtener desde diversas vías, como por ejemplo nuestra cámara digital, aunque también pueden ser creados por nosotros mismos con algún editor gráfico o pueden ser descargados gratuitamente en sitios web especializados.
Así pues, en estos primeros capítulos nos limitaremos a explicar cómo insertar y alinear debidamente en nuestra página una imagen ya creada.
La etiqueta que utilizaremos para insertar una imagen es img (image). Esta etiqueta no posee su cierre correspondiente y en ella hemos de especificar obligatoriamente el paradero de nuestro archivo gráfico mediante el atributo src (source).
La sintaxis queda entonces de la siguiente forma:
img src="camino hacia el archivo"
Para expresar el camino, lo haremos de la misma forma que vimos para los enlaces. Las reglas siguen siendo las mismas, lo único que cambia es que, en lugar de una página destino, el destino es un archivo gráfico.
Alineación de imagen
El atributo utilizado para alinear una imagen es ALIGN
Si quiere insertar una imagen a la izquierda de la pantalla
(img align=left src="dancer.gif")
Si prefiero insertarla a la derecha:
(img align=right src="dancer.gif")
Alinear el texto después de la imagen:
Para esto se utiliza el atributo ALIGN .Este es un parámetro opcional usado para alinear la imagen respecto al texto que la acompaña en la misma línea convirtiéndola en lo que se llama una imagen flotante.
Hay dos tipos básicos de alineación:
Alineación vertical
TOP (ARRIBA), MIDDLE (MEDIO) y BOTTOM (ABAJO).
El valor que utiliza este atributo por defecto es BOTTOM. Este atributo también es utilizado cuando queremos insertar dos imágenes en una misma línea.
Alineación horizontal
LEFT (IZQUIERDO), RIGHT (DERECHO), TEXTTOP, ABSMIDDLE, BASELINE y ABSBOTTOM
Este comentario ha sido eliminado por el autor.
ResponderEliminarOchoa Sánchez Angel Jovani
ResponderEliminarTRABAJANDO CON IMAGENES
-Imagenes de fondo:
Para incluir un fondo en una página web necesitamos utilizar el atributo background en la etiqueta (BODY), al que le asignamos el nombre del archivo que deseamos utilizar como fondo, para poder ingresar la imagen es necesario poner el formato en la que esta la imagen (JPG)(GIF)
(body background="fondo.gif")
EJEMPLO:(BODY BACKGROUND="imagenes/america.jpg")
(la imagen de fondo aparece como un mosaico, repitiéndose a lo largo de todo el espacio de la página).
-Imagenes en el documento:
Para poder poner una imagen en el documento se necesita la etiqueta (IMG), la imagen se puede ubicar debajo del texto o arriba del texto.
Esta etiqueta no necesita cierrey su sintaxis es: (IMG SRC="immagine.gif")
Donde (SRC) corresponde al ingles search que significa buscador, en este caso buscador de la imagen.
EJEMPLO:(IMG SRC="imagenes/carro.jpg")
-Borde de la imagen:
Con el atributo BORDER podemos aplicar un borde a la imagen. Los valores son numéricos y van expresados en píxel. Un valor mayor que 0, aplicará un contorno a la imagen insertada. Si utiliza valor 0, será como si omitiera el modificar Border. La sintaxis es:
(IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2)
EJEMPLO: (IMG SRC="imagenes/carro.jpg" WIDTH=200 HEIGTH=180 BORDER=2)
-Alineación horizontal:
Para alinear una imagen horizontalmente podemos hacerlo de la misma forma que el texto, es decir, utilizando el atributo align dentro de una etiqueta (p) o (div).
En este caso, lo que incluiremos dentro de esa etiqueta será la imagen en lugar del texto:
(div align="left")(img src="logo.gif")(/div)
Este comentario ha sido eliminado por el autor.
ResponderEliminarbueno espero que le haga gustado maestra bye
ResponderEliminarYañez Palma Anais
ResponderEliminarTRABAJANDO CON IMÁGENES
IMÁGENES DE FONDO: para incluir una imágen de fondo en la página web necesitamos utilizar el atributo BACKGROUND en la etiqueta (BODY),que es al que le asignamos el nombre del archivo que deseamos utilizaer como fondo. Si el archivo esta en otro sitio hay que incluir una ruta al archivo con.HTML para que no se conserve la ruta.
(BODYBACKGROUND="FONDO.GIF")
IMÁGENES EN EL ARCHIVO:para incluir gráficas e imágenes en nuestra página utilizamos la etiqueta (IMG).La sintaxis minima de la etiqueta es (IMG SRG="NOMBRE DEL ARCHIVO")
(IMG SRG=//ARCHIVO_GRÁFICO//0" ALT=//DESCRIPCIÓN..MODIFICADORES..)
SRC=indica el nombre del archivo
ALT= es el texto
BORDE DE IMÁGEN:con el atributo BORDER podemos aplicar un borde a la imágen; los valores son númericos y van expresados en pixel, si impostamos el valor de BORDER en 0, la imágen ne va recuadrada.Cuando omitimos este atributo, el navegador no aplica ningun borde, pero la imágen es un enlace que se le asigna BORDER=1. La sintaxis correcta es (IMGSRG="NOMBRE DEL ARCHIVO"WIDTH=178 HEIGHT=180 BORDER=2)
ALINEACIÓN VERTICAL U HORIZONTAL:
HSPACE:indica el número de espacios horizontales, en puntos, que separan la imagen del texto que la siga y la anteceda.
VSPACE: indica el número de puntos verticales que separan la imágen del texto que le siga y le anteceda.
ETIQUETAS DE COLOR (ESQUEMA DE COLOR II)
ResponderEliminarEl color se indica en formato RGB-hexadecimal, que es un poco especial. Son una serie de 6 cifras, de dos en dos, que indican la cantidad de color rojo, la cantidad de color verde y la cantidad de color azul. Comienzan por el símbolo #. Las cifras pueden ser 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F, siendo 00 cantidad nula y FF la máxima cantidad. Así, #000000 es el color blanco y #FFFFFF es el color negro.
También podemos seleccionar un texto en particular y pulsar en el color que queramos, tomando el texto ese color (la etiqueta de color está explicada al principio). El último color usado se queda guardado, y tan sólo hemos de pulsar en el botón para hacer que un texto adquiera ese color. Si queremos que un texto no tenga color, sencillamente le damos el color automático, que equivale a eliminar sus etiquetas de color.
Avila Delgado edgar Alan
ResponderEliminarESQUEMA DE COLORES
EL CIRCULO CROMATICO
Para definir diversos esquemas de colores debemos primero analizar su ubicación dentro del círculo cromático.
COLORES PRIMARIOS
Son los colores principales del círculo y están ubicados de manera equidistante. Se los denomina como primarios ya que no se pueden obtener con la mezcla de ningún otro color y la mayoría de los otros colores se obtienen con la mezcla de estos tres. Estos colores son: rojo puro, amarillo puro y azul puro.
COLORES SECUNDARIOS
Son los que se obtienen de la mezcla de iguales cantidades de dos colores primarios. Son el anaranjado (rojo + amarillo), verde (amarillo + azul) y violeta (azul + rojo).
Entre medios de estos colores y los primarios existe una amplia gama que varía de acuerdo con la cantidad de uno y otro primario que los componen.
COLORES CONTRASTANTES
Los colores con el máximo contraste están ubicados opuestos uno del otro en el círculo cromático. Por ejemplo rojo y verde, azul y anaranjado, etc.
COLORES ARMONICOS
Estos están ubicados uno junto al otro en el círculo cromático, además tienen un color base en común. Por ejemplo amarillo anaranjado, anaranjado y rojo anaranjado todos tienen el anaranjado en común.
COLORES CALIDOS
Rojo, anaranjado amarillo y todas las tonalidades comprendidas entre ellos son los denominados colores cálidos.
COLORES FRIOS
Están comprendidos en la otra mitad del círculo cromático y comprende a los verdes y azules.
COLORES PASTEL
Son todos los colores del círculo cromático con el agregado de bastante blanco.
COLORES APAGADOS O SUCIOS
Son todos los colores del círculo cromático con el agregado de negro o gris.
COLORES NEUTROS
Son los comprendidos entre el blanco, pasando por el crema, el beige, el tostado y llegando a los marrones. También es la escala más pálida de los grises.
ESQUEMAS BASICOS DE COLOR
No hay reglas que gobiernen la selección de un esquema de color, pero hay algunas combinaciones armónicas inspiradas en el círculo cromático.
MONOCROMATICO
El esquema monocromático usa varias intensidades de un mismo color.
COMPLEMENTARIO
El esquema de color complementario combina colores opuestos en el círculo cromático como el rojo y el verde o el azul y el naranja. Este sistema trabaja mejor si uno de los colores domina y el otro sirve más como contraste. Usando los opuestos en el círculo pueden introducir colores fríos y cálidos en un esquema. Las variaciones de color deben ser elegidas cuidadosamente para evitar un efecto chocante.
ANALOGO
El esquema de colores análogo usa colores vecinos en el círculo cromático y que tienen un color como común denominador. Por ejemplo, podemos empezar con el amarillo y agregar el amarillo verdoso y el amarillo anaranjado. Este sistema funciona mejor, evitando un efecto estático, cuando el valor e intensidad de los colores no tienen la misma fuerza y cuando se usa más de un color que del otro.
COMPLEMENTARIO-DIVIDIDO
El esquema de color complementario - dividido usa cualquier color del círculo cromático en combinación con dos que son análogos de su complementario. Por ejemplo: azul con rojo anaranjado y amarillo anaranjado..
TRIAXIAL
El esquema triaxial combina tres colores equidistantes en el círculo (o variación de estos). Por ejemplo: los tres primarios, rojo, azul y amarillo son frecuentemente usados en un esquema triaxial. Uno puede usarse como color dominante y los otros dos como acentuados.
COLORES
ResponderEliminarESQUEMA DE COLORES
A la hora de diseñar tu web deberás elegir una serie de colores que deben resultar armónicos, o sea, que vayan bien unos con otros. Debemos elegir un esquema de colores para todas las páginas del sitio. Lo habitual es que basten 4 colores para lograr un buen esquema, si ves que queda un poco sobriopuedes jugar un poco con la luminosidad de los colores elegidos.
Colores complementarios consiste en elegir dos colores opuestos de
la rueda cromática
________________________________________
Complementarios cercanos Se basa en coger un color y dos contiguos a su complementario
________________________________________
Tríadas complementarias tres colores equidistantes tanto del centro de la rueda, como entre sí, es decir, formando 120º uno del otro.
________________________________________
Contiguos serie de colores comprendidos entre otros dos. Cuando los colores extremos están muy próximos en el círculo cromático, la gama originada es conocida también con el nombre de colores análogos
Para saber si un juego de colores resutla armónico basta echar un vistazo a la naturaleza, veremos que hay colores que nunca aparecen mezclados y otros que pegan perfectamente. Pero además de esto podemos utilizar algunas técnicas que dan buen resultado.
Avila Delgado Edgar Alan
ResponderEliminarESQUEMA DE COLORES
EL CIRCULO CROMATICO
Para definir diversos esquemas de colores debemos primero analizar su ubicación dentro del círculo cromático.
COLORES PRIMARIOS
Son los colores principales del círculo y están ubicados de manera equidistante. Se los denomina como primarios ya que no se pueden obtener con la mezcla de ningún otro color y la mayoría de los otros colores se obtienen con la mezcla de estos tres. Estos colores son: rojo puro, amarillo puro y azul puro.
COLORES SECUNDARIOS
Son los que se obtienen de la mezcla de iguales cantidades de dos colores primarios. Son el anaranjado (rojo + amarillo), verde (amarillo + azul) y violeta (azul + rojo).
Entre medios de estos colores y los primarios existe una amplia gama que varía de acuerdo con la cantidad de uno y otro primario que los componen.
COLORES CONTRASTANTES
Los colores con el máximo contraste están ubicados opuestos uno del otro en el círculo cromático. Por ejemplo rojo y verde, azul y anaranjado, etc.
COLORES ARMONICOS
Estos están ubicados uno junto al otro en el círculo cromático, además tienen un color base en común. Por ejemplo amarillo anaranjado, anaranjado y rojo anaranjado todos tienen el anaranjado en común.
COLORES CALIDOS
Rojo, anaranjado amarillo y todas las tonalidades comprendidas entre ellos son los denominados colores cálidos.
COLORES FRIOS
Están comprendidos en la otra mitad del círculo cromático y comprende a los verdes y azules.
COLORES PASTEL
Son todos los colores del círculo cromático con el agregado de bastante blanco.
COLORES APAGADOS O SUCIOS
Son todos los colores del círculo cromático con el agregado de negro o gris.
COLORES NEUTROS
Son los comprendidos entre el blanco, pasando por el crema, el beige, el tostado y llegando a los marrones. También es la escala más pálida de los grises.
ESQUEMAS BASICOS DE COLOR
No hay reglas que gobiernen la selección de un esquema de color, pero hay algunas combinaciones armónicas inspiradas en el círculo cromático.
MONOCROMATICO
El esquema monocromático usa varias intensidades de un mismo color.
COMPLEMENTARIO
El esquema de color complementario combina colores opuestos en el círculo cromático como el rojo y el verde o el azul y el naranja. Este sistema trabaja mejor si uno de los colores domina y el otro sirve más como contraste. Usando los opuestos en el círculo pueden introducir colores fríos y cálidos en un esquema. Las variaciones de color deben ser elegidas cuidadosamente para evitar un efecto chocante.
ANALOGO
El esquema de colores análogo usa colores vecinos en el círculo cromático y que tienen un color como común denominador. Por ejemplo, podemos empezar con el amarillo y agregar el amarillo verdoso y el amarillo anaranjado. Este sistema funciona mejor, evitando un efecto estático, cuando el valor e intensidad de los colores no tienen la misma fuerza y cuando se usa más de un color que del otro.
COMPLEMENTARIO-DIVIDIDO
El esquema de color complementario - dividido usa cualquier color del círculo cromático en combinación con dos que son análogos de su complementario. Por ejemplo: azul con rojo anaranjado y amarillo anaranjado..
TRIAXIAL
El esquema triaxial combina tres colores equidistantes en el círculo (o variación de estos). Por ejemplo: los tres primarios, rojo, azul y amarillo son frecuentemente usados en un esquema triaxial. Uno puede usarse como color dominante y los otros dos como acentuados.
RODOLFO NAVA VERDIGUEL
ResponderEliminar• Colores de html
Colores hexadecimales avanzados
Mover el resbalador vertical y elegir el color y después clickear en el cuadrado de color en la izquierda para coseguir el color hexadecimal deseado.
Algunos secundarios y terciarios (medianos)
• GRIS = 808080
• ROSA = FF8080
• VIOLETA = 800080
• CELESTE = 80FFFF
• MARRON = 800000
• NARANJA = FF8000
• LAVANDA = 8000FF
• TURQUESA = 00FF80
ORO VIEJO = BBBB20
• ESQUEMA DE COLORES
• Al diseñar páginas web se toman en consideración muchos elementos tales como: tablas u hojas de estilos, gráficos, tipografía, mensaje, enlaces y otros más.
Sin embargo, el color, al estar intrínseco en cualquiera de éstos elementos, pudiera ser un factor al cual no se le preste la atención necesaria. Por ejemplo, al utilizar un color azul intenso en el título de una página hacemos referencia a otro color, que según nuestro sistema de referencia, armoniza muy bien y lo utilizamos de forma combinada.
Así, se va desarrollando un hábito de combinar colores por referencia, sin una base objetiva y comprobada que ayude a armonizar adecuadamente los colores.
COLORES
ResponderEliminarESQUEMA DE COLORES
A la hora de diseñar tu web deberás elegir una serie de colores que deben resultar armónicos, o sea, que vayan bien unos con otros. Debemos elegir un esquema de colores para todas las páginas del sitio. Lo habitual es que basten 4 colores para lograr un buen esquema, si ves que queda un poco sobriopuedes jugar un poco con la luminosidad de los colores elegidos.
Colores complementarios consiste en elegir dos colores opuestos de
la rueda cromática
Complementarios cercanos Se basa en coger un color y dos contiguos a su complementario
Tríadas complementarias tres colores equidistantes tanto del centro de la rueda, como entre sí, es decir, formando 120º uno del otro.
Contiguos serie de colores comprendidos entre otros dos. Cuando los colores extremos están muy próximos en el círculo cromático, la gama originada es conocida también con el nombre de colores análogos
Para saber si un juego de colores resutla armónico basta echar un vistazo a la naturaleza, veremos que hay colores que nunca aparecen mezclados y otros que pegan perfectamente. Pero además de esto podemos utilizar algunas técnicas que dan buen resultado.
maestra perdone pero algunas etiquetas no las acepta completas en el comentario
ResponderEliminarRamirezFF_PAGWEB_COLORES
ResponderEliminarESQUEMA DE COLORES
A la hora de diseñar tu web deberás elegir una serie de colores que deben resultar armónicos, o sea, que vayan bien unos con otros. Debemos elegir un esquema de colores para todas las páginas del sitio. Lo habitual es que basten 4 colores para lograr un buen esquema, si ves que queda un poco sobrio puedes jugar un poco con la luminosidad de los colores elegidos.
Para saber si un juego de colores resulta armónico basta echar un vistazo a la naturaleza, veremos que hay colores que nunca aparecen mezclados y otros que pegan perfectamente. Pero además de esto podemos utilizar algunas técnicas que dan buen resultado.
TRABAJOS CON LIGAS
Una //liga //es una zona de texto o gráficos que al ser seleccionados nos trasladan a otra página Web o a otro lugar dentro de la página actual. También es común llamarles //Hiperligas //debido al propio lenguaje HTML
LINKS PARA CORREO ELECTRONICOS
es un enlace con el cual dando click en el nombre o imagen teredirecciona al correo
(a href="mailto:tuemail@dominio.com")nombre o imagen (/a)
RamirezFF_PAGWEB_COLORES
ResponderEliminarIMAGENES DE FONDO
Una imagen se puede colocar como fondo de una página por medio del atributo background de la etiqueta body
(body background="dirección de la imagen")
...
(/body)
Si la imagen es más pequeña que el tamaño de la página, se repetirá hasta llenar la página por completo.
IMAGEN EN EL DOCUMENTO
Para incluir gráficos e imágenes en nuestras páginas, utilizaremos la etiqueta (IMG). La sintaxis mínima de la etiqueta (IMG) es la siguiente:
(IMG SRC = "NOMBRE DEL ARCHIVO ")
BORDE DE IMAGEN
con el atributo border podemos aplicar un borde a la imagen los valore son numericos y van expresados en pixel. si impostamos el valor border en o, la imagen no va recuadrada
Cuando omitimos este atributo, en navegador no aplica ningún borde pero si la imagen es también un enlace automáticamente se la asigna un borde=1.la sintaxis correcta es
:(img src= nombre del archivo width=178height=180BORDER=2).
1. src= Este atributo es obligatorio e indica el nombre del archivo de imagen (entre comillas) o la URL que se va a representar.
2. Align= Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea. Los tres valores posibles son los ya conocidos left, right, top, middle y bottom.
3. Alt= Es la alternativa que se estableció cuando todavía existían visualizadores de solo texto. Entre comillas podremos escribir un texto que suplantara a esta imagen si no se carga o mientras se carga o cuando, visualizando ya la imagen, pasamos el ratón por encima.
4. WIDTH= Este atributo es opcional pero es recomendable ponerlo para ayudar al navegador a representar la imagen, significa el ancho de la imagen que vamos a representar.
5. HEIGHT=Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este significa el alto de la imagen.
6. BORDER= Con BORDER especificamos el ancho de un borde que rodea la imagen.
(IMG SRC="/graficos/bebe1.jpg" WIDTH=140 HEIGHT=210 BORDER=0 ALT="Un bebé")
RamirezFF_PAGWEB_COLORES
ResponderEliminarALINEACIÓN HORIZONTAL Y VERTICAL
Pues bien, img resulta ser una de esas etiquetas que aceptan este atributo aunque en este caso el funcionamiento resulta ser diferente.
Para alinear una imagen horizontalmente podemos hacerlo de la misma forma que el texto, es decir, utilizando el atributo align dentro de una etiqueta p o div. En este caso, lo que incluiremos dentro de esa etiqueta será la imagen en lugar del texto
Este código mostrará la imagen en el centro:
div align="center"img src="logo.gif"/div
IMAGEN A LA DERECHA
p
img src="imagen.gif" align="right"Texto tan extenso como queramos que cubrirá la parte izquierda de la imagen. Sigo poniendo texto para que se vea el efecto, Bla bla bla bla bla bla bla...
/p
IMAGEN A LA IZQUIERDA
p
img src="imagen.gif" align="left" Texto tan extenso como queramos que cubrirá la parte derecha de la imagen. Sigo poniendo texto para que se vea el efecto, Bla bla bla bla bla bla bla...
/p
Existen otro tipo de valores que puede adoptar el atributo align dentro de la etiqueta img. Estos son relativos a la alineación vertical de la imagen.
Supongamos que escribimos una línea al lado de nuestra imagen. Esta línea puede quedar por ejemplo arriba, abajo o al medio de la imagen. Asimismo, puede que en una misma línea tengamos varias imágenes de alturas diferentes que pueden ser alineadas de distintas formas.
Estos valores adicionales del atributo align son:
top
Ajusta la imagen a la parte más alta de la línea. Esto quiere decir que, si hay una imagen más alta, ambas imágenes presentaran el borde superior a la misma altura.
Bottom
Ajusta el bajo de la imagen al texto.
Absbottom
Colocara el borde inferior de la imagen a nivel del elemento más bajo de la línea.
Middle
Hace coincidir la base de la línea de texto con el medio vertical de la imagen.
absmiddle
Ajusta la imagen al medio absoluto de la línea.
rodolfo
ResponderEliminar• TRABAJANDO CON IMAGENES EN HTML
Para definir las características de nuestra imagen, tendremos que tener en cuenta los siguientes atributos que pondremos en el interior de la etiqueta de imagen ((img)):
src- Este atributo es obligatorio e indica el nombre del archivo (que lo pondremos entre comillas) en este campo se debe poner el URL que nos llevará a la imagen u fotografía.
align- Permite controlar la alineación de una fotografía con respecto al texto o a otras imágenes en esa línea, para llevar a cabo esta tarea necesitamos los campos bottom (abajo), middle (en medio), top (arriba), left (izquierda), right (derecha).
alt- Entre comillas se podrá poner un texto que si da error o no mientras que se carga podrán leer.
width- Este atributo es opcional pero yo os lo recomiendo ya que ayudáis al navegador, en este campo ponéis el ancho de la imagen u fotografía.
height-Esta es la hermana de width, dijimos que en width indicábamos el ancho de la imagen en esta indicamos el alto de la imagen y claro, pues también se recomienda.
border- Esta es la prima de height y de width, en este campo se debe poner el ancho del borde de la imagen (si es que lleva claro).
Ahora pondré un ejemplo de ello:
(img src="/nombre_de_tu_carpeta/nombre_de_tu_foto.jpg" width=140 height=210 border=0 alt="Aquí el nombre de la imagen")
RODOLFO
ResponderEliminar• IMÁGENES DE FONDO
(img src="nombre.jpg") y los atributos
Para poner una imagen de fondo con HTML es necesario agregar el atributo background al tag (body) y hacer referencia a una imagen.
(html)
(body background="fondo.jpg")
(h3)Ejemplo de imagen de fondo(/h3)
(p)Se pueden utilizar archivos en formato jpg, gif o png. No es recomendable usar otro formato.(/p)
(p)Si la imagen es más pequeña que la página, se repetirá en mozaico.)
(/body)
(/html)
• Como poner borde de imagen
ResponderEliminar(img src="../img/02.gif" width="57" height="57" class="bordes")
El codigo seria asi:
Ej. para un borde negro de 5px
(center)(img style="border: solid 5px #000;" src ="imagenes/feo.jpg" width = "230" heigth = "175")
y tendrias que añadir el codigo a cada imagen que quieras con un borde de 5px y de color negro o X color: style="border: solid 5px #000;"
pero si quisieramos que todas las paginas con imagenes tengan un borde negro o de X color, en este caso negro de 5px solo seria cuestion de poner en nuestro css:
img {
border: solid 5px #000;
}
para aprender un poco mas sobre css y sus aplicaciones esta es una buena pagina
• RODOLFO
ResponderEliminar.alineación horizontal y vertical de imágenes
Usamos img src="imagen.gif" align="left"
Es etiqueta con left para la derecha y right para la izquierda
A la derecha
I(mg src="imagen.gif" align="right")Texto tan extenso como queramos que cubrirá la parte izquierda de la imagen.
A LA IZQUIERDA
(img src="imagen.gif" align="left")
(HTML)
(HEAD)
(TITLE)Ejemplo de alineación horizontal y vertical(/TITLE)
(/HEaD)
(BODY)
(TABLE WIDTH="100%" HEIGHT="100%")
(TR)
(TD VALIGN="MIDDLE" ALIGN="CENTER")
Rodolfo nava
(/TD)
(/TR)
(/TABLE)
(/BODY)
(/HTML)
Bartolo Ramirez Israel
ResponderEliminarEsquema de colores
Ala hora de diseñar tu web deberás elegir una serie de colores que vayan bien unos con otros. Lo habitual es que basten 4 colores para lograr un buen esquema, si ves que queda un poco sobriopuedes jugar un poco con la luminosidad de los colores elegidos.
BARTOLO RAMIREZ ISRAEL.
ResponderEliminarComo se crea un link para la dirección de correo electronico.
Solo se tienen que copiar, modificar y pegar el siguiente código:
a href="mailto:tuemail@dominio.com"nombre o imagen (01)/a
También se puede personalizar agregando lo siguiente:
?subject= Texto del área titulo del E-mail
&body= Cuerpo del área de texto en el E-mail
%0A Espacio o reglones en blanco del texto.
Y seria así:
a href="mailto:tuemail@dominio.com?subject=Titulo&body=Mensaje%0A¡Gracias por usar este link!"Nombre o imagen (02)/a
BARTOLO RAMIREZ ISRAEL
ResponderEliminarComo poner imagenes de fondo:
Si el archivo se encuentra en un directorio distinto que la página web, necesitaremos incluir la ruta al archivo, utilizar una ruta relativa al archivo .html para que se conserve la ruta en caso de que cambiemos el sitio web de localización.
< background="fondo.gif">
BARTOLO RAMIREZ ISRAEL
ResponderEliminarComo aliniarlas horizontal y verticalmente:
Para alinear una imagen horizontalmente podemos hacerlo igual que el texto, es decir, utilizando el atributo align dentro de una etiqueta p o div. En este caso, lo que incluiremos dentro de esa etiqueta será la imagen en lugar del texto:
Este código mostrará la imagen en el centro:
div align="center"img src="logo.gif"/div
BARTOLO RAMIREZ ISRAEL
ResponderEliminarBORDE DE IMAGEN:
El atributo utilizado para establecer un borde en una imagen es BORDER= #, dónde # es un número de 0 a 99.
BARTOLO RAMIREZ ISRAEL
ResponderEliminarIMAGEN EN EL DOCUMENTO:
Para incluir gráficos e imágenes en nuestras páginas, utilizaremos la etiqueta (IMG). La sintaxis mínima de la etiqueta (IMG) es la siguiente:(IMG SRC = "NOMBRE DEL ARCHIVO ")
Bordes de página
ResponderEliminarPuede agregar un borde a uno o a todos los lados de cada página de un documento, a la páginas de una sección (sección: parte de un documento en el que establece determinadas opciones de formato de página. Puede crear una nueva sección cuando desee cambiar propiedades como la numeración de líneas, el número de columnas o los encabezados y pies de página.), sólo a la primera página o a todas las páginas excepto la primera. Puede agregar bordes de página en muchos estilos de línea y colores, así como diversos bordes gráficos.
TRABAJO CON IMÁGENES
ResponderEliminarUna web está compuesta por mucho más que simple texto. Un sitio web se diseña para ser gráfico, en el cual vamos a añadir imágenes, tanto estáticas como dinámicas. Podemos añadir imágenes prediseñadas de FrontPage, imágenes que tengamos guardadas en el disco duro o imágenes de Internet.
Es fundamental conocer que las imágenes deben estar en formato GIF o JPEG para poder ser visualizadas por la mayoría de los navegadores. Las características de ambos formatos son las siguientes:
GIF: apropiado para logotipos y está comprimida de forma que no pierde definición. El máximo número de colores que soporta es de 256. Admite la propiedad de transparencia, que permite que las imágenes compartan el mismo color de fondo de la página. Igualmente se pueden crear los GIF animados como sucesión de diferentes imágenes.
JPEG: apropiado para imágenes complejas y para fotografía. JPEG comprime y destruye parte de la información de la imagen. Soporta hasta 24 bits de colores y no admite transparencias.
Para insertar una imagen podemos hacerlo a través del botón de la barra de herramientas Estándar.
Haciendo clic en este botón insertaremos una imagen desde una carpeta de nuestro disco duro. Es muy importante guardar todas las imágenes en una carpeta independiente de donde guardamos los archivos html.
Una vez que la imagen está en la página podemos cambiar algo en ella, como la alineación, el tamaño, el borde e incluso añadir un texto que aparecerá cuando situemos el ratón encima de la imagen. Para ello haremos clic en el botón derecho de la imagen para que nos aparezca la siguiente pantalla.
IMÁGENES EN EL DOCUMENTO
ResponderEliminarLas imágenes son almacenadas en forma de archivos, principalmente GIF (para dibujos) o JPG (para fotos). Estos archivos los podemos obtener desde diversas vías, como por ejemplo nuestra cámara digital, aunque también pueden ser creados por nosotros mismos con algún editor gráfico o pueden ser descargados gratuitamente en sitios web especializados.
Así pues, en estos primeros capítulos nos limitaremos a explicar como insertar y alinear debidamente en nuestra página una imagen ya creada.
La etiqueta que utilizaremos para insertar una imagen es (image). Esta etiqueta no posee su cierre correspondiente y en ella hemos de especificar obligatoriamente el paradero de nuestro archivo gráfico mediante el atributo src (source).
La sintaxis queda entonces de la siguiente forma:
src="camino hacia el archivo">
Para expresar el camino, lo haremos de la misma forma que vimos para los enlaces. Las reglas siguen siendo las mismas, lo único que cambia es que, en lugar de una página destino, el destino es un archivo gráfico.
ALINEACIÓN HORIZONTAL Y VERTICAL DE IMÁGENES.
Para alinear una imagen horizontalmente podemos hacerlo de la misma forma que el texto, es decir, utilizando el atributo align dentro de una etiqueta div.
Esquema de colores.
ResponderEliminarNingún color está solo. En realidad, el efecto de un color lo determinan muchos factores: la luz que se refleja de él, los colores que lo rodean, o la perspectiva de la persona que mira el color.
Hay (diez esquemas básicos de color. Se los llama acromáticos, análogos, de choque, complementarios, monocromáticos, neutrales y complementarios, divididos, así como esquemas primarios, secundarios y terciarios.
Esquema acromático
Sin color. Utiliza sólo el negro, el blanco, y los grises.
Esquema análogo
Utiliza cualquiera de los tres tonos consecutivos o cualquiera de sus tintes y matices del círculo cromático.
Esquema de choque
Combina un color con el tono que está a la derecha o a la izquierda de su complemento en el círculo cromático.
Esquema complementario
Usa los opuestos directos del círculo cromático.
Esquema monocromático
Utiliza un tono en combinación con cualquiera de sus tintes y matices o con todos.
Esquema neutral
Utiliza un tono que se ha disminuído o neutralizado con el agregado de su complemento o del negro.
Esquema complementario dividido
Consta de un tono y los dos tonos a ambos lados de su complemento.
Esquema primario
Una combinación de los tonos puros del rojo, el amarillo y el azul.
Esquema secundario
Una combinación de los tonos secundarios del verde, el violeta, y el naranja.
Esquema de tríada terciario
Una tríada terciaria es una de dos combinaciones: naranja rojizo, verde amarillento y violeta azulado; o verde azulado, naranja amarillento y violeta rojizo; todos los cuales son equidistantes uno del otro en elk círculo cromático.
LINKGS PARA CORREO ELECTRONICO
ResponderEliminar¿Como se crea un link para la dirección de e-mail? Solo se tienen que copiar, modificar y pegar el siguiente código:
a href="mailto:tuemail@dominio.com"nombre o imagen (01)/a
Tambien se puede personalizar agregando lo siguiente:
?subject= Texto del área titulo del E-mail
&body= Cuerpo del área de texto en el E-mail
%0A Espacio o reglones en blanco del texto.
Y seria así:
a href="mailto:tuemail@dominio.com?subject=Titulo&body=Mensaje%0A¡Gracias por usar este link!"Nombre o imagen (02)/a
ESQUEMA DE COLORES
Ala hora de diseñar tu web deberás elegir una serie de colores que deben resultar en un equilibri, o sea, que vayan bien unos con otros. Debemos elegir un esquema de colores para todas las páginas del sitio. Lo habitual es que basten 4 colores para lograr un buen esquema, si ves que queda un poco sobrio puedes jugar un poco con la luminosidad de los colores elegidos.
Para saber si un conjunto de colores resulta armónico basta obserbar a la naturaleza, veremos que hay colores que nunca aparecen mezclados y otros que pegan perfectamente. Pero además de esto podemos utilizar algunas técnicas que dan buen resultado.
TRABAJOS CON LIGAS
Una //liga //es una zona de texto o gráficos que al ser seleccionados nos trasladan a otra página Web o a otro lugar dentro de la página actual. También es común llamarles //Hiperligas //debido al propio lenguaje HTML.
el trabajo de ariba es de romel castillo jimemez
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarYañez Palma Anais
ResponderEliminarEl color se indica en formato RGB-hexadecimal, que es un poco especial. Son una serie de 6 cifras, de dos en dos, que indican la cantidad de color rojo, la cantidad de color verde y la cantidad de color azul. Comienzan por el símbolo #. Las cifras pueden ser 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F, siendo 00 cantidad nula y FF la máxima cantidad. Así, #000000 es el color blanco y #FFFFFF es el color negro
Este comentario ha sido eliminado por el autor.
ResponderEliminarYañez Palma Anais
ResponderEliminarTRABAJO CON LIGAS
Una liga o hiperliga es una zona de texto o gráficos que al ser seleccionados nos trasladan a otra página web o a otro lugar de la página actual. Para colocar una liga hay que utilizar la etiqueta y su cierre(/A). Todo lo que estan las etiquetas y(/A) son ligas; como las etiquetas HTML la etiqueta tambien cuenta con un grupo de modificadores o atributos
Este comentario ha sido eliminado por el autor.
ResponderEliminarAvila Delgado
ResponderEliminarTRABAJANDO CON LIGAS
Una //liga //es una zona de texto o gráficos que al ser seleccionados nos trasladan a otra página Web o a otro lugar dentro de la página actual. También es común llamarles //Hiperligas //debido al propio lenguaje html.
Para colocar una //liga //hay que utilizar la etiqueta: (A) y su correspondiente etiqueta de cierre (/A).
La letra A de la etiqueta proviene de la palabra ANCHOR que en español significa Ancla.
LINKS PARA CORREO ELECTRONICO
(A HREF ="//ubicació//n") Haz clic aquí para ver la página a la que se hace referencia (/A)
La //ubicación //puede corresponder a la //ruta de un archivo //(página) local, o a una //ubicación //con formato URL (Uniform Resource Locator) que puede estar en cualquier parte del mundo.
TRABAJANDO CON IMÁGENES
Añadir imágenes a una página WEB es el primer paso para alejarse del monótono aspecto de un simple documento de texto para pasar a un mundo de diseños. Las imágenes añaden identidad, color, forma y presencia. Constituye un aspecto muy importante a considerar para cualquier creador de páginas WEB.
En el caso de las imágenes, esto es verdadero en lo que concierne al posicionamiento. Hay varias maneras de ubicar una imagen en una página. Puedes usar las etiquetas convencionales de HTML, puedes usar tablas, y puedes escoger el posicionamiento con hojas de estilo del HTML 4.0.
Avila Delgado edgar ALAn
ResponderEliminarIMAGEN DE FONDO
Para incluir un fondo en una página web necesitamos utilizar el atributo background en la etiqueta (BODY), al que le asignamos el nombre del archivo que deseamos utilizar como fondo. Si el archivo se encuentra en un directorio distinto que la página web, necesitaremos incluir la ruta al archivo, teniendo en cuenta siempre de utilizar una ruta relativa al archivo .html para que se conserve la ruta en caso de que cambiemos el sitio web de localización.
(body background="fondo.gif")
IMÁGENES EN EL DOCUMENTO
Para incluir gráficos e imágenes en nuestras páginas, utilizaremos la etiqueta (IMG). La sintaxis mínima de la etiqueta (IMG) es la siguiente:
(IMG SRC = "NOMBRE DEL ARCHIVO ")
Donde:
(IMG SRC = //"archivo_gráfic//o" ALT = //"descripció//n" ..... modificadores.... )
Modificador Descripción del Modificador
src = "imagen" Indica el nombre del archivo gráfico que desea mostrar.
alt = "texto"
BORDE DE IMAGEN
Con el atributo BORDER podemos aplicar un borde a la imagen. Los valores son numéricos y van expresados en píxel. Si impostamos el valor BORDER en 0, la imagen no va recuadrada.
Cuando omitimos este atributo, el navegador no aplica ningún borde, pero si la imagen es también un enlace automáticamente se le asignará un BORDER=1. La sintaxis correcta es:
(IMG SRC="NOMBRE DEL ARCHIVO " WIDTH=178 HEIGHT=180 BORDER=2)
ALINEACION HORIZONTAL Y VERTICAL
hspace = "margen" Indica el número de espacios horizontales, en puntos, que separarán la imagen del texto que la siga y la anteceda.
Vspace = "margen" Indica el número de puntos verticales que separarán la imagen del texto que le siga y la anteceda.
investigacion de paginas web 3 ra parte
ResponderEliminarAQUINO DEL ANGEL CLAUDIA LIZBETH
Trabajando con imágenes
Sin duda uno de los aspectos más vistosos y atractivos de las páginas web es el grafismo. La introducción en nuestro texto de imágenes puede ayudarnos a explicar más fácilmente nuestra información y darle un aire mucho más estético. El abuso no obstante puede conducirnos a una sobrecarga que se traduce en una distracción para el navegante, quien tendrá más dificultad en encontrar la información necesaria, y un mayor tiempo de carga de la página lo que puede ser de un efecto nefasto si nuestro visitante no tiene una buena conexión o si es un poco impaciente.
Fondo de una pagina
Para incluir un fondo en una página web necesitamos utilizar el atributo background en la etiqueta BODY, al que le asignamos el nombre del archivo que deseamos utilizar como fondo. Si el archivo se encuentra en un directorio distinto que la página web, necesitaremos incluir la ruta al archivo, teniendo en cuenta siempre de utilizar una ruta relativa al archivo .html para que se conserve la ruta en caso de que cambiemos el sitio web de localización.
body background="fondo.gif"
Lo que conseguimos con esto es que el archivo fondo.gif se muestre en la página como fondo. Por defecto, la imagen de fondo aparece como un mosaico, repitiéndose a lo largo de todo el espacio de la página.
MAESTRA ESTA ES LA CREO MAS DE 3ERA VEZ QUE INTENTO SUBIR LA INFO ...JEJE PERO BUENO Y ESTO LO LEA . BUENO HASTA LUEGO
4ta parte de la investigacion
ResponderEliminarAQUINO DEL ANGEL CLAUDIA LZBETH
BORDE DE IMAGEN :
Definen el tamaño en pixels del cuadro que rodea la imagen.
De esta forma podemos recuadrar nuestra imagen si lo deseamos. Es particularmente útil cuando deseamos eliminar el borde que aparece cuando la imagen sirve de enlace. En dicho caso tendremos que especificar border="0".
Atributos vspace y hspace
Sirven para indicar el espacio libre, en pixeles, que tiene que colocarse entre la imagen y los otros elementos que la rodean, como texto, otras imágenes, etc.
1era parte de investigacion de paginas web:
ResponderEliminarAQUINO DEL ANGEL CLAUDIA LIZBETH
*Color pagina web*
Cada elemento de una página web y cada agrupación de ellos debe desempeñar en la misma un papel perfectamente definido, que además debe corresponderse con su peso visual dentro del total de la página. Una de las herramientas más potentes con las que cuenta el diseñador web para cumplir este objetivo es el uso adecuado de los colores.
Por esto, los colores dominantes en ella deben permitir una lectura de contenidos clara y amena, así como una perfecta visualización de sus elementos gráficos. Para ello, deberemos usar un color para el texto que contraste adecuadamente sobre el del fondo de la página.
Este comentario ha sido eliminado por el autor.
ResponderEliminarVALENCIA HERNANDEZ GISELA
ResponderEliminarETIQUETAS
(H1...H6) DA TAMAÑO DEL 1 AL 6
(I): Itálica (Cursiva).
(TABLE) para insertar tabla
(TR)insertar fila
(TD)insertar celda
(body background="fondo.gif") imagen de fondo
(td) Celda 1, línea 2(/td)insertar texto en una celda
JUAREZ_H_I
ResponderEliminar(html)
(head)
(title)pagina web(/title)
(body)(h1)(i)(center) mis grupos favoritos(/center)(/i)(h1)
(body background="C:\Documents and Settings\Propietario\Mis documentos\Mis imágenes/the king.gif")
(h2) lacrimosa(h/2)(img src="C:\Documents and Settings\Propietario\Mis documentos\Mis imágenes/elodia.jpg")
(h2)mago de oz(/h2)(img src="C:\Documents and Settings\Propietario\Mis documentos\Mis imágenes/atlantia.jpg")
(TABLE WIDTH="50%" BORDER="1")
(TR)
(TD)(img src="C:\Documents and Settings\Propietario\Mis documentos\Mis imágenes/murcielago.jpg")(/TD)
(TD)lamborgini(/TD)
(TD)murcielago(/TD)
(/TR)
(TR)
(TD)JUAREZ(/TD)
(TD)HERNADEZ(/TD)
(TD)ISRAEL(/TD)
(/TR)
(TR)
(TD)ENRIQUE BUNBURY(/TD)
(TD)LACRIMOSA(/TD)
(TD)MAGO DE OZ (/TD)
(/TR)
(/body)
(/head)
(/html)
ETIQUETAS
ResponderEliminar(H?) DA TAMAÑo
(I): Itálica
(TABLE)insertar tabla
(TR)insertar fila
(TD)insertar celda
(body background="fondo.gif")insertar imagen de fondo
(td) Celda 1(body background="fondo.gif"),(/td)insertar imagen en una celda
PALACIOS SORIA JORGE
Nieto cruz Daniel
ResponderEliminar(HTML)
(HEAD)
(TITLE)(I)(B)(H4)GOKU(/TITLE)(/I)(/B)(/H4)
(/HEAD)
(BODY)(H2)(B)(/B)(/H2)
(BODY)(H2)(B)(/B)(/H2)
(IMG SRC="images[53].JPG")
(TABLE)
(TR)
(TD)
((body background="fondo.gif")
(/BODY)
(/HTML)
luis angel vargas
ResponderEliminarhtml
headTITLECENTERih4pagina web/h4
/i/CENTER/TITLE
/head
body
b
h21 subtitulo/h2
/bimg src="imagen"
bh22 subtitulo/h2/b/bimg src="ruta de la imagen"
table border="3"=bordes de la tabla
tr
td style="background:ruta de imagen";=imagen es la celda
/td
tdCelda 2/td
tdCelda 3
/td
/tr
tr
tdCelda 4/td
tdCelda 5/td
tdCelda 6/td
/tr
tr
tdCelda 7/td
tdCelda 8/td
tdCelda 9/td
/tr
body background="ruta de la imagen"=imagen de fondo
body text=blue=color de texto
/body
/html
Nieto Cruz Daniel G-317
ResponderEliminarMis dudas sobre la practica es como se pone la fleca y como poder girar la flecha y los numeros
RODOLFO NAVA VERDIGUEL
ResponderEliminar(html)
(head)
(h4) (i) (b)(font color ="blue") (title) tarea para subir a el blog de paginas web (/title) (/font color) (/i)(/b) (/head)
(body)
(p)
(font color ="blue")
(b) (h2) creacion de una tabla (/b) (/h2)
(hr)
(TABLE BORDER="5")
(tr)
(th) ejemplo de una tabla (/th) (td background="http://www.google.com.mx/imgres?imgurl=http://1.bp.blogspot.com/_Ax6KtwLUkgQ/S7FtNRr4Q9I/AAAAAAAACUQ/Kk8Jz815Ybk/s1600/lamborghini-murcielago-lp-b.jpg&imgrefurl=http://superveloces.blogspot.com/&usg=__0T608_UB4VaNaCtBPZEouj4uL9Y=&h=768&w=1024&sz=69&hl=es&start=0&sig2=tIkmSPlulHJJjL9Jgm7ZxQ&zoom=1&tbnid=ZvIrcH9qOqwJRM:&tbnh=161&tbnw=215&ei=PxGlTN3lO4f4sAOJyrT9Dg&prev=/images%3Fq%3Dlamborghini%2Bmurcielago%26hl%3Des%26biw%3D1196%26bih%3D675%26gbv%3D2%26tbs%3Disch:1&itbs=1&iact=hc&vpx=395&vpy=127&dur=566&hovh=194&hovw=259&tx=191&ty=71&oei=LxGlTKW9Coj0tgPM87n9Dg&esq=4&page=1&ndsp=12&ved=1t:429,r:1,s:0")
(TR)
(th) uno (/th) (th)dos (/th) (th)tres(/th)
(tr)
(td)cuatro(/td)(td)cinco (/td) (td) seis (/td)
(tr)
(/table)
(/TR)
(hr)
(b) (h2) segundo titulo (/b) (/h2)
(body background="http://www.google.com.mx/imgres?imgurl=http://fc01.deviantart.com/fs19/f/2007/264/9/9/Lamborghini___REDenton___by_xiquiel.jpg&imgrefurl=http://www.taringa.net/posts/autos-motos/1392796/Para-los-amantes-de-los-carros_-%28Coleccion%29.html&usg=__ZcOLuPu7JoBx7Mzse5KxyYjvUcA=&h=768&w=1024&sz=195&hl=es&start=65&sig2=3Vqrz8ZBQ28CKbw_k5DLOA&zoom=1&tbnid=tO-4Ne6RRNSnnM:&tbnh=164&tbnw=236&ei=7hClTKu4O4GqsAP3kZD-Dg&prev=/images%3Fq%3Dimagenes%2Bde%2Bcarros%2Bnegros%26um%3D1%26hl%3Des%26sa%3DN%26biw%3D1196%26bih%3D675%26tbs%3Disch:10%2C2156&um=1&itbs=1&iact=hc&vpx=354&vpy=206&dur=453&hovh=194&hovw=259&tx=156&ty=74&oei=3hClTNOsO4_4swOt28n9Dg&esq=5&page=5&ndsp=15&ved=1t:429,r:1,s:65&biw=1196&bih=675")
(/font color)
(/body)
(/html)
RODOLFO NAVA VERDIGUEL
ResponderEliminarMis dudas en la practica de flash son sobre cual es la importancia de insertar nuevos simbolos y sobre su comportamientos de estos...
AMADOR CASTRO JESUS
ResponderEliminarhtml
HEAD
TITLE
CENTER
i h4 B font color="red"/font
pagina web Amador Castro Jesus
/B/h4/i/
CENTER
/TITLE
/head
body
font color="red"/fontb
h21 subtitulo-pw/h2
/bimg src="pagina web2.jpg"ALIGN=right
bh22 subtitulo-lh/h2/bimg src="lenguajeh.jpg"ALIGN=left
table border="1"
tr
tdCelda 1/td
tdCelda 2img src="mundo.jpg"align=left/td
tdCelda 3/td
/tr
/table
body background"chucho.jpg"
/body
/html
Este comentario ha sido eliminado por el autor.
ResponderEliminarveronica lucas vilchis
ResponderEliminar(HTML)
(HEAD)
((H4)(B)(TITLE)(/H4)(/B)
(H21)SUBTITULO(/H21)
(BODY)(H2)(B)(/B)(/H2)
(H21)(SUBTITULO)
(B)
bh22
tableborder="3"=bordes de la tabla
(TR)
(th) uno (/th) (th)dos (/th) (th)tres(/th)
(tr)
(td)cuatro(/td)(td)cinco (/td) (td) seis (/td)
(tr)
(/table)
(/TR)
(hr)
(bimgsrc="imagen")
(bh22) subtitulo(/h2)(b/)imgsrc="ruta de la imagen
(TDSTYLE="BGRUTA DE LA IMAGEN"
(CELDA)
(TD)
(TD CELDA2)(TD)
(TDCELDA3)(TD)
(BODYBACKGROUND=FONDO.GPG)
(/BODYBACKGROUND=FONDO.GPG)
(/BODY)(BODY TEXT="YYYYXX)
(/BODY)
(/HTML)
Ochoa Sánchez Angel Jovani
ResponderEliminar(HTML)
(HEAD)
(TITLE)(H4)(B)(I)Lo que me gusta hacer(/I)(/B)(/H4)(/TITLE)
(/HEAD)
(BODY BACKGROUND="imagenes/america.jpg" TEXT="purple")
(IMG SRC="imagenes/CRISTO.gif" ALIGN="right")
(IMG SRC="imagenes/CRISTO.gif" ALIGN="left")
(H2)(B)(CENTER)Deportes(/CENTER)(/B)(/H2)
(H2)(B)(CENTER)Aficiones(/CENTER)(/B)(/H2)
(TABLE BORDER="2" WIDTH="400")
(TR)
(TH BGCOLOR="red")(IMG SRC="imagenes/viper.jpg" WIDTH=100)(/TH)
(TH BGCOLOR="blue") (/TH)
(TH BGCOLOR="green") (/TH)
(/TR)
(TR)
(TH BGCOLOR="red") (/TH)
(TH BGCOLOR="blue") (/TH)
(TH BGCOLOR="green") (/TH)
(/TR)
(TR)
(TH BGCOLOR="red") (/TH)
(TH BGCOLOR="blue") (/TH)
(TH BGCOLOR="green") (/TH)
(/TR)
(/TABLE)
(/BODY)
(/HTML)
reyes.s.e
ResponderEliminar(html)
(head)
(h3) (i) (b)(font color ="red") (title)pagina wed(/title) (/font color) (/i)(/b) (/head)
(/head)
(body)(h1)(i)(center)sub(/center)(/i)(h1)
(body background="imagen.gif")
(h2)nombre (h/2)(img src="imagen.jpg")
(h2)nombre(/h2)(img src="imagen.jpg")
(TABLE WIDTH="50%" BORDER="1")
(TR)
(TD)(img src="imagen.jpg")(/TD)
(TD)(/TD)
(TD)(/TD)
(/TR)
(TR)
(TD)(/TD)
(TD)(/TD)
(TD)(/TD)
(/TR)
(TR)
(TD)(/TD)
(TD)(/TD)
(TD) (/TD)
(/TR)
(/body)
(/html)
ESTEFANI VELA CLEMENTE
ResponderEliminar(HTML)
(HEAD)
(TITLE)(I)(B)(H4)(B)(/I)(/H4(/TITLE)
(/HEAD)
(BODY)
(H2)(b)(/h2)(/B)
(H2)(b)(/h2)(/B)
(BODY)(BACKGROUN="C:\Documents and Settings\Administrador\Mis documentos\Mis imágenes/tama-drum.gif
(TD)(/TD)
(/TR)
(TR)
(TD)(/TD)
(TD)(/TD)
(/TR)
(TR)
(TD(/TD)
(/TR)
(p align= center) (BODY BACKCROUND="C:\Documents and Settings\Administrador\Mis documentos\Mis imágenes/56b74900df23081663ef87e4fa3af5a7.png.
(/body)
(/head)
(/html)
estefani vela clmente
ALMARAZ ROSAS VANESSA
ResponderEliminar(HTML)
(HEAD)
(TITLE)(H4)(B)(I)Pagina Web(/I)(/B)(/H4)(/TITLE)
(/HEAD)
(IMG SRC=¨images\fracz.gif¨)
(IMG SRC=¨images\fracz.gif¨)
(H2)(B)(CENTER)Musica(/CENTER)(/B(/H2)
(H2)(B)(CENTER)Baile(/CENTER)(/B)(/H2)
(TABLE BORDER=¨2¨WIDTH=¨400¨)
(TR)
(TH BGCOLOR=¨pink¨)(/TH)
(/TR)
(/TABLE)
(/BODY)
(/HTML)
(HTML)
ResponderEliminar(HEAD)
(TITLE)Paginas web(/TITLE)
BODY(H4)(CENTER)MIRIZ(/CENTER)(I)(H4)
(/HEAD)
(BODY)(h2)(b)(/b)(h2)
(BODY)(BACKGROUN)="imagen.gif")
(TABLE WIDTH="50%" BORDER="1")
(TR)
(TD)(img src="imagen.jpg")(/TD)
(TD)(/TD)
(TD)(/TD)
(/TR)
(TR)
(TD)(/TD)
(TD)(/TD)
(TD)(/TD)
(/TR)
(TR)
(TD)(/TD)
(TD)(/TD)
(TD) (/TD)
(/TR)
(/BODY)
(/HTML)
david alejandro ruiz ortiz
ResponderEliminar(HTML)
(HEAD)
(TITLE>PAGINA WEB(/TITLE)
(/HEAD)
(BODY)
(BODY TEXT=="#FFFFFF")
(BODY BACKGROUND="C:\Users\david ruiz\Pictures\naturaleza.jpg")
(H4)(CENTER)(B)(I)TITULO(/I)(/B)(/CENTER)(/H4)
(HR)
(H2)(B>SUBTITULO 1
(IMG ALING=LEFT SRC="C:\Users\david ruiz\Pictures\af7eaf5671e4776182c75f6b033f5bd7o.gif")
(H2)(B)SUBTITULO 2
(IMG ALING=LEFT SRC="C:\Users\david ruiz\Pictures\cristianoronaldo.gif")
(TABLE WIDTH="50%" BORDER="1")
(TD)(img src="C:\Users\david ruiz\Pictures\MONTAÑA.jpg")(/TD)
(/TABLE)
(TABLE)
(TR)
(TD>CELDA 1, LINEA 1CELDA 2, LINEA 1CELDA 3, LINEA 1CELDA 1, LINEA 2CELDA 2, LINEA 2CELDA 3, LINEA 2CELDA 1, LINEA 3CELDA 2, LINEA 3CELDA 3, LINEA 3</TD)
(/TR)
(/TABLE)
(/BODY)
(/HTML)
(html)
ResponderEliminar(head)
(h4) (i) (b)(font color ="blue") (title) tarea para subir a el blog de paginas web (/title) (/font color) (/i)(/b) (/head)
(body)
(p)
(font color ="blue")
(b) (h2) creacion de una tabla (/b) (/h2)
(hr)
(TABLE BORDER="5")
(tr)
(th) ejemplo de una tabla (/th) (td background="http://www.google.com.mx/imgres?imgurl=http://1.bp.blogspot.com/_Ax6KtwLUkgQ/S7FtNRr4Q9I/AAAAAAAACUQ/Kk8Jz815Ybk/s1600/lamborghini-murcielago-lp-b.jpg&imgrefurl=http://superveloces.blogspot.com/&usg=__0T608_UB4VaNaCtBPZEouj4uL9Y=&h=768&w=1024&sz=69&hl=es&start=0&sig2=tIkmSPlulHJJjL9Jgm7ZxQ&zoom=1&tbnid=ZvIrcH9qOqwJRM:&tbnh=161&tbnw=215&ei=PxGlTN3lO4f4sAOJyrT9Dg&prev=/images%3Fq%3Dlamborghini%2Bmurcielago%26hl%3Des%26biw%3D1196%26bih%3D675%26gbv%3D2%26tbs%3Disch:1&itbs=1&iact=hc&vpx=395&vpy=127&dur=566&hovh=194&hovw=259&tx=191&ty=71&oei=LxGlTKW9Coj0tgPM87n9Dg&esq=4&page=1&ndsp=12&ved=1t:429,r:1,s:0")
(TR)
(th) uno (/th) (th)dos (/th) (th)tres(/th)
(tr)
(td)cuatro(/td)(td)cinco (/td) (td) seis (/td)
(tr)
(/table)
(/TR)
(hr)
(b) (h2) segundo titulo (/b) (/h2)
(body background="http://www.google.com.mx/imgres?imgurl=http://fc01.deviantart.com/fs19/f/2007/264/9/9/Lamborghini___REDenton___by_xiquiel.jpg&imgrefurl=http://www.taringa.net/posts/autos-motos/1392796/Para-los-amantes-de-los-carros_-%28Coleccion%29.html&usg=__ZcOLuPu7JoBx7Mzse5KxyYjvUcA=&h=768&w=1024&sz=195&hl=es&start=65&sig2=3Vqrz8ZBQ28CKbw_k5DLOA&zoom=1&tbnid=tO-4Ne6RRNSnnM:&tbnh=164&tbnw=236&ei=7hClTKu4O4GqsAP3kZD-Dg&prev=/images%3Fq%3Dimagenes%2Bde%2Bcarros%2Bnegros%26um%3D1%26hl%3Des%26sa%3DN%26biw%3D1196%26bih%3D675%26tbs%3Disch:10%2C2156&um=1&itbs=1&iact=hc&vpx=354&vpy=206&dur=453&hovh=194&hovw=259&tx=156&ty=74&oei=3hClTNOsO4_4swOt28n9Dg&esq=5&page=5&ndsp=15&ved=1t:429,r:1,s:65&biw=1196&bih=675")
(/font color)
(/body)
(/html)
Martinez Rojas Brandon
ResponderEliminar(HTML)
(HEAD)
(TITLE)(I)(B)(H4)GOKU(/TITLE)(/I)(/B)(/H4)
(/HEAD)
(BODY)(H2)(B)(/B)(/H2)
(BODY)(H2)(B)(/B)(/H2)
(IMG SRC="images[53].JPG")
(TABLE)
(TR)
(TD)
((body background="fondo.gif")
(/BODY)
(/HTML)
BARTOLO RAMIREZ ISRAEL
ResponderEliminar(HTML)
(HEAD)
(H4)(I)(B)(font color ="blue") (TITLE)pagina wed(/TITLE) (/font color) (/I)(/B) (/HEAD)
(BODY)(H4)(I)(CENTER)sub(/CENTER)(/I)(H4)
(body background="imagen.gif")
(H4)nombre (/H4)(img src="imagen.jpg")
(H4)nombre(/H4)(img src="imagen.jpg")
(TABLE WIDTH="50%" BORDER="1")
(TR)
(TD)(img src="imagen.jpg")(/TD)
(TD)(/TD)
(TD)(/TD)
(/TR)
(TR)
(TD)(/TD)
(TD)(/TD)
(TD)(/TD)
(/TR)
(TR)
(TD)(/TD)
(TD)(/TD)
(TD) (/TD)
(/TR)
(/BODY)
(/HTML)
Diana Laura ROjo Cruz
ResponderEliminar(html)
(head)
(h4)(i)(b)(title)Tarea(/title)(/i)(/b)(/head)
(body)
(p)
(b)(h2)Insertar tabla(/b)(/h2)
(hr)
(table)
(tr)
(th)Tabla(/th)(td background="C:\Users\Fam. Rojo\Pictures\p¡iuU/jang-yoon-jung-oh-my.jpeg")
(TR)
(th)(/th)(th)(/th)(th)(/th)
(tr)
(td)(/td)(td)(/td)(td)(/td)
(tr)
(/table)
(/tr)
(hr)
(b)(h2)(/b)(/h2)
(body background="C:\Users\Fam. Rojo\Pictures\p¡iuU/imagen.jpeg")
(/body)
(/html)
Trabajo de FONSECA PEDRAZA FERNANDO :
ResponderEliminar(HTML)
(HEAD)
(TITLE)(/TITLE)
(/HEAD)
(BODY)
(body background="diseñoweb.jpg")(font color=white)(H4)(CENTER)(B)(I) DISEÑO WEB(/I)(/B)(/CENTER)(H4)(/font)
(P)
(B)(H2)(img src="dream.png")(font color=white>DREAMWEAVER(/H2)(/B)(/font)
(P)
(B)(H2)(img src="notepad.png")(font color=white) CODIGO HTML(/H2)(/B)(/font)
(TABLE BORDER=1)
(TR)
(TD)(font color=white>CELDA 1(/TD)(TD)(font color=white>CELDA 2(/TD)(TD)(font color=white>CELDA 3(/font)(/TD)
(/TR)
(TR)
(TD)(font color=white>CELDA 1(/TD)(TD)(font color=white)CELdA 2(/TD)(TD)(font color=white>CELDA 3(/font)(/TD)
(/TR)
(TR)
(TD)(font color=white>CELDA 1(/TD)(TD)(font color=white)CELDA 2(/TD)(TD)(img src="celda.gif")(/font)(/TD)
(/TABLE)
(/body)
(/html)
Este comentario ha sido eliminado por el autor.
ResponderEliminar(HTML)
ResponderEliminar(HEAD)
(H4)(B)(I)TITULO(/B)(/I)(/H4)
(/HEAD)
(BODY)
(BODY background="NOMBRE DE LA IMAGEN")=IMAGEN DE FONDO
(img src="nombre de la imagen" align="right")=imagen alineada alado de los subtitulos
(H2)(B)subtitulo 1(/H2)(/B)
(H2)(B)subtitulo 2(/H2)(/B)
(TABLE)(/table)=insertar tabla
(TH)texto(/TH)=titulo de la tabla
(TABLE BORDER="numero de borde")=borde de la tabla
(TABLE background="NOMBRE DE LA IMAGEN")=imagen de fondo de la tabla
(TR bgcolor="color")=color de las fila de la tabla
(TD)(/TD)=celda de la tabla
(TD)(img src="nombre de la imagen")(/td)=insertar imagen en la celda
(TD BGCOLOR="color")=color de cada selda
Ramirez_FF_pagweb_pagconimagenes
ResponderEliminar(HTML)
(HEAD)
(H3) (I) (B)(FONT COLOR ="RED") (TITLE)PAGINA WEB(/TITLE) (/FONT COLOR) (/I)(/B) (/HEAD)
(/HEAD)
(BODY)(H1)(I)(CENTER)SUB(/CENTER)(/I)(H1)
(BODY BACKGROUND="IMAGEN.GIF")
(H2)NOMBRE (H/2)(IMG SRC="IMAGEN.JPG")
(H2)NOMBRE(/H2)(IMG SRC="IMAGEN.JPG")
(TABLE WIDTH="50%" BORDER="1")
(TR)
(TD)(IMG SRC="IMAGEN.JPG")(/TD)
(TD)(/TD)
(TD)(/TD)
(/TR)
(TR)
(TD)(/TD)
(TD)(/TD)
(TD)(/TD)
(/TR)
(TR)
(TD)(/TD)
(TD)(/TD)
(TD) (/TD)
(/TR)
(/BODY)
(/HTML
ALVILLARRS_ELABORACION DE PAGINA G-317
ResponderEliminar(HTML)
(HEAD)
(title)MI PAGINA WEB(/title)
(body)(h1)(i)(center)titulo(/center)(/i)(h1)
(body background= (head)
(style type="text/css")
body{
background-image: DIRECCION DE LA IMAGEN
background-position : center;
background-repeat : no-repeat;
background-attachment : fixed;
} (/style)
(/head)
(h2)subtitulo2(/h2)DIRECCION DE LA IMAGEN
(TABLE WIDTH="80%" BORDER="1")
(TR)
(TD)DIRECCION DE LA IMAGEN(/a)(br)(/TD)
(TD)TEXTO(/TD)
(TD)TEXTO(/TD)
(/TR)
(TR)
(TD)TEXTO2(/TD)
(TD)TEXTO3(/TD)
(TD)TEXTO4(/TD)
(/TR)
(TR)
(TD)TEXTO5(/TD)
(TD)TEXTO6(/TD)
(TD)TEXTO7(/TD)
(/TR)
(/body)
(/head)
(/html)
ALVILLAR RAMIREZ SANDRA
G-317
(html)
ResponderEliminar(head)
(title)Pagina web(/title)
(/head)
(body)
(body background="NOMBRE Y FORMATO DE LA IMAGEN DE FONDO ")(h1)(i)(center)Mis Dj's Favoritos(/center)(/i)(h1)
(h2)Los mejores del mundo(/h2)(img src=" NOMBRE Y FORMATO DE LA IMAGEN")
(h2)Deadmau5)(/h2)(img src=" NOMBRE Y FORMATO DE LA IMAGEN ")
(TABLE WIDTH="50%" BORDER="1")
(TR)
(td)Dj's(/td)
(/TR)
(TR)
(TD)Deadmau5(/TD)
(TD)David Guetta(/TD)
(TD)ATB(/TD)
(/TR)
(TR)
(TD)Armin van Buuren(/TD)
(TD)Desaparesidos(/TD)
(TD)(img src="NOMBRE Y FORMATO DE LA IMAGEN ")(/TD)
(/TR)
(/body)
(/html)
LARA SANTOS ANA GABRIELA
ResponderEliminar(HTML)
(HEAD)
(H4) (I) (B) (FRONT COLOR = MORADO) (TITLE) TAREA PARA EL 30-O9-10 (/TITLE) (/FRONT COLOR) (/I) (/B) (/HEAD)
(BODY)
(P)
(FRONT COLOR = MORADO)
(B) (H2) CREACION DE UNA TABLA (/B) (/H2)
(HR)
(TABLE BORDER= 7)
(TR)
(TD) CELDA 1 (/TD)
(TD) CELDA 2 IMG SRC = BLOG.JPG = LEFT (/TD)
(TD) CELDA 3 (/TD)
(/TR)
(/TABLE)
(BODY) GABY.JPG
(/BODY)
(/HTML)
PicasoRE
ResponderEliminar(body)
(b) (/b)
(h2)
(i) (/i)
(td)
(td)
(td)
(th)
(th)
(th)
(img)
(font)(black)
Perez Barradas Jose Luis
ResponderEliminar(HTML)
(HEAD)
(TITLE)(I)(B)(H4)Seize...DVI(/TITLE)(/I)(/B)(/H4)
(/HEAD)
(BODY)(H2)(B)Pumpers en accion(/B)(/H2)
(BODY)(H2)(B)Sorry maestra(/B)(/H2)(IMG SRC=http://i151.photobucket.com/albums/s159/19Megaman/sudowoodosuzakul.gif)
(TABLE BORDER="2" WIDTH="400")
(TR)
(TH BGCOLOR="red")(IMG SRC=http://i151.photobucket.com/albums/s159/19Megaman/sudowoodosuzakul.gif)(/TH)
(TH BGCOLOR="blue") (/TH)
(TH BGCOLOR="green") (/TH)
(/TR)
(TR)
(TH BGCOLOR="red") (/TH)
(TH BGCOLOR="blue") (/TH)
(TH BGCOLOR="green") (/TH)
(/TR)
(TR)
(TH BGCOLOR="red") (/TH)
(TH BGCOLOR="blue") (/TH)
(TH BGCOLOR="green") (/TH)
(/TR)
(/TABLE)
(/BODY)
(/HTML)
DEL RIO MORENO ALEJANDRO
ResponderEliminar(HTML)
(HEAD)
(TITLE)PAGINA WEB (/TITLE)
(/HEAD)
(BODY BACKGROUND="http://www.cienciaonline.com/wp-content/uploads/2007/11/cielo1.jpg" TEXT=#FF0000)
(H4)(B)(I)(CENTER)PAGINA WEB (/CENTER)(/B)(/I)(/H4)
(H2)SUBTITULO 1(/H2)
(div align="right")(img src="http://images.neopets.com/items/scarypet_fireball.gif")(/div)
(H2)SUBTITULO 2(/H2)
(TABLE BORDER=6)
(TR)(TD)(img src="http://images.neopets.com/items/scarypet_fireball.gif")(/TD)(TD)CELDA B1(/TD)(TD)CELDA C1(/TD)
(TR)(TD)CELDA A2(/TD)(TD)CELDA B2(/TD)(TD)CELDA C2(/TD)
(TR)(TD)CELDA A3(/TD)(TD)CELDA B3(/TD)(TD)CELDA C3(/TD)
(/TABLE)
(/BODY)
(/HTML)
Este comentario ha sido eliminado por el autor.
ResponderEliminarYañez Palma Anais
ResponderEliminar(HTML)
(HEAD)
(H4)
(B)
(I)TITULO(/B)(/I)(/H4)
(/HEAD)
(BODY)
(BODY background="NOMBRE DE LA IMAGEN")es la imagen del fondo
(img src="nombre de la imagen" align="right")es la alineacion de cada imagen
(H2)(B)subtitulo 1(/H2)(/B)
(H2)(B)subtitulo 2(/H2)(/B)
(TABLE)(/table)es para insertar tabla
(TH)(/TH)es el titulo de la tabla
(TABLE BORDER="numero de borde")es el borde de la tabla
(TABLE background="NOMBRE DE LA IMAGEN")es la imagen de fondo de la tabla
(TR bgcolor="color")es color de las fila
(TD)(/TD)es la celda de la tabla
(TD)(img src="nombre de la imagen")(/td)es para insertar imagen en la celda
(TD BGCOLOR="color")es el color de cada celda
http://65.55.72.215/att/GetAttachment.aspx?file=1e27d482-c8ce-4f9f-bd5e-68123ff898ee.HTML&ct=dGV4dC9odG1s&name=UFJBQ1RJQ0EuSFRNTA_3d_3d&inline=0&rfc=0&empty=False&imgsrc=&entryPt=download&hm__login=blackrose.anny&hm__domain=hotmail.com&ip=10.13.166.8&d=d1547&mf=0&hm__ts=Fri%2c%2001%20Oct%202010%2002%3a46%3a03%20GMT&st=blackrose.anny&hm__ha=01_c3dfd56c0e34bde313bfd041397913e69c19ee93897303468f77d2eab2faa644&oneredir=1
KARINA SÁNCHEZ VELÁZQUEZ
ResponderEliminar(html)
(head)
(title)Página con imágen(/title)
(/head)
(body)
(body background="eddyyo.jpg")(font color=#FFFFFF)(h4)(center)(b)(i) Pagina Web(/i)(/b)(/center)(h4)(/font)
(p)
(b)(h2)(img src="z93467973.jpg")(font color=#FFFFFF>Página con Imágen(/h2)(/b)(/font)
(p)
(b)(h2)(img src="24n0j6f.jpg")(font color=#FFFFFF) Codigos HTML(/h2)(/b)(/font)
(table broder=1)
(tr)
(td)(font color=#FFFFFF>celda 1(/td)(td)(font color=#FFFFFF)celda 2(/td)(td)(font color=#FFFFFF>CELDA 3(/font)(/td)
(/tr)
(tr)
(td)(font color=#FFFFFF>celda 1(/td)(td)(font color=#FFFFFF)celda 2(/td)(td)(font color=#FFFFFF)celda 3(/font)(/td)
(/tr)
(tr)
(td)(font color=#FFFFFF)celda 1(td)(td)(font color=#FFFFFF)celda 2(/td)(td)(img src="GIF000.gif")(/font)(/td)
(/table)
(/body)
(/html)
La duda que tuve en Flash, fue como degradar los colores, en la velocidad de fotogramas y en los fotogramas claves.
ResponderEliminar(HTML)
ResponderEliminar(HEAD)
(TITLE)COMPUTACION(/TITLE)
(/HEAD)
(BODY BACKGROUND="http://dlsoluciones.com.ve/wp-content/uploads/2008/05/internet.jpg" TEXT=#DC143C)
(H4)(B)(I)COMPUTACION(/B)(/I)(/H4)
(H2)(B)LA ESPECIALIDAD DE INFORMATICA(/B)(/H2)
(DIV ALIGN="RIGHT")(IMG SRC="http://www.neoferr.com/1561-1561-medium/candado-laton.jpg")(/DIV)
(H2)(B>DISEÑO GRAFICO, MACROMEDIA, DISEÑO DE PAGINAS WEB(/B)(/H2)
(TABLE BORDER=3)
(TR)(TD)(img src="http://www.neoferr.com/1561-1561-medium/candado-laton.jpg")(/TD)(TD)CELDA B1(/TD)(TD)CELDA C1(/TD)
(TR)(TD)TEXTO(/TD)(TD)TEXTO(/TD)(TD)TEXTO(/TD)
(TR)(TD)TEXTO(/TD)(TD)TEXTO(/TD)(TD)TEXTO(/TD)
(/TABLE)
(/BODY)
(/HTML)
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarCUERPO DE UNA PAGINA WEB :
ResponderEliminarAQUINO DEL ANGEL CLAUDIA LIZBETH
(html)
(head)
(title)(h4) claudia lizbeth (/h4) (/title)
(/head)
(body bgcolor="#4169E1" background="imagenes/BLUE BRILLANTE.gif" text="FFD700" )
(center) (i) (b) (h4) "MUSICA QUE ME GUSTA" (/h4) (/b) (/i) (/center)
(img src="imagenes/deftones-diamond-eyes[1].jpg" alt=" MI GRUPO FAVORITO" align="left")
(center) (b) (h2) rock (/h2)(/b) (/center)
(center) (b) (h2) regueeton (/h2) (/b) (/center)
(table border="3")
(tr align="center" valing="top")
(td)
A
(/td)
(td)
B
(/td)
(tr)
(/td)
(img src="imagenes/sahory.jpg" alt=with="100" heigth="200")
(/td)
(td)
(/td)
(td)
(/td)
(tr)
(/td)
(td)
(/td)
(tr)
(/td)
(td>
(/td)
(/TD)
(/table)
(/body)
(/html)
TORRES VALDEZ RAQUEL
ResponderEliminar(HTML)
(HEAD)
(TITLE)(FONT COLOR="VIOLET"(B)(FONT FACE=ITALICA SUIZE=4)(/FONT)
(/HEAD)
(BODY BACKGROUND="IMAGEN.JPG")
(H1)(B)(FONT SUIZE=2)(/FONT)(/H1)
(H1)(B)(FONT SUIZE=2)(/FONT)(/H1)
(IMG SRC="IMAGEN.GIF"ALIGN=TOP)
(P)
(TABLE)
(TR)
(TD)(/TD)
(TD)(/TD)
(TD)(/TD)
(/TR)
(TR)
(TD)(/TD)
(TD)(/TD)
(TD)(/TD)(IMG SRC="IMAGEN.GIF")
(/TR)
(/TABLE)
(/BODY BACKGROUND)
(/HTML)
(HTML)
ResponderEliminar(HEAD)
(H4)(B)(I)AMOR(/B)(/I)(/H4)
(/HEAD)
(BODY TEXT=WHITE)
(BODY background="amor[1][1].jpg")
(IMG SRC="AW2KA9FCAOV4NYDCAJCG2QXCA5RSE9ZCAWSLIJECAH4FG7ECAK9XFBRCAXBP8HHCA5KQTY5CAON4XC3CARTNEEHCAJ786VJCAQYRYFUCAV4LWVJCACM5AFMCAWXAWB7CAPD6EEBCABQB0P4CAVLE10B.jpg" ALIGN="RIGHT")
(H2)(B)ADRIANA TE AMO(/H2)(/B)
(H2)(B)PERDONAME(/H2)(/B)
(HR)
(A HREF=MAILTO:YEICOBILL@HOTMAIL.COM)YEICOBILL@HOTMAIL.COM(/A)
(/BODY)
(HTML)
Nieto Cruz Daniel
ResponderEliminar(HTML)
(HEAD)
(H4)(B)(I)AMOR(/B)(/I)(/H4)
(/HEAD)
(BODY TEXT=WHITE)
(BODY background="amor[1][1].jpg")
(IMG SRC="AW2KA9FCAOV4NYDCAJCG2QXCA5RSE9ZCAWSLIJECAH4FG7ECAK9XFBRCAXBP8HHCA5KQTY5CAON4XC3CARTNEEHCAJ786VJCAQYRYFUCAV4LWVJCACM5AFMCAWXAWB7CAPD6EEBCABQB0P4CAVLE10B.jpg" ALIGN="RIGHT")
(H2)(B)ADRIANA TE AMO(/H2)(/B)
(H2)(B)PERDONAME(/H2)(/B)
(HR)
(A HREF=MAILTO:YEICOBILL@HOTMAIL.COM)YEICOBILL@HOTMAIL.COM(/A)
(/BODY)
(HTML)
brenda reyes sanchez
ResponderEliminarconsejos de forma
Entonces nos posicionamos en el frame uno (donde esta el primer objeto de la transformación), hacemos click en ver o view y damos tilde a mostrar puntos de forma, show shape hints (control + alt + H). Ahora hacemos click en transformar, transform y add shape hints (control + shift+ H) y vamos a ver que nos aparece un punto a rojo, entonces, vamos a llevarlo con la herramienta flecha hacia unos de los bordes de la bola, NO HACE NINGUN EFECTO SI UNO LO DEJA POR ALGUNA PARTE DEL RELLENO, SIEMPRE ACTÚA EN LOS CONTORNOS DEL RELLENO, NO NECESARIAMENTE TIENE QUE TENER LINEA, lo muestro aquí debajo:
Luego de colocar el puntito rojo con la letra a en una parte del contorno de la bola, nos posicionamos en el 35 donde está el rectángulo y vamos a encontrar otro círculo a de color rojo entonces lo colocamos también en el borde del rectangulo como lo muestro a continuación:
Presionamos enter y veremos cómo hace la transformación segun los puntos que colocamos y que al programa le indican POR DONDE UNIR a con a, y si seguimos agregando puntos (SIEMPRE EN EL FRAME UNO) y así con encontramos con b, c, d, e, etc....haremos así continuamente para poder seguir guiando manualmente al programa.
Lo descripto entre comillas está tomado del manual oficial de Flash 5:
"Para controlar cambios de forma más complejos o improbables utilice los consejos
de forma. Los consejos de forma identifican puntos que deben corresponder en las
formas inicial y final. Por ejemplo, si está interpolando el dibujo de una cara
mientras cambia de expresión, puede marcar cada ojo con un consejo de forma.
ALVILLARRS_CONSEJOS DE FORMA
ResponderEliminarG-317
¿Qué son los consejos de forma?
Los consejos de forma son marcas que indican a Flash qué puntos de la imagen inicial son los que deben corresponderse con otros tantos puntos en la figura final. Al indicar esto, estamos controlando las formas intermedias que se generarán.
Para añadir un consejo de forma a una interpolación nos situaremos en el fotograma inicial y pulsaremos Control + Shift + H (o bien ir al menú Modify -> Transform -> Add Shape Hints).
Aparecerá un círculo de color con una letra dentro en el centro de la figura. Su color será rojo mientras no sea colocado en el contorno del objeto (los extremos, si es que no hay contorno), que es donde tiene efecto. Cuando están colocados sobre una curva (vector) que forma un contorno son amarillos para el objeto inicial y verdes para el final.
Dicho círculo debemos colocarlo en un punto del contorno de la figura inicial. Automáticamente aparecerá un punto con la misma letra dentro en la figura final (este punto será el que se deba corresponder con el punto del objeto de origen) y deberemos colocarlo en el punto que deseemos del contorno.
El primer consejo de forma está marcado con la letra "a". Si creamos más de uno serán marcados con las letras "b", "c", "d”... hasta la z, que es el límite (26 como máximo).
¿Cual es su uso de los consejos de forma?
Controlar las formas intermedias que se generarán en la figura.
ALVILLAR RAMIREZ SANDRA
G-317
CONSEJOS DE FORMAS
ResponderEliminarLos consejos de forma son marcas que indican a Flash qué puntos de la imagen inicial son los que deben corresponderse con otros tantos puntos en la figura final. Al indicar esto, estamos controlando las formas intermedias que se generarán.
Para añadir un consejo de forma a una interpolación nos situaremos en el fotograma inicial y pulsaremos Control + Shift + H
Aparecerá un círculo de color con una letra dentro en el centro de la figura. Su color será rojo mientras no sea colocado en el contorno del objeto (los extremos, si es que no hay contorno), que es donde tiene efecto. Cuando están colocados sobre una curva (vector) que forma un contorno son amarillos para el objeto inicial y verdes para el final.
El primer consejo de forma está marcado con la letra "a". Si creamos más de uno serán marcados con las letras "b", "c", "d" ... hasta la z, que es el límite (26 como máximo).
Ramirez_FF_flash_consejos de forma
ResponderEliminarQué son los consejos de forma
Los consejos de forma son marcas que indican a Flash qué puntos de la imagen inicial son los que deben corresponderse con otros tantos puntos en la figura final. Al indicar esto, estamos controlando las formas intermedias que se generarán.
Para añadir un consejo de forma a una interpolación nos situaremos en el fotograma inicial y pulsaremos Control + Shift + H o bien ir al menú Modify -> Transform -> Add Shape Hints.
Aparecerá un círculo de color con una letra dentro en el centro de la figura. Su color será rojo mientras no sea colocado en el contorno del objeto , que es donde tiene efecto. Cuando están colocados sobre una curva que forma un contorno son amarillos para el objeto inicial y verdes para el final.
Dicho círculo debemos colocarlo en un punto del contorno de la figura inicial. Automáticamente aparecerá un punto con la misma letra dentro en la figura y deberemos colocarlo en el punto que deseemos del contorno.
El primer consejo de forma está marcado con la letra "a". Si creamos más de uno serán marcados con las letras "b", "c", "d”... hasta la z, que es el límite /26 como máximo/.
Cual es su uso de los consejos de forma
Controlar las formas intermedias que se generarán en la figura.
TORRES VALDEZ RAQUEL
ResponderEliminarconsejos de forma
veronica lucas vilchis
ResponderEliminarCONSEJOS DE FORMA EN FLASH
Como ocurría en el tema anterior, a veces no nos viene bien el tipo de acción que hace Flash por defecto. En las interpolaciones de movimiento lo solucionábamos mediante la guía de movimiento.
En el caso de la interpolación por forma, es posible que Flash realice la transformación de los objetos de una forma que no es la que esperábamos y que no nos conviene para llevar a cabo nuestro propósito.
Pues bien, para estos casos Flash 5 nos ofrece una herramienta para solucionarlo: los consejos de forma.
Los consejos de forma son marcas que indican a Flash qué puntos de la imagen inicial son los que deben corresponderse con otros tantos puntos en la figura final. Al indicar esto, estamos controlando las formas intermedias que se generarán.
Para añadir un consejo de forma a una interpolación nos situaremos en el fotograma inicial y pulsaremos Control + Shift + H (o bien ir al menú Modify -> Transform -> Add Shape Hints).
Aparecerá un círculo de color con una letra dentro en el centro de la figura. Su color será rojo mientras no sea colocado en el contorno del objeto (los extremos, si es que no hay contorno), que es donde tiene efecto. Cuando están colocados sobre una curva (vector) que forma un contorno son amarillos para el objeto inicial y verdes para el final.
Dicho círculo debemos colocarlo en un punto del contorno de la figura inicial. Automáticamente aparecerá un punto con la misma letra dentro en la figura final (este punto será el que se deba corresponder con el punto del objeto de origen) y deberemos colocarlo en el punto que deseemos del contorno
El primer consejo de forma está marcado con la letra "a". Si creamos más de uno serán marcados con las letras "b", "c", "d" ... hasta la z, que es el límite (26 como máximo).
Fijémonos en el punto dónde hemos colocado la marca y comprobemos que Flash ha hecho lo que le pedíamos:
Pulsa aquí para ver la creación de los consejos de forma
Como vemos el punto que hemos marcado en el objeto inicial se acaba correspondiendo con con el punto que marcamos en el final, con lo que hemos conseguido forzar la transformación que nosotros queríamos.
Esta sería la animación del ejemplo anterior sin el consejo de forma que hemos introducido.
CUAL ES SU USO
Controlar las formas intermedias que se generan en la figura
YañezPA_consejo de flash
ResponderEliminarLos consejos de forma permiten hacer transformaciones (deformar objetos) con un poco mas de control sobre lo que buscas. Insertar un campo estático en el fotograma 1, escribe usando las mismas opciones marcadas en la imagen.
Ahora selecciona el siguiente fotograma e inserta un fotograma clave presionando F6, con esta acción aparecerá automáticamente. Doble clic sobre el campo y cámbiala. En este paso simplemente selecciona el fotograma y presiona Ctrl + B, o la ruta mostrada en la imagen. Este paso es para convertir el campo en una forma (dibujo). Repetimos el paso anterior, solamente que ahora lo aremos en el fotograma 1. Es más sencillo si solamente presionas Ctrl + B.
En el siguiente paso crearemos la animación, esto se logra seleccionando el fotograma 1 y en la barra de propiedades seleccionar Animar- Forma. Una vez creada la animación procederemos a insertar los consejos de forma presionando Ctrl + shift + H ó modificar - forma - añadir - consejo de forma. Con el primer consejo de forma insertado ahora solamente cuesta agregar más consejos. Otra forma de insertar los consejos es asiendo clic con el botón derecho del ratón. Una vez insertados los consejos tendrás que tener una imagen como la que se muestra, esto es para el fotograma 1. Selecciona el fotograma 25 y tendrás que ver la siguiente imagen.
Regresamos al fotograma 1 para proceder a poner en la posición final cada uno de los consejos. La imagen muestra la posición final de cada consejo de forma Ahora regresamos al fotograma final y acomodamos cada uno de los consejos de forma
Si seleccionamos el fotograma 1 y miramos que los consejos de forma pasaron de ser de color rojo a color amarillo esto es indicativo de que los consejos fueron colocados de una forma correcta, si alguno permanece en color rojo tendrás que moverlo hasta que se ponga de color amarillo. Solo nos resta hacer una comparación de una animación de forma simple con la animación que posee consejos de forma, presiona ctrl. + enter y observa el resultado.
Flash debe usarse con moderación y exclusivamente para conseguir los efectos deseados. Su uso excesivo o gratuito puede llegar a ser contraproducente. Se puede hacer una analogía con los GIF animados. En su momento éstos supusieron un avance importante en el atractivo de las páginas web y empezaron a ser usados indiscriminadamente. Se sabe que deben usarse con medida para no saturar visualmente al usuario y porque captan excesivamente la atención.
¿QUE SON LOS CONSEJOS DE FORMA EN FLASH?
ResponderEliminarComo ocurría en el tema anterior, a veces no nos viene bien el tipo de acción que hace Flash por defecto. En las interpolaciones de movimiento lo solucionábamos mediante la guía de movimiento.
En el caso de la interpolación por forma, es posible que Flash realice la transformación de los objetos de una forma que no es la que esperábamos y que no nos conviene para llevar a cabo nuestro propósito.
Pues bien, para estos casos Flash 5 nos ofrece una herramienta para solucionarlo: los consejos de forma.
Los consejos de forma son marcas que indican a Flash qué puntos de la imagen inicial son los que deben corresponderse con otros tantos puntos en la figura final. Al indicar esto, estamos controlando las formas intermedias que se generarán.
Para añadir un consejo de forma a una interpolación nos situaremos en el fotograma inicial y pulsaremos Control + Shift + H (o bien ir al menú Modify -> Transform -> Add Shape Hints).
Aparecerá un círculo de color con una letra dentro en el centro de la figura. Su color será rojo mientras no sea colocado en el contorno del objeto (los extremos, si es que no hay contorno), que es donde tiene efecto. Cuando están colocados sobre una curva (vector) que forma un contorno son amarillos para el objeto inicial y verdes para el final.
Dicho círculo debemos colocarlo en un punto del contorno de la figura inicial. Automáticamente aparecerá un punto con la misma letra dentro en la figura final (este punto será el que se deba corresponder con el punto del objeto de origen) y deberemos colocarlo en el punto que deseemos del contorno.
El primer consejo de forma está marcado con la letra "a". Si creamos más de uno serán marcados con las letras "b", "c", "d" ... hasta la z, que es el límite (26 como máximo.
¿CUAL ES SU USO?
CONTROLAR LAS FORMAS INTERMEDIAS QUE SE GENERAN EN LA FIGURA.
Este comentario ha sido eliminado por el autor.
ResponderEliminarYañezPA_consejos de flash
ResponderEliminarLos consejos de forma permiten hacer transformaciones (deformar objetos) con un poco mas de control sobre lo que buscas. Insertar un campo estático en el fotograma 1, escribe usando las mismas opciones marcadas en la imagen.
Ahora selecciona el siguiente fotograma e inserta un fotograma clave presionando F6, con esta acción aparecerá automáticamente. Doble clic sobre el campo y cámbiala. En este paso simplemente selecciona el fotograma y presiona Ctrl + B, o la ruta mostrada en la imagen. Este paso es para convertir el campo en una forma (dibujo). Repetimos el paso anterior, solamente que ahora lo aremos en el fotograma 1. Es más sencillo si solamente presionas Ctrl + B.
En el siguiente paso crearemos la animación, esto se logra seleccionando el fotograma 1 y en la barra de propiedades seleccionar Animar- Forma. Una vez creada la animación procederemos a insertar los consejos de forma presionando Ctrl + shift + H ó modificar - forma - añadir - consejo de forma. Con el primer consejo de forma insertado ahora solamente cuesta agregar más consejos. Otra forma de insertar los consejos es asiendo clic con el botón derecho del ratón. Una vez insertados los consejos tendrás que tener una imagen como la que se muestra, esto es para el fotograma 1. Selecciona el fotograma 25 y tendrás que ver la siguiente imagen.
Regresamos al fotograma 1 para proceder a poner en la posición final cada uno de los consejos. La imagen muestra la posición final de cada consejo de forma Ahora regresamos al fotograma final y acomodamos cada uno de los consejos de forma
Si seleccionamos el fotograma 1 y miramos que los consejos de forma pasaron de ser de color rojo a color amarillo esto es indicativo de que los consejos fueron colocados de una forma correcta, si alguno permanece en color rojo tendrás que moverlo hasta que se ponga de color amarillo. Solo nos resta hacer una comparación de una animación de forma simple con la animación que posee consejos de forma, presiona ctrl. + enter y observa el resultado.
Flash debe usarse con moderación y exclusivamente para conseguir los efectos deseados. Su uso excesivo o gratuito puede llegar a ser contraproducente. Se puede hacer una analogía con los GIF animados. En su momento éstos supusieron un avance importante en el atractivo de las páginas web y empezaron a ser usados indiscriminadamente. Se sabe que deben usarse con medida para no saturar visualmente al usuario y porque captan excesivamente la atención.
¿QUE SON LOS CONSEJOS DE FORMA EN FLASH?
ResponderEliminarComo ocurría en el tema anterior, a veces no nos viene bien el tipo de acción que hace Flash por defecto. En las interpolaciones de movimiento lo solucionábamos mediante la guía de movimiento.
En el caso de la interpolación por forma, es posible que Flash realice la transformación de los objetos de una forma que no es la que esperábamos y que no nos conviene para llevar a cabo nuestro propósito.
Pues bien, para estos casos Flash 5 nos ofrece una herramienta para solucionarlo: los consejos de forma.
Los consejos de forma son marcas que indican a Flash qué puntos de la imagen inicial son los que deben corresponderse con otros tantos puntos en la figura final. Al indicar esto, estamos controlando las formas intermedias que se generarán.
Para añadir un consejo de forma a una interpolación nos situaremos en el fotograma inicial y pulsaremos Control + Shift + H (o bien ir al menú Modify -> Transform -> Add Shape Hints).
Aparecerá un círculo de color con una letra dentro en el centro de la figura. Su color será rojo mientras no sea colocado en el contorno del objeto (los extremos, si es que no hay contorno), que es donde tiene efecto. Cuando están colocados sobre una curva (vector) que forma un contorno son amarillos para el objeto inicial y verdes para el final.
Dicho círculo debemos colocarlo en un punto del contorno de la figura inicial. Automáticamente aparecerá un punto con la misma letra dentro en la figura final (este punto será el que se deba corresponder con el punto del objeto de origen) y deberemos colocarlo en el punto que deseemos del contorno.
El primer consejo de forma está marcado con la letra "a". Si creamos más de uno serán marcados con las letras "b", "c", "d" ... hasta la z, que es el límite (26 como máximo.
¿CUAL ES SU USO?
CONTROLAR LAS FORMAS INTERMEDIAS QUE SE GENERAN EN LA FIGURA.
Consejos de Forma
ResponderEliminarComo ocurría en el tema anterior, a veces no nos viene bien el tipo de acción que hace Flash por defecto. En las interpolaciones de movimiento lo solucionábamos mediante la guía de movimiento.
En el caso de la interpolación por forma, es posible que Flash realice la transformación de los objetos de una forma que no es la que esperábamos y que no nos conviene para llevar a cabo nuestro propósito.
Pues bien, para estos casos Flash 5 nos ofrece una herramienta para solucionarlo: los consejos de forma.
Los consejos de forma son marcas que indican a Flash qué puntos de la imagen inicial son los que deben corresponderse con otros tantos puntos en la figura final. Al indicar esto, estamos controlando las formas intermedias que se generarán.
Para añadir un consejo de forma a una interpolación nos situaremos en el fotograma inicial y pulsaremos Control + Shift + H (o bien ir al menú Modify -> Transform -> Add Shape Hints).
Aparecerá un círculo de color con una letra dentro en el centro de la figura. Su color será rojo mientras no sea colocado en el contorno del objeto (los extremos, si es que no hay contorno), que es donde tiene efecto. Cuando están colocados sobre una curva (vector) que forma un contorno son amarillos para el objeto inicial y verdes para el final.
Dicho círculo debemos colocarlo en un punto del contorno de la figura inicial. Automáticamente aparecerá un punto con la misma letra dentro en la figura final (este punto será el que se deba corresponder con el punto del objeto de origen) y deberemos colocarlo en el punto que deseemos del contorno.
OchoaSA/flash/consejos de forma
ResponderEliminarCONSEJOS DE FORMA
¿que son?
Los consejos de forma son marcas que le indican a flash que puntos de la imagen son los que deben corresponderse con otros tantos puntos en la figura final, al hacer esto estamos controlando las forma intermedias que se generan.
Para añadir un consejo de forma a una interpolación nos iremos al fotograma inicial y pulsaremos CONTROL + SHIFT + H o bien ir al menú MODIFICAR/FORMA/AÑADIR CONSEJO DE FORMA.
Cuando ya este hecho se aparecerá un circulo de color rojo, este será así mientras no lo coloquemos en el contorno de la figura que es donde tienen efecto, con una letra adentro de el en el centro de la figura.
El circulo que nos salió debemos colocarlo en un punto del contorno de la figura inicial. Automáticamente aparecerá un punto con la misma letra dentro en la figura final, este punto será el que se deba corresponder con el punto del objeto de origen, y deberemos colocarlo en el punto que deseemos del contorno.
El primer consejo de forma está marcado con la letra “a”. si creamos más de uno serán marcados con las letras “b”, “c”, “d”… hasta la z, que es el limite de consejos.
¿cuál es su uso?
Controla las formas intermedias que se generan en la figura e identifican puntos que deben corresponder en las formas inicial y final de dicha figura.
AMADOR CASTRO JESUS
ResponderEliminarLos consejos de forma en flash
Los consejos de forma son marcas que indican a Flash qué puntos de la imagen inicial son los que deben corresponderse con otros tantos puntos en la figura final. Al indicar esto, estamos controlando las formas intermedias que se generarán.
Para añadir un consejo de forma a una interpolación nos situaremos en el fotograma inicial y pulsaremos Control + Shift + H (o bien ir al menú Modify -> Transform -> Add Shape Hints).
permiten hacer transformaciones (deformar objetos) con un poco mas de control sobre lo que buscas. Insertar un campo estático en el fotograma 1, escribe usando las mismas opciones marcadas en la imagen.
PICASORE_CONSEJOS DE FORMA
ResponderEliminar¿QUE SON LOS CONSEJOS DE FORMA EN FLASH?
Los consejos de forma son marcas que indican a Flash qué puntos de la imagen inicial son los que deben corresponderse con otros tantos puntos en la figura final. Al indicar esto, estamos controlando las formas intermedias que se generarán.
Para añadir un consejo de forma a una interpolación nos situaremos en:
fotograma inicial y pulsaremos
Control + Shift + H-
Aparecerá un círculo de color con una letra dentro en el centro de la figura. Su color será rojo mientras no sea colocado en el contorno del objeto (los extremos, si es que no hay contorno), que es donde tiene efecto. Cuando están colocados sobre una curva (vector) que forma un contorno son amarillos para el objeto inicial y verdes para el final.
Dicho círculo debemos colocarlo en un punto del contorno de la figura inicial. Automáticamente aparecerá un punto con la misma letra dentro en la figura final (este punto será el que se deba corresponder con el punto del objeto de origen) y deberemos colocarlo en el punto que deseemos del contorno.
¿CUAL ES EL USO DE LOS CONSEJOS DE FORMA EN FLASH?
Uso de consejos de forma La misma interpolación de formas sin (arriba) o con (abajo) consejos de forma, respectivamente.
o Lo encontramos en:
o Modificar > Forma > Añadir consejo de forma.
AVILADEA_CONSEJOS DE FORMA EN FALSH
ResponderEliminar¿Que son los consejos de forma en flash?
Los consejos de forma son marcas que indican a Flash qué puntos de la imagen inicial son los que deben corresponderse con otros tantos puntos en la figura final.
Al indicar esto, estamos controlando las formas intermedias que se generarán.
Para añadir un consejo de forma a una interpolación nos situaremos en el fotograma inicial y pulsaremos Control + Shift + H (o bien ir al menú Modify -> Transform -> Add Shape Hints).
Aparecerá un círculo de color con una letra dentro en el centro de la figura.
Su color será rojo mientras no sea colocado en el contorno del objeto (los extremos, si es que no hay contorno), que es donde tiene efecto.
Cuando están colocados sobre una curva (vector) que forma un contorno son amarillos para el objeto inicial y verdes para el final.
Dicho círculo debemos colocarlo en un punto del contorno de la figura inicial.
Automáticamente aparecerá un punto con la misma letra dentro en la figura final (este punto será el que se deba corresponder con el punto del objeto de origen) y deberemos colocarlo en el punto que deseemos del contorno.
El primer consejo de forma está marcado con la letra "a". Si creamos más de uno serán marcados con las letras "b", "c", "d" ... hasta la z, que es el límite (26 como máximo).
Diana Laura Rojo Cruz
ResponderEliminarPara añadir un consejo de forma a una interpolación nos situaremos en el fotograma inicial y pulsaremos Control + Shift + H (o bien ir al menú Modify -> Transform -> Add Shape Hints).
Aparecerá un círculo de color con una letra dentro en el centro de la figura. Su color será rojo mientras no sea colocado en el contorno del objeto (los extremos, si es que no hay contorno), que es donde tiene efecto. Cuando están colocados sobre una curva (vector) que forma un contorno son amarillos para el objeto inicial y verdes para el final.
Dicho círculo debemos colocarlo en un punto del contorno de la figura inicial. Automáticamente aparecerá un punto con la misma letra dentro en la figura final (este punto será el que se deba corresponder con el punto del objeto de origen) y deberemos colocarlo en el punto que deseemos del contorno.
El primer consejo de forma está marcado con la letra "a". Si creamos más de uno serán marcados con las letras "b", "c", "d" ... hasta la z, que es el límite (26 como máximo).
CONSEJOS DE FORMA
ResponderEliminarDEL RIO MORENO ALEJANDRO
Los consejos de forma permiten hacer transformaciones (deformar objetos) con un poco mas de control sobre lo que buscas.
Para añadir un consejo de forma a una interpolación nos situaremos en el fotograma inicial bien iremos al menú Modificar * Forma* Añadir Consejo de Forma.
Aparecerá un círculo de color con una letra dentro en el centro de la figura. Su color será rojo mientras no sea colocado en el contorno del objeto (los extremos, si es que no hay contorno), que es donde tiene efecto. Cuando están colocados sobre una curva que forma un contorno son amarillos para el objeto inicial y verdes para el final.
Dicho círculo debemos colocarlo en un punto del contorno de la figura inicial. Automáticamente aparecerá un punto con la misma letra dentro en la figura final (este punto será el que se deba corresponder con el punto del objeto de origen) y deberemos colocarlo en el punto que deseemos del contorno.
El primer consejo de forma está marcado con la letra "a". Si creamos más de uno serán marcados con las letras "b", "c", "d" ... hasta la z.
Consejos de Forma
ResponderEliminar¿Qué son los consejos de forma?
Los consejos de forma son marcas que indican a Flash qué puntos de la imagen inicial son los que deben corresponderse con otros tantos puntos en la figura final. Al indicar esto, estamos controlando las formas intermedias que se generarán.
¿Cómo se hacen?
Para añadir un consejo de forma a una interpolación nos situaremos en el fotograma inicial y pulsaremos Ctrl + Shft + H (o bien ir al menú Modify -> Transform -> Add Shape Hints).
Aparecerá un círculo de color con una letra dentro en el centro de la figura. Su color será rojo mientras no sea colocado en el contorno del objeto, que es donde tiene efecto. Cuando están colocados sobre una curva (vector) que forma un contorno son amarillos para el objeto inicial y verdes para el final.
Dicho círculo debemos colocarlo en un punto del contorno de la figura inicial. Automáticamente aparecerá un punto con la misma letra dentro en la figura final (este punto será el que se deba corresponder con el punto del objeto de origen) y deberemos colocarlo en el punto que deseemos del contorno.
El primer consejo de forma está marcado con la letra "a". Si creamos más de uno serán marcados con las letras "b", "c", "d”... hasta la z, que es el límite (26 como máximo).
¿Cual es su uso de los consejos de forma?
Controlar las formas intermedias que se generarán en la figura.
reyes.s.e_consejos de forma
ResponderEliminarLos consejos de forma permiten hacer transformaciones (deformar objetos) con un poco mas de control sobre lo que buscas.
Para añadir un consejo de forma a una interpolación nos situaremos en el fotograma inicial bien iremos al menú Modificar * Forma* Añadir Consejo de Forma.
Aparecerá un círculo de color con una letra dentro en el centro de la figura. Su color será rojo mientras no sea colocado en el contorno del objeto (los extremos, si es que no hay contorno), que es donde tiene efecto. Cuando están colocados sobre una curva que forma un contorno son amarillos para el objeto inicial y verdes para el final.
Dicho círculo debemos colocarlo en un punto del contorno de la figura inicial. Automáticamente aparecerá un punto con la misma letra dentro en la figura final (este punto será el que se deba corresponder con el punto del objeto de origen) y deberemos colocarlo en el punto que deseemos del contorno.
El primer consejo de forma está marcado con la letra "a". Si creamos más de uno serán marcados con las letras "b", "c", "d" ... hasta la z.
Trabajo de investigación de diseño
ResponderEliminarNombre.Brenda Reyes Sanchez
Explica lo siguiente.
1.- Qué es y para qué sirve corel draw?
Es un software que es para editar algunas imágenes con algunos efectos colores brillo etc
2.- Si se desea dibujar un cuadrado desde el centro hacia afuera se debe pulsar que combinación de teclas: Control+Repag dos veces
3. Es un modo de dibujo que conecta puntos. (qué herramienta se utiliza)
Herramienta de forma
4.- Proporciona la capacidad de unir varios objetos de modo que se pueden seleccionar y manipular como uno solo: Agrupacion
5.- Se pueden crear objetos de forma irregular si se eliminan las partes del objeto que se solapa con la opción: comvertir a curvas
6.-Enumera los pasos para rotar un objeto.
* Crear elobjeto
* Poner el centro del objeto abajo del mismo
*le das en el panel organizar/transformaciones/rotacion
* en la ventana le pones el numero de angulo
* Duplicar
7.- Cuáles son los colores directos?
Son los que se combinan y forman uno nuevo
8.-Cómo se aplica un relleno degradado, enumera los pasos.
*Creas el objeto
*despues panel de herramientas/opcion relleno/relleno degradado
*elegir color que desees/aceptar y listo
brenda reyes sanchez continuacion trabajo de investigacion de diseño
ResponderEliminar9.- Cuáles son los tipos de relleno
*Relleno uniforme
*Relleno degradado
*Relleno patron
*Relleno de textura
*Relleno PostScript
10.-Explica la diferencia entre texto artístico y texto de párrafo
Texto artistico- se puede usar para añadir líneas cortas de texto a las que se puede aplicar una amplia gama de efectos
Texto de parrafo- es útil para textos largos que tengan más requisitos de formato.
11.- Cuál es la función de editar un texto
Es modificar el texto como por ejemplo, hacerlo más extenso, alinear el texto, cambiar mayúsculas y minúsculas y aplicarle formato
12.- Explica cómo adaptar un texto a marco:
Hacer un cuadro de texto de la descripcion de un estado
13.- Como importamos un texto
*Hacer clic sobre la herramienta texto
*Hacer un cuadrado de texto
*Seleccionar el texto
*Hacer clic en el menu edicion/copiar
14.- como adaptar un texto a trayecto
*ya debes de tener el texto y el trayecto
*Seleccionar el texto con la herramienta seleccion
*Hacer clic en el menu texto/adaptar texto a trayecto
*Con el puntero hacer clic sobre el trayectoy el texto se adaptara a la foma de si mismo
15.- Como convertir un texto a curvas.
*seleccionas el texto
*Ctrl+Q
16.- Función del efecto perspectiva, envoltura, distorsión
ResponderEliminarPerspectiva-Se aplica en objetos agrupados
Envoltura- Solo tienes que modificar las propiedades cuando selecciones la herramienta en la barra de estado podrás modificar, la cantidad de envoltura, y color.
Distorcion-Puedes distorsionar imágenes en mapas de tips distorsión la distorsionas como tú quieras t listo
17.- Función del efecto mezcla
Al seleccionar dos objetos se creraran 2 cuadros solo dedemos ajustar el tirador y se crearan las figuras con una distancia equidistante entre objetos.
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarNOMBRE: RAMIREZ HERNANDEZ ELDA
ResponderEliminarINVESTIGACION DE FLASH
1. FLASH ES UN PROGRAMA BÁSICAMENTE ORIENTADO A:
Crear películas por medio de animaciones los cuales tienen dibujos, agregándole efectos para que esta pueda ver mejor.
2. TIPOS DE FOTOGRAMA QUE EXISTEN: FOTOGRAMA
Un fotograma viene a ser en Flash un instante o momento de una película, es un equivalente a cuadro de un film.
Fotograma Clave
Son usados cuando se quiere realizar un cambio en determinado punto de la película. Son usados cuando hay interpolación de movimiento o interpolación de forma. Cuando se inserta un fotograma clave, automáticamente el contenido del fotograma anterior es traído a este nuevo punto de la película.
Etiquetas de los fotogramas
Son usados para identificar algún fotograma en particular en la línea de tiempo. Para ingresar una etiqueta se debe hacer un click en el fotograma y luego en el panel Propiedades ingrese el nombre de la etiqueta:
Velocidad de fotogramas o velocidad de la película
Indica el número de fotogramas por segundo. Cuanto más sea el número de fotogramas por segundo, la película será rápida y su duración es menor.
La Velocidad de Fotogramas afecta a toda la línea de tiempo de la película, no se puede hacer una sección con una velocidad determinada.
Haciendo [Ctrl+J] iremos hacia las Propiedades del Documento y podremos modificar la velocidad de los fotogramas.
3. QUÉ ES UNA INSTANCIA:
Las instancias son copias de símbolos que se encuentran presentes en el escenario. Un símbolo actúa como molde a partir de él. Todos los símbolos pueden tener instancias. Cada vez que se modifica un símbolo, automáticamente todas las instancias que dependen de él cambiaran su aspecto.
4. PARA ESTABLECER OPCIONES DE COLOR Y TRANSPARENCIA PARA LAS INSTANCIAS, SE UTILIZA EL:
para eso solo aser asignar acciones y establecer el modo de visualización grafica o cambiar el compartimiento de instancias nuevas se utiliza el inspector de propiedades y listo .
5. EN FLASH SE PUEDEN AGREGAR TRES TIPOS DE TEXTO A LOS DOCUMENTOS CON LA FINALIDAD DE DAR UNA MEJOR PRESENTACIÓN DE INTERACTIVIDAD. ENUNCIAR LOS TRES TIPOS DE TEXTOS Y EXPLICARLOS
• (Texto estático):
Este tipo de dato es tradicional, se le asigna cualquier tipo de formato. Al ser seleccionado el texto estático se ve rodeado por un contorno azul.
• Dynamic Text (texto dinámico):
Este tipo de dato cambia conforme se le asignen nuevos valores a su variable. Al no ser seleccionado el texto dinámico se nota un contorno punteado.
• Input Text (Introducción de texto):
Se les conoce como cajas de texto, se introducen datos en él para que sean procesados después.
RAMIREZ HERNANDEZ ELDA
ResponderEliminarINVESTIGACION DE FLASH
1. FLASH ES UN PROGRAMA BÁSICAMENTE ORIENTADO A:
Crear películas por medio de animaciones los cuales tienen dibujos, agregándole efectos para que esta pueda ver mejor.
2. TIPOS DE FOTOGRAMA QUE EXISTEN: FOTOGRAMA
Un fotograma viene a ser en Flash un instante o momento de una película, es un equivalente a cuadro de un film.
Fotograma Clave
Son usados cuando se quiere realizar un cambio en determinado punto de la película. Son usados cuando hay interpolación de movimiento o interpolación de forma. Cuando se inserta un fotograma clave, automáticamente el contenido del fotograma anterior es traído a este nuevo punto de la película.
Etiquetas de los fotogramas
Son usados para identificar algún fotograma en particular en la línea de tiempo. Para ingresar una etiqueta se debe hacer un click en el fotograma y luego en el panel Propiedades ingrese el nombre de la etiqueta:
Velocidad de fotogramas o velocidad de la película
Indica el número de fotogramas por segundo. Cuanto más sea el número de fotogramas por segundo, la película será rápida y su duración es menor.
La Velocidad de Fotogramas afecta a toda la línea de tiempo de la película, no se puede hacer una sección con una velocidad determinada.
Haciendo [Ctrl+J] iremos hacia las Propiedades del Documento y podremos modificar la velocidad de los fotogramas.
3. QUÉ ES UNA INSTANCIA:
Las instancias son copias de símbolos que se encuentran presentes en el escenario. Un símbolo actúa como molde a partir de él. Todos los símbolos pueden tener instancias. Cada vez que se modifica un símbolo, automáticamente todas las instancias que dependen de él cambiaran su aspecto.
4. PARA ESTABLECER OPCIONES DE COLOR Y TRANSPARENCIA PARA LAS INSTANCIAS, SE UTILIZA EL:
para eso solo aser asignar acciones y establecer el modo de visualización grafica o cambiar el compartimiento de instancias nuevas se utiliza el inspector de propiedades y listo .
5. EN FLASH SE PUEDEN AGREGAR TRES TIPOS DE TEXTO A LOS DOCUMENTOS CON LA FINALIDAD DE DAR UNA MEJOR PRESENTACIÓN DE INTERACTIVIDAD. ENUNCIAR LOS TRES TIPOS DE TEXTOS Y EXPLICARLOS
• (Texto estático):
Este tipo de dato es tradicional, se le asigna cualquier tipo de formato. Al ser seleccionado el texto estático se ve rodeado por un contorno azul.
• Dynamic Text (texto dinámico):
Este tipo de dato cambia conforme se le asignen nuevos valores a su variable. Al no ser seleccionado el texto dinámico se nota un contorno punteado.
• Input Text (Introducción de texto):
Se les conoce como cajas de texto, se introducen datos en él para que sean procesados después.
Este comentario ha sido eliminado por el autor.
ResponderEliminarRAMIREZ HERNANDEZ ELDA
ResponderEliminarINVESTIGACION DE FLASH
. FLASH ES UN PROGRAMA BÁSICAMENTE ORIENTADO A:
Crear películas por medio de animaciones los cuales tienen dibujos, agregándole efectos para que esta pueda ver mejor.
2. TIPOS DE FOTOGRAMA QUE EXISTEN: FOTOGRAMA
Un fotograma viene a ser en Flash un instante o momento de una película, es un equivalente a cuadro de un film.
Fotograma Clave
Son usados cuando se quiere realizar un cambio en determinado punto de la película. Son usados cuando hay interpolación de movimiento o interpolación de forma. Cuando se inserta un fotograma clave, automáticamente el contenido del fotograma anterior es traído a este nuevo punto de la película.
Etiquetas de los fotogramas
Son usados para identificar algún fotograma en particular en la línea de tiempo. Para ingresar una etiqueta se debe hacer un click en el fotograma y luego en el panel Propiedades ingrese el nombre de la etiqueta:
Velocidad de fotogramas o velocidad de la película
Indica el número de fotogramas por segundo. Cuanto más sea el número de fotogramas por segundo, la película será rápida y su duración es menor.
La Velocidad de Fotogramas afecta a toda la línea de tiempo de la película, no se puede hacer una sección con una velocidad determinada.
Haciendo [Ctrl+J] iremos hacia las Propiedades del Documento y podremos modificar la velocidad de los fotogramas.
3. QUÉ ES UNA INSTANCIA:
Las instancias son copias de símbolos que se encuentran presentes en el escenario. Un símbolo actúa como molde a partir de él. Todos los símbolos pueden tener instancias. Cada vez que se modifica un símbolo, automáticamente todas las instancias que dependen de él cambiaran su aspecto.
4. PARA ESTABLECER OPCIONES DE COLOR Y TRANSPARENCIA PARA LAS INSTANCIAS, SE UTILIZA EL:
para eso solo aser asignar acciones y establecer el modo de visualización grafica o cambiar el compartimiento de instancias nuevas se utiliza el inspector de propiedades y listo .
5. EN FLASH SE PUEDEN AGREGAR TRES TIPOS DE TEXTO A LOS DOCUMENTOS CON LA FINALIDAD DE DAR UNA MEJOR PRESENTACIÓN DE INTERACTIVIDAD. ENUNCIAR LOS TRES TIPOS DE TEXTOS Y EXPLICARLOS
• (Texto estático):
Este tipo de dato es tradicional, se le asigna cualquier tipo de formato. Al ser seleccionado el texto estático se ve rodeado por un contorno azul.
• Dynamic Text (texto dinámico):
Este tipo de dato cambia conforme se le asignen nuevos valores a su variable. Al no ser seleccionado el texto dinámico se nota un contorno punteado.
• Input Text (Introducción de texto):
Se les conoce como cajas de texto, se introducen datos en él para que sean procesados después.
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarClaudia Alvarez Pérez g-317
ResponderEliminar1. Flash es un programa básicamente orientado a:
Este programa está básicamente orientado a la animación, de ahí la gran importancia de este tema. No obstante, para ir creando animaciones mejores se debe de conocer bien tanto el programa y las herramientas para así realizar cualquier animación.
2. Tipos de fotograma que existen:
Fotograma Clave (Keyframe):
Estos Son fotogramas con un contenido específico o en especial, por tanto, para insertar en ellos un nuevo contenido no existente en la película. Se pueden identifican porque tiene un punto negro en el centro y cuando esté vacío se le diferencia por una línea negra vertical.
Fotograma Normal (Normal Frame):
Estos fotogramas solo siguen a los fotogramas clave, no representan contenido nuevo y son de un color gris.
Fotograma Contenedor:
Estos no son fotogramas propiamente dichos, sino que representan un lugar dentro de la Línea de Tiempo en la que se puede insertar uno. Por defecto ocupan toda la película y Flash no los tendrá en cuenta al publicar la película.
Fotograma Vacío:
Son fotogramas sin contenido, Su color es blanco.
Fotograma Etiquetado (Label Frame):
Este tiene en la parte superior una "bandera roja” que indica que tienen un nombre asociado. Este nombre se establece desde el Panel "Frame". Si la duración del frame es la suficiente, se puede leer el nombre (o etiqueta) que identifica al conjunto de fotogramas.
Fotograma con Acciones asociadas:
Esta contiene en la parte superior una "a" que indica que tienen una acción asociada. Estos fotogramas son demasiado importantes, pues estas acciones, en principio "ocultas" (para verlas hay que acceder al Panel Acciones) pueden cambiar el comportamiento de la película
Fotogramas Animados: Estos Son de 2 tipos:
A) Fotogramas de Animación de Movimiento:
Vienen identificados por un color morado y representa el movimiento de un objeto (con o sin efectos), que pasa de la posición del Keyframe inicial al final. Para representar esta animación aparece una flecha entre estos Keyframes.
B) Fotogramas de animación de Forma:
Estos vienen identificados por un color verde y representan un cambio en la forma de un objeto, que pasa de la forma que tenía en el Keyframe inicial a la del final. Para representar esta animación aparece una flecha entre estos Keyfra
3. Qué es una instancia:
Son copias de símbolos que se encuentran en el escenario. Un símbolo actúa como molde a partir de él. Todos estos símbolos pueden tener instancias. Cada vez que se modifica uno de estos símbolos, automáticamente todas las instancias que dependen de él cambiaran su aspecto.
4. Para establecer opciones de color y transparencia para las instancias, se utiliza el:
Para poder establecer las opciones de color y transparencia de las instancias, se utilizara el panel Efecto, que está acoplado al panel Instancia. La configuración del panel Efecto también afecta a los mapas de bits situados en los símbolos. Para cambiar el color y la transparencia de una instancia:
Primero Seleccione una instancia en el Escenario y elija Ventana > Paneles > Efecto.
Después Seleccione una de las opciones del panel Efecto:
Mediante la opción Alfa se ajusta la transparencia de la instancia.
Cualquier cambio realizado se actualiza de forma automática en el Escenario
(Cada instancia de un símbolo puede tener su propio efecto de color)
claudia alvarez perez
ResponderEliminartrabajo de diseño
Trabajo de investigación de Corel Draw
1.- ¿Qué es y para qué sirve Corel Draw?
Corel Draw es un programa avanzado de edición gráfica con funciones básicas de composición de página, utilizado en el ámbito de las artes gráficas. Es parte del paquete de software Corel Graphics Suite y es desarrollado por Corel Corporation.
2.- Si se desea dibujar un cuadrado desde el centro hacia afuera se debe pulsar que combinación de teclas
Se agranda de uno de sus lados superior derecho o izquierdo, o inferior derecho o izquierdo pulsando shif
3. Es un modo de dibujo que conecta puntos. (Qué herramienta se utiliza)
Conexión interactiva
4.- Proporciona la capacidad de unir varios objetos de modo que se pueden seleccionar y manipular como uno solo
Para eso se usa la herramienta agrupar o Ctrl + g
5.- Se pueden crear objetos de forma irregular si se eliminan las partes del objeto que se solapa con la opción
Transformación libre o forma
6.-Enumera los pasos para rotar un objeto.
v Se da doble clic sobre el objeto que se desea rotar.
v Se toma de la esquina con la forma circular.
v Se rota a la posición que se desea.
7.- ¿Cuáles son los colores directos?
Son aquéllos que el programa tiene en la pantalla principal.
8.-Cómo se aplica un relleno degradado, enumera los pasos.
v Se selecciona la figura.
v Se da en herramienta relleno degradado.
v Se da el relleno que sea apropiado para la actividad.
OCHOA SÁNCHEZ ANGEL JOVANI
ResponderEliminarINVESTIGACION DE PAGINAS WEB
1 ¿Qué significan las siglas HTML?
R= HyperText Markup Language (Lenguaje de Marcado de Hipertexto),
2 ¿Qué significan las siglas WWW?
R= World Wide Web
3 ¿Qué es hipertexto?
R= es el nombre que recibe el texto que en la pantalla de un dispositivo electrónico conduce a otro texto relacionado. La forma más habitual de hipertexto en informática es la de hipervínculos o referencias cruzadas automáticas que van a otros documentos.
4 en un lenguaje de marcas que define la estructura lógica del documento
R= que es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación. El lenguaje de marcas más extendido es el HTML, fundamento del World Wide Web.
5 escribe la estructura de un documento HTML. (Esta la puedes subir como imagen)
R=(HTML)
(HEAD)
(TITLE)Mi primera pagina web-2(/TITLE)
(/HEAD)
(BODY)
(H1)(CENTER)Mis aficiones(/CENTER)(/H1)
(HR)Sin un orden particular, mis (B) aficiones (/B) son las siguientes:
(UL)
(LI)Jugar futbol
(LI)Escuchar música
(UL)
(LI)Mezclar música
(LI)Dibujar grafitis
(/UL)
(HR)La música que más me gusta es:
(I)(En orden de preferencia)(/I)
(OL)
(LI)Electronica
(LI)Hardstyle
(LI)Satanica
(/OL)
(/BODY)
(/HTML)