Indicaciones para formatear el disco duro

Indicaciones para formatear el disco duro:

Es bastante probable que, si llevamos mucho tiempo sin borrar el disco duro, nuestro ordenador empiece a funcionar más lento o incluso mal, sobre todo si vamos instalando muchos programas o bajamos muchas cosas de internet.

En tal caso lo mejor es copiar todo lo que nos interese en un disco, por ejemplo, y formatear el disco duro. Luego debemos instalar de nuevo los programas que usemos. La operación nos llevará algunas horas, pero merece la pena.

Lo primero es tener a mano los discos que vamos a necesitar. Imprescindibles al menos, para el buen funcionamiento del ordenador, son el sistema operativo (En el ejemplo que seguiremos Windows 98 [Y su "Disco de inicio" (Que tendremos de la primera vez que se instaló W98 o que crearemos en las opciones de formato de "Mi PC"])) y los controladores (Drivers) de las tarjetas gráfica y de sonido ...y aquellos otros que requiera nuestro ordenador, como pueda ser el de un módem (Siempre nos deben de dar un disco con los "Driver" al adquirir un ordenador).

Reiniciar ordenador en modo MS-DOS.

(Con Windows XP, necesitaremos una versión del mismo que nos permita formatear el disco duro…. O podemos iniciar el ordenador, si tenemos disquetera, con el disco de inicio de W98 insertado y seguir como si fuera W98 nuestro sistema operativo)

A continuación de "C:\WINDOWS>" escribir "cd.." y presionar la tecla "Intro" (A partir de ahora, daré por supuesto lo de presionar Intro tras escribir una orden)

En "C:\" escribir "format c:"

Una vez formateado (Borrado) el disco duro, introducimos el disquete de inicio de W98 y reiniciamos (Para ello, presionamos las teclas "Ctrl" y "Alt" y, sin soltar éstas, la tecla "Supr" o "Del").

Escogemos "Iniciar PC con compatibilidad con CD-ROM".

Introducimos el disco de W98 y de "A:\>" debemos pasar a la unidad de CD-ROM, generalmente la D, así que escribimos "d:". Una vez en "D:\>", escribimos "instalar".

Para éste, como para otros programas, simplemente seguimos las instrucciones que nos aparecen en pantalla para su instalación.

Una vez instalado el sistema operativo, él mismo nos detectará ya algunos dispositivos como el ratón y el monitor, para los cuales podemos usar los controladores del propio disco W98 que tenemos en la unidad "D"...

Para la tarjetas gráfica, de sonido y algunos otros dispositivos, vamos introduciendo los discos y siguiendo instrucciones. (Una vez instalada la tarjeta gráfica, debemos escoger la resolución de la pantalla y la calidad del color pinchando con el botón derecho sobre el escritorio y entrando en la pestaña "Configuración" de "Propiedades")

Si algún disco no se inicia automáticamente, entramos en "Mi PC" del escritorio y hacemos doble click sobre el acceso a la unidad de disco. Si en vez de ejecutarse se nos presenta el contenido del disco, hacemos doble click sobre "Setup" o el icono "exe" que lo sustituya.

Algunos dispositivos pueden dar problemas y quizás tengamos que instalarlos "manualmente". Un problema habitual es un conflicto con los distintos dispositivos que se conectan por USB, como escáner e impresora / Si nos ocurre algo de esto, y en cualquier caso, echaremos un vistazo en el "Administrador de dispositivos", al que accedemos pinchando con el botón derecho sobre "Mi PC" y entrando en "Propiedades". Si de hecho ha habido alguno de los problemas que tratamos, aparecerán unos interrogantes amarillos sobre los que debemos hacer doble click y "Reinstalar el controlador" con el disco correspondiente (El nombre del interrogante nos puede dar una pista; si no, iremos probando discos).

Para crear una conexión a internet, la mayoría de los datos nos los habrán proporcionado desde nuestro servidor. Todos los servidores importantes de internet tienen un teléfono gratuito de atención al cliente de 24 horas todos los días; ahí nos resolverán cualquier duda, pero yo os voy a indicar un par de cosillas más que tal vez os vengan bien para crear una conexión:

Entramos en "Mi PC" y en "Acceso telefónico a redes" creamos una "Conexión nueva". Podemos incluso rellenar los datos que nos piden con cualquier cosa coherente y luego corregirla donde nos quedará todo más claro, que es pinchando con el botón derecho sobre la conexión que hayamos creado y entrando en "Propiedades". Nuestro servidor nos habrá dado un nombre de usuario y una contraseña además del "Nodo de acceso", que es el número al que llamamos. Por cierto, la velocidad de conexión del módem no la pongáis al máximo, sino la superior más parecida a la de vuestro módem (56 K).

Y nada más os cuento; es fácil que se me escape alguna cosa ¡Porque los ordenadores tienen tantas cosas...!, pero espero que entre estas indicaciones y vuestra habilidad os arregléis. Si no, quizás pueda echaros una mano yo mismo si escribís a tvm@folgoso.com o, mejor incluso, pues la mejor forma de que se le queden a uno memorizadas las cosas es haciéndolas por uno mismo (Aunque quizás se tarde más que si nos lo dan hecho ¿Verdad? ;-)), echad un vistazo en internet y seguro que encontraréis toda la información necesaria para formatear un disco duro, instalar controladores, ... y hasta fabricar explosivos si os cabrea mucho el ordenador... :-D.

[2006] ACTUALIZACIÓN DE INFORMACIÓN PARA WINDOWS XP: Si tenemos Windows XP y además no tenemos disquetera, cosa bastante normal a estas alturas, será imprescindible usar otro procedimiento que el explicado anteriormente; este procedimiento se puede emplear también teniendo disquetera.

