clase 1 desarrollo web

5
Para empezar a codificar en HTML lo primero es saber en dónde se puede realizar. Actualmente existen muchos editores que puedes utilizar : Microsoft ActiveX Control Pad Allaire Home site Hotdog Express Hotdog Professional Webmáster Suite(recommended) Hot dog Web Editor HOT Metal Pro WebFacil Pro Arachnophilia WYSIWYG DHTML Editor AnfyJava CSE HTML Validator Profesional (recommended) CSE HTML Validator Lite (recommended) WEBOverdrive Los anteriores editores, son una pequeña muestra de ellos. Pero, si no quieres amargarte la vida puedes escoger como editor de texto el Block de Notas o Worpad. Yo te recomiendo el Block de Notas y para este módulo se trabajará sobre éste. Antes de empezar se debe tener en cuenta que se necesita de: Un editor de imágenes: Sirve para visualizar imágenes .jpg Un navegador: Aquel que visualiza páginas web. Para éste módulo se trabajará con Internet Explorer. Editor de texto: Como el Block de Notas. El Block de Notas es un editor de texto que sirve para generar archivos planos. Generalmente, un archivo plano es de extensión .txt y no lleva ningún tipo de formato. (“Tipo de letra, color, corrección ortografía, animación, etc..”) . Se codifican lenguajes de programación en el Block de Notas.

Upload: planeta-digital-360

Post on 26-Jul-2015

221 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Clase 1 desarrollo web

Para empezar a codificar en HTML lo primero es saber en dónde se puede

realizar.

Actualmente existen muchos editores que puedes utilizar:

Microsoft ActiveX Control Pad

Allaire Home site

Hotdog Express

Hotdog Professional Webmáster Suite(recommended)

Hot dog Web Editor

HOT Metal Pro

WebFacil Pro

Arachnophilia

WYSIWYG DHTML Editor

AnfyJava

CSE HTML Validator Profesional (recommended)

CSE HTML Validator Lite (recommended)

WEBOverdrive

Los anteriores editores, son una pequeña muestra de ellos. Pero, si no quieres

amargarte la vida puedes escoger como editor de texto el Block de Notas o

Worpad. Yo te recomiendo el Block de Notas y para este módulo se trabajará

sobre éste.

Antes de empezar se debe tener en cuenta que se necesita de:

Un editor de imágenes: Sirve para visualizar imágenes .jpg

Un navegador: Aquel que visualiza páginas web. Para éste módulo se

trabajará con Internet Explorer.

Editor de texto: Como el Block de Notas.

El Block de Notas es un editor de texto que sirve para generar archivos planos.

Generalmente, un archivo plano es de extensión .txt y no lleva ningún tipo de

formato. (“Tipo de letra, color, corrección ortografía, animación, etc..”) . Se

codifican lenguajes de programación en el Block de Notas.

Page 2: Clase 1 desarrollo web

Cómo acceder al Block de Notas.

Pasos

1. inicio + programas + accesorios + Block de Notas

imagen_01

2. Comencemos a diseñar el primer sitio web, para ello se debe guardar

como primera instancia.

Pasos

1. Archivo + Guardar como + Nombre: index.html + guardar

Page 3: Clase 1 desarrollo web

imagen_02

Se debe tener en cuenta donde se guarda la página. Para este caso NOTA.

la ubicación está en Mis Documentos. En donde se escribe index.html, en

realidad puede ser otro: nombre.html es decir, también se puede escribir

páginaweb.html.

Se escribe index puesto que los buscadores (Google, Altavista, etc....)se

guían por esta palabra para encontrar la página..

Posteriormente se deben cerrar todas las ventanas para poder empezar a

trabajar tranquilamente la página web.

Luego de cerrar las ventanas se debe ubicar en donde quedó guardada la

página, es decir, index.html. Vamos a Mis Documentos y ubicamos a

index.html nótese que el ícono que acompaña al título es una e de Internet

Explorer. Para éste módulo se va a trabajar Html en la compañía de Microsoft,

es decir, el navegador Internet Explorer, es muy conveniente que tengas

una versión superior a la 4.0 para que puedas ver todos los efectos con el código que vas a aprender a manipular.

Page 4: Clase 1 desarrollo web

Imagen_03

Luego debes abrir el archivo creado llamado index.html el que está encerrado

en un círculo rojo en la gráfica superior.......

Y aquí está tu primera página web....................

Imagen_04

Page 5: Clase 1 desarrollo web

No memorizar la codificación puesto que sería como contar las estrellas.

Luego, en la parte superior en la barra de menús donde se encuentra Archivo ,

Edición, Ver, Favoritos, Herramientas y Ayuda.

Damos un clic en la opción Ver encerrada en el círculo rojo + código fuente

donde se abrirá de nuevo el Block de Notas para empezar a codificar en HTML

para nuestra página web.

Cualquier página web diseñada en cualquier programa genera un código fuente

el cual puede ser modificado. Téngase en cuenta que el código fuente de una

página se puede modificar siempre y cuando la página esté en el propio

computador, si la página está en Internet sólo se podrá modificar el código

fuente si sólo se tiene acceso a ella a través de un login y un password.

Un consejo:

Si quieres volverte un gurú en HTML, es decir un genio en códigos HTML, te aconsejo que libres una gran batalla con tu memoria, en otras

palabras, de ahora en adelante vas a olvidar que tienes memoria. No te preocupes por aprender la codificación HTML puesto que si practicas

arduamente verás que los códigos harán parte de ti.

Para dar un buen manejo a este módulo debes leer el tema y practicarlo

en el computador. La teoría y la práctica deben ser equivalentes para

formar un excelente conocimiento acerca del tema, es muy recomendable