27.04.2013 Views

Diseño y Programación de Páginas Web

Diseño y Programación de Páginas Web

Diseño y Programación de Páginas Web

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

98 por <strong>de</strong>fecto siempre tiene instalado el Block <strong>de</strong> Notas y también el Internet Explorer se pue<strong>de</strong><br />

empezar a construir una página web sin más necesida<strong>de</strong>s que lo que ya tenemos.<br />

En otros sistemas distintos <strong>de</strong> Windows 98 será también muy fácil obtener un editor <strong>de</strong> textos sencillo y<br />

un navegador con el que ver las páginas que vamos a crear, si es que no están instalados ya. Sitios en<br />

la web <strong>de</strong>s<strong>de</strong> don<strong>de</strong> se pue<strong>de</strong>n <strong>de</strong>scargar estos programas son Tucows o Download.com, don<strong>de</strong> tienen<br />

software <strong>de</strong> todos los sistemas operativos como Windows, Mac OS, o Linux.<br />

También en castellano tenemos buenas páginas <strong>de</strong> <strong>de</strong>scarga <strong>de</strong> software, la más representativa es<br />

Softonic.<br />

Sin duda, en nuestra aventura con el <strong>de</strong>sarrollo <strong>de</strong>l web vamos a necesitar muchos más programas<br />

como por ejemplo programas <strong>de</strong> retoque fotográfico o editores complejos <strong>de</strong> páginas web, pero no es<br />

necesario que los introduzcamos todavía en este manual porque no son necesarios para dar nuestros<br />

primeros pasos.<br />

Qué es HTML<br />

HTML es el lenguaje con el que se <strong>de</strong>finen las páginas web. Básicamente se trata <strong>de</strong> un conjunto <strong>de</strong><br />

etiquetas que sirven para <strong>de</strong>finir la forma en la que presentar el texto y otros elementos <strong>de</strong> la página.<br />

El HTML se creó en un principio con objetivos divulgativos. No se pensó que la web llegara a ser un área<br />

<strong>de</strong> ocio con carácter multimedia, <strong>de</strong> modo que, el HTML se creó sin dar respuesta a todos los posibles<br />

usos que se le iba a dar y a todos los colectivos <strong>de</strong> gente que lo utilizarían en un futuro. Sin embargo,<br />

pese a esta <strong>de</strong>ficiente planificación, si que se han ido incorporando modificaciones con el tiempo, estos<br />

son los estándares <strong>de</strong>l HTML. Numerosos estándares se han presentado ya. El HTML 4.01 es el último<br />

estándar a febrero <strong>de</strong> 2001.<br />

El HTML es un lenguaje <strong>de</strong> programación muy fácil <strong>de</strong> apren<strong>de</strong>r, lo que permite que cualquier persona,<br />

aunque no haya programado en la vida pueda enfrentarse a la tarea <strong>de</strong> crear una web. HTML es fácil y<br />

pronto podremos dominar el lenguaje. Más a<strong>de</strong>lante se conseguirán los resultados profesionales gracias<br />

a nuestras capacida<strong>de</strong>s para el diseño y nuestra vena artista.<br />

Una vez conocemos el concepto <strong>de</strong> HTML os vamos a a<strong>de</strong>lantar algunas cosas más. Este lenguaje se<br />

escribe en un documento <strong>de</strong> texto, por eso necesitamos un editor <strong>de</strong> textos para escribir una página<br />

web. Así pues, el archivo don<strong>de</strong> está contenido el código HTML es un archivo <strong>de</strong> texto, con una<br />

peculiaridad, que tiene extensión .html o .htm (es indiferente cuál utilizar). De modo que cuando<br />

programemos en HTML lo haremos con un editor <strong>de</strong> textos, lo más sencillo posible y guardaremos<br />

nuestros trabajos con extensión .html, por ejemplo mipagina.html<br />

Por a<strong>de</strong>lantar un poco cómo se utiliza el HTML os diremos que el lenguaje consta <strong>de</strong> etiquetas que tienen<br />

esta forma o . Cada etiqueta significa una cosa, por ejemplo significa que se escriba en<br />

negrita (bold) o significa un párrafo, es un enlace, etc. Casi todas las etiquetas tienen su<br />

correspondiente etiqueta <strong>de</strong> cierre, que indica que a partir <strong>de</strong> ese punto no <strong>de</strong>be <strong>de</strong> afectar la etiqueta.<br />

Por ejemplo se utiliza para indicar que se <strong>de</strong>je <strong>de</strong> escribir en negrita. Así que el HTML no es más<br />

que una serie <strong>de</strong> etiquetas que se utilizan para <strong>de</strong>finir la forma o estilo que queremos aplicar a nuestro<br />

documento. Esto está en negrita.<br />

Para apren<strong>de</strong>r HTML en profundidad tenemos un manual en Desarrollo<strong>Web</strong>.com. A<strong>de</strong>más se pue<strong>de</strong>n<br />

consultar los enlaces a distintos manuales que tenemos en nuestro buscador en la sección <strong>de</strong> HTML. Hay<br />

que hacer en este punto una mención especial a un manual que es muy interesante, aunque un poco<br />

anticuado ya, el <strong>Web</strong>maestro.<br />

Editores <strong>de</strong> HTML<br />

Para las personas que no <strong>de</strong>seen complicarse la vida con el lenguaje HTML, porque no tengan tiempo <strong>de</strong><br />

apren<strong>de</strong>rlo o porque se sientan incapaces <strong>de</strong> hacerlo, hay una posibilidad distinta a programar<br />

directamente el HTML a base <strong>de</strong> texto. Se trata <strong>de</strong> utilizar un tipo <strong>de</strong> programas que nos permiten<br />

diseñar la página como si estuviéramos escribiendo un documento con un editor <strong>de</strong>l tipo <strong>de</strong> Word. El<br />

editor <strong>de</strong> HTML es el encargado <strong>de</strong> vérselas con el lenguaje y programar internamente la página con el<br />

código HTML según lo que nosotros estamos diseñando.<br />

Con el editor HTML po<strong>de</strong>mos colocar imágenes, <strong>de</strong>finir estilos, utilizar negritas o cursivas, etc. sin<br />

preocuparnos <strong>de</strong> las etiquetas correspondientes a cada estilo o elemento. Es el editor el que sabe estas<br />

etiquetas y las utiliza convenientemente. Este tipo <strong>de</strong> editores HTML se <strong>de</strong>nominan habitualmente<br />

WYSIWYG (What You See Is What You Get) porque cuando trabajas con ellos lo que ves que estás<br />

creando con el editor es lo que obtienes luego cuando grabas la página.<br />

Existe entre las personas que se <strong>de</strong>dican a realizar las páginas web dos ten<strong>de</strong>ncias. Por un lado tenemos<br />

6

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!