Nosotros

Esta página debe contener información detallada sobre este proyecto web, sobre tu negocio y los productos y servicios que ofreces. Enfatiza tus cualidades, describe la historia de tu empresa, menciona certificados y premios.

De esta manera, puedes resaltar la información o anuncios importantes del texto.

Historia del proyecto

En esta parte puedes describir la historia del proyecto y explicar las razones para su creación. Es conveniente mencionar los hechos memorables del proyecto y reconocer el mérito de la gente que participó en él .

Nuestros usuarios

Aquí puedes describir al usuario típico e indicar porqué este proyecto es importante para ellos. El objetivo es motivar a tus visitantes a fin de que regresen a tu sitio web.

PAGINAS WEB

APLICACIONES WEB

TIPOS DE PAGINAS WEB

Página Web Estática:

Es aquella que está compuesta de una serie de archivos que contienen el código HTML que constituye la página en sí y que permiten mostrar los textos, imágenes, videos, etc que conforman el contenido de la página.
Estos archivos se almacenan en el servidor de Hosting en formato HTML junto con los archivos de imágenes (comunmente en formato jpg, gif o png) y los videos y demás contenido del site.
Para modificar este tipo de página los archivos deben ser descargados del servidor con algún software para este fin (como los clientes FTP), editado usando un programa de edición de páginas web como el Dreamweaver, grabados y subidos nuevamente al servidor.
Este proceso de edición requiere manejar una serie de programas que se deben tener instalados en la PC y requieren de una serie de conocimientos y habilidades para el uso correcto de estos programas.
Por lo general la edición de este tipo de páginas la realizan los diseñadores y desarrolladores web dedicados a estas labores.
Este tipo de página son difíciles de manejar por el propio cliente debido a los conocimientos y programas que se requieren.
La mayoría de personas que contrata este tipo de páginas para su negocio o empresa suele modificar el contenido muy esporádicamente debido a que cada modificación requerirá de los servicios de la persona que desarrollo la web o alguna otra que se dedique a dar estos servicios, lo que implica un costo por cada modificación.

Página Web Dinámica:

El término dinámico no se refiere a movimiento como muchos pueden pensar. El término dinámico hace referencia a que la página web se construye al momento en que la página es visitada por el usuario. Es decir que el contenido de la página web no es fijo sino que se construye de acuerdo a la interacción que el usuario hace con la página. La información de este tipo de página suele estar almacenada en Bases de Datos de las cuales se extrae una parte según las selecciones o acciones llevada a cabo por la persona que visita la página web.
Para realizar este tipo de página se necesita tener conocimientos de programación y manejo de bases de datos o usar software que haga uso de estas tecnologías.
Lás página web dinámicas tienen además las siguientes características:

• Gran número de posibilidades en su diseño y desarrollo.
• El visitante puede alterar el diseño, contenidos o presentación de la página a su gusto.
• En su realización se utilizan diversos lenguajes y tecnicas de programación.
• El proceso de actualización es sumamente sencillo, sin necesidad de entrar en el servidor.
• Permite un gran número de funcionalidades tales como bases de datos, foros, contenido dinámico, etc.
• Pueden realizarse íntegramente con software de libre distribución.
• Existe una amplia comunidad de programadores que brinda apoyo desinteresado.
• Cuenta con un gran número de soluciones prediseñadas de libre disposición.

En definitiva, el concepto de página Web dinámica se ha impuesto en el mundo del diseño y de la empresa en Internet. Páginas como Yahoo!, Google, Amazon e incluso ésta, son excelentes ejemplos de páginas Web dinámicas que permiten interactuar con el visitante y le ofrecen posibilidades realmente sorprendente: carritos de compra, posibilidad de incluir sus propias críticas en libros y discos, buscar en base a criterios determinados, participar en discusión y un larguísimo etcétera.

Otra característica principal de las páginas dinámicas es que pueden ser administradas por una persona sin conocimiento alguno de diseño o desarrollo web. Esto se puede hacer mediante el uso de formularios que sirvan para que el usuario administrador modifique los contenidos de la página que estan almacenados en la Base de Datos.
De esta manera el administrador solo debe tipear los textos, elegir las imágenes, videos, etc que irán en las secciones de la página en formularios construidos para ese fin.

UN BLOG

Un blog es un sitio web en el que uno o varios autores publican cronológicamente textos o artículos, apareciendo primero el más reciente, y donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. También suele ser habitual que los propios lectores participen activamente a través de los comentarios. Un blog puede servir para publicar ideas propias y opiniones de terceros sobre diversos temas.

Los términos ingleses blog y web blog provienen de las palabras web y log ('log' en inglés es sinónimo de diario).

