martes, 8 de mayo de 2012

Taller 2 Bimestre 4

1. Crear una carpeta en mis documentos con el nombre web1.

2. Abrir el programa dreamweaver y crear un nuevo sitio desde el menu sitio siguiendo los siguientes pasos:

  • El nombre del sitio debe ser exactamente el mismo que se coloco a la carpeta creada, oseaweb1, en la direccion del sitio no se coloca nada, pulsamos siguiente.
  • Seleccionamos la opcion no deseo utilizar una tecnología de servidor y pulsamos siguiente.
  • El lugar donde se almacenaran los archivos debe ser la carpeta que creamos al principio, pulsamos siguiente
  • En la opcion como conecta con su servidor remoto seleccionamos ninguno, pulsamos siguiente
  • Finalmente pulsamos la opcino completado, y el sitio web ya esta creado
3. En los archivos locales ya encontramos el sitio, asi que el siguiente paso sera crear un nuevo archivo HTML

4. Escojemos la opcion diseño e insertamos dos tablas, una para el titulo de 1x1 y otra que sera el cuerpo de la página de 1x3

5. En la primera tabla colocamos el titulo de la página o insertamos una imagen que se debe guardas en la carpeta del sitio

6. En la segunda tabla insertamos botones tipo flash para vincularlos a las diferentes páginas creadas    

Nota: Todos los ementos usados en la página deben guardarse en la carpeta correspondiente al sitio web

jueves, 26 de abril de 2012

Taller 1 Bimestre 4

CREACION DE SITIOS O PAGINAS WEB

1. que es un sitio web?
2. que es una pagina web?
3. proceso a tener en cuenta para crear un sitio web
4. etapas de análisis y diseño de sitio web
5. lenguajes de programación para creación de sitios web
6. herramientas básicas de dreamwear y lenguajes asociados


Desarrollo
 1) Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web enInternet.

Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet.

Todos los sitios web públicamente accesibles constituyen una gigantesca World Wide Web de información (un gigantesco entramado de recursos de alcance mundial).
A las páginas de un sitio web se accede frecuentemente a través de un URL raíz común llamado portada, que normalmente reside en el mismo servidor físico. Los URL organizan las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan más particularmente cómo el lector percibe la estructura general y cómo el tráfico web fluye entre las diferentes partes de los sitios.
Algunos sitios web requieren una subscripción para acceder a algunos o todos sus contenidos. Ejemplos de sitios con subscripción incluyen muchos portales de pornografía en Internet, algunos sitios de noticias, sitios de juegos, foros, servicios de correo electrónico basados en web, sitios que proporcionan datos de bolsa de valores e información económica en tiempo real, etc.

2) Una página web es el nombre de un documento o información electrónica adaptada para laWorld Wide Web y que puede ser accedida mediante un navegador para mostrarse en un monitor de computadora o dispositivo móvil. Esta información se encuentra generalmente en formatoHTML o XHTML, y puede proporcionar navegación a otras páginas web mediante enlaces dehipertexto. Las páginas web frecuentemente incluyen otros recursos como hojas de estilo en cascadaguiones (scripts) e imágenes digitales, entre otros.
Las páginas web pueden estar almacenadas en un equipo local o un servidor web remoto. El servidor web puede restringir el acceso únicamente para redes privadas, p. ej., en una intranetcorporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante su transferencia desde servidores utilizando el protocolo de transferencia de hipertexto (HTTP).

3) 1. Planeación


Ante todo, debe determinar a qué público se dirige su sitio. Esto es esencial, porque mucho diseños y contenidos dependen de esto. ¿Está dirigido a niños o adultos? ¿Accede su público la red desde el trabajo, desde la escuela o desde la casa? ¿Qué tan rápida es su conexión a la Internet? ¿Quieren ellos estar informados o entretenerse? Asegúrese de que conoce las respuestas a estas preguntas desde el inicio.



Su sitio debe estar bien organizado, tanto para el beneficio de sus visitantes como para hacerlo fácil de mantener. Planifique su sitio en un tablero o de forma esquemática, quizás como un gráfico de flujo. Considere usar tarjetas para representar las páginas Web potenciales. Usted puede reconfigurarlas de forma rápida. Realmente ayuda contar con algún modo de visualizar la estructura, ya sea si está trabajando solo, con colegas o con profesionales.



