El documento habla sobre los fundamentos de las páginas web, incluyendo el lenguaje HTML, el protocolo HTTP, herramientas para diseñar páginas web como Dreamweaver y problemas comunes como el uso excesivo de pop-ups o formularios largos y complejos.

1. Modelado de Optimización I

2.  En el pasado la creación de páginas web
resultaba una tarea solo accesible a expertos,
pero en la actualidad, gracias al desarrollo de
las tecnologías y nuevas aplicaciones es cada
vez una realidad más para los usuarios básicos
de la red de redes.

3.  EL LENGAJE WEB: HTML
 El lenguaje utilizado en el WWW para el correcto funcionamiento de
la misma es el HTML. Este lenguaje, acrónimo inglés de Hypertext
Markup Language (lenguaje de etiquetado de documentos
hipertextual), es un lenguaje de marcación diseñado para
estructurar textos y presentarlos en forma de hipertexto, que es el
formato estándar de las páginas web. Gracias a Internet y a los
navegadores del tipo Internet Explorer, Opera, Firefox o Netscape,
el HTML se ha convertido en uno de los formatos más populares que
existen para la construcción de documentos.

4.  El protocolo de comunicación web: HTTP
 El protocolo de transferencia de hipertexto (HTTP,
HyperText Transfer Protocol) es el protocolo usado en
cada transacción de la Web. El hipertexto es el
contenido de las páginas web, y el protocolo de
transferencia es el sistema mediante el cual se envían
las peticiones de acceder a una página web, y la
respuesta de esa web, remitiendo la información que
se verá en pantalla. También sirve el protocolo para
enviar información adicional en ambos sentidos, como
formularios con mensajes y otros similares.
 HTTP dispone de una variante cifrada
mediante SSL llamada HTTPS.

5.  El protocolo de transferencia de ficheros: FTP
 El protocolo FTP (del inglés File Transfer Protocol,
protocolo de transferencia de ficheros) es el ideal
para transferir grandes bloques de datos por la red. Y
es la herramienta más ampliamente utilizada para
conectar la estructura local con la estructura remota
de la WWW y depositar allí los documentos y/o
archivos que más tarde deberan verse publicados la
Web (ver imagen).

7.  La mayoría de las páginas web a nivel
mundial son subidas a los respectivos
servidores mediante este protocolo.
INTERNET

8.  El color es uno de los elementos más
poderosos de que disponemos a la hora de
comunicar emociones en un sitio web. La
mayoría de estas emociones son percibidas
de un modo sutil e inconsciente.

9.  El color es subjetivo: cada persona,
dependiendo de sus rasgos culturales o
sociales, su estado de ánimo u otras
circunstancias personales, lo va a
interpretar de manera distinta.

10.  Herramientas que podemos utilizar para
diseñar una página web con excelentes
resultados.
› Dreamweaver
› Eclipse
› Netbeans, etc.
 Software de Diseño Gráfico
› Software que combina retoque fotográfico y dibujo
vectorial

11.  Software FTP
› Externo
› Interno
 Servidor Web
› IIS
› Apache
 Base de Datos
› MySql
› Sql Server
› Access, etc.

12.  Los princiapales problemas que nos podemos encontrar a la hora
de decidir el diseño para nuestra web.
 Uso de Flash
Las Facilidades y Utilidades que presenta flash son innumerables a
la hora de interactividad, e impacto visual. Desafortunadamente
las webs 100% flash pueden traer algunos problemas en la
incorporación a buscadores.
Interactividad
Principales problemas que se presenta en la interactividad, es la
complejidad que el diseñador le agrega al site, logrando así que el
usuario navegue secciones de subsecciones y quede perdido
dentro de la página. Una página deberá ser lo que se llama APT (a
prueba de tontos) así logra el objetivo deseado, que el usuario
encuentre su búsqueda.

13.  Incompatibilidad
Hay que tener mucho cuidado cuando se hacen páginas
dinámicas, con php, asp, etc... Y también con los CSS que se va a
incluir en la hoja de estilo, esto puede traer algunos dolores de
cabeza ya que los exploradores interpretan diferente y algunos
dejan pasar de largo código y otros no, o definen código diferente.
 Disputa no solo con el cliente
 Formularios Web
Estos mismos si bien son útiles, pueden lograr que un usuario deje de
hacer su consulta y se retire del sitio. En mi opinión estos formularios
deben ser absolutamente claros y concisos, y por supuesto evitar
hacer preguntas inútiles, sin olvidar que el formulario debe ser corto.

14.  Uso desconsiderado de Ventanas
Actualmente nos encontramos invadidos por las
publicidades en pop-ups, evite el uso de pop-ups en el sitio,
primero porque ya los exploradores más vendidos traen una
herramienta para bloquearlos y resulta molesto para el
visitante tener que activarlo para ver el

15.  El desarrollo de HTML junto con ciertos
elementos JavaScript y PHP, JSP o ASP puede facilitar en
gran medida su mantenimiento y permitir la
implementación de funcionalidad sencilla (e.g. Un
formulario de contacto).
 Gestor de Contenidos
 Definición: Sistema que forma la estructura de soporte para la
creación y administración de información en un sitio web
(también conocidos como CMS – “Content Management
System”)
 Es un sistema que se instala en el servidor y genera las páginas
web cuando los internautas las solicitan, se puede por tanto
generar contenido dinámico dependiendo del usuario. Disponen
de una parte pública que ven todos los internautas y de una
sección privada o panel de control

16.  La funcionalidad del sitio Web
 Su facilidad de mantenimiento y
actualización de contenidos
 Las necesidades (y por tanto precio) del
servidor donde se alojará la web
 Disponibilidad de actualizaciones de
seguridad.
 Velocidad de carga de la web.
 La usabilidad de los distintos elementos
 Visibilidad en los buscadores.

17.  Proyecto Web
› Documento proyecto
 Caratula
 Objetivo del Proyecto
 Objetivos específicos
 Alcance del Proyecto
 Analisis UML –
 Casos de Uso, Modelo Entidad Relacion
› Sistema Web

18.  http://www.aspnetya.com.ar/
 http://tejedoresdelweb.com
 http://msdn.microsoft.com/es-bo