TALLER 1 BIMESTRE 4

¿Que es un sitio web?

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 en Internet.
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...

Que es una página web?

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 formato HTML o XHTML, y puede proporcionar navegación a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente incluyen otros recursos como hojas de estilo en cascada, guiones (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 intranet corporativa, 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).

Proceso a tener en cuenta para crear un sitio web


En este apartado encontrarás un curso completo y detallado paso a paso con el que conseguirás, sin necesidad de tener ningún conocimiento previo de ninguno de estos temas, crear y llegar a tener tu propia web en la red.
El curso ha de ser seguido desde el principio y sin saltarse un solo apartado. Esto es importante para no perderte en secciones más avanzadas dentro del mismo curso. Si te pierdes en algún momento, no dudes en acudir al Foro CCTW para resolver tus dudas e incluso indicarme qué parte del curso te gustaría que explicase con más detalle.
Bien, para que tengas una idea de lo que vas a aprender en este Curso Paso a Paso, te comento un poco su contenido.
Para empezar, te hablo del programa que vamos a utilizar para crear la web, dónde conseguirlo, cómo instalarlo, etc.
Tras unas líneas acerca de la temática a escoger para tu página, y recomendaciones sobre cómo organizar los archivos que la van a componer, te indico, paso a paso como siempre, cómo registrarte en un servidor gratuito donde alojarás tu página web.
Tras tener el registro en el servidor listo (cosa rápida, bastan unos minutos), configuraremos el programa para poder subir los archivos a la red y actualizar las páginas, crearemos una primera página de ensayo muy simple, y la mandaremos al servidor. Con esto, ya tendremos una web visible para ofrecer a los posibles visitantes.
Después llega la hora de ir aprendiendo a insertar algunos elementos, como textos, fondos, enlaces o vínculos, imágenes, e incluso cómo dar el formato que deseamos a todos estos elementos y, sobre la marcha, te iré introduciendo en el lenguaje HTML, pero de un modo bastante fácil. Aprenderás sin darte cuenta, ya verás.
A la misma vez que te iras familiarizando con el Html, también te muestro algunas nociones de estilo CSS. Ahora igual te suena a chino, pero sabrás de lo que te hablo en breve. Te va a gustar, seguro.
Seguidamente, te enseño a crear tablas para estructurar tu contenido, definir colores para tus elementos, etc.
Todo esto no serán ejemplos aislados, sino que cada cosa aprendida será incorporada a la web que iremos fabricando a lo largo del curso, de modo que, conforme vayas avanzando, tu web lo hará también, ganando en calidad, presencia y alegria, como tú.
El contenido de este portal sigue creciendo conforme voy descubriendo cosas útiles que incorporar (nunca se termina de aprender cosas nuevas), como foros para tus visitantes, cómo incorporarla a los buscadores más conocidos para que tu nueva web sea encontrada, pasando por aprender a crear tus propios banners, incorporar chats, e incluso cómo insertar publicidad en ella para obtener algún beneficio económico.
En resumen, en este curso, iremos aplicando lo que ya aparece en el resto de apartados de CómoCrearTuWeb, de modo que al terminarlo, tendréis una web completa y habréis aprendido lo suficiente como para lanzaros a la aventura vosotros solos, bueno, con nuestro apoyo en todo momento, claro.
A continuación empezamos las lecciones. Repito, es importante que no te saltes ninguna, que te conozco, je je, vale? Recuerda que puedes imprimirlas pulsando en tu navegador, donde pone "Archivo" y dentro de esto, en "Imprimir". Todo está preparado para que no se impriman elementos innecesarios, como la publicidad, los menús, etc.
Recuerda, si te surgen dudas, accede al Foro CCTW desde el enlace que encontrarás en la barra de abajo. Allí intentaremos solucionar tus problemillas.

Etapas de análisis y diseño de sitios web

