(r1.1 vs. r1.18) EdicionHtml < TIC

<<O>> Cambios es la página EdicionHtml (r1.18 - 26 Feb 2005 - JuanLopez)

Aprende fáciLmente a diseñar páginas Web Educativas

Line: 18 to 18

En esta Web encontrarás plantillas de diseños de Páginas Web que puedes bajar libremente

Added:

>
>

Magnífica guía en español para empezar a trabajar con Hojas de Estilos en tus páginas CSS

El servicio de validación de CSS (hojas de estilo) de W3C ahora en español

Line: 219 to 223

META FILEATTACHMENT	cuento2.jpg	attr="h" comment="" date="1108554863" path="cuento2.jpg" size="29554" user="JuanLopez" version="1.1"
META FILEATTACHMENT	cuento3.jpg	attr="h" comment="" date="1108554883" path="cuento3.jpg" size="34750" user="JuanLopez" version="1.1"
META FILEATTACHMENT	texto_imagenes.png	attr="h" comment="" date="1108554897" path="texto_imagenes.png" size="26485" user="JuanLopez" version="1.1"

Changed:

<
<

META FILEATTACHMENT	cuento_cigarra.txt	attr="" comment="" date="1108652008" path="cuento_cigarra.txt" size="625" user="JuanLopez" version="1.1"

>
>

META FILEATTACHMENT	cuento_cigarra.txt	attr="h" comment="" date="1108652008" path="cuento_cigarra.txt" size="625" user="JuanLopez" version="1.1"

META FILEATTACHMENT	framesverticales.jpg	attr="h" comment="" date="1108936536" path="framesverticales.jpg" size="53376" user="JuanLopez" version="1.1"
META FILEATTACHMENT	framesverticales_title.png	attr="h" comment="" date="1108936778" path="framesverticales_title.png" size="21260" user="JuanLopez" version="1.1"
META FILEATTACHMENT	codigoparagoogle.jpg	attr="h" comment="" date="1109241545" path="codigoparagoogle.jpg" size="40229" user="JuanLopez" version="1.1"

<<O>> Cambios es la página EdicionHtml (r1.17 - 24 Feb 2005 - JuanLopez)

Aprende fáciLmente a diseñar páginas Web Educativas

Line: 173 to 173

Este código tendrías que copiarlo para crear dos marcos horizontales en tu página. Varía el ancho del marco superior cambiando el número en rows="147,*", el número hace referencia a pixels o puntos.

Added:

>
>

Tienes que introducir el siguiente código donde quieras poner un buscador en tu página. Abajo te puedes descargar un fichero de texto con el código para que uses las funciones de copiar-pegar.

Line: 186 to 191

El pingüino ya no tiene frío

Deleted:

<
<

META FORM	ClasificacionDePaginas
META FIELD SoftwareTIC	SoftwareTIC	SuiteMozilla
META FIELD TematicaTIC	TematicaTIC	CreacionWeb

Line: 223 to 222

META FILEATTACHMENT	cuento_cigarra.txt	attr="" comment="" date="1108652008" path="cuento_cigarra.txt" size="625" user="JuanLopez" version="1.1"
META FILEATTACHMENT	framesverticales.jpg	attr="h" comment="" date="1108936536" path="framesverticales.jpg" size="53376" user="JuanLopez" version="1.1"
META FILEATTACHMENT	framesverticales_title.png	attr="h" comment="" date="1108936778" path="framesverticales_title.png" size="21260" user="JuanLopez" version="1.1"

Added:

>
>

META FILEATTACHMENT	codigoparagoogle.jpg	attr="h" comment="" date="1109241545" path="codigoparagoogle.jpg" size="40229" user="JuanLopez" version="1.1"
META FILEATTACHMENT	buscador_google.rtf	attr="" comment="" date="1109241567" path="buscador_google.rtf" size="810" user="JuanLopez" version="1.1"
META FILEATTACHMENT	titulo_google.png	attr="h" comment="" date="1109241720" path="titulo_google.png" size="18210" user="JuanLopez" version="1.1"

