HTML Goodies

Handsome guy, huh?

Goodies Tutorials

Cursos, Tips, ...

tabs

HTML Básico: Primario #1
Introducción/Qué Necesitarás

por Joe Burns, Dr. en Filosofía

traducción Lewis Skolnik,
MicroTac Spanish Assistant
for Windows 1.0b

Usa estos para brincar alrededor o leerlo todo...

[Bienvenido a HTML] [Comenzamos][Qué es HTML?][Empezando a Escribir][Ver Fuente]

Bienvenido a HTML...

Este es Primero #1 en una serie de siete que serenamente te introducirá a los mismos fundamentos del Lenguaje Marcador HiperTexto (HyperText Mark-up Language). Te sugiero que tomes los Primeros uno a la vez durante siete días. Para el fin de la semana, fácilmente sabrás lo suficiente para crear tu propia página hogar HTML. No, en serio. Tú Podrás.

Digo esto porque muchas personas se mofan de la noción que pueden realmente aprender este nuevo lenguaje de la Red Internacional. Aún estoy asombrado que la linea más vendida de libros de computadora llama a sus lectores "Tontos". Y las personas parecen deleitarse con ese título. Algunas de las personas más inteligentes que conozco aman proclamarse ellos mismos "Tontos" con respecto a cada aspecto de las computadoras. Extraño. Pienso que harás un mejor papel en tu próxima fiesta de cóctel entregando tu dirección página hogar en lugar de reírte acerca de cuan ignorante eres acerca de la Red Internacional.

¡Tú Puedes Hacer Esto!

Comenzamos

Estoy asumiendo al principio de esta guía didáctica que sabes nada acerca de HTML. De cualquier modo, estoy asumiendo algún conocimiento sobre la computadora. No mirarías esta página sin tener algún conocimiento. Para continuar con estos Primeros, necesitarás...

1. Una computadora (obviamente)
2. Un hojeador como NetScape, Microsoft Explorer, Chameleon, Mosaic. Si estás mirando esta página, obviamente tienes uno.
3. Un procesador de palabras. Si haz tenido acceso al programa "Bloc de Notas" de Windows o al programa "Texto Simple" de MAC, úsalo para comenzar.

Si tú tienes estas tres cosas, tú puedees escribir HTML con lo mejor de ellos. Ahora aquí hay unas cuantas preguntas que probablemente tú tienes:

P. ¿Tengo una MAC (o IBM) trabajará esto en mi computadora?
R. Sí. HTML no usa alguna plataforma específica. Esta trabaja con texto simple. Mas sobre esto en un momento...

P. ¿Debo estar conectado a la Red Internacional para hacer esto? Más especificamente, ¿aprendiendo esto mi costo por estar en-línea aumentará?
R. Ninguno. Escribirás fuera de línea.

P. ¿Necesito algún tipo de programa costoso para ayudarme a escribir esto?
R. No. Escribirás usando solamente lo que he mencionado arriba. Puedes comprar estos programas si así lo deseas. Pero ellos no son necesarios. Yo nunca he usado alguno.

P. ¿Esto requiere que aprenda un totalmente nuevo lenguaje de computadora como Basic o Fortran o algún otro enigmático, atroz, de aspecto estúpido, extremadamente gótico y empalagoso?
R. ¿No estamos algo, susceptibles-susceptibles? "No", es tu respuesta. HTML no es un lenguaje de computadora. Permíteme repetírtelo en negrilla... ¡¡¡¡HTML no es un lenguaje de computadora!!!!

¿Qué es HTML?

HTML, otra vez, significa Lenguaje Marcador HiperTexto [HyperText Mark-up Language]. (La gente de Computadora ama las siglas--hablarás siglas ASAP muy pronto). Permíteme descomponerlo para ti:

    • Lenguaje porque requirieron algo que comenzara con "L" para terminar HTML y Luis Marcador HiperTexto [Hypertext Mark-Up Louie] no fluyó correctamente. (Porque es un lenguaje, verdaderamente.)
    • Marcador es lo que harás. Escribirás en llano Español y entonces marcas lo que escribiste. Más por venir en el próximo Primero.
    • Hiper es lo opuesto de lineal. Solía usarse que programas de computadora tenían que moverse en una forma lineal. Este antes de este...este antes de este...y así sucesivamente. Este lenguaje no hace sostenimiento a eso y permite que la persona viendo la página de la Telaraña de Área Mundial para ir a cualquier parte, en cualquier momento que quieran.
    • texto es lo que usarás, real, honrado a bondad de letras Hispanas.