Análisis y definición del diseño web
Creación de la página web de acuerdo al diseño web establecido
Programación de la navegabilidad de las páginas web del sitio
LENGUAJE HTML
claro que,actualmente,Dreamweaver le gana en 2 cosas: Soporte para mas lenguajes,soporte técnico (si es legal),ademas de que cuanto te ven usarlo,ven que usas los programas que para ellos son "los mejores en su área" aunque Dreamweaver no es el mejor,kompozer lo es.Aunque kompozer lo supera en cosas como: FTP mas estable,bajo consumo de recursos,un editor CSS que supera a el de Dreamweaver,aunque no por mucho,y muchos mas,es multiplataforma (corre no solo en windows,sino tambien en linux y Mac OS). Sin decir que es mas accesible para todos.Comparemoslos:Kompozer soporta:HTML (tanto visualmente como en vista de código)CSS (tanto visualmente como en vista de código,ademas permite trabajar con varias hojas de estilo,tanto externas como internas)Javascript (Un poco en modo visual,si no sabes javascript a nivel básico por lo menos no podrás usarlo)PHP (Solo código :S)Mientras que Dreamweaver trabaja con todos los lenguajes asociados a la web tanto en modo visual como en modo codigo.Para aprender sobre kompozer lean estos blogs:http://joaclintistgud.wordpress.com/http://jesusda.com/Yo uso tanto Dreamweaver como Kompozer,la verdad depende,me gusta trabajar tanto en modo visual como en modo codigo,pero Kompozer aun esta desarrollandose,asi que para lenguajes como Ajax y Javascript (si tengo que programar una libreria o algo complejo,pero escasamente pasa),debo usar Dreamweaver,por ahora...Personalmente gusto mas de Kompozer,cuando no se que solo usare HTML,CSS,Javascript y tal vez PHclaro que,actualmente,Dreamweaver le gana en 2 cosas: Soporte para mas lenguajes,soporte técnico (si es legal),ademas de que cuanto te ven usarlo,ven que usas los programas que para ellos son "los mejores en su área" aunque Dreamweaver no es el mejor,kompozer lo es.Aunque kompozer lo supera en cosas como: FTP mas estable,bajo consumo de recursos,un editor CSS que supera a el de Dreamweaver,aunque no por mucho,y muchos mas,es multiplataforma (corre no solo en windows,sino tambien en linux y Mac OS). Sin decir que es mas accesible para todos.Comparemoslos:Kompozer soporta:HTML (tanto visualmente como en vista de código)CSS (tanto visualmente como en vista de código,ademas permite trabajar con varias hojas de estilo,tanto externas como internas)Javascript (Un poco en modo visual,si no sabes javascript a nivel básico por lo menos no podrás usarlo)PHP (Solo código :S)Mientras que Dreamweaver trabaja con todos los lenguajes asociados a la web tanto en modo visual como en modo codigo.Para aprender sobre kompozer lean estos blogs:http://joaclintistgud.wordpress.com/http://jesusda.com/Yo uso tanto Dreamweaver como Kompozer,la verdad depende,me gusta trabajar tanto en modo visual como en modo codigo,pero Kompozer aun esta desarrollandose,asi que para lenguajes como Ajax y Javascript (si tengo que programar una libreria o algo complejo,pero escasamente pasa),debo usar Dreamweaver,por ahora...

Personalmente gusto mas de Kompozer,cuando no se que solo usare HTML,CSS,Javascript y tal vez PH
Aunque kompozer lo supera en cosas como: FTP mas estable,bajo consumo de recursos,un editor CSS que supera a el de Dreamweaver,aunque no por mucho,y muchos mas,es multiplataforma (corre no solo en windows,sino tambien en linux y Mac OS). Sin decir que es mas accesible para todos.
Comparemoslos:

Kompozer soporta:

HTML (tanto visualmente como en vista de código)
CSS (tanto visualmente como en vista de código,ademas permite trabajar con varias hojas de estilo,tanto externas como internas)
Javascript (Un poco en modo visual,si no sabes javascript a nivel básico por lo menos no podrás usarlo)
PHP (Solo código :S)

Mientras que Dreamweaver trabaja con todos los lenguajes asociados a la web tanto en modo visual como en modo codigo.

Para aprender sobre kompozer lean estos blogs:

http://joaclintistgud.wordpress.com/
http://jesusda.com/

Yo uso tanto Dreamweaver como Kompozer,la verdad depende,me gusta trabajar tanto en modo visual como en modo codigo,pero Kompozer aun esta desarrollandose,asi que para lenguajes como Ajax y Javascript (si tengo que programar una libreria o algo complejo,pero escasamente pasa),debo usar Dreamweaver,por ahora...

Personalmente gusto mas de Kompozer,cuando no se que solo usare HTML,CSS,Javascript y tal vez PH
Comparemoslos:
Kompozer soporta:

HTML (tanto visualmente como en vista de código)
CSS (tanto visualmente como en vista de código,ademas permite trabajar con varias hojas de estilo,tanto externas como internas)
Javascript (Un poco en modo visual,si no sabes javascript a nivel básico por lo menos no podrás usarlo)
PHP (Solo código :S)

Mientras que Dreamweaver trabaja con todos los lenguajes asociados a la web tanto en modo visual como en modo codigo.

Para aprender sobre kompozer lean estos blogs:

http://joaclintistgud.wordpress.com/
http://jesusda.com/

Yo uso tanto Dreamweaver como Kompozer,la verdad depende,me gusta trabajar tanto en modo visual como en modo codigo,pero Kompozer aun esta desarrollandose,asi que para lenguajes como Ajax y Javascript (si tengo que programar una libreria o algo complejo,pero escasamente pasa),debo usar Dreamweaver,por ahora...

Personalmente gusto mas de Kompozer,cuando no se que solo usare HTML,CSS,Javascript y tal vez PH
Kompozer soporta:
HTML (tanto visualmente como en vista de código)
CSS (tanto visualmente como en vista de código,ademas permite trabajar con varias hojas de estilo,tanto externas como internas)
Javascript (Un poco en modo visual,si no sabes javascript a nivel básico por lo menos no podrás usarlo)
PHP (Solo código :S)