<<O>> Cambios es la página EdicionHtml (r1.16 - 20 Feb 2005 - JuanLopez)

Aprende fáciLmente a diseñar páginas Web Educativas

Line: 165 to 165

En la pestaña apariencia hemos hecho dos cambios: hemos dejado un margen de 4 pixels para separar el texto de la imagen y a la derecha donde pone Alinear texto con imagen, hemos elegido que el texto fluya por la derecha de la imagen. Ya puedes hacer click y escribir tu texto que te saldrá como en la imagen.

Added:

>
>

Como complemento a la explicación para crear marcos en el curso de Edición Html

Este código tendrías que copiarlo para crear dos marcos horizontales en tu página. Varía el ancho del marco superior cambiando el número en rows="147,*", el número hace referencia a pixels o puntos.

Line: 178 to 189

Added:

>
>

META FORM	ClasificacionDePaginas
META FIELD SoftwareTIC	SoftwareTIC	SuiteMozilla
META FIELD TematicaTIC	TematicaTIC	CreacionWeb

Line: 207 to 221

META FILEATTACHMENT	cuento3.jpg	attr="h" comment="" date="1108554883" path="cuento3.jpg" size="34750" user="JuanLopez" version="1.1"
META FILEATTACHMENT	texto_imagenes.png	attr="h" comment="" date="1108554897" path="texto_imagenes.png" size="26485" user="JuanLopez" version="1.1"
META FILEATTACHMENT	cuento_cigarra.txt	attr="" comment="" date="1108652008" path="cuento_cigarra.txt" size="625" user="JuanLopez" version="1.1"

Added:

>
>

META FILEATTACHMENT	framesverticales.jpg	attr="h" comment="" date="1108936536" path="framesverticales.jpg" size="53376" user="JuanLopez" version="1.1"
META FILEATTACHMENT	framesverticales_title.png	attr="h" comment="" date="1108936778" path="framesverticales_title.png" size="21260" user="JuanLopez" version="1.1"

<<O>> Cambios es la página EdicionHtml (r1.15 - 17 Feb 2005 - JuanLopez)

Aprende fáciLmente a diseñar páginas Web Educativas

Line: 206 to 206

META FILEATTACHMENT	cuento2.jpg	attr="h" comment="" date="1108554863" path="cuento2.jpg" size="29554" user="JuanLopez" version="1.1"
META FILEATTACHMENT	cuento3.jpg	attr="h" comment="" date="1108554883" path="cuento3.jpg" size="34750" user="JuanLopez" version="1.1"
META FILEATTACHMENT	texto_imagenes.png	attr="h" comment="" date="1108554897" path="texto_imagenes.png" size="26485" user="JuanLopez" version="1.1"

Added:

>
>

META FILEATTACHMENT	cuento_cigarra.txt	attr="" comment="" date="1108652008" path="cuento_cigarra.txt" size="625" user="JuanLopez" version="1.1"

<<O>> Cambios es la página EdicionHtml (r1.14 - 16 Feb 2005 - JuanLopez)

Aprende fáciLmente a diseñar páginas Web Educativas

Line: 150 to 150

Fíjate que la hoja de estilos hay que ponerla justo debajo de la directiva <title> y dentro de la sección <HEAD>. Para utilizar fondos laterales necesitarás definir una hoja de estilos similar a la expuesta para dejar un margen lateral a tu texto. Puedes copiar y pegar la hoja de estilos anterior y modificar los márgenes para que se adecúen a tu trabajo.

Added:

>
>

En esta sección explicaremos cómo hacer fluir un texto a la izquierda o derecha de una imagen o bien rodear dicha imagen con texto.

Fíjate en el ejemplo de abajo en el que el texto del cuento fluye a la derecha de la imagen

Para lograrlo, selecciona la imagen con el botón derecho y le das a Propiedades, abajo ves que además hemos redimensionado la imagen.

