RECORDEMOS:
1.- Hacemos un boceto de como queremos que se vea nuestra web en un papel, cuantas paginas va a tener, que contendra cada pagina...
2.- Creamos una carpeta donde ira a parar todo nuestro trabajo. Llamala como quieras (ojito, de todos modos), yo la llamare, a partir de ahora, www . Dentro de ella crearemos otra llamada grafics.
Y ha llegado el momento de recoger materiales:
- Que textos queremos poner?... los escribimos en un *procesador de textos* (word, write, works, simpletext)...
- Que imagenes? Podemos obtenerlas escaneando, dibujando en programas de nuestro ordenador, sacandolas de CD's o bajándolas de internet. CUIDADIN-CUIDADIN, asegurate, si usas imagenes que no has hecho tu, que sean de *libre uso* pues te puedes buscar un lio por el tema de derechos de autor y tal.
Una vez lo tengamos todo abrimos el editor HTML y creamos un documento nuevo. Lo podemos guardar ya con el nombre index.html... si te pide un titulo elige el que quieras (yo le llamare MIWEB)
Ahora abriremos el documento donde tengamos el texto de la primera página... espero hayas tenido la precaucion de no darle formatos: negritas, cursivas, tabuladores... es preferible hacerlo directamente sobre el editor HTML.
Lo mas sencillo es seleccionar el texto en cuestion, copiarlo y pegarlo en la pagina del editor (todos los programas admiten estas opciones).
Ahora lo *decoramos*: ampliamos el tamanyo del
lo coloreamos a nuestro gusto y procederemos a arreglar el resto del texto (negritas, colores,... yo las cursivas las empleo poco pues son dificiles de leer), y lo alineamos:
recuerda que puedes emplear la letra preformated si te hace
ilusión meter algo extranyo al texto
IZQUIERDA
DERECHA
Despues vamos intercalando las imagenes
entre los textos que les
corresponda.
PROBLEMAS???:
QUE CHUNGO, OYE, resulta que cada vez que metes una imagen te aparece siempre debajo del texto y tu querrias que el texto se leyera al lado. Tal que el *dedo* de ahi abajo.
Vale,
vale. Para eso tienes dos opciones:
alinear la
imagen: entre las opciones del
editor, cuando vas a meter una imagen nueva o haciendo un doble click
sobre una imagen ya incluida hay un menu desplegable con las
opciones:
TOP
(arriba)
MIDDLE
(centro)
BOTTOM
(bajo)
LEFT
(izquierda)
RIGHT
(derecha). Las dos últimas permiten que el texto fluya al lado
de la imagen.
Si tu editor no te permite esas opciones deberas entrar en el recurso de edicion de codigo HTML (donde te aparece todo el follon indicado en la pagina inicial) y veras algo tal que asi
|
<IMG SRC="grafics/webfolder.gif" WIDTH=84 HEIGHT=167 X-USEIMAGEWIDTH X-USEIMAGEHEIGHT ALIGN=top> |
Donde pone ALIGN cambia
"top" por
"left" o
"right" y ya esta.
(lo malo es que quizas tu editor HTML no te
permita ver el efecto en pantalla, a no ser que abras el documento en
el navegador)
La otra opción es crear tablas:
Las Tablas son unas casillas al estilo de las tradicionales hojas de calculo. Para quienes conozcais el MSWord, la historia no os supondra apenas problemas... pero, de todos modos explicaremos de que va eso.
|
|
COLUMNA (COLUMN) |
|
LINEA (ROW) >>>>> |
>>>>>>>>>> |
El codigo HTML lo señalamos entrando <TABLE > y acabando </TABLE>asi:
|
<TABLE BORDER=1
WIDTH=300>(donde se
indica el tamanyo del borde y el ancho total de las
celdas) |
|
|
Y los textos que queremos que aparezcan al lado en la otra celda de al lado |
|
|
Solo tenemos que especificar que el grosor del marco sea
igual a cero |
PERO... supongamos que queremos que el texto a señalar con nuestro dibujo, empiece con un titulo a colores (fondo y letras) o un dibujo adicional.
Para ello crearemos 4 celdas, solo que una sera el doble de alta que las otras dos (o sea una COLUMNA de dos FILAS). Tal que asi:
|
LUGAR PARA EL DIBUJO |
|
|
texto normal |
|
O una anchura de 2 COLUMNAS <TD COLSPAN=2> |
|
|
Mas o menos creo que te ha quedado claro eso de intercalar dibujos y textos |
|
PATRAS Inicio PALANTE