Empezando a Escribir

Empezarás realmente a escribir HTML comenzando con Primero #2. Eso es mañana si sigues el plan de siete días que estaba escrito para. Aquí quiero decirte cómo irás acerca del proceso.

Escribirás el documento HTML en el Procesador de Palabras, o Bloque de Notas o Texto Simple. Cuando hayas terminado, leerás entonces el documento en el hojeador (como Netscape). Ahora, algunas personas quienes ya se adiestraron en HTML van inmediatamente a saltar de arriba a abajo y gritar que debes usar un programa-ayudante HTML porque lo hace más fácil. Sí, pero también lo hace más duro aprender cuando el programa hace la mitad del trabajo por ti. Toma mi palabra para esto--usa el procesador de palabras por una semana, entonces ve al ayudante (te diré cómo obtener uno). serás mucho mejor por el esfuerzo.

El Procesador de Palabras

Cuando escribes en el procesador de palabras (Esto no aplica a Bloque de Notas o Texto Simple) necesitarás seguir unos pasos. Aquí están:

1. Escribe la página como harías cualquier otro documento.
2. Cuando vas guardar el documento (aquí está el truco), SIEMPRE escoge GUARDAR COMO.
3. Cuando la caja GUARDAR COMO aparezca, necesitarás guardar la página en un formato específico. Mira en la caja un pedazo cuando entras en el procesador de palabras, habrá en alguna parte donde serás capaz de cambiar el formato del archivo.
4. Si tienes una computadora IBM Compatible, guarda tu documento como TEXTO ASCII para DOS o sólo TEXTO
5. Si tienes una máquina MAC, guarda tu documento como TEXTO
6. ¡Siempre guarda a un disco flexible! Ayudará con el traslado desde el procesador de palabras al hojeador.

Favor de recordar...es muy importante escoger "GUARDAR COMO" CADA VEZ que guardes tu documento. Si no lo haces, el programa no lo guardará como TEXTO, pues tiene su formato por omisión. En términos de hombre común--usa GUARDAR COMO o hecha a perder tu documento.

Favor de notar:

Bloque de Notas y Texto Simple guardan tu trabajo como texto sin haber preguntado medianamente todos los pasos arriba necesitados si no fuera menester ser seguidos. Es casi como si los programas se hicieron para escribir documentos HTML. De hecho - Todavía uso Bloque de Notas para escribir algunas de mis obras.

Cómo Nombrar Tu Documento

Cómo nombres tu documento es muy importante. Debes nombrar tu documento y agregar un sufijo a él. Esa es la manera para todo trabajo en HTML. Darás un nombre y entonces un sufijo. Sigue esto para nombrar tu documento.

1. Dale un nombre. Cualquier cosa. Si tienes una IBM no ejecutando Windows 95, estás limitado a 8 letras de cualquier modo.
2. Agrega un sufijo. Para todo documento HTML, agregarás ".htm" o ".html".

".htm" para máquinas IBM y ".html" para Máquinas MAC

Ejemplo:
Estoy buscando nombrar un documento que recien escribí en una máquina IBM. Quiero nombrar el documento "fred". Pues, es una máquina IBM así el nombre del documento debe ser "fred.htm". Si era una máquina MAC deberías nombrarlo "fred.html". ¡¡Favor de notar el punto (período) anterior .htm y .html!! Y ningunas comillas, yo sólo las puse aquí para poner el nombre aparte.

¿Ehhhhhh.... Por qué debo hacer Eso?

Me alegro que preguntaras. Es una cosa llamada "asociación". Está es cómo computadoras dicen cosas diferentes aparte. ".html" le dice a la computadora que esta cosa es un documento HTML. Cuando entremos en gráficos, será un sufijo diferente. Todas las cosas serán nombre.sufijo. Siempre.

Muy Bien, ¿Por qué .htm para IBM y .html para MAC?

