Embed Size (px)
DESCRIPTION
Documento para aprender a hacer páginas web
Citation preview
Uvario Carranza Ramiro de Jesús
CREACIÓN DE PÁGINAS WEB
MODELO CLIENTE SERVIDOR
• El modelo cliente-servidor se apoya en terminales (clientes) conectadas a una computadora que los provee de un recurso (servidor). De esta manera los clientes son los elementos que necesitan servicios del recurso y el servidor es la entidad que poseen el recurso.
PAGINAS WEB ESTÁTICAS
• Son aquellos sitios enfocados principalmente a mostrar una información permanente, donde el navegante se limita a obtener dicha información, sin que pueda interactuar con la página Web visitada, las Web estáticas están construidas principalmente con hipervínculos o enlaces (links) entre las páginas Web que conforman el sitio, este tipo de Web son incapaces de soportar aplicaciones Web como gestores de bases de datos, foros, consultas on-line, e-mails, etc.
• Esta es una opción más que suficiente para aquellos sitios Web que simplemente ofrecen una descripción de su empresa y buscan simplemente informar a sus clientes de sus productos y su perfil.
PÁGINAS WEB DINÁMICAS
• Son aquellas cuya información que presentan se genera a partir de alguna acción o petición del usuario en la página.
• Permite visualizar la información contenida en una base de datos, así como almacenar y hacer actualizaciones de cierta información a través de un formulario. Además se pueden manejar foros y el usuario tiene la posibilidad de cambiar a su gusto el diseño y el contenido de la página, entre otras cosas.
• Para la creación de este tipo de páginas, además de etiquetas HTML es necesaria la utilización de algún lenguaje de programación que se ejecute del lado del servidor, así como la existencia de una base de datos.
ENTORNO DE DESARROLLO
WAMP MAMP
XAMP LAMP
PHP
• PHP es un lenguaje de programación de uso general de código del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico.
• Los procesos que ejecuta son totalmente invisibles para el usuario.
• Funciona también como código embebido.
• Capacidad de conexión con la mayoría de los motores de base de datos que se utilizan en la actualidad (destaca su conectividad con MySQL y PostgreSQL).
MYSQL
Un sistema gestor de base de datos (SGBD) es un conjunto de programas que permiten el almacenamiento, modificación y extracción de la información en una base de datos, además de proporcionar herramientas para añadir, borrar, modificar y analizar los datos.
Estos sistemas también proporcionan métodos para mantener la integridad de los datos, para administrar el acceso de usuarios a los datos y para recuperar la información si el sistema se corrompe. Permiten presentar la información de la base de datos en variados formatos.
MySQL es muy utilizado en aplicaciones web, como Joomla, Wordpress, Drupal o phpBB, en plataformas (Linux/Windows-Apache-MySQL-PHP/Perl/Python), y por herramientas de seguimiento de errores como Bugzilla. Su popularidad como aplicación web está muy ligada a PHP, que a menudo aparece en combinación con MySQL.
APACHE
• El “Apache HTTP Server” es un servidor web HTTP.
• Apache es usado principalmente para enviar páginas web estáticas y dinámicas en la World Wide Web. Muchas aplicaciones web están diseñadas asumiendo como ambiente de implantación a Apache, o que utilizarán características propias de este servidor web.
• Apache es usado para muchas otras tareas donde el contenido necesita ser puesto a disposición en una forma segura y confiable.
• Los programadores de aplicaciones web a veces utilizan una versión local de Apache con el fin de previsualizar y probar código mientras éste es desarrollado.
W M L X
HTML (HYPERTEXT MARKUP LANGUAGE)
• Define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, entre otros.
• Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final.
• Html da la posibilidad de crear páginas web estáticas.
CSS (CASCADING STYLE SHEET)
• Es un lenguaje usado para definir y crear la presentación de un documento estructurado escrito en HTML.
• La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.
• La información de estilo puede ser definida en un documento separado o en el mismo documento HTML.
• Diseño responsive.
PHP (HYPERTEXT PREPROCESSOR)• Programación Secuencial.
• Funciones.
• Manejo de bases de datos.
• Manejo de archivos
• Envío de correo.
• Sesiones con cookies y variables de sesión.
• Url’s amigables.
• Captchas.
• Métodos de encripatación
• Validación de formularios.
• Programación orientada a objetos.
• Estructuras de datos.
JAVASCRIPT
• Se utiliza principalmente en su forma del lado del cliente, implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS).
• Usado principalmente en páginas web dinámicas para validación de campos en formularios.
• Trabaja al momento de realizarse un evento ( El código JavaScript se puede encargar de crear efectos dinámicos en respuesta a acciones del usuario).
• Código embebido.
• Permite toda la potencia de la programación como uso de variables, condicionales, bucles, etc.
SQL (STRUCTURED QUERY LANGUAGE)• Es un lenguaje declarativo de acceso a bases de datos relacionales que permite especificar
diversos tipos de operaciones en ellas. Una de sus características es el manejo del álgebra y el cálculo relacional que permiten efectuar consultas con el fin de recuperar, de forma sencilla, información de bases de datos, así como hacer cambios en ellas.
• Lenguaje de definición de datos.
• Lenguaje interactivo de manipulación de datos.
• Integridad.
• Definición de vistas.
• Control de transacciones.
• SQL incorporado y dinámico: Esto quiere decir que se pueden incorporar instrucciones de SQL en lenguajes de programación como: C++, C, Java, PHP, Cobol, Pascal y Fortran.
CMS (CONTENT MANAGEMENT SYSTEM)• 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.
EDITORES DE TEXTO• Notepad
• Text Edit
• Gedit
• Sublime Text
• Notepad++
• Deamweaver
• NetBeans
BIBLIOGRAFÍAS• Arrancar con hml5 - Editorial Alfaomega
• PHP creación de páginas web dinámicas – Editorial Alfaomega
• Diseño web con css – Editorial Alfaomega
• Contacto: [email protected]