En la pestaña apariencia hemos hecho dos cambios: hemos dejado un margen de 4 pixels para separar el texto de la imagen y a la derecha donde pone Alinear texto con imagen, hemos elegido que el texto fluya por la derecha de la imagen. Ya puedes hacer click y escribir tu texto que te saldrá como en la imagen.

Temas Relacionados: ElGimp

Line: 158 to 175

El pingüino ya no tiene frío

Added:

>
>

META FORM	ClasificacionDePaginas
META FIELD SoftwareTIC	SoftwareTIC	SuiteMozilla
META FIELD TematicaTIC	TematicaTIC	CreacionWeb

Line: 182 to 202

META FILEATTACHMENT	codigo_fuente1.jpg	attr="h" comment="" date="1108315931" path="codigo_fuente1.jpg" size="114121" user="JuanLopez" version="1.1"
META FILEATTACHMENT	codigo_fuente2.jpg	attr="h" comment="" date="1108316122" path="codigo_fuente2.jpg" size="114236" user="JuanLopez" version="1.1"
META FILEATTACHMENT	hojasestilo1.png	attr="h" comment="" date="1108317204" path="hojasestilo1.png" size="17455" user="JuanLopez" version="1.1"

Added:

>
>

META FILEATTACHMENT	cuento1.jpg	attr="h" comment="" date="1108554837" path="cuento1.jpg" size="121517" user="JuanLopez" version="1.1"
META FILEATTACHMENT	cuento2.jpg	attr="h" comment="" date="1108554863" path="cuento2.jpg" size="29554" user="JuanLopez" version="1.1"
META FILEATTACHMENT	cuento3.jpg	attr="h" comment="" date="1108554883" path="cuento3.jpg" size="34750" user="JuanLopez" version="1.1"
META FILEATTACHMENT	texto_imagenes.png	attr="h" comment="" date="1108554897" path="texto_imagenes.png" size="26485" user="JuanLopez" version="1.1"

<<O>> Cambios es la página EdicionHtml (r1.13 - 13 Feb 2005 - JuanLopez)

Aprende fáciLmente a diseñar páginas Web Educativas

Line: 112 to 112

onmouseover es la sentencia que indica al navegador que el ratón está encima del gráfico (botón). Diciéndole que tome el valor src="botocuestionario2.png" le hemos dicho que cambie el botón 1 por el 2. Con onmouseout hacemos lo mismo para indicarle que cambie los botones cuando el cursor se quite de encima del gráfico (botón).

Added:

>
>

Aunque el manejo de Hojas de Estilo permite multitud de posibilidades, vamos a ver una aplicación de las mismas muy simple. Se trata de definir los márgenes del texto en nuestra página Web, así como el tipo y tamaño de letra que se usará por omisión.

Como ejemplo de ésto tienes la siguiente Caza del Tesoro:

http://www.omerique.net/twiki/pub/Recursos/MamiferosAcuaticos/mamiferosacuaticos.html

Si pulsas con el botón derecho del ratón sobre ella y le das a la opción de Ver Código fuente, te mostrará el código Html de la página. Fíjate en la sección que está marcada en las capturas de abajo, justo cuando termina la directiva Title.

Pulsando con el derecho sobre una página podemos seleccionar Ver su código fuente:

He remarcado la Hoja de estilos de la página:

El código remarcado es el siguiente:

Esta hoja de estilos afecta a toda la página (por eso tiene la sentencia BODY) y en ella definimos:

El tamaño font-size para la letra en % respecto al tamaño por defecto que tiene la letra al visualizarla en un navegador.
La familia de letras font-family que se van a utilizar en nuestra página, en este caso Verdana, Arial sin serif (el rabito que marca las terminaciones de algunas letras como la Times)
El margen izquierdo margin-left en % respecto al ancho de la página y también el margen derecho margin-right

Temas Relacionados: ElGimp

Line: 123 to 162

META FIELD SoftwareTIC	SoftwareTIC	SuiteMozilla
META FIELD TematicaTIC	TematicaTIC	CreacionWeb
META FIELD LenguajesDeProgramacion	LenguajesDeProgramacion	LenguajeHtml