Porque ésa es la manera como las IBM están hechas. Ellas sólo permite 3 letras después del punto. MAC permite cuatro. Tu hojeador permite para ambos sufijos. Los ve como el mismo. Windows 95 actúa como una MAC permitiendo cuatro letras, pero permanecerá con tres en caso de que tú quieras transferir tus archivos a una diferente IBM. Ésa es sólo una sugerencia.

¿Porqué debo guardarlo como TEXTO o TEXTO ASCII para DOS?

Estás lleno de preguntas. Verás, hojeadores HTML pueden únicamente leer texto. Mira a tu teclado. Ve las letras y números y pequeños signos como % y @ y *? Éso es texto. Éso es lo qué el hojeador lee.

Si no guardas como TEXTO o TEXTO ASCII para DOS estás guardando otras muchas cosas más junto a tu documento que sólo el texto. Estás guardando tu margen fijado, tu tabulador fijado, negrita, cursivas, etc, etc, etc. ¡Con un hojeador, no quieres todo eso--SOLO EL TEXTO!

Recuerda eso si usas Bloque de Notas o Texto Simple, el documento se guardará como texto sin preguntas extra. Sólo escoge "guardar".

Abriendo el Documento en el hojeador

Una vez tienes tu documento HTML en el disco flexible, necesitas abrirlo en el hojeador. Esto es bastante fácil. Puesto que estás usando un hojeador para mirar este Primero, sigue con él.

1. Debajo del Menú ARCHIVO (arriba a la izquierda de esta pantalla), hallarás ABRIR, o ABRIR ARCHIVO, o palabras para ese efecto.
2. Pulsa el botón en él. Unos hojeadores te dan la caja de diálogo en seguida. Otros como Explorador, y versión reciente de Netscape, te piden pulsar el botón en MOSTRAR o ABRIR ARCHIVO para llegar a la caja de diálogo. Cuando la caja de diálogo abre, cambia a la unidad A:\ (o el disco flexible para usuarios de MAC) y abre tu documento.
3. El hojeador hará el resto.

Una Cosa Más.

Fácilmente tienes bastante para mantenerte ocupado por el primer día. No te inquietes--los Primeros se vuelven con menos palabras después de éste. Una cosa más...

Si vas a hacer esto, sugiero que hagas un punto del aprendizaje ver a páginas HTML de otras personas. ¿Dices que ya estás listo para hacer esto, Eeh? Quizá. Lo que digo es para que tú veas al documento HTML que una persona escribió para presentar la página que estás viendo. No mires a una página bonita, mira por atrás del documento.

¿Por qué Debería Hacer Eso?

Porque puedes...pero seriamente gente. Digamos que tropiezas con una página que tiene un esquema realmente pulcro, o un patrón de texto elegante, o una agrupación extraña de imágenes. A ti te gustaría saber cómo hacerlo. Pues, parece, no te digo robar cualquier cosa, pero seamos honrados, si ves algún paisaje que te guste, vas a usar la idea. Si ves un esquema de sitio que te guste, usarás la idea para ayudarte. Ése es el punto de mirar otra página de documento HTML.

Aquí está cómo lo haces: (Ésto no trabaja para AOL, pero continua leiendo)

1. Cuando te halles a una página que te guste, pulsa el botón sobre VER en la parte superior de la pantalla.
2. Escoge DOCUMENTO FUENTE del menú
3. El documento HTML aparecerá en la pantalla.
4. Atrévete-inténtalo con esta página. Pulsa el botón sobre VER y entonces FUENTE arriba expresado

Va a parecer como pollo-rasguño ahora mismo, pero para el fin de la semana, parecerá leíble y podrás hallar exactamente cómo una cierta presentación HTML fue llevada a cabo.

Aquellos de ustedes quienes usan AOL no hallarán los botones VER Fuente descritos arriba. Requerirás descargar la página como "fuente". Haz eso escogiendo GUARDAR COMO en la ventana del hojeador y guarda el documento en el formato "fuente". Puedes mirar entonces la codificación más tarde en tu editor de texto.

Ése es el Primero de hoy. Imprímelo si gustas y ponte listo para escudriñar y escribir tu primer documento HTML. Te veo mañana.

Escríbeme si lo deseas. Te responderé si me es posible.

Ir a Primario #2

Regresar a Página Hogar Bienes HTML

[Bienvenido a HTML] [Comenzamos][Qué es HTML?][Empezando a Escribir][Ver Fuente]