El web blog es una publicación en línea de historias publicadas con una periodicidad muy alta, que son presentadas en orden cronológico inverso, es decir, lo más reciente que se ha publicado es lo primero que aparece en la pantalla. Es muy frecuente que los weblogs dispongan de una lista de enlaces a otros weblogs, a páginas para ampliar información, citar fuentes o hacer notar que se continúa con un tema que empezó otro weblog. También suelen disponer de un sistema de comentarios que permiten a los lectores establecer una conversación con el autor y entre ellos acerca de lo publicado.

15 CONSEJOS PARA DISEÑAR UNA PAGINA WEB

1-HAGALO TODO MAS SIMPLE.
El poder de un buen diseño esta en su simplicidad.
Defina la esencia

2-HAGALO TODO MAS SIMPLE: PARTE 2!
Cuando su diseño final parece ser demasiado simple para la cantidad de tiempo que le dedicó, VOILA! Su trabajo ya esta listo.

2-SALGA DE SU MUNDO INTERIOR: COMUNIQUESE
Aprenda a comunicarse y colaborar con todos los miembros de las profesiones web claves: programación, marketing, comerciales.

3-MENOS GLAMOUR Y MAS ORDEN
No se vea seducido por la forma en detrimento del contenido.
Un diseño web comprometido con el contenido contribuye en mayor medida que uno que hace prevalecer las formas.

4-DISEÑE PARA CONEXIONES VIA MODEM!!!!!!
La consideración estética mas importante a tener en cuenta es LA VELOCIDAD DE TRANSMISION. Si su trabajo tarda demasiado en bajar, deje todo de lado y vuelva al papel y al lápiz

5-TEXTOS. ABURRIDOS?
Cuando le toque diagramar textos, PRIMERO LEALOS.
Piense en como alguien, con menos interés que el suyo,
podría echarles un vistazo.
Otra cosa que es de gran ayuda es el ancho de los textos.
A menudo se ven por ahí webs con sus textos corriendo de punta a punta de la pagina. Cómo se puede leer eso???
Mejor trate de que sus textos se mantengan en un ancho de 400 pixeles, o, al menos, un tercio de su pantalla.

6-MAS COLOR Y GRAFICOS, MENOS IMAGENES Y
EFECTOS
El arte lineal, las formas vectoriales y el color plano se lleva de maravillas con la web. Para ser más claros, si sus diseños usan mas Freehand que Photoshop, es seguro de que su pagina cargara mucho mas rápido.

7-GRAFICOS Y TEXTOS: NO!

Nunca, jamás, inserte texto en un grafico. El texto es texto.
Los gráficos son gráficos. No los confunda.


8-ATRAIGA
Con las fluctuaciones en las conexiones a la web, su carácter de "lenta" y demás afectaciones, usted tiene 3 SEGUNDOS para convencer a un usuario de no usar el botón ATRAS del
navegador. TRES SEGUNDOS. Entonces, ponga todos sus esfuerzos para que aquello que desea mostrar en una página web aparezca inmediatamente, y de forma interesante.

9-ATRAIGA-SIMPLIFIQUE-VAYA A LO QUE IMPORTA
Tiene 30 segundos para cargar TODA una página en el navegador
del usuario. Quizás menos, 15 segs.
SEA RAPIDO

10-ENFOQUESE EN LO QUE INTERESA
A los usuarios no les interesa en absoluto como funciona y se navega dentro de su sitio web, solo llegaron allí por el contenido.
DESELOS en forma rápida y simple.


11-INFORMESE-APRENDA
Manténgase al tanto de las nuevas tecnologías. La web jamás se queda quieta, así que dedique su tiempo libre a aquello que es nuevo. Ya ha pasado el tiempo en que el pez más grande se comía al más pequeño, ahora es el mas RAPIDO el que se come al MAS LENTO.

12-DEFINA SU PROBLEMA
El diseño trata sobre la resolución de problemas, sobre enfrentar una cuestión de comunicación con un objetivo. Defina cual es el suyo y ya tendrá la mitad del problema resuelto.

13-APRENDASE LOS PRINCIPIOS DE NAVEGACION
a-La gente odia esperar
b-La gente odia hacer scroll
c-La gente odia leer
d-La gente prefiere hacer scroll antes que esperar
e-La gente prefiere esperar a leer.
c-La gente no es necesariamente racional o coherente, pero a
veces si.

14-BUSQUE INSPIRACION
Hable con gente que esta fuera de su campo de acción. Los arquitectos, por ejemplo, pueden darle una perspectiva completamente nueva del diseño web, quizá pueden cambiar su forma de imaginar como se conceptualiza un sitio, transformando las paginas web en "espacios web"

15-ESCUCHE MUSICA
Si, cuando la música acompaña a su trabajo este se hace más
placentero y llevadero. Incluso llega a generar mas inspiración.

CUESTIONARIO DE DIAGNOSTICO

1.-¿que es un sitio web?                                                                                                                    