Changed:

<
<

META FIELD DetallesExtra	DetallesExtra

>
>

META FIELD DetallesExtra	DetallesExtra	EjerciciosPracticos

META FILEATTACHMENT	rotulo1.png	attr="h" comment="" date="1103145553" path="rotulo1.png" size="20859" user="JuanLopez" version="1.1"
META FILEATTACHMENT	blsites.png	attr="h" comment="" date="1103145727" path="bl sites.png" size="24317" user="JuanLopez" version="1.1"
META FILEATTACHMENT	logoinstalacion.png	attr="h" comment="" date="1103363484" path="logoinstalacion.png" size="17553" user="JuanLopez" version="1.1"

Line: 140 to 179

META FILEATTACHMENT	botones_2.jpg	attr="h" comment="" date="1107875695" path="botones_2.jpg" size="35349" user="JuanLopez" version="1.1"
META FILEATTACHMENT	botones_3.jpg	attr="h" comment="" date="1107875706" path="botones_3.jpg" size="30509" user="JuanLopez" version="1.1"
META FILEATTACHMENT	botones_4.jpg	attr="h" comment="" date="1107875716" path="botones_4.jpg" size="32034" user="JuanLopez" version="1.1"

Added:

>
>

META FILEATTACHMENT	codigo_fuente1.jpg	attr="h" comment="" date="1108315931" path="codigo_fuente1.jpg" size="114121" user="JuanLopez" version="1.1"
META FILEATTACHMENT	codigo_fuente2.jpg	attr="h" comment="" date="1108316122" path="codigo_fuente2.jpg" size="114236" user="JuanLopez" version="1.1"
META FILEATTACHMENT	hojasestilo1.png	attr="h" comment="" date="1108317204" path="hojasestilo1.png" size="17455" user="JuanLopez" version="1.1"

<<O>> Cambios es la página EdicionHtml (r1.12 - 08 Feb 2005 - JuanLopez)

Aprende fáciLmente a diseñar páginas Web Educativas

Line: 78 to 78

Added:

>
>

En esta sección usaremos código Javascript para conseguir botones animados en nuestros trabajos.

En primer lugar, para ver cómo se crean los botones Lee ésto*

Como verás en el enlace anterior, necesitamos crear dos botones para cambiar de uno a otro cuando el cursor pase por encima del botón.

Lo primero que hacemos es insertar como imagen en nuestra página el botón principal, es decir el que se va a ver normalmente (a menos que pasemos el ratón por lo alto que cambiará al botón secundario).

Ahora veamos el código javascript que hay que añadirle a este botón para que haga el efecto de cambio de uno a otro botón al pasar el ratón por encima.

Primero seleccionamos el botón y pulsamos sobre Enlace:

