Documentación |   
Construcción de páginas web básicas
Arachnophilia is © Copyright 2015, P. Lutus.

Arachnophilia es CareWare

Esta página está pensada para instruir al principiante completa HTML en estos temas: En mis muchos años de experiencia instruyendo a principiantes en el diseño de páginas web me he comprendido que estos son los problemas principales. Prometo hacer esto tan sencillo y sin dolor como humanamente posible.

?   ¿Qué es una página web?
!   Una página web es un archivo de computadora legible por humanos de texto sin formato que contiene palabras y algunas instrucciones especiales sobre cómo deben aparecer las palabras. Esas instrucciones se llaman "etiquetas". Una página web puede también contener referencias a otras páginas web, imágenes gráficas, sonidos y etc. Esas referencias se llaman "enlaces".
?   ¿Cómo funciona una página web?
!   Una página web lleva formato de texto y otra información en sus etiquetas. El texto y las etiquetas en la página web son interpretados por un programa llamado "navegador web".

Aquí es cómo se ve una página web en un editor web como Arachnophilia como texto sin formato, y como aparece en un navegador:

Web Editor (texto sin formato) 

<html>
   <head>
      <title>
         This is my page!
      </title>
   </head>
   <body>
      <h2>
         Welcome to my web page!
      </h2>
      By using HTML tags I can make my text 
      <i>
         italic,
      </i>
      or 
      <b>
         bold,
      </b>
      or 
      <u>
         underlined.
      </u>
   </body>
</html>
 

     
Navegador: ¡Esta es mi página!

¡Bienvenido a mi pagina web!

Usando etiquetas HTML puedo hacer mi texto itálico, o atrevido, o subrayada.
Observe las <etiquetas> arriba:

  • La etiqueta "<b>" significa "Iniciar impresión atrevido texto."
  • La etiqueta "</b>" significa "Está bien, puedes dejar de hacer eso atrevido cosa que dije antes".

Un comienzo <etiqueta> y un fin </etiqueta> controlan lo que hay entre ellos. Como en este ejemplo, casi todas las etiquetas vienen en pares (pero, desafortunadamente, no todas las).

Un tipo de etiqueta muy importante se llama un "enlace". Los enlaces son por qué las páginas HTML no son solo otro tipo de documento de procesamiento de palabras, con texto estilizado. Entre otras cosas, los enlaces permiten que el visor de la página se mueva:
  • A otra parte de la página actual (como los enlaces en la parte superior de esta página hacen),
  • A otra página en su sitio,
  • A otra ubicación en Internet.

Aquí es cómo se aparece un enlace en texto sin formato, y cuando se ve en un navegador:

Web Editor (texto sin formato) 

<a href="http://www.arachnoid.com/arachnophilia">
	Go to the Arachnophilia Home Page
</a>
 

     
Navegador
Ir a la página de inicio de Arachnophilia

La pantalla del navegador a la derecha contiene la versión de pantalla del enlace, y si hace clic en él (y si ha iniciado sesión en Internet), irá a la página de inicio de Arachnophilia.

Observe que hay dos partes en un enlace:
  • La dirección real de Internet: "http://www.arachnoid.com/arachnophilia".
  • Una etiqueta legible por humanos que representa la dirección: "Ir a la página de inicio de Arachnophilia ".
Para funcionar según lo previsto y cumplir con las expectativas de las personas, sus enlaces siempre deberían tener ambas partes.

?   ¿Cómo puedo crear una página web simple?
!   ¡Es fácil, de verdad! Aquí están los pasos:

  • Crear un nuevo documento HTML,
  • Escriba algún texto en la página,
  • Guarde su nueva página,
  • Vista previa la página.

* Primero, crear un nuevo documento HTML. Ejecutar Arachnophilia y elegir Archivo... Nuevo... Archivo HTML. Como esto:

Se le pedirá que proporcione un título para su página. El título es muy importante: aparece en la barra de título del navegador y es bastante visible para sus visitantes.

Ahora verás algo más o menos como esto:

Editor web 

  1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2 
  3 <!-- Created on Mar 3, 2002 11:56:06 PM -->
  4 
  5 <html>
  6    <head>
  7       <title>
  8          My page!
  9       </title>
 10       <meta name="GENERATOR" content="Arachnophilia 5.0"/>
 11       <meta name="FORMATTER" content="Arachnophilia 5.0"/>
 12    </head>
 13 
 14    <body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
 15 
 16       |
 17 
 18    </body>
 19 </html>
 20 