En esta fase, dedique tanto tiempo como pueda a navegar en el Web. Mire detenidamente los sitios Web que le agraden. Varios sitios dan créditos a la compañía de diseño y enlazan a su sitio Web, de tal forma que usted vea qué otras cosas ha realizado la compañía. Si decide buscar ayuda externa, asegúrese de que la compañía tiene experiencia en proyectos de su tamaño y alcance.



Mantenga en mente que un sitio Web es un constante trabajo en acción. La mayoría de los sitios Web cambian continuamente porque la tecnología hace la publicidad electrónica rápida y relativamente de bajo costo. Un sitio bien planeado simplifica este proceso. Nuevo contenidos y rasgos pueden ser fácilmente añadidos sin tener que rediseñar el sitio.


2. Desarrollo de contenido


El contenido de su sitio será muy probablemente una combinación de la información que usted actualmente posee y de la que usted tendrá que crear. Esta puede ser la ocasión en la que usted desee contratar a un escritor creativo o, si es para negocios, a un conocedor de relaciones públicas Web adecuadas para ayudarle a desarrollar en el texto algunos de los conceptos inherentes en su compañía y productos.



Un tipo de contenido es la información de servicio al cliente. ¿Qué tipo de preguntas normalmente realizan las personas? Si no tiene un lista de preguntas y respuestas comúnmente realizadas, siéntese solo o con su personal y escriba una. Luego coloque esta información en su sitio Web. A medida que responda más preguntas a sus clientes en el sitio Web, menos tiempo empleará respondiendo esas mismas preguntas por teléfono.



Un director de contenido o un director de proyecto deben estar a cargo de la labor de darle seguimiento al texto, sección gráfica y programación necesarios para crear el contenido y la capacidad para su acceso en línea. Este tipo de ayuda puede ser contratada basada en un proyecto temporal, si no cuenta con la experiencia dentro de su personal. Esto además puede ser un servicio que una compañía completa de desarrollo de la red puede ofrecer.


3. Diseño Gráfico



Sin importar lo bien organizado e interesante de su contenido, el diseño gráfico determina el tono. Usted puede crear una buena impresión con algunos gráficos bien diseñados en la página central. Repita algunos elementos de diseño dentro del sitio para crear un sentido de continuidad. Esto es sólo una de varias directrices comunes que se deben seguir para crear páginas atractivas. Un buen diseñador puede ser de gran ayuda.



Lo más importante que se debe recordar al elegir diseñadores gráficos es trabajar con profesionales que entiendan los requisitos exclusivos de la red. Las limitaciones técnicas (y la oportunidades) de las páginas Web son extrañas para la mayoría de los diseñadores entrenados en otros medios. Los requisitos de tamaño de archivo, limitaciones de color y resoluciones de pantalla son muy diferentes a aquéllos que se imprimen. Aún cuando tenga un departamento gráfico interno, quizás quiera contratar un diseñador gráfico conocedor de la Web para llevar a su personal al nivel de la velocidad de la demanda del diseño en línea.


4. Programación y ayuda técnica



Una vez que ha planeado su sitio y ha creado el contenido y los gráficos, usted necesitará convertir su información en formato que se pueda leer en la Web. Usted puede hacer esto al convertir los archivos de texto enHTML (Lenguaje de Marcación de Hipertexto, por sus siglas en inglés) y al convertir los gráficos en formato GIF o JPEG. Aprender la base del formato HTML es bastante fácil. Si usted sólo tiene que crear algunas páginas y tiene el tiempo para hacerlo, probablemente lo pueda hacer por usted mismo. Si necesita ayuda, puede contratar un programador de HTML por un precio aproximado de $25 a $75 por hora. El software para convertir los archivos de texto en HTML (editores de HTML) puede ser de gran ayuda. De hecho, el Word de Microsoft para Windows le permitirá guardar un documento de Word como un archivo de HTML.