Escribimos la dirección del enlace para cuando pulsemos el botón (si no queremos que vaya a ningún enlace escribimos null y pulsamos sobre Edición Avanzada

En esta ventana pulsamos sobre la pestaña Eventos Javascript:

Pinchamos sobre atributos, elegimos onmouseover y escribimos lo que ves a la derecha en valor y lo mismo para onmouseout y su valor:

Added:

>
>

onmouseover es la sentencia que indica al navegador que el ratón está encima del gráfico (botón). Diciéndole que tome el valor src="botocuestionario2.png" le hemos dicho que cambie el botón 1 por el 2. Con onmouseout hacemos lo mismo para indicarle que cambie los botones cuando el cursor se quite de encima del gráfico (botón).

Temas Relacionados: ElGimp

Line: 104 to 135

META FILEATTACHMENT	emergente1.jpg	attr="h" comment="" date="1107188746" path="emergente1.jpg" size="5010" user="JuanLopez" version="1.1"
META FILEATTACHMENT	javascript1.jpg	attr="h" comment="" date="1107189427" path="javascript1.jpg" size="28402" user="JuanLopez" version="1.1"
META FILEATTACHMENT	null.jpg	attr="h" comment="" date="1107189447" path="null.jpg" size="23010" user="JuanLopez" version="1.1"

Added:

>
>

META FILEATTACHMENT	javascript_y_botones.png	attr="h" comment="" date="1107874609" path="javascript_y_botones.png" size="19342" user="JuanLopez" version="1.1"
META FILEATTACHMENT	botones1.jpg	attr="h" comment="" date="1107875679" path="botones1.jpg" size="121048" user="JuanLopez" version="1.1"
META FILEATTACHMENT	botones_2.jpg	attr="h" comment="" date="1107875695" path="botones_2.jpg" size="35349" user="JuanLopez" version="1.1"
META FILEATTACHMENT	botones_3.jpg	attr="h" comment="" date="1107875706" path="botones_3.jpg" size="30509" user="JuanLopez" version="1.1"
META FILEATTACHMENT	botones_4.jpg	attr="h" comment="" date="1107875716" path="botones_4.jpg" size="32034" user="JuanLopez" version="1.1"

<<O>> Cambios es la página EdicionHtml (r1.11 - 07 Feb 2005 - JuanLopez)

Line: 16 to 16
	Aprende fáciLmente a diseñar páginas Web Educativas
	Acceso a multitud imágenes listas para usarse en tu Web
Added:
> >	En esta Web encontrarás plantillas de diseños de Páginas Web que puedes bajar libremente

<<O>> Cambios es la página EdicionHtml (r1.10 - 31 Jan 2005 - JuanLopez)

Aprende fáciLmente a diseñar páginas Web Educativas

Line: 47 to 47

En iconos puedes ponerle un icono de la aplicación, los tienes en /home/usuario/mozilla-v1.7.3/chrome/icons/default
Con ésto ya tienes creado el lanzador para Composer y estarás actualizado a la última. ¡¡Y todo como usuario sencillo!!. No hace falta ser root.

Added:

>
>

Added:

>
>

Changed:

<
<

>
>

Vamos a ver como podemos hacer que al pasar el ratón por encima de una palabra o gráfico aparezca una ventana emergente con algún tipo de mensaje que nosotros hayamos programado. Lo vamos a practicar de tal forma que en nuestras páginas podamos insertar explicaciones del vocabulario que aparece en la misma.
Fíjate en el ejemplo de abajo. En esta página al pasar el ratón por encima de las palabras señaladas aparece una ventana con el significado de la misma.

Ventana que aparece al pasar el ratón por la palabra "laboriosa" de la ventana superior

En primer lugar seleccionamos la palabra o gráfico y pulsamos en el botón enlace

A continuación, en la ventana donde hay que elegir la dirección del enlace escribimos null para que no nos lleve a ninguna ubicación o página, sólo queremos que aparezca la ventana emergente

Después pulsamos en el botón de Edición avanzada y seleccionamos la pestaña Eventos Javascript
En Atributos pulsamos y seleccionamos la opción onmouseover. En valor escribimos lo que hay en la figura alert('Muy trabajadora'), o el mensaje entre comillas simples que nosotros queramos que aparezca. Luego aceptamos y ya tenemos creado un evento javascript con ventanas emergentes explicativas.

Temas Relacionados: ElGimp

Line: 69 to 96

META FILEATTACHMENT	logoinstalacion.png	attr="h" comment="" date="1103363484" path="logoinstalacion.png" size="17553" user="JuanLopez" version="1.1"
META FILEATTACHMENT	avatar.png	attr="h" comment="" date="1103457126" path="avatar.png" size="65059" user="JuanLopez" version="1.1"
META FILEATTACHMENT	avatar90.png	attr="h" comment="" date="1103457343" path="avatar90.png" size="6174" user="JuanLopez" version="1.1"

Added:

>
>

META FILEATTACHMENT	insertarjava.png	attr="h" comment="" date="1107188280" path="insertarjava.png" size="30550" user="JuanLopez" version="1.1"
META FILEATTACHMENT	ventanas.png	attr="h" comment="" date="1107188300" path="ventanas.png" size="17794" user="JuanLopez" version="1.1"
META FILEATTACHMENT	cuentocigarra.jpg	attr="h" comment="" date="1107188730" path="cuentocigarra.jpg" size="87476" user="JuanLopez" version="1.1"
META FILEATTACHMENT	emergente1.jpg	attr="h" comment="" date="1107188746" path="emergente1.jpg" size="5010" user="JuanLopez" version="1.1"
META FILEATTACHMENT	javascript1.jpg	attr="h" comment="" date="1107189427" path="javascript1.jpg" size="28402" user="JuanLopez" version="1.1"
META FILEATTACHMENT	null.jpg	attr="h" comment="" date="1107189447" path="null.jpg" size="23010" user="JuanLopez" version="1.1"

<<O>> Cambios es la página EdicionHtml (r1.9 - 18 Jan 2005 - JuanLopez)

Line: 7 to 7
	Aprende fáciLmente a diseñar páginas Web Educativas
	En la siguiente dirección encontrarás mi curso de Diseño Web con Mozilla Composer:
Changed:
< <	http://www.omerique.net/~juan.lopez/apuntes_html/
> >	http://www.omerique.net/~juan.lopez/apuntes_html/
	En esta página iré publicando enlaces e ideas interesantes sobre todo lo relacionado con el Diseño y publicación de páginas Web de carácter educativo.
Added:
> >	Acceso a multitud de plantillas y código listo para usarse en tu Web Acceso a multitud imágenes listas para usarse en tu Web

<<O>> Cambios es la página EdicionHtml (r1.8 - 19 Dec 2004 - JuanLopez)

Aprende fáciLmente a diseñar páginas Web Educativas

Added:

>
>

Cocinado por...

En la siguiente dirección encontrarás mi curso de Diseño Web con Mozilla Composer:

http://www.omerique.net/~juan.lopez/apuntes_html/

Line: 48 to 51

El pingüino ya no tiene frío

Added:

>
>

META FORM	ClasificacionDePaginas
META FIELD SoftwareTIC	SoftwareTIC	SuiteMozilla
META FIELD TematicaTIC	TematicaTIC	CreacionWeb

Line: 56 to 60

META FILEATTACHMENT	rotulo1.png	attr="h" comment="" date="1103145553" path="rotulo1.png" size="20859" user="JuanLopez" version="1.1"
META FILEATTACHMENT	blsites.png	attr="h" comment="" date="1103145727" path="bl sites.png" size="24317" user="JuanLopez" version="1.1"
META FILEATTACHMENT	logoinstalacion.png	attr="h" comment="" date="1103363484" path="logoinstalacion.png" size="17553" user="JuanLopez" version="1.1"

Added:

>
>

META FILEATTACHMENT	avatar.png	attr="h" comment="" date="1103457126" path="avatar.png" size="65059" user="JuanLopez" version="1.1"
META FILEATTACHMENT	avatar90.png	attr="h" comment="" date="1103457343" path="avatar90.png" size="6174" user="JuanLopez" version="1.1"

<<O>> Cambios es la página EdicionHtml (r1.7 - 18 Dec 2004 - JuanLopez)

Line: 40 to 40
	Aprende fáciLmente a diseñar páginas Web Educativas

Added:
> >	*Temas Relacionados:* ElGimp
	-- JuanLopez - 15 Dic 2004

<<O>> Cambios es la página EdicionHtml (r1.6 - 18 Dec 2004 - JuanLopez)

Changed:

<
<

Aprende fácimente a diseñar páginas Web Educativas

>
>

Aprende fáciLmente a diseñar páginas Web Educativas

En la siguiente dirección encontrarás mi curso de Diseño Web con Mozilla Composer:

Line: 11 to 11

Added:

>
>

Todo el proceso lo haremos como usuarios normales sin privilegios de root

En primer lugar, tienes que ver la versión de Mozilla Composer con la que estás trabajando. Es muy importante porque hasta la versión 1.7 Composer trae un bug que hace que las imágenes de fondo de página siempre se queden con la ruta absoluta puesta aunque marques la opción de URL relativa. Además, muchas de las imágenes que coloques en tu página web también quedarán con una ruta absoluta (de forma aleatoria). Este error queda corregido a partir de la versión 1.7 de la Suite Mozilla. Para ver que versión tienes instalada pulsas Ayuda->Acerca de Mozilla y ahí podrás ver tu versión instalada.

Si trabajas con Guadalinex Edu en cualquiera de sus versiones, tendrás que actualizar tu versión del paquete Mozilla para no tener que sufrir este error. Veamos los pasos:

Line: 41 to 46

El pingüino ya no tiene frío

Deleted:

<
<

META FORM	ClasificacionDePaginas
META FIELD SoftwareTIC	SoftwareTIC	SuiteMozilla
META FIELD TematicaTIC	TematicaTIC	CreacionWeb

Line: 52 to 53

META FIELD DetallesExtra	DetallesExtra
META FILEATTACHMENT	rotulo1.png	attr="h" comment="" date="1103145553" path="rotulo1.png" size="20859" user="JuanLopez" version="1.1"
META FILEATTACHMENT	blsites.png	attr="h" comment="" date="1103145727" path="bl sites.png" size="24317" user="JuanLopez" version="1.1"

Added:

>
>

META FILEATTACHMENT	logoinstalacion.png	attr="h" comment="" date="1103363484" path="logoinstalacion.png" size="17553" user="JuanLopez" version="1.1"

<<O>> Cambios es la página EdicionHtml (r1.5 - 17 Dec 2004 - JuanLopez)

Aprende fácimente a diseñar páginas Web Educativas

Line: 45 to 45

Added:

>
>

META FORM	ClasificacionDePaginas
META FIELD SoftwareTIC	SoftwareTIC	SuiteMozilla
META FIELD TematicaTIC	TematicaTIC	CreacionWeb
META FIELD LenguajesDeProgramacion	LenguajesDeProgramacion	LenguajeHtml
META FIELD DetallesExtra	DetallesExtra

META FILEATTACHMENT	rotulo1.png	attr="h" comment="" date="1103145553" path="rotulo1.png" size="20859" user="JuanLopez" version="1.1"
META FILEATTACHMENT	blsites.png	attr="h" comment="" date="1103145727" path="bl sites.png" size="24317" user="JuanLopez" version="1.1"

<<O>> Cambios es la página EdicionHtml (r1.4 - 17 Dec 2004 - JuanLopez)

Line: 12 to 12
	Aprende fácimente a diseñar páginas Web Educativas
	En primer lugar, tienes que ver la versión de Mozilla Composer con la que estás trabajando. Es muy importante porque hasta la versión 1.7 Composer trae un bug que hace que las imágenes de fondo de página siempre se queden con la ruta absoluta puesta aunque marques la opción de URL relativa. Además, muchas de las imágenes que coloques en tu página web también quedarán con una ruta absoluta (de forma aleatoria). Este error queda corregido a partir de la versión 1.7 de la Suite Mozilla. Para ver que versión tienes instalada pulsas Ayuda->Acerca de Mozilla y ahí podrás ver tu versión instalada.
Added:
> >	Si trabajas con Guadalinex Edu en cualquiera de sus versiones, tendrás que actualizar tu versión del paquete Mozilla para no tener que sufrir este error. Veamos los pasos: En la dirección http://www.mozilla-europe.org/es/products/mozilla1x/ puedes bajarte la última actualización 1.7.3 en español (en el momento de elaborar esta guía). Te descargarás un paquete comprimido que seguramente tendrás guardado en la carpeta /home/usuario Haciendo doble click sobre dicho paquete podrás descomprimirlo. Te creará una carpeta llamada instalador-mozilla-v1.7.3 Dicha carpeta la puedes tener también en /home/usuario (luego podrás borrarla). Entra dentro de dicha carpeta y haz doble click en instalar. Elige la opción Ejecutar El proceso a partir de aquí es muy simple. Sólo tienes que tener en cuenta que te propondrá como defecto instalarse en la carpeta /usr/local y tienes que cambiarla puesto que todo el proceso lo estamos haciendo como usuario normal y no tenemos permiso para escribir fuera de nuestra carpeta de usuario. Puedes poner por ejemplo instalar en /home/usuario/mozilla_1_7_3 La instalación es automática. Cuando termine tendrás dentro de la carpeta que has decidido un fichero que se llama mozilla. Si haces doble click sobre él arranca el navegador (desde el que se puede acceder al Composer) *Si quieres tener un lanzador en tu escritorio para Composer hacemos lo siguiente:* Botón derecho sobre el escritorio->Crear un lanzador En la ventana que te aparece, en la pestaña Básico, en nombre escribes el que quieras, por ejemplo Mozilla Composer En comando, elige la opción examinar y busca el fichero mozilla que arranca la aplicación, en mi caso la ruta sería: /home/usuario/mozilla_v.1.7.3/mozilla Con esta opción en comando arranca la suite completa, si lo que quieres es sólo Composer, entonces al final de la línea del comando añades -edit, quedaría así: /home/usuario/mozilla_v.1.7.3/mozilla -edit En iconos puedes ponerle un icono de la aplicación, los tienes en /home/usuario/mozilla-v1.7.3/chrome/icons/default Con ésto ya tienes creado el lanzador para Composer y estarás actualizado a la última. ¡¡Y todo como usuario sencillo!!. No hace falta ser root.
	-- JuanLopez - 15 Dic 2004

<<O>> Cambios es la página EdicionHtml (r1.3 - 17 Dec 2004 - JuanLopez)

Line: 9 to 9
	Aprende fácimente a diseñar páginas Web Educativas
	En esta página iré publicando enlaces e ideas interesantes sobre todo lo relacionado con el Diseño y publicación de páginas Web de carácter educativo.
Added:
> >	En primer lugar, tienes que ver la versión de Mozilla Composer con la que estás trabajando. Es muy importante porque hasta la versión 1.7 Composer trae un bug que hace que las imágenes de fondo de página siempre se queden con la ruta absoluta puesta aunque marques la opción de URL relativa. Además, muchas de las imágenes que coloques en tu página web también quedarán con una ruta absoluta (de forma aleatoria). Este error queda corregido a partir de la versión 1.7 de la Suite Mozilla. Para ver que versión tienes instalada pulsas Ayuda->Acerca de Mozilla y ahí podrás ver tu versión instalada.
	-- JuanLopez - 15 Dic 2004 El pingüino ya no tiene frío

<<O>> Cambios es la página EdicionHtml (r1.2 - 15 Dec 2004 - JuanLopez)

Added:

>
>

Aprende fácimente a diseñar páginas Web Educativas

Added:

>
>

En la siguiente dirección encontrarás mi curso de Diseño Web con Mozilla Composer:

http://www.omerique.net/~juan.lopez/apuntes_html/

En esta página iré publicando enlaces e ideas interesantes sobre todo lo relacionado con el Diseño y publicación de páginas Web de carácter educativo.

-- JuanLopez - 15 Dic 2004

El pingüino ya no tiene frío

Added:

>
>

META FILEATTACHMENT	rotulo1.png	attr="h" comment="" date="1103145553" path="rotulo1.png" size="20859" user="JuanLopez" version="1.1"
META FILEATTACHMENT	blsites.png	attr="h" comment="" date="1103145727" path="bl sites.png" size="24317" user="JuanLopez" version="1.1"

<<O>> Cambios es la página EdicionHtml (r1.1 - 15 Dec 2004 - JuanLopez)

Line: 1 to 1

Added:

>
>

-- JuanLopez - 15 Dic 2004

El pingüino ya no tiene frío

Ver tema | Diferencias | r1.18 | > | r1.17 | > | r1.16 | Más

Revision r1.1 - 15 Dec 2004 - 18:10 - JuanLopez
Revision r1.18 - 26 Feb 2005 - 10:49 - JuanLopez