Introducimos el disco de instalación de Windows XP en nuestra unidad lectora de discos y reiniciamos el sistema. El ordenador debe cargar el disco; si no es así, debemos obligarle a que lo haga y para ello debemos estar atentos para teclear la tecla "Del" o "Supr" cuando se acaba de encender o reiniciar el ordenador. Nos aparecerá una pantalla azul en la que en uno de los apartados (Aquí sugiero probar, pues no todos los ordenadores llaman del mismo modo a los distintos apartados) podremos cambiar el orden en que el ordenador da prioridades de arranque, por ejemplo "C, CD-ROM, A" o "Floppy / CD-ROM" deberíamos cambiarlo a "CD-ROM, ..." o "CD-ROM / Floppy" (Atención: Una vez terminado de instalar Windows XP, dejar eso como estaba). Salimos de esa pantalla con la tecla "Esc" o desde el apartado "Exit" y desde luego grabando ("Saving") los cambios.

Cuando el ordenador se haya iniciado desde el disco, la clave está en el paso de instalación en que se nos indican las particiones del disco duro... hay que eliminarlas todas. Así quedará formateado el disco duro; luego nos quedará, con paciencia, ir siguiendo pasos de instalación del sistema operativo, luego los "driver" (Controladores) y luego los programas que queramos.

Trucos del buscador Google:

Para buscar conjuntos concretos y ordenados de palabras, situar las que queramos entre comillas. Ejemplo: Escribir "Folgoso de la Ribera" para que aparezcan páginas que digan algo sobre nuestro pueblo o municipio en concreto, sin mezclarse con páginas que contengan las palabras sueltas de "Folgoso" o "Ribera", que pueden no tener nada que ver con lo que buscanmos.

Si queremos que aparezcan varias palabras concretas aunque no necesariamente ordenadas, escribirlas con el signo + delante. Ejemplo: +"Folgoso de la Ribera" +"Bar Moralejo", para buscar algo relacionado con nuestra zona y su mejor bar ;-). Google no distingue entre mayúsculas y minúsculas, ni entre las letras con tilde y trata a la "ñ" como una de éstas... para evitar que funcione así, también podemos usar el signo +.

Para eliminar resultados no deseados en una búsqueda, escribir las palabras clave precedidas del signo -. Por ejemplo, para buscar cosas del municipio de Folgoso de la Ribera pero excluyendo las que incluyan uno de sus pueblos que podría ser, por decir uno al azar, Tedejo, escribiríamos +"Folgoso de la Ribera" -"Tedejo".

Para usar Google como un diccionario o enciclopedia, escribir la palabra "define:" antes de lo que queremos saber.

Para buscar noticias o sólo imágenes, tenemos enlaces sobre la línea de búsqueda.

Tiene también la opción de calculadora; entre otros símbolos que se deben usar, está el "*" para las multiplicaciones, "pi" para el número л y "^" para las potencias.

Google traduce una página desde el propio resultado de búsqueda pinchando en "Traduzca esta página".

Para conocer qué páginas incluyen enlaces a un dominio en concreto (Por ejemplo www.folgoso.com), escribir "link:" delante de éste.

Para restringir la búsqueda a resultados dentro de un dominio en concreto, usar "site:". Por ejemplo (Aunque tenemos esta opción en el buscador de la portada), para buscar resultados dentro de nuestra web, escribir "site:www.folgoso.com".

Para buscar fotos aéreas, entrar en maps.google.com.

No os perdáis el "Google Earth"

Curso básico de html

(Este documento forma parte de mi Trabajo Fin de Carrera de Ingeniero Técnico Forestal)

<html>

<head>

<title>AQUÍ SE PONE EL TÍTULO DE LA PÁGINA</title>

</head>

<h1>TODOS LOS DOCUMENTOS HTML SE ESCRIBEN COMO SIMPLE TEXTO EN CUALQUIER PROGRAMA APTO PARA ELLO Y EMPIEZAN POR LA ETIQUETA < html > (SIEMPRE SE ESCRIBE SIN ESPACIOS ENTRE < > Y LAS LETRAS; ESTARÁ ESCRITO CON ESPACIOS CUANDO NO SE QUIERA QUE SE CONFUNDA CON CÓDIGO HTML, EN ESTE CASO CON LA ETIQUETA DE INTRODUCCIÓN, PUES SINO LUEGO NO SE LEERÍA EN EL DOCUMENTO)</h1>

<hr />

<h2>LUEGO VA LA CABECERA, QUE COMIENZA CON < head > Y ACABA CON < /head > (TODAS LAS ETIQUETAS SE TERMINAN AÑADIENDO LA BARRA / JUSTO ANTES QUE LAS LETRAS)</h2>

<hr />

<h3>TODO LO DEMÁS ES CUERPO < body ></h3>

<hr />

<h4>LOS CARACTERES ESPECIALES, COMO LAS LETRAS CON TILDE O LA Ñ, DEBERÍAN ESCRIBIRSE CON UN CÓDIGO ESPECIAL; PARA QUE LOS CARACTERES SE "TRADUZCAN" AUTOMÁTICAMENTE A HTML SE DEBE ESCRBIR, POR EJEMPLO ENTRE EL TITLE Y EL HEAD, < meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /></h4>

<hr />

<h5>HAY 6 NIVELES DE TITULARES. ESTE PÁRRAFO ESTÁ ESCRITO CON EL QUINTO NIVEL. CADA NIVEL SE ABRE CON < h1 > (SUSTITUYENDO EL 1 POR EL NÚMERO EN CUESTIÓN, CLARO) (SEGÚN SE HA INDICADO, SE CIERRAN CON < /h1 >)</h5>

<hr />