La línea vertical roja (" | ") se llama el "cursor" o "signo de intercalación". Los dos términos se usan indistintamente. Si ya ha aprendido cómo usar un procesador de textos, sabrá lo que significa este término. Pero si no lo ha hecho, el cursor es el punto de acción en un programa procesador de textos — es donde ocurren las cosas. Cuando quiere poner algunas palabras en un lugar particular, primero coloca el cursor allí, luego escribe.

* Ahora escriba algo:

Editor web 

  1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2 
  3 <!-- Created on Mar 3, 2002 11:56:06 PM -->
  4 
  5 <html>
  6    <head>
  7       <title>
  8          My page!
  9       </title>
 10       <meta name="GENERATOR" content="Arachnophilia 5.0"/>
 11       <meta name="FORMATTER" content="Arachnophilia 5.0"/>
 12    </head>
 13 
 14    <body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
 15 
 16       This is my personal Web page!|
 17 
 18    </body>
 19 </html>
 20 

Está bien, no es Shakespeare, pero esto es solo un ensayo de la realidad, no la realidad en sí misma. :)

* Siguiente paso — guardar su página.

Una digresión: Nada es más frustrante que perder documentos de computadora en los que horas pueden haberse gastado. Guarde siempre sus documentos, y siempre sabe dónde se guardaron. el documento se está almacenando. Sea proactivo — elija (cree) un directorio para su sitio web, y coloque todos los componentes allí.

Enfatizo esto porque he recibido cualquier número de correos electrónicos durante los años de personas por lo demás inteligentes que salen de la habitación, acarician al gato, regresan y luego simplemente no puedo descubrir qué pasó con su obra magnum.
Elegir archivo... Guardar como. Aparecerá un diálogo explorador de archivos. Elija un directorio adecuado y nombre de archivo.

* Ahora vamos a ver su página en un navegador web.

La mayoría de las computadoras personales recientes cuentan con al menos un navegador.

Para iniciar el proceso, presione este botón de la barra de herramientas: o presione Ctrl-P. Después de un mensaje explicativo, verá este diálogo:

Primero, si la ruta de búsqueda predeterminada no parece adecuada para su sistema, elija una apropiada, ya escribiéndola o usando el botón "Examinar". Recent vintage, it will be "/usr/bin". Los usuarios de Macintosh probablemente verán una opción predeterminada de "/Aplicaciones". Una de estas alternativas aparecerá muy probablemente automáticamente basado en su sistema operativo. Habiendo elegido una ruta de búsqueda apropiada, presione "Buscar". El motor de búsqueda del navegador buscará para cualquiera de los nombres del navegador enumerados a la izquierda (y usted puede agregar a la lista ).

Con suerte, una o más rutas del navegador aparecerán en la lista a la derecha. Para transferir los resultados a su lista del navegador personal, presione "Transferir", luego "Aceptar". Luego, para ver su página, presione el botón vista previa ( ) o Ctrl-P nuevamente.

Si todas estas características no ubican su navegador, usted puede simplemente escribir un nombre de navegador y una ruta a su ejecutable en la parte inferior del diálogo del navegador, entonces presione "Aceptar".
?   ¿Cómo llego mi página de mi computadora a Internet?
!   Desafortunadamente para los constructores de páginas web principiantes, esta es la parte más compleja de comenzar.

Si tienes un amigo con más experiencia en la Web, es posible que quieras pedir ayuda en este punto.

La manera normal de llevar su página desde su computadora a Internet es usar un protocolo de transferencia de archivos llamado (¡sorpresa!) Protocolo de transferencia de archivos (FTP). Arachnophilia tiene un servicio FTP incorporado para ayudarlo a hacer esto.

Antes de usar el servicio FTP, necesita tener alguna información, información que su proveedor de servicios de Internet debería haberle dado:

  • El nombre del servidor FTP.
  • Su nombre de usuario de inicio de inicio de sesión.
  • Su contraseña de inicio de inicio.
  • Su directorio ruta.

Como primer paso, ubicar esta información y tenerla disponible.

A continuación, asegúrese de que su nueva página aún se muestre en la ventana del editor web de Arachnophilia. Luego elija elemento del menú HTML... Ejecutar Servicio FTP o presione Alt-F. Verá algo como esto:

Estos son los pasos a tomar:

  • Para "Nombre del sitio", escriba algo que recordará fácilmente. Este no es un nombre especial, es solo una etiqueta conveniente.
  • Para "Nombre del servidor", escriba el nombre del servidor FTP proporcionado por su servicio de Internet.
  • Para "Nombre de usuario", escriba el nombre de inicio de usuario proporcionado por su servicio.
  • Para "Contraseña", escriba la contraseña que le proporcionaron. Tiene la opción de guardar la contraseña para no tener que escribirla cada vez que usa el servicio FTP. Pero esto implica un pequeño riesgo — una persona experta en la computadora, un hacker, podría, en pri nciple, adquirir y descifrar su contraseña si él obtuvo acceso a su computadora. Usted decide.
  • Para "Directorio remoto", escriba esta información si ha sido proporcionada por su servicio.

    NOTA: La mayoría de las rutas del directorio FTP remoto deben comenzar con un prefijo, como "/", o "~/". Si omite este prefijo, la transacción FTP puede no funcionar como se espera. Algunos servicios requieren "~/", un ejemplo sería "~/html". Si usted no sabe cuál usar, o no está seguro de cuál ruta de directorio ingresar, por favor pregunte a su ISP.
  • Para "Directorio local", y si tiene su página web todavía cargada en Arachnophilia, simplemente presione el botón a la derecha — "Usar Actualidad". Esta es una manera fácil de decir al servicio FTP dónde está ubicada su página en la computadora local.

Habiendo ingresado esta información, puede probar la conexión:

  • Asegúrese de estar conectado a Internet.
  • Presione el botón "Ensayar".
  • El servicio FTP contactará su servicio de Internet, escaneará el directorio local provisto y le informará lo que cargaría si "Ejecutar" hubiera sido presionado.
Con un cualquier suerte, el ensayo se realizará sin problemas. Si surge algún problema, simplemente mueva el control de nivel a la derecha (para mostrar más información) y presione "Ensayar" nuevamente para ver cuál es el problema. nombre de usuario o contraseña incorrectamente — recuerde, el caso de estas entradas es significativo.

Una vez que tenga un ensayo exitoso, presione "Ejecutar". En la mayoría de los casos, "Ejecutar" cargará su página web. Use el procedimiento de solución de problemas descrito anteriormente si surgen los problemas.

Ahora puedes usar tu navegador para ver la versión en línea de tu página.

Algunos Detalles del Servicio FTP Adicionales:
  • El servicio FTP utiliza un archivo de registro local para mantener un rastreo de cuáles archivos han sido cargados.

  • Cuando cambia una página y la guarda, su fecha modificada cambia. Si ejecuta una carga FTP entonces, el programa comparará la fecha del archivo con su entrada de archivo de registro. Si la fecha de un archivo es más nueva que su entrada de registro, se cargará y su entrada en será cambiado.

  • Para evitar que todos sus archivos se carguen de nuevamente, simplemente presione "SyncLog". Esto sincroniza el archivo de registro local con las fechas modificadas del archivo actual, pero sin cargar nada.

  • Por el contrario, para cargar todos los archivos independientemente de sus fechas, elija "cargar todos", luego "Ejecutar". Esto fuerza una carga completa.

  • Si sabe que quiere cargar solo algunos archivos o solo uno pero no está seguro sobre el estado del archivo de registro utilice este procedimiento:

    • Presione "SyncLog". Esto actualiza el archivo de registro sin cargar nada.
    • Cargar, editar y guardar solo esos archivos que quiere cambiar (esto cambia sus fechas modificadas).
    • Presione "Ejecutar". Solo los archivos modificados serán cargados.

    Para más instrucciones FTP avanzadas, haga clic aquí.

Sugerencias generales para sitio web:

  • About your page:

    • Mantenga siempre una copia local de su página. Nunca suponga que porque hay una copia en la máquina de su proveedor, puede eliminar su copia local. Los proveedores de servicios de Internet regularmente pierden máquinas y datos de usuario.
    • Si tiene problemas para cargar su página, solo siga los pasos nuevamente.
      • ¿Escribió toda la información exactamente como aparece como proporcionada por su servicio?
      • ¿Estaba conectado a internet?
      • ¿Se cargó su página en Arachnophilia para permitir que el botón "Usar actualidad" del Servicio FTP para localizarla?
    • Si todavía no puede cargar su página, pregunte a un amigo o comuníquese con su proveedor de servicios para ayuda.

  • About general Web page design:

    • Cualquier número de revistas y libros cubren este tema — hacer una visita a una librería o biblioteca.
    • Hay recursos en línea de todos los tipos para ayudarle a aprender cómo escribir páginas web.
    • Si usted ve una página que hace algo que quiere que haga su página, simplemente mire la versión en texto sin formato de la página:
      • En Microsoft Internet Explorer, choose menu item "View... Source".
      • En Netscape, elija elemento de menú "Ver... Origen de la página".
      • Mira las etiquetas de la página. Puedes aprender mucho de esta manera.
    • Si no sabes sobre los motores de búsqueda, usted haría bien en averiguar sobre esta poderosa herramienta de Internet. Ir a www.google.com para un ejemplo de un motor de búsqueda. Escriba en "HTML tutor" para aprender cómo puede ser un motor de búsqueda útil.
 

Documentación |