Introducción:
En el
curso de diseño web va a aprender usted a diseñar páginas web, un medio muy
importante de expresión.
Vamos
a realizar una página web y cargarla en un servidor gratuito y por último
luego de finalizarla se la promocionará.
En
algunas partes del curso también se estudiará diseño grafico, referente a la
creación de la web y se realizarán algunas animaciones sencillas entre otras
cosas.
El
diseño gráfico será el nivel recomendado para una página, por expertos. Esto
significa que en este curso no nos vamos a detener en diseñar complejas
animaciones que en la practica se utilizan en muy rara ocasión y es todo un
curso aparte.
Lo
importante en la creación y desarrollo de una página web es el contenido y el
análisis del mercado al cual se dirige la página, al igual que la facilidad de
la navegación y promoción.
Si
vamos a realizar una página esta debe ser buena, interesante y útil, o al
menos cumplir con una de estas condiciones, de lo contrario será mejor no
realizarla o planificarla de mejor manera.
El
hecho de que usted aprenda a diseñar páginas web, le servirá por lo
siguiente:
¨
Salida laboral
¨
Medio de expresión
¨
Estar orientado hacia el futuro
¨
Aprender mas sobre algo interesante como ser la informática.
Este
curso se orientará según necesidades del usuario.
En
algunos programas se encuentran distintos niveles de enseñanza, un nivel
inicial de aprendizaje y un nivel profesional o avanzado. En este curso se
aprenderá a diseñar una web a un nivel profesional estándar, sinceramente no
se puede diseñar una página con un nivel no aceptable de aprendizaje, o
simplemente habiendo recibido tres o cuatro clases. Hay detalles que usted
aprenderá en este curso que necesitará conocer o tener en cuenta. Hay una gran
diferencia entre una página bien hecha y realizar una sin haber hecho un buen
curso antes
Por
último comento: Este curso no es difícil y le aseguro que aprenderá a diseñar
correctamente en la www en el transcurso de estos cuatro o dos meses de duración
(según las clases que desee recibir por semana) aprenderá todo lo que necesita
para el desarrollo de una página web.
Este
apunte es una recordación de lo visto en clase, no necesitará tomar apuntes en
ningún momento perdiendo así tiempo en escribir.
Le
agradezco por elegirme de profesor en esta área y le animo a finalizar
correctamente el curso, le aseguro le será provechoso.
Javier
R. Cinacchi
E-mail:javiercinacchi@hotmail.com
Página personal: www.humano.ya.com/ja123ja123
Resumen de primera clase: Ejemplo de página, programa a usar, pagina index, lo primero que hay que hacer.
Vamos
a utilizar como base el programa FrontPage, uno de los mas utilizados y
difundidos entre otros. Aprendiendo
a usar bien este, luego aprenderá a utilizar otros si lo desea. Este posee un
interfaz de usuario fácil. Luego a medida que abansemos aprenderemos lo que
usted nesecite de HTML y JavaScript.
Voy a
tomar como referencia para enseñar mi página:
www.humano.ya.com/ja123ja123 a modo de ejemplo.
En
primer lugar, antes de empesar a diseñar deberá contestar las siguientes
preguntas
¿Que
temas tratará?
¿Qué
tipo de público la visitará?
¿Que
edad tendrán los visitantes?
¿Cuál
es el fin de la página?
Nota:
No todo el trabajo en diseño web se centra en saber utilizar un programa, lo
primero que hay que hacer es diagramar lo que será la web, de otra forma se
pueden perder horas o días de trabajo desarrollando algo que no servirá, o que
canviará al poco tiempo de terminarlo porque está mal organizada la estructura
de la web
Al
abrir FrontPage observará lo siguiente:
Una
hoja en blanco rodeada de botoncitos.
Desde
html se pueden realizar tareas mas avanzadas que desde diseño no se puede. Luego,
en vistas, le recomiendo antes de publicar la página, comprobar como quedó
directamente desde Internet Explorer y desde Netscape
Lo
primero que hay que colocar en esta página son palabras clave en minúsculas y
sin acentos. Esto es para que nuestra página sea hallada cuando se la
promosione en los buscadores. No siempre se busca que una página sea
“linda” o atractiva, si nadie entra en la misma por no haber utilizado las técnicas
correctas, de nada sirve que sea linda. En la red InterNet se encuentran
millones de millones de páginas hay “truquitos” para que nuestra página
figure y aparezca en los distintos motores de búsqueda y sea visitada, de otra
forma las que poseen esos truquitos serán visitadas y no la suya, es decir su
trabajo no rendirá al máximo y antes que una persona tenga la opción de
entrar en su diseño, tendrá quizás 100, 200 o 1000 opciones y usted estará
entre las ultimas, esto inevitablemente es así.
En el
lenguaje HTML se usan etiquetas (tags), indicando distintos formatos y efectos
que se observarán al visualizar lo escrito como pagina web, mediante un
navegador. Funcionan de la siguiente manera:
Este
es el inicio de una etiqueta es: <XXX>
Este
es el cierre de una etiqueta es: </XXX>
Lo que este entre medio del inicio y cierre será lo que variará la etiqueta. Hay etiquetas para cada cosa, color, tamaño de letra, hipervínculo, etc..
Luego, un documento HTML en sí está dividido en dos
zonas principales:
El
encabezamiento, comprendido entre las etiquetas <HEAD> y </HEAD>:
Acá se pone una serie de códigos que no se verán, pero que indicarán
cosas, por ejemplo datos para que los buscadores en los que se incluya lo
realizado encuentren fácilmente el trabajo.
Luego
también aquí van instrucciones javascript por ejemplo que son llamadas desde
al cargar la página o al llamar el evento desde un comando como ser un botón,
esto ya se verá en su momento.
El
cuerpo, o sea lo que se verá irá comprendido entre las etiquetas <BODY>
y </BODY>
Entre <head> y </head> por ejemplo podrá
poner el titulo de la página con las siguientes etiquetas:
Por
ejemplo esto quedaría así:
<title> pagina
personal de Daniel Martinez</title>
</head>
En la segunda clase si reside en la zona en que se dan los cursos se
aprende a trabajar con tablas (método mas utilizado) y dejaremos terminada la
parte básica de index.
Javier
Gracias por estas aquí