<h6>(ÉSTE ES EL ÚLTIMO NIVEL DE TITULAR) - EL TÍTULO SUELE IR ENTRE < head > Y < /head > Y SE ESCRIBE CON LA ETIQUETA < title > (QUE TAMBIÉN HABRÁ QUE CERRAR, POR SUPUESTO: < /title>). EL TÍTULO NO APARECERÁ EN EL DOCUMENTO, SINO EN LA BARRA DE TÍTULO DEL NAVEGADOR</h6>

<hr />

<p>LOS PÁRRAFOS NORMALES VAN ESCRITOS ENTRE < p > y < /p >. PARA HACER SALTOS DE LÍNEA < br / > (NÓTESE QUE HAY UN ESPACIO ENTRE br Y /, PUES ESTA ETIQUETA NO LLEVA LUEGO ETIQUETA DE DESACTIVACIÓN, COMO TAMPOCO LA LLEVA LA ETIQUETA DE INSERCIÓN DE LÍNEA FÍSICA, QUE ADEMÁS VA SOLA: < hr / >)</p>

<p>POR CIERTO, EL TEXTO SE ADAPTA AL TAMAÑO DE LA VENTANA DEL NAVEGADOR, POR LO QUE EL CAMBIO LÍNEA NO ES RELEVANTE AQUÍ, NI MÁS DE UN ESPACIO VACÍO<br />(AQUÍ SE HA INCLUÍDO UN SALTO DE LÍNEA, < br / >, DENTRO DE LAS ETIQUETAS DE PÁRRAFO)</p>

<p align="center">PARA CENTRAR UNA LÍNEA, COMO ÉSTA, SE AÑADE TRAS LA p DE < p > UN ESPACIO Y align="center" (IZQUIERDA left Y DERECHA right)</p>