Mientras que Dreamweaver trabaja con todos los lenguajes asociados a la web tanto en modo visual como en modo codigo.

Para aprender sobre kompozer lean estos blogs:

http://joaclintistgud.wordpress.com/
http://jesusda.com/

Yo uso tanto Dreamweaver como Kompozer,la verdad depende,me gusta trabajar tanto en modo visual como en modo codigo,pero Kompozer aun esta desarrollandose,asi que para lenguajes como Ajax y Javascript (si tengo que programar una libreria o algo complejo,pero escasamente pasa),debo usar Dreamweaver,por ahora...

Personalmente gusto mas de Kompozer,cuando no se que solo usare HTML,CSS,Javascript y tal vez PH
HTML (tanto visualmente como en vista de código)
CSS (tanto visualmente como en vista de código,ademas permite trabajar con varias hojas de estilo,tanto externas como internas)
Javascript (Un poco en modo visual,si no sabes javascript a nivel básico por lo menos no podrás usarlo)
PHP (Solo código :S)
Mientras que Dreamweaver trabaja con todos los lenguajes asociados a la web tanto en modo visual como en modo codigo.

Para aprender sobre kompozer lean estos blogs:

http://joaclintistgud.wordpress.com/
http://jesusda.com/

Yo uso tanto Dreamweaver como Kompozer,la verdad depende,me gusta trabajar tanto en modo visual como en modo codigo,pero Kompozer aun esta desarrollandose,asi que para lenguajes como Ajax y Javascript (si tengo que programar una libreria o algo complejo,pero escasamente pasa),debo usar Dreamweaver,por ahora...

Personalmente gusto mas de Kompozer,cuando no se que solo usare HTML,CSS,Javascript y tal vez PH
Mientras que Dreamweaver trabaja con todos los lenguajes asociados a la web tanto en modo visual como en modo codigo.
Para aprender sobre kompozer lean estos blogs:

http://joaclintistgud.wordpress.com/
http://jesusda.com/

Yo uso tanto Dreamweaver como Kompozer,la verdad depende,me gusta trabajar tanto en modo visual como en modo codigo,pero Kompozer aun esta desarrollandose,asi que para lenguajes como Ajax y Javascript (si tengo que programar una libreria o algo complejo,pero escasamente pasa),debo usar Dreamweaver,por ahora...

Personalmente gusto mas de Kompozer,cuando no se que solo usare HTML,CSS,Javascript y tal vez PH
Para aprender sobre kompozer lean estos blogs:
http://joaclintistgud.wordpress.com/
http://jesusda.com/

Yo uso tanto Dreamweaver como Kompozer,la verdad depende,me gusta trabajar tanto en modo visual como en modo codigo,pero Kompozer aun esta desarrollandose,asi que para lenguajes como Ajax y Javascript (si tengo que programar una libreria o algo complejo,pero escasamente pasa),debo usar Dreamweaver,por ahora...

Personalmente gusto mas de Kompozer,cuando no se que solo usare HTML,CSS,Javascript y tal vez PH
http://joaclintistgud.wordpress.com/
http://jesusda.com/
Yo uso tanto Dreamweaver como Kompozer,la verdad depende,me gusta trabajar tanto en modo visual como en modo codigo,pero Kompozer aun esta desarrollandose,asi que para lenguajes como Ajax y Javascript (si tengo que programar una libreria o algo complejo,pero escasamente pasa),debo usar Dreamweaver,por ahora...

Personalmente gusto mas de Kompozer,cuando no se que solo usare HTML,CSS,Javascript y tal vez PH
Yo uso tanto Dreamweaver como Kompozer,la verdad depende,me gusta trabajar tanto en modo visual como en modo codigo,pero Kompozer aun esta desarrollandose,asi que para lenguajes como Ajax y Javascript (si tengo que programar una libreria o algo complejo,pero escasamente pasa),debo usar Dreamweaver,por ahora...
Personalmente gusto mas de Kompozer,cuando no se que solo usare HTML,CSS,Javascript y tal vez PH
Personalmente gusto mas de Kompozer,cuando no se que solo usare HTML,CSS,Javascript y tal vez PH

En esta fase del diseño se estudia la imagen que debe tener la página web de acuerdo al objetivo que desea cumplir. Es la fase en la que se genera una primera visión del diseño que presentarán las páginas web del sitio.

Después de aprobar el boceto del diseño web en la fase anterior se procede a la implementación de este diseño como página web, con sus cabeceras, menús, animaciones e imágenes.

Una vez creadas y estructuradas las páginas web, se procede a programar su navegabilidad y su funcionalidad para una correcta presentación de las páginas web tal y como se define en el diseño web original

Lenguajes de programación para la creacion de sitios web

Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. 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).

Herramientas básicas de Dreamweaver y lenguajes asociados 

Es un excelente editor web totalmente libre y de código abierto.