Es una pagina que tiene contenido como imagenes,informacion,videos,etc.

2.-¿que es un hipertexto & para que sirve?

Son las palabras que estan en negritas & que al hacer click sobre ellas,enlazan a otras paginas con mas informacion respecto a ello.

3.-¿que es internet?

Es una red, que permite buscar informacion u otras cosas.

4.-¿Que es un navegador ?

Son programas o buscadore que permiten el acceso a internet.

5.-¿Que es un servidor en internet?

Un servidor es un ordenador remoto que provee los datos solicitados por parte de los navegadores de otras computadoras

6.-¿Que es Dreamweaver & para que sirve?

Es un programa para diseñar paginas web.

7.-¿Que es un sistema operativo?

Son los diferentes programas que tiene una computadora.

8.-¿Para que sirve (GUI)?

9.-¿Que es el diseño de paginas?

Programar o diseñar a tu estilo una pagina llamando la atencion del visitante.

10.-Menciona algunos paquetes de diseño (almenos 3).

Editor de fotos,diseño de blog o publicitarios.

TIPOS DE SITIOS WEB

Algunos tipos de sitios web son:

Blog: en estos sitios se introducen lecturas, diarios online o comentarios del autor. Además incluyen foros en los que los lectores pueden intercambiar opiniones.

Para el comercio electrónico: estos permiten a sus usuarios comprar y vender cualquier tipo de productos.

De descargas: por medio de estos sitios, los usuarios pueden subir y bajar contenido electrónico como música, películas, videojuegos, fondos de pantallas, etcétera.

De desarrollo: en estos sitios se introduce información vinculada con los desarrollos en diseño, web, software y todo lo que tenga que ver con el ámbito de la informática.

Institucionales: estos sitios son confeccionados por alguna entidad, con o sin fines de lucro, para darse a conocer, poner información propia y funcionan como un medio de contacto para sus clientes o miembros. Además, en caso de que sea una empresa, sirve para promocionar sus bienes y servicios.

De comunidad virtual: por medio de estos sitios, personas que poseen los mismos intereses e inquietudes pueden ponerse en contacto por medio de foros o chat.

Directorio: en estos se introduce información de diversas temáticas y se la organiza en distintas categorías.

De información: como su nombre indica, los contenidos de estos sitios buscan informar a quienes lo visitan pero esto necesariamente no se hace con fines económicos. Muchas veces son de organizaciones educativas o pertenecen al gobierno.

Web 2.0: en estos sitios se utilizan las últimas tecnologías y son sus usuarios los encargados de mantenerla actualizada.

Personal: estos sitios son administrados por una o muy pocas personas y contienen material sobre cualquier temática.

Wiki: en estos sitios, son los usuarios los que suben y editan los contenidos.

Educativo: estos sitios ofrecen cursos a distancia o presenciales, ofrecen información y contenidos descargables sobre distintas asignaturas y pueden estar orientados tanto a profesores como a alumnos.

Portal: este sitio funciona como punto de inicio para acceder a una intranet o cualquier otro recurso de Internet.

De subasta: en este los usuarios registrados pueden subastar todo tipo de productos y servicios.

Spam: estos sitios no contienen valor relevante y lo que buscan es engañar a los motores de búsqueda para que los usuarios ingresen en ellas y así sus administradores pueden obtener beneficios económicos gracias a la publicidad inserta.

CMS

Sistema de gestión de contenidos, en inglés: Content Management System más conocido por sus siglas CMS, es un programa informático que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, principalmente en páginas web, por parte de los administradores, editores, participantes y demás usuarios.

Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio web. El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio web sin tener que darle formato al contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio a varios editores. Un ejemplo clásico es el de editores que cargan el contenido al sistema y otro de nivel superior (moderador o administrador) que permite que estos contenidos sean visibles a todo el público (los aprueba).

NOVEDADES DE DREAMWEAVER

¿QUÉ ES Y PARA QUÉ SIRVE HTML?

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido. Un ejemplo sencillo de código HTML podría ser:

Este ejemplo está formado por 3 etiquetas HTML. Como podemos observar cada una de las etiquetas debe acabar con su homóloga de cierre. En este caso la etiqueta <html> debe cerrarse con </html>, la etiqueta <body> con </body> y la etiqueta <p> con </p>.

Hay muchas más etiquetas que veremos más adelante pero nos debe quedar claro que por cada etiqueta que abramos, deberemos incluir la correspondiente etiqueta de cierre. Así conseguiremos un código HTML bien formado y que los navegadores puedan interpretar sin ambigüedad.

Este sencillo ejemplo mostraría por pantalla lo siguiente.

¿QUÉ ES PHP? ¿PARA QUÉ SIRVE PHP?