<p>LOS PRINCIPALES ATRIBUTOS ASOCIADOS A UNA LÍNEA, < hr/ > SON EL TAMAÑO (< hr size="X" / >), EL ANCHO EN PÍXELES O EN PORCENTAJE (< hr width="X" / > Ó < hr width="X%" / >, LA ALINEACIÓN Y EL COLOR [SE ESCRIBE EN INGLÉS] (< hr color="X" />) - EJEMPLO DE UNA LÍNEA QUE OCUPE EL 50% DE LA VENTANA DE NAVEGACIÓN, CENTRADA, DE 3 PÍXELES DE GROSOR Y ROJA: <hr width="50" align="center" size="3" color="red" /></p>

<p>LOS PRINCIPALES ASPECTOS DE LA LETRA (FUENTE): NEGRITA < b > [RECORDAR CERRAR, EN ESTE CASO CON < /b >) - CURSIVA < i > - SUBRAYADO < u > / TIPO DE LETRA < font face="X" >T< /font >, SIENDO X EL NOMBRE DEL TIPO DE LETRA Y T EL TEXTO. EJEMPLO: < font face="arial" >TIPO DE LETRA< /font > = <font face="arial">TIPO DE LETRA</font></p>

<p>LOS GRÁFICOS NO SE GUARDAN EN EL DOCUMENTO HTML, LO QUE SE HACE ES CREAR UNA REFERENCIA A ELLOS MEDIANTE LA ETIQUETA (QUE SE CIERRA INTERNAMENTE) < img src="X" / > SIENDO X EL NOMBRE DEL GRÁFICO CON SU EXTENSIÓN. SE LE PUEDEN AÑADIR ATRIBUTOS DE ALINEACIÓN (align="X"), DE TAMAÑO (width="X" Y height="X"), DE TEXTO ALTERNATIVO (alt="X"), ETC</p>

<p>PARA QUE EL COLOR DE FONDO DE LA PÁGINA SEA DISTINTO DEL BLANCO PREDETERMINADO, HAY QUE AÑADIR bgcolor="X" DENTRO DE LA ETIQUETA DE BODY. PARA QUE EL FONDO SEA UNA IMAGEN: < body background="X" ></p>

<hr />

<p>LOS HIPERVÍNCULOS O ENLACES SE CREAN CON < a href="X" >Y< /A >, SIENDO X EL NOMBRE DEL ARCHIVO E Y UNA DESCRIPCIÓN DEL ENLACE. SI EL ENLACE SE REFIERE A UN ARCHIVO QUE ESTÁ EN UNA SUBCARPETA, SE PRECEDE EL NOMBRE DE ARCHIVO CON X/, SIENDO X EL NOMBRE DE LA CARPETA. SI EL ARCHIVO ESTÁ EN UNA CARPETA DE UN NIVEL SUPERIOR, SE PRECEDE CON ../X/ </p>

<p>SI SE QUIERE CREAR UN ENLACE CON UN ELEMENTO EXTERNO, SE DEBE SUSTITUIR EL NOMBRE DE ARCHIVO POR LA DIRECCIÓN COMPLETA DE DICHO ELEMENTO. EJEMPLO: < a href="http://www.folgoso.com" >Web de Folgoso de la Ribera< /a > = <a href="http://www.folgoso.com">Web de Folgoso de la Ribera</a></p>

<p>¿UN ENLACE DE CORREO ELECTRÓNICO?: < a href="mailto:X" >Y< /a >, POR EJEMPLO <a href="mailto:tvm@folgoso.com">tvm@folgoso.com</a>. SI ADEMÁS QUEREMOS AÑADIR EL "ASUNTO" DEL CORREO ELECTRÓNICO, INMEDIATAMENTE SEGUIDO DE LA DIRECCIÓN E-MAIL DEBEMOS AÑADIR ?subject=Z, SIENDO Z EL TEXTO DEL ASUNTO: < a href="mailto:X?subject=Z" >Y< /a ></p>

<p>PARA QUE UN GRÁFICO HAGA DE HIPERVÍNCULO, SIMPLEMENTE HAY QUE AÑADIR LA ETIQUETA DE DICHO GRÁFICO DENTRO DE LA DE HIPERVÍNCULO</p>

<p>LOS ENLACES INTERNOS, QUE SIRVEN PARA DESPLAZARSE A DISTINTAS ZONAS DENTRO DE UN MISMO DOCUMENTO, SE CREAN CON < a href="#A" >Y< /a > SIENDO A EL NOMBRE DEL "ANCLA" O LUGAR AL QUE SE DIRIGE EL ENLACE; EL ANCLA SE CREA CON < a name="A" id="A" >< /a ></p>

<p>ALGUNOS ATRIBUTOS ASOCIADOS A LOS ENLACES, A AÑADIR DENTRO DE LA ETIQUETA < a >: PARA QUE LA PÁGINA ENLAZADA SE ABRA EN UNA NUEVA VENTANA SE USA target="_blank"</p> - PARA EL COLOR DEL ENLACE SE USA link="X", PARA QUE CAMBIE DE COLOR UNA VEZ VISITADO vlink="X" Y PARA EL COLOR DEL ENLACE ACTIVO alink="X" - PARA AÑADIR INFORMACIÓN AL ENLACE AL PASAR EL RATÓN SOBRE ÉL title="X" - EJEMPLO: < a href="http://www.folgoso.com" target="_blank" link="blue" vlink="green" alink="red" title="Web de Folgoso de la Ribera" >www.folgoso.com< /a > = <a href="http://www.folgoso.com" target="_blank" link="blue" vlink="green" alink="red" title="Web de Folgoso de la Ribera">www.folgoso.com</a></p>

<hr />

<p>PARA QUE UN ARCHIVO MULTIMEDIA, COMO UN VÍDEO, ESTÉ VISIBLE DENTRO DE LA PÁGINA, SE USA LA ETIQUETA < embed / > (QUE VEMOS QUE SE DESACTIVA INTERNAMENTE) U < object > < /object >. PARA EL TAMAÑO DEL OBJETO, COMO EN OTRAS OCASIONES: width="X" Y height="Y"</p>

<p>PARA QUE EL ARCHIVO SE REPRODUZCA AUTOMÁTICAMENTE, INSERTAR autostart="true"; PARA QUE SE REPRODUZCA AL HACER CLIC SOBRE "PLAY", INSERTAR autostart="false" - PARA QUE EL ARCHIVO SE REPRODUZCA CONTINUAMENTE loop="true" Y PARA QUE SE REPRODUZCA UNA SOLA VEZ loop="false"</p>

<p>PARA QUE SE OIGA MÚSICA DE FONDO, AÑADA EN < embed / > EL ATRIBUTO hidden="true" (autostart DEBE ESTAR TAMBIÉN EN true PARA QUE EL ARCHIVO DE SONIDO NO ESTÉ "VISIBLE"). EJEMPLO: < embed src="VANGELIS.mp3" width="X" heigth="Y" autostart="true" loop="false" hidden="true" / ></p>

<hr />

<p>(EL ASPECTO DEL TEXTO SE PUEDE DETERMINAR MEDIANTE HOJAS DE ESTILO EN CASCADA O CASCADE STYLE SHEETS (CSS) PARA QUE AFECTE A TODA LA PÁGINA O A CIERTOS FRAGMENTOS, PERO AUNQUE OFRECEN ALGUNAS EXCELENTES VENTAJAS NO SON IMPRESCINDIBLES, PUEDEN DAR PROBLEMAS POR INCOMPATIBILIDADES Y SU COMPLEJIDAD EXCEDE LOS OBJETIVOS DE ESTE REPASO BÁSICO DE HTML)</p>

<hr />

<p>LAS TABLAS SE CREAN CON LA ETIQUETA < table > < /table >, DENTRO DE LA CUAL SE COLOCAN TODOS LOS ELEMENTOS QUE LA CARACTERIZAN. CADA FILA SE INSERTA CON < tr > < /tr >; CADA CELDA CON < td > < /td>. COLOCANDO VARIAS CELDAS SEGUIDAS SE CONFORMAN LAS COLUMNAS / PARA LA ALINEACIÓN DEL CONTENIDO DE LAS CELDAS align="X" (HORIZONTAL) O valign="X" (VERTICAL - middle ES EL PREDETERMINADO Y LO DEJA EN EL MEDIO. top PARA SUPERIOR Y bottom PARA INFERIOR)</p>

<p>NORMALMENTE NO SE VEN LOS BORDES EN UNA TABLA; PARA QUE SE MUESTREN HAY QUE USAR, DENTRO DE LA ETIQUETA DE APERTURA DE LA TABLA, border="X" SIENDO X EL NÚMERO QUE INDICA EL GROSOR. EJEMPLO: < table border="X" >. PARA CONTROLAR EL TAMAÑO DE LA TABLA (SE ADAPTA AL ANCHO DE LA VENTANA DEL EXPLORADOR SI NO SE PONE NADA) width="X%" O width="X". PARA SU ALINEACIÓN align="X".PARA EL COLOR DE FONDO bgcolor="X"</p>

<p>PARA DETERMINAR LA ALTURA DE UNA CELDA O UNA FILA, COLOCAR EN LA ETIQUETA CORRESPONDIENTE height="X". PARA DESTACAR UNA FILA CON TEXTO CENTRADO Y EN NEGRITA SE SUSTITUYE < td > < /td > POR < th > < /th >. PARA COLOCAR UNA CELDA QUE OCUPE EL LUGAR DE DOS O MÁS < td colspan="X" > (HORIZONTALES) O < rowspan="X" > (VERTICALES)</p>

<p>PODEMOS USAR LOS ATRIBUTOS DE TAMAÑOS DE TABLA O CELDAS PARA COLOCAR GRÁFICOS O TEXTO DENTRO Y QUE APAREZCAN EN LAS POSICIONES EXACTAS QUE QUERAMOS</p>

<p>UN EJEMPLO DE UNA TABLA SENCILLA:</p>

<tr><td>FORESTALES</td><td>AGRÍCOLAS</td></tr>

</table>

<hr />

<p>LOS FRAMES O MARCOS (ESA ESPECIE DE VENTANAS DENTRO DE LA VENTANA DEL EXPLORADOR) SE CREAN CON UNA PÁGINA SIN CUERPO (O SEA, SIN < body > < /body >) EN LA QUE SE CREARÁN "VENTANAS" PARA TANTAS OTRAS PÁGINAS NORMALES COMO SE DESEE</p>

<p>EL FRAMESET EN SÍ EMPIEZA CON < frameset > O < frame > Y SE CIERRA CON < /frameset > O, INTERNAMENTE, CON < frame / >. ESCOGEMOS SI LO DIVIDIMOS EN COLUMNAS cols O FILAS rows Y ESPECIFICAMOS SU TAMAÑO. SUELE SER CONVENIENTE AÑADIR UN BORDE: < frameset cols="X" border="X" ></p>

<p>CON src="X" ASIGNAMOS EL ARCHIVO AL QUE SE REFERIRÁ EL FRAME EN USO (LA PÁGINA QUE APARECERÁ EN SU INTERIOR) Y CON name="X" Y/O id="X" EL NOMBRE DE DICHO FRAME</p>

<p>SI EL CONTENIDO DE LOS FRAMES NO CABE, APARECEN AUTOMÁTICAMENTE BARRAS DE DESPLAZAMIENTO; PARA QUE APAREZCAN SIEMPRE O NUNCA, INSERTAR RESPECTIVAMENTE EL ATRIBUTO scrolling="yes" O scrolling="no". SI NO QUEREMOS QUE EL USUARIO PUEDA MODIFICAR EL TAMAÑO DE LOS MARCOS, EN CASO DE QUE ÉSTOS TENGAN BORDE, noresize="noresize"</p>

<p>PARA DETERMINAR EL TAMAÑO, EN PÍXELES, DE LOS MÁRGENES QUE HAY ENTRE EL CONTENIDO DE UN FRAME Y EL BORDE DE ÉSTE, SE INCLUYE marginwidth="X" (PARA LOS ESPACIOS A IZQUIERDA Y DERECHA) O marginheight="X" (PARA LOS ESPACIOS ARRIBA Y ABAJO)</p>

<p>SI NO SE INDICA NADA EN LOS HIPERVÍNCULOS INCLUÍDOS EN LOS FRAMES, LAS PÁGINAS A LAS QUE ÉSTOS VINCULAN APARECERÁN EN EL MISMO FRAME EN QUE SE ENCUENTREN; PARA MODIFICAR ÉSTO SE UTILIZA EL ATRIBUTO target="X", DENTRO DE LA ETIQUETA DE HIPERVÍNCULO, SIENDO X EL NOMBRE DEL FRAME AL QUE SE DIRIGIRÁ (PARA QUE LA PÁGINA A LA QUE DIRIGE EL ENLACE OCUPE TODA LA PÁGINA target=_top" Y PARA QUE SE SALGA A UNA NUEVA VENTANA target="_blank")</p>

<hr />

<p>¿UN MENÚ DESPLEGABLE? < select > < /select > - onchange="self.location=this.options[this.selectedIndex].value" SIRVE PARA QUE AL SELECCIONAR UNA CASILLA DETERMINADA SE ACTIVE LA PÁGINA CORRESPONDIENTE A LA QUE ENLACE. CADA CAMPO DEL TEXTO DESPLAZABLE VA CON < option > < /option > Y DIRIGE A UN ARCHIVO INCLUYENDO value="X". EJEMPLO:</p>

<option value="{self.location.href};" selected>ESCOJA OPCIÓN</option>

</select>

<hr />

<p>ES CONVENIENTE INCLUIR EN NUESTRA WEB METAETIQUETAS (SE COLOCAN EN LA CABECERA, POR EJEMPLO SOBRE < /head >), QUE SON DATOS SOBRE NUESTRA WEB ALGUNOS DE LOS CUALES SIRVEN PARA QUE LA IDENTIFIQUEN LOS BUSCADORES DE INTERNET...</p>

<p>ALGUNAS METAETIQUETAS INTERESANTES: AUTOR < meta name="author" content="X" / > - PALABRAS CLAVE (HASTA 256 CARACTERES CON PALABRAS SEPARADAS POR COMAS QUE SIRVAN PARA BUSCAR NUESTRA WEB) < meta name="keywords" content="X,Y,Z,ETC" / > - DESCRIPCIÓN (TAMBIÉN HASTA 256 CARACTERES) < meta name="description" content="X" / > - CATEGORÍA O CLASIFICACIÓN < meta name="rating" content="X" / > - LAPSO DE TIEMPO PARA QUE EL BUSCADOR REVISITE LA PÁGINA < meta name="revisit-after" content="X days" / ></p>

<hr />

<p>PARA MÁS INFORMACIÓN SOBRE CREACIÓN HTML, CONSULTAR LIBROS...</p>

</body>

</html>

ASÍ SE VE LO ANTERIOR:

TODOS LOS DOCUMENTOS HTML SE ESCRIBEN COMO SIMPLE TEXTO EN CUALQUIER PROGRAMA APTO PARA ELLO Y EMPIEZAN POR LA ETIQUETA < html > (SIEMPRE SE ESCRIBE SIN ESPACIOS ENTRE < > Y LAS LETRAS; ESTARÁ ESCRITO CON ESPACIOS CUANDO NO SE QUIERA QUE SE CONFUNDA CON CÓDIGO HTML, EN ESTE CASO CON LA ETIQUETA DE INTRODUCCIÓN, PUES SINO LUEGO NO SE LEERÍA EN EL DOCUMENTO)

LUEGO VA LA CABECERA, QUE COMIENZA CON < head > Y ACABA CON < /head > (TODAS LAS ETIQUETAS SE TERMINAN AÑADIENDO LA BARRA / JUSTO ANTES QUE LAS LETRAS)

TODO LO DEMÁS ES CUERPO < body >

LOS CARACTERES ESPECIALES, COMO LAS LETRAS CON TILDE O LA Ñ, DEBERÍAN ESCRIBIRSE CON UN CÓDIGO ESPECIAL; PARA QUE LOS CARACTERES SE "TRADUZCAN" AUTOMÁTICAMENTE A HTML SE DEBE ESCRBIR, POR EJEMPLO ENTRE EL TITLE Y EL HEAD, < meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

HAY 6 NIVELES DE TITULARES. ESTE PÁRRAFO ESTÁ ESCRITO CON EL QUINTO NIVEL. CADA NIVEL SE ABRE CON < h1 > (SUSTITUYENDO EL 1 POR EL NÚMERO EN CUESTIÓN, CLARO) (SEGÚN SE HA INDICADO, SE CIERRAN CON < /h1 >)

(ÉSTE ES EL ÚLTIMO NIVEL DE TITULAR) - EL TÍTULO SUELE IR ENTRE < head > Y < /head > Y SE ESCRIBE CON LA ETIQUETA < title > (QUE TAMBIÉN HABRÁ QUE CERRAR, POR SUPUESTO: < /title>). EL TÍTULO NO APARECERÁ EN EL DOCUMENTO, SINO EN LA BARRA DE TÍTULO DEL NAVEGADOR

LOS PÁRRAFOS NORMALES VAN ESCRITOS ENTRE < p > y < /p >. PARA HACER SALTOS DE LÍNEA < br / > (NÓTESE QUE HAY UN ESPACIO ENTRE br Y /, PUES ESTA ETIQUETA NO LLEVA LUEGO ETIQUETA DE DESACTIVACIÓN, COMO TAMPOCO LA LLEVA LA ETIQUETA DE INSERCIÓN DE LÍNEA FÍSICA, QUE ADEMÁS VA SOLA: < hr / >)

POR CIERTO, EL TEXTO SE ADAPTA AL TAMAÑO DE LA VENTANA DEL NAVEGADOR, POR LO QUE EL CAMBIO LÍNEA NO ES RELEVANTE AQUÍ, NI MÁS DE UN ESPACIO VACÍO
(AQUÍ SE HA INCLUÍDO UN SALTO DE LÍNEA, < br / >, DENTRO DE LAS ETIQUETAS DE PÁRRAFO)

PARA CENTRAR UNA LÍNEA, COMO ÉSTA, SE AÑADE TRAS LA p DE < p > UN ESPACIO Y align="center" (IZQUIERDA left Y DERECHA right)

LOS PRINCIPALES ATRIBUTOS ASOCIADOS A UNA LÍNEA, < hr/ > SON EL TAMAÑO (< hr size="X" / >), EL ANCHO EN PÍXELES O EN PORCENTAJE (< hr width="X" / > Ó < hr width="X%" / >, LA ALINEACIÓN Y EL COLOR [SE ESCRIBE EN INGLÉS] (< hr color="X" />) - EJEMPLO DE UNA LÍNEA QUE OCUPE EL 50% DE LA VENTANA DE NAVEGACIÓN, CENTRADA, DE 3 PÍXELES DE GROSOR Y ROJA:

LOS PRINCIPALES ASPECTOS DE LA LETRA (FUENTE): NEGRITA < b > [RECORDAR CERRAR, EN ESTE CASO CON < /b >) - CURSIVA < i > - SUBRAYADO < u > / TIPO DE LETRA < font face="X" >T< /font >, SIENDO X EL NOMBRE DEL TIPO DE LETRA Y T EL TEXTO. EJEMPLO: < font face="arial" >TIPO DE LETRA< /font > = TIPO DE LETRA

LOS GRÁFICOS NO SE GUARDAN EN EL DOCUMENTO HTML, LO QUE SE HACE ES CREAR UNA REFERENCIA A ELLOS MEDIANTE LA ETIQUETA (QUE SE CIERRA INTERNAMENTE) < img src="X" / > SIENDO X EL NOMBRE DEL GRÁFICO CON SU EXTENSIÓN. SE LE PUEDEN AÑADIR ATRIBUTOS DE ALINEACIÓN (align="X"), DE TAMAÑO (width="X" Y height="X"), DE TEXTO ALTERNATIVO (alt="X"), ETC

< Espacio para imagen

PARA QUE EL COLOR DE FONDO DE LA PÁGINA SEA DISTINTO DEL BLANCO PREDETERMINADO, HAY QUE AÑADIR bgcolor="X" DENTRO DE LA ETIQUETA DE BODY. PARA QUE EL FONDO SEA UNA IMAGEN: < body background="X" >

LOS HIPERVÍNCULOS O ENLACES SE CREAN CON < a href="X" >Y< /A >, SIENDO X EL NOMBRE DEL ARCHIVO E Y UNA DESCRIPCIÓN DEL ENLACE. SI EL ENLACE SE REFIERE A UN ARCHIVO QUE ESTÁ EN UNA SUBCARPETA, SE PRECEDE EL NOMBRE DE ARCHIVO CON X/, SIENDO X EL NOMBRE DE LA CARPETA. SI EL ARCHIVO ESTÁ EN UNA CARPETA DE UN NIVEL SUPERIOR, SE PRECEDE CON ../X/

SI SE QUIERE CREAR UN ENLACE CON UN ELEMENTO EXTERNO, SE DEBE SUSTITUIR EL NOMBRE DE ARCHIVO POR LA DIRECCIÓN COMPLETA DE DICHO ELEMENTO. EJEMPLO: < a href="http://www.folgoso.com" >Web de Folgoso de la Ribera< /a > = Web de Folgoso de la Ribera

¿UN ENLACE DE CORREO ELECTRÓNICO?: < a href="mailto:X" >Y< /a >, POR EJEMPLO tvm@folgoso.com. SI ADEMÁS QUEREMOS AÑADIR EL "ASUNTO" DEL CORREO ELECTRÓNICO, INMEDIATAMENTE SEGUIDO DE LA DIRECCIÓN E-MAIL DEBEMOS AÑADIR ?subject=Z, SIENDO Z EL TEXTO DEL ASUNTO: < a href="mailto:X?subject=Z" >Y< /a >

PARA QUE UN GRÁFICO HAGA DE HIPERVÍNCULO, SIMPLEMENTE HAY QUE AÑADIR LA ETIQUETA DE DICHO GRÁFICO DENTRO DE LA DE HIPERVÍNCULO

LOS ENLACES INTERNOS, QUE SIRVEN PARA DESPLAZARSE A DISTINTAS ZONAS DENTRO DE UN MISMO DOCUMENTO, SE CREAN CON < a href="#A" >Y< /a > SIENDO A EL NOMBRE DEL "ANCLA" O LUGAR AL QUE SE DIRIGE EL ENLACE; EL ANCLA SE CREA CON < a name="A" id="A" >< /a >

ALGUNOS ATRIBUTOS ASOCIADOS A LOS ENLACES, A AÑADIR DENTRO DE LA ETIQUETA < a >: PARA QUE LA PÁGINA ENLAZADA SE ABRA EN UNA NUEVA VENTANA SE USA target="_blank"

- PARA EL COLOR DEL ENLACE SE USA link="X", PARA QUE CAMBIE DE COLOR UNA VEZ VISITADO vlink="X" Y PARA EL COLOR DEL ENLACE ACTIVO alink="X" - PARA AÑADIR INFORMACIÓN AL ENLACE AL PASAR EL RATÓN SOBRE ÉL title="X" - EJEMPLO: < a href="http://www.folgoso.com" target="_blank" link="blue" vlink="green" alink="red" title="Web de Folgoso de la Ribera" >www.folgoso.com< /a > = www.folgoso.com

PARA QUE UN ARCHIVO MULTIMEDIA, COMO UN VÍDEO, ESTÉ VISIBLE DENTRO DE LA PÁGINA, SE USA LA ETIQUETA < embed / > (QUE VEMOS QUE SE DESACTIVA INTERNAMENTE) U < object > < /object >. PARA EL TAMAÑO DEL OBJETO, COMO EN OTRAS OCASIONES: width="X" Y height="Y"

PARA QUE EL ARCHIVO SE REPRODUZCA AUTOMÁTICAMENTE, INSERTAR autostart="true"; PARA QUE SE REPRODUZCA AL HACER CLIC SOBRE "PLAY", INSERTAR autostart="false" - PARA QUE EL ARCHIVO SE REPRODUZCA CONTINUAMENTE loop="true" Y PARA QUE SE REPRODUZCA UNA SOLA VEZ loop="false"

PARA QUE SE OIGA MÚSICA DE FONDO, AÑADA EN < embed / > EL ATRIBUTO hidden="true" (autostart DEBE ESTAR TAMBIÉN EN true PARA QUE EL ARCHIVO DE SONIDO NO ESTÉ "VISIBLE"). EJEMPLO: < embed src="VANGELIS.mp3" width="X" heigth="Y" autostart="true" loop="false" hidden="true" / >

(EL ASPECTO DEL TEXTO SE PUEDE DETERMINAR MEDIANTE HOJAS DE ESTILO EN CASCADA O CASCADE STYLE SHEETS (CSS) PARA QUE AFECTE A TODA LA PÁGINA O A CIERTOS FRAGMENTOS, PERO AUNQUE OFRECEN ALGUNAS EXCELENTES VENTAJAS NO SON IMPRESCINDIBLES, PUEDEN DAR PROBLEMAS POR INCOMPATIBILIDADES Y SU COMPLEJIDAD EXCEDE LOS OBJETIVOS DE ESTE REPASO BÁSICO DE HTML)

LAS TABLAS SE CREAN CON LA ETIQUETA < table > < /table >, DENTRO DE LA CUAL SE COLOCAN TODOS LOS ELEMENTOS QUE LA CARACTERIZAN. CADA FILA SE INSERTA CON < tr > < /tr >; CADA CELDA CON < td > < /td>. COLOCANDO VARIAS CELDAS SEGUIDAS SE CONFORMAN LAS COLUMNAS / PARA LA ALINEACIÓN DEL CONTENIDO DE LAS CELDAS align="X" (HORIZONTAL) O valign="X" (VERTICAL - middle ES EL PREDETERMINADO Y LO DEJA EN EL MEDIO. top PARA SUPERIOR Y bottom PARA INFERIOR)

NORMALMENTE NO SE VEN LOS BORDES EN UNA TABLA; PARA QUE SE MUESTREN HAY QUE USAR, DENTRO DE LA ETIQUETA DE APERTURA DE LA TABLA, border="X" SIENDO X EL NÚMERO QUE INDICA EL GROSOR. EJEMPLO: < table border="X" >. PARA CONTROLAR EL TAMAÑO DE LA TABLA (SE ADAPTA AL ANCHO DE LA VENTANA DEL EXPLORADOR SI NO SE PONE NADA) width="X%" O width="X". PARA SU ALINEACIÓN align="X".PARA EL COLOR DE FONDO bgcolor="X"

PARA DETERMINAR LA ALTURA DE UNA CELDA O UNA FILA, COLOCAR EN LA ETIQUETA CORRESPONDIENTE height="X". PARA DESTACAR UNA FILA CON TEXTO CENTRADO Y EN NEGRITA SE SUSTITUYE < td > < /td > POR < th > < /th >. PARA COLOCAR UNA CELDA QUE OCUPE EL LUGAR DE DOS O MÁS < td colspan="X" > (HORIZONTALES) O < rowspan="X" > (VERTICALES)

PODEMOS USAR LOS ATRIBUTOS DE TAMAÑOS DE TABLA O CELDAS PARA COLOCAR GRÁFICOS O TEXTO DENTRO Y QUE APAREZCAN EN LAS POSICIONES EXACTAS QUE QUERAMOS

UN EJEMPLO DE UNA TABLA SENCILLA:

FORESTALES	AGRÍCOLAS
X	Y

LOS FRAMES O MARCOS (ESA ESPECIE DE VENTANAS DENTRO DE LA VENTANA DEL EXPLORADOR) SE CREAN CON UNA PÁGINA SIN CUERPO (O SEA, SIN < body > < /body >) EN LA QUE SE CREARÁN "VENTANAS" PARA TANTAS OTRAS PÁGINAS NORMALES COMO SE DESEE

EL FRAMESET EN SÍ EMPIEZA CON < frameset > O < frame > Y SE CIERRA CON < /frameset > O, INTERNAMENTE, CON < frame / >. ESCOGEMOS SI LO DIVIDIMOS EN COLUMNAS cols O FILAS rows Y ESPECIFICAMOS SU TAMAÑO. SUELE SER CONVENIENTE AÑADIR UN BORDE: < frameset cols="X" border="X" >

CON src="X" ASIGNAMOS EL ARCHIVO AL QUE SE REFERIRÁ EL FRAME EN USO (LA PÁGINA QUE APARECERÁ EN SU INTERIOR) Y CON name="X" Y/O id="X" EL NOMBRE DE DICHO FRAME

SI EL CONTENIDO DE LOS FRAMES NO CABE, APARECEN AUTOMÁTICAMENTE BARRAS DE DESPLAZAMIENTO; PARA QUE APAREZCAN SIEMPRE O NUNCA, INSERTAR RESPECTIVAMENTE EL ATRIBUTO scrolling="yes" O scrolling="no". SI NO QUEREMOS QUE EL USUARIO PUEDA MODIFICAR EL TAMAÑO DE LOS MARCOS, EN CASO DE QUE ÉSTOS TENGAN BORDE, noresize="noresize"

PARA DETERMINAR EL TAMAÑO, EN PÍXELES, DE LOS MÁRGENES QUE HAY ENTRE EL CONTENIDO DE UN FRAME Y EL BORDE DE ÉSTE, SE INCLUYE marginwidth="X" (PARA LOS ESPACIOS A IZQUIERDA Y DERECHA) O marginheight="X" (PARA LOS ESPACIOS ARRIBA Y ABAJO)

SI NO SE INDICA NADA EN LOS HIPERVÍNCULOS INCLUÍDOS EN LOS FRAMES, LAS PÁGINAS A LAS QUE ÉSTOS VINCULAN APARECERÁN EN EL MISMO FRAME EN QUE SE ENCUENTREN; PARA MODIFICAR ÉSTO SE UTILIZA EL ATRIBUTO target="X", DENTRO DE LA ETIQUETA DE HIPERVÍNCULO, SIENDO X EL NOMBRE DEL FRAME AL QUE SE DIRIGIRÁ (PARA QUE LA PÁGINA A LA QUE DIRIGE EL ENLACE OCUPE TODA LA PÁGINA target=_top" Y PARA QUE SE SALGA A UNA NUEVA VENTANA target="_blank")

¿UN MENÚ DESPLEGABLE? < select > < /select > - onchange="self.location=this.options[this.selectedIndex].value" SIRVE PARA QUE AL SELECCIONAR UNA CASILLA DETERMINADA SE ACTIVE LA PÁGINA CORRESPONDIENTE A LA QUE ENLACE. CADA CAMPO DEL TEXTO DESPLAZABLE VA CON < option > < /option > Y DIRIGE A UN ARCHIVO INCLUYENDO value="X". EJEMPLO:

ES CONVENIENTE INCLUIR EN NUESTRA WEB METAETIQUETAS (SE COLOCAN EN LA CABECERA, POR EJEMPLO SOBRE < /head >), QUE SON DATOS SOBRE NUESTRA WEB ALGUNOS DE LOS CUALES SIRVEN PARA QUE LA IDENTIFIQUEN LOS BUSCADORES DE INTERNET...

ALGUNAS METAETIQUETAS INTERESANTES: AUTOR < meta name="author" content="X" / > - PALABRAS CLAVE (HASTA 256 CARACTERES CON PALABRAS SEPARADAS POR COMAS QUE SIRVAN PARA BUSCAR NUESTRA WEB) < meta name="keywords" content="X,Y,Z,ETC" / > - DESCRIPCIÓN (TAMBIÉN HASTA 256 CARACTERES) < meta name="description" content="X" / > - CATEGORÍA O CLASIFICACIÓN < meta name="rating" content="X" / > - LAPSO DE TIEMPO PARA QUE EL BUSCADOR REVISITE LA PÁGINA < meta name="revisit-after" content="X days" / >

PARA MÁS INFORMACIÓN SOBRE CREACIÓN HTML, CONSULTAR LIBROS...

Atrás