Cuando empiece a trabajar con los formatos, los programas de CGI, mapas de imágenes o las transacciones en línea (como compras por catálogo), probablemente necesitará los servicios de un programador. La mayoría de los programas relacionados con la Web están escritos en Perl, C o TCL. Los programadores pueden costar por hora entre US$45 a US$200, dependiendo de su localización geográfica y sus habilidades. Muchos desarrolladores de la red ofrecen programación como parte de sus servicios. Asegúrese de ver algunos ejemplos de trabajo de proyectos previos, sin importar a quien contrate.



Cuando todo su material esté listo y haya obtenido un programador dispuesto para hacer el lanzamiento, usted necesitará un lugar para colocar sus archivos. Si está trabajando con un servidor interno, su administrador de sistema necesitará aprender las habilidades necesarias (quizás con la ayuda de un consultor). La mayoría de las personas colocan sus archivos en un servidor remoto.


5. Mercadeo y promoción



Crear un sitio Web brillante es inútil si nadie sabe acerca de él. Con millones de sitios, captar la atención puede ser un reto. Algunos desarrolladores ofrecen ayuda de mercadeo y promoción como parte de su paquete de servicios. Visite 123 Promote (en inglés) para conocer ideas de cómo puede mercadear su sitio.



Usted puede echar a andar las cosas al registrar su sitio con el más importante directorio de la Internet, todo en un solo paso en el sitio Submit It! (en inglés). Un profesional de mercadeo de la Internet realmente puede ayudar a difundir el rumor en forma rápida y ofrecerle ideas creativas para atraer más personas a su sitio, todo esto al publicar en Web un contenido atractivo.


6. Mantenimiento



Como una casa, un sitio Web necesita un mantenimiento constante. No cometa el error de asumir que una vez está en línea, todo ya está hecho. Si quiere que las personas retornen a su sitio, deberá añadir material nuevo a su sitio Web, hay correo electrónico que responder, enlaces que actualizar y quizás estadísticas de uso que seguir. Para un sitio pequeño, esto puede tomarle un tiempo tan breve como dos o tres horas al mes. Con un poco de tiempo dedicado al aprendizaje de HTML, usted podría manejar esto usted mismo.



El mantenimiento en un sitio grande puede ser un trabajo de tiempo completo, por eso debe tener en cuenta el costo de un mantenimiento constante dentro de su presupuesto. Si está trabajando con un desarrollador Web que está ayudando con aspectos de su proyecto, la compañía debe ofrecer un acuerdo de mantenimiento como parte del contrato. Pregunte acerca del acuerdo al inicio del proyecto. Trabajar con las mismas personas asegura la consistencia; una nueva compañía o persona no tendrá el mismo conocimiento de trabajo de su sitio.


4) El diseño web 
es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidadinteractividadusabilidad,arquitectura de la información y la interacción de medios como el audiotextoimagenenlaces y vídeo. Se lo considera dentro del diseño multimedia.
La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio.
El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.

5) LENGUAJE HTML
Desde el surgimiento de internet se han publicado sitios web gracias al lenguajeHTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html).

LENGUAJE JAVASCRIPT

Este es un lenguaje interpretado, no requiere compilación. Fue creado por Brendan Eich en la empresa Netscape Communications. Utilizado principalmente en páginas web. Es similar a Java, aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La mayoría de los navegadores en sus últimas versiones interpretan código Javascript.
El código Javascript puede ser integrado dentro de nuestras páginas web. Para evitar incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar denominado DOM (en inglés Document Object Model, en su traducción al español Modelo de Objetos del Documento).

LENGUAJE PHP

Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un acrónimo recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se llamó Personal Home Page). Surgió en 1995, desarrollado por PHP Group.
PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generación de páginas web dinámicas, embebidas en páginas HTML y ejecutadas en el servidor. PHP no necesita ser compilado para ejecutarse. Para su funcionamiento necesita tener instalado Apache o IIS con las librerías de PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas características específicas. Los archivos cuentan con la extensión (php).

LENGUAJE ASP

Es una tecnología del lado de servidor desarrollada por Microsoft para el desarrollo de sitio web dinámicos. ASP significa en inglés (Active Server Pages), fue liberado por Microsoft en 1996. Las páginas web desarrolladas bajo este lenguaje es necesario tener instalado Internet Information Server (IIS).
ASP no necesita ser compilado para ejecutarse. Existen varios lenguajes que se pueden utilizar para crear páginas ASP. El más utilizado es VBScript, nativo de Microsoft. ASP se puede hacer también en Perl and Jscript (no JavaScript). El código ASP puede ser insertado junto con el código HTML. Los archivos cuentan con la extensión (asp).

LENGUAJE ASP.NET

Este es un lenguaje comercializado por Microsoft, y usado por programadores para desarrollar entre otras funciones, sitios web. ASP.NET es el sucesor de la tecnología ASP, fue lanzada al mercado mediante una estrategia de mercado denominada .NET.
El ASP.NET fue desarrollado para resolver las limitantes que brindaba tu antecesor ASP. Creado para desarrollar web sencillas o grandes aplicaciones. Para el desarrollo de ASP.NET se puede utilizar C#, VB.NET o J#. Los archivos cuentan con la extensión (aspx). Para su funcionamiento de las páginas se necesita tener instalado IIS con el Framework .Net. Microsft Windows 2003 incluye este framework, solo se necesitará instalarlo en versiones anteriores.

LENGUAJE JSP

Es un lenguaje para la creación de sitios web dinámicos, acrónimo de Java Server Pages. Está orientado a desarrollar páginas web en Java. JSP es un lenguaje multiplataforma. Creado para ejecutarse del lado del servidor.
JSP fue desarrollado por Sun Microsystems. Comparte ventajas similares a las de ASP.NET, desarrollado para la creación de aplicaciones web potentes. Posee un motor de páginas basado en los servlets de Java. Para su funcionamiento se necesita tener instalado un servidor Tomcat.

LENGUAJE PYTHON

Es un lenguaje de programación creado en el año 1990 por Guido van Rossum, es el sucesor del lenguaje de programación ABC. Python es comparado habitualmente con Perl. Los usuarios lo consideran como un lenguaje más limpio para programar. Permite la creación de todo tipo de programas incluyendo los sitios web.
Su código no necesita ser compilado, por lo que se llama que el código es interpretado. Es un lenguaje de programación multiparadigma, lo cual fuerza a que los programadores adopten por un estilo de programación particular:
  • Programación orientada a objetos.
  • Programación estructurada.
  • Programación funcional.
  • Programación orientada a aspectos

LENGUAJE RUBY

Es un lenguaje interpretado de muy alto nivel y orientado a objetos. Desarrollado en el 1993 por el programador japonés Yukihiro “Matz” Matsumoto. Su sintaxis está inspirada en Phyton, Perl. Es distribuido bajo licencia de software libre(Opensource).
Ruby es un lenguaje dinámico para una programación orientada a objetos rápida y sencilla. Para los que deseen iniciarse en este lenguaje pueden encontrar un tutorial interactivo de ruby. Se encuentra también a disposición de estos usuarios un sitio con informaciones y cursos en español.
6)Tutoriales Herramientas en DreamWeaver

Automatizar tareas con DreamWeaver
Buscar y Reemplazar en DreamWeaver
Cambiar el tamaño de la ventana de documento en DreamWeaver
Cloaking de archivos de tu sitio con DreamWeaver
Comprobar Ortografía en DreamWeaver
Copiar y pegar pasos entre documentos
El Panel de Objetos
El protocolo FTP y DreamWeaver
Estilos CSS en DreamWeaver
Estilos en Cascada (CSS) con DreamWeaver
Estilos y Comportamientos en DreamWeaver
Extensiones DreamWeaver
Formatear Tablas con DreamWeaver
Funciones de Búsqueda de DreamWeaver
Historial de Acciones en DreamWeaver
Importar Datos en DreamWeaver
Insertar Fecha en DreamWeaver
La ventana de documento en DreamWeaver
Los Colores en DreamWeaver
Ordenar Tablas en DreamWeaver
Paleta de Objetos y Barra de Propiedades en DreamWeaver
Repetir Pasos con DreamWeaver
Server Side Include en DreamWeaver
Trabajo en Grupo con DreamWeaver
Uso del refresh en DreamWeaver
Utilizar la barra de herramientas en DreamWeaver
Utilizar la barra del lanzador en DreamWeaver
Utilizar Menús Contextuales con DreamWeaver