INTRODUCCIÓN
presentamos lo que nosotros consideramos como los conocimientos
esenciales para poder tomar decisiones más fácilmente en proyectos de diseño
Web. Considerando que su tiempo es muy valioso, estamos presentando esta
información en dos grupos. El primero de ellos nos revela la información de
supervivencia, o sea aquellas nociones que son verdaderamente indispensables de
conocer. Si Usted dispone de mayor tiempo para la lectura de este artículo, el
segundo grupo nos provee información adicional que también resulta de gran utilidad
en el diseño de páginas Web.
NOCIONES BÁSICAS DEL DISEÑO WEB
1.El contenido es definitivamente el componente más importante de una página Web.
2. Existe más de una metodología para diseñar Sitios Web. Investigue y seleccione la que Usted considere más conveniente de acuerdo a sus fines de negocio.
3. Es recomendable que las funciones especiales como búsquedas, chat en línea y foros de discusión sean implementadas en una segunda o tercera versión cuando el sitio esté ya produciendo un tráfico significativo.
4. Asegúrese de comprar una página Web, no una película. La animación gráfica esuna técnica de diseño Web que está siendo utilizada indiscriminadamente por los diseñadores en México.
5. Diseñar una página Web efectiva es mucho más complejo de lo que parece en un principio (Ley de Murphy).
6. Los costos de servicios Web en paquete se han reducido al mínimo, de igual forma han disminuido los buenos resultados y el retorno sobre la inversión.
7. Los precios de los servicios de registro y hospedaje de dominios son muy semejantes entre un proveedor y otro por tratarse esencialmente de recursos de cómputo y comunicaciones, no así los costos de diseño de páginas Web, ya que la metodología de diseño y la calidad del producto final varía considerablemente entre
una agencia y otra.
8. Usted no puede cotizar una página Web sin dar a conocer las especificaciones mínimas. Para conocer el costo de diseño de una página Web, necesita cuando menos definir el índice del contenido del sitio y los idiomas en los que desea transmitir su mensaje de negocios.
9. El hospedaje de sitios y el diseño Web son dos especialidades muy distintas. Por lo general es más conveniente seleccionar diferentes proveedores para estos dos servicios.
10. En Internet, los negocios se ganan hoy en día en los motores de búsqueda, por eso es tan importante el posicionamiento en buscadores.
11. Registrar una página en motores de búsqueda y posicionarla en los primeros lugares son dos cosas muy distintas.
12. Recuerde que el prestigio de su empresa y sus marcas están en juego, defina una estrategia acorde a la dimensión de su organización. Si Usted es el líder en su industria, no siga la misma metodología que la tienda de la esquina.
13. Las páginas Web sencillas difícilmente promoverán su negocio en el Internet. Sólo si Usted hace las cosas bien, los clientes llegarán a su página Web.
14. Por lo general, no existe un apropiado balance entre lo que deseamos que contenga nuestra página y lo que estamos dispuestos a pagar por ella.
DEFINICIÓN Y ESTRUCTURA
Es una carpeta almacenada en un Servidor Web. Dentro de esta carpeta se pueden localizar diferentes tipos de archivos conocidos como páginas web, entre estos tenemos: páginas ASP, páginas HTML, imágenes, animaciones, scripts, bases de datos, etc.
Se entiende por estructura de un sitio Web a la manera en que se almacenan lógicamente los archivos dentro de este (carpetas y subcarpetas) y la manera en que se vinculan entre sí estos archivos a través de los Enlaces (acceso a otras páginas o Web). En la figura siguiente, se muestra la forma como se pueden enlazar diferentes páginas conservando una estructura organizada.
FORMATO DE UN SITIO WEB
Todos los Sitio Web poseen una apariencia característica; distintos tipos de letras (fuentes), colores, imágenes, maneras de representar los hipervínculos, etc. Podría decirse entonces que el formato del Sitio es la apariencia estética en que se presentan las diferentes páginas que lo componen ante cualquier navegante que lo recorre.
TIPOS
Pueden clasificarse de diferentes formas, acontinuacion una de ellas
Por sus objetivos:
Comerciales: Están creados para promocionar los negocios de una empresa. Su finalidad es económica. Su audiencia puede estar formada por clientes (actuales y potenciales), inversores (actuales y potenciales), empleados (actuales y potenciales) e incluso la competencia y los medios de comunicación. Podemos a su vez dividirlas en Corporativas (Informan sobre la empresa) y Promocionales (promocionan productos).
Informativos: Su finalidad principal es distribuir información. La audiencia de este tipo de sitios depende del tipo de información que distribuyen.
Ocio: Aunque normalmente son sitios con una finalidad económica, son un caso especial. No son sitios fáciles de crear ni de mantener y a veces siguen reglas propias; puesto que a veces es más importante sorprender al usuario con innovaciones que mantener la consistencia y la estructura.
Navegación: Su finalidad es ayudar al usuario a encontrar lo que busca en Internet. Dentro de este grupo se sitúan los llamados portales, que intentan abarcar prácticamente todo dentro del propio sitio.
Artísticos: Son un medio de expresión artística de su creador o creadores. Este tipo de sitios suele saltarse todas las convenciones y las únicas normas a aplicar son las que el propio artista o artistas deseen.
Personales: Al igual que los anteriores, son un medio de expresión de su creador o creadores. Sus objetivos y su audiencia pueden ser de lo más variopinto. Dentro de este grupo puede haber de todo desde colecciones de fotos de la familia hasta tratados científicos de primer orden.
LENGUAJES DE PROGRAMACIÓN WEB
HTML
No es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas.
PHP
Es un lenguaje de programación interpretado, diseñado originalmente para la creación de páginas web dinámicas. Es usado principalmente en interpretación del lado del servidor (server-side scripting) pero actualmente puede ser utilizado desde una interfaz de línea de comandos o en la creación de otros tipos de programas incluyendo aplicaciones con interfaz gráfica usando las bibliotecas Qt o GTK+.
JAVA
Es un lenguaje de programación con el que podemos realizar cualquier tipo de programa. En la actualidad es un lenguaje muy extendido y cada vez cobra más importancia tanto en el ámbito de Internet como en la informática en general. Está desarrollado por la compañía Sun Microsystems con gran dedicación y siempre
enfocado a cubrir las necesidades tecnológicas más punteras.
CREACIÓN DE UN DOCUMENTO EN HTML
Antes de continuar HTML (lenguaje de hipertexto basado en marcas) es un lenguaje que se usa en las páginas web. Está compuesto por una serie de palabras claves utilizadas para definir las propiedades del texto, tipos de letra, estilos, imágenes y otros elementos que forman parte de la página web.
Para comenzar abra un editor de texto como Bloc de Notas, Worpad, Gedit o cualquiera que esté disponible y guarde el archivo vacío con extensión html. Tenga cuidado que el archivo quede con la extensión correcta. Si utiliza block de notas siga estos pasos:
1. Inicie el editor Bloc de Notas.
2. Haga clic en el menú archivo “guardar como”. En el espacio para el nombre escriba el nombre del archivo con la extensión HTML. Por ejemplo: El_Sol.html
3. En recuadro “Tipo:” elija “Todos los archivos (*.*)”.
4. Haga clic en el botón “Guardar”.
Recomendación: Cuando inicie la elaboración de su página web cree una carpeta y
guarde allí todos los archivos que la constituyen, por ejemplo imágenes, archivos
HTML, vídeos, sonidos entre otros.
DISEÑO DE SITIOS WEB BAJO ASISTENTES
Estas herramientas se encuentran como programas gratuitos y otros por los cuales hay que pagar licencia de uso, dirigidos a todos los tipos de usuario desde aquel con conocimientos básicos de edición de texto, así como aquel con complejos conocimientos de scripts de programación. Pero con la evolución de la Web 2.0 ha surgido una nueva alternativa la cual no requiere de instalación de programa alguno sino que es la web misma la que le permite por medio de un asistente crear un sitio Web basado en plantillas o en su
propio diseño HTML.
Mientras se toma la decisión de comprar el hosting, es posible diseñar y publicar gratuitamente un sitio web en un sinnúmero de lugares disponibles para ello.
El BLOG
Conocido como Weblog o bitácora, es un sitio web que recopila ordenadamente o cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente.
Habitualmente, en cada artículo, los lectores pueden escribir sus comentarios y el autor darles respuesta, de forma que es posible establecer un diálogo. El uso o temática de cada blog es particular, los hay de tipo personal, periodístico, empresarial o corporativo, tecnológico, educativo, etc.
DREAMWEAVER
Es la herramienta de diseño de páginas web más avanzada, tal como se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontrarán en este programa razones para utilizarlo, sobre todo en lo que a productividad se refiere.
Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y soporta gran cantidad de tecnologías, además muy fáciles de usar:
Hojas de estilo y capas
Javascript para crear efectos e interactividades
Inserción de archivos multimedia...
Además es un programa que se puede actualizar con componentes, que fabrica
tanto Macromedia como otras compañías, para realizar otras acciones más
avanzadas.
Componentes Multimedia
Una de las necesidades a la hora de crear aplicaciones multimedia son los
componentes, entendiendo por este término cualquier recurso que intervenga a lo
largo de un producto multimedia. Los componentes básicos para elaboración de una
aplicación multimedia son:
Texto
Imágenes
Animación
Sonido
Vídeo
Herramientas de edición de imagen
La edición de imágenes a diferencia de la creación de las mismas, se limita a la modificación de una o varias imágenes digitalizadas. Algunas tareas comúnmente desarrolladas con los editores de imagen son la aplicación de filtros de color para lograr efectos de fotografía blanco y negro, sepia u otro similar. También es común utilizarlos para realizar collages y montajes.
Programas de edición de audio y vídeo
Con la masificación de los teléfonos celulares con capacidad de captura de vídeo así como de las cámaras de vídeo compactas, ha sido un requerimiento que diversos sistemas operativos integren aplicaciones que permitan recortar los archivos de vídeo, insertar subtítulos, extraer audio o imagen, mezclarlos y otras
funciones que dependen de las posibilidades del editor de audio y video a utilizar.
Capturar contenido de audio y video de páginas web
Es común desear descargar el contenido de videos alojado en páginas como youtube.com o googlevideo.com. Como característica particular del formato de éstos archivos de video, se usa tecnología de animación flash para la reproducción; el formato que se usa en estás paginas es flv y no es reproducido de forma nativa por los reproductores, ni tampoco descargado directamente desde las páginas web mencionadas. Para realizar esta captura se hace uso de programas gratuitos como el AresTube, en el cual basta copiar la dirección web donde se encuentra alojado el video, seleccionar un formato de salida compatible con el reproductor como WMV y proceder a la descarga dando clic en el botón download.
Plug-Ins y controles Active-x
Aunque las personas sean nuevas en la Red, quizás en algún momento han escuchado sobre multimedia en la Web, escuchar sonidos, ver animaciones y videos, y hasta jugar en espacio tridimensional.
Para experimentar con multimedia en línea, se debe disponer de un PC con una tarjeta de audio bien instalada. Después lo que necesita son piezas de software llamados plug-Ins. Un plug-In amplía las capacidades de su navegador Web, como el Mozilla FireFox o el Microsoft Internet Explorer, transformando su computadora en un radio o en una televisión.
Música y Radio en la Web
Debido al alcance masivo de la Internet, diferentes medios de comunicación tradicionales has establecido como estrategia páginas Web en las cuales se puede reproducir el contenido de su programación en línea. Tal es el caso de la radio convencional que ha visto en el Internet un medio más de expansión. En Colombia ese fenómeno no es ajeno, las principales cadenas radiales cuentan con emisiones 24 horas de sus principales emisoras ejemplo de ello es RCN Radio (http://www.rcn.com.co/emisorasenvivo/ ).
BIBLIOGRÁFIA
Lorena Patricia Soarez(2004) MODULO HERRAMIENTAS TELEMÁTICAS
Edición 2013