PHP es un lenguaje de código abierto muy popular, adecuado para desarrollo web y que puede ser incrustado en HTML. Es popular porque un gran número de páginas y portales web están creadas con PHP. Código abierto significa que es de uso libre y gratuito para todos los programadores que quieran usarlo. Incrustado en HTML significa que en un mismo archivo vamos a poder combinar código PHP con código HTML, siguiendo unas reglas.

PHP se utiliza para generar páginas web dinámicas. Recordar que llamamos página estática a aquella cuyos contenidos permanecen siempre igual, mientras que llamamos páginas dinámicas a aquellas cuyo contenido no es el mismo siempre. Por ejemplo, los contenidos pueden cambiar en base a los cambios que haya en una base de datos, de búsquedas o aportaciones de los usuarios, etc.

¿Cómo trabaja PHP? El lenguaje PHP se procesa en servidores, que son potentes ordenadores con un software y hardware especial. Cuando se escribe una dirección tipo https://www.aprenderaprogramar.com/index.php en un navegador web como Internet Explorer, Firefox o Chrome, ¿qué ocurre? Se envían los datos de la solicitud al servidor que los procesa, reúne los datos (por eso decimos que es un proceso dinámico) y el servidor lo que devuelve es una página HTML como si fuera estática.

El esquema es: Petición de página web al servidor --> El servidor recibe la petición, reúne la información necesaria consultando a bases de datos o a otras páginas webs, otros servidores, etc --> El servidor responde enviando una página web “normal” (estática) pero cuya creación ha sido dinámica (realizando procesos de modo que la página web devuelta no siempre es igual).

En resumen:

En un sitio dinámico, la información generalmente está contenida en una base de datos. Cada vez que mostramos la página, como por ejemplo una página de noticas, buscamos en la base de datos las últimas noticias que tenemos ingresadas para mostrar en el navegador del visitante. Ahora bien, ¿cómo se consigue que la página vaya mostrando noticias nuevas? Simplemente cargando las mismas en la base de datos, por ejemplo, a través de un formulario que rellena una persona y que una vez relleno cuando pulsa “Enviar” implica que lo que haya escrito se guarde en nuestra base de datos. De esta manera, cuando solicitamos la página web y el servidor consulte la base de datos, encontrará esta nueva información y mostrará nuestra página de forma distinta a como se veía anteriormente.

Por regla general este tipo de lenguaje suele ser utilizado para crear contenido dinámico y poder interactuar con el usuario.

Veamos un ejemplo del contenido de una página web php, que habremos de almacenar en un archivo que termina con la extensión .php y que contiene texto:

Como podrás comprobar el contenido del archivo incluye código HTML y en un momento dado aparece una etiqueta <?php que significa que ahí empieza el código PHP. Por eso decimos que el código PHP está embebido (incluido o incrustado) en código HTML.

Por tanto las páginas PHP contienen HTML con código PHP incluido en ellas para hacer "algo" (en este caso, mostrar Bienvenidos a aprenderaprogramar.com. El código PHP está comprendido entre etiquetas de comienzo y final especiales: <?php y ?>

Estas etiquetas especiales nos permitirán entrar y salir del "modo PHP". Le sirven al servidor web para saber que tiene que interpretar el código incluido entre esas etiquetas como PHP.

Lo que distingue a PHP de JavaScript es que el código es ejecutado en el servidor, generando HTML y enviándolo al cliente como si fuera una página web estática. El cliente recibirá los resultados que el servidor devuelve después de interpretar el código PHP, sin ninguna posibilidad de determinar qué código ha producido el resultado recibido. Es decir, a través de nuestro navegador podríamos ver el código HTML, pero nunca el código PHP que dio lugar al resultado HTML. El servidor web puede ser incluso configurado para que los usuarios no puedan saber si estás o no utilizando PHP.

Lo mejor de usar PHP es que es extremadamente simple para el principiante, pero a su vez, ofrece muchas características avanzadas para los programadores profesionales y más avanzados.

Con PHP puedes procesar la información de formularios, generar páginas con contenidos dinámicos, o enviar y recibir cookies, entre muchas más cosas. PHP lo utilizan desde pequeñas páginas web hasta grandes empresas. Muchas aplicaciones web están construidas usando PHP. Podemos citar Joomla y Drupal (gestores de contenido de páginas web), osCommerce y Prestashop (tiendas on-line para comercio electrónico), phpBB y SMF (sistemas de foros para páginas web), Moodle (plataforma educativa para educación on-line), etc.

Entre las habilidades de PHP se incluye la creación de imágenes a partir de datos. Por ejemplo, supongamos que tenemos una academia con 20 alumnos matriculados en un curso de informática, 50 alumnos matriculados en un curso de matemáticas y 30 alumnos matriculados en un curso de química. Con PHP podemos generar automáticamente imágenes similares a esta:

¿COMO CREAR UN PROYECTO?

Instrucciones