• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Páginas Web
 

Páginas Web

on

  • 544 views

Diapositiva sobre paginas web, servidores, diseño y un poco mas. Por: Carlos Donoso

Diapositiva sobre paginas web, servidores, diseño y un poco mas. Por: Carlos Donoso

Statistics

Views

Total Views
544
Views on SlideShare
477
Embed Views
67

Actions

Likes
0
Downloads
8
Comments
0

3 Embeds 67

http://ddchack.blogspot.com 58
http://www.blogger.com 7
http://ddchack.blogspot.mx 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Páginas Web Páginas Web Presentation Transcript

    • PAGINAS WEB VER INTRO
    • PAGINAS WEB Carlos Donoso C. Silver Hands Research
    • ¿Qué vamos a cubrir? Día 1 – Conceptos y Definiciones Base Día 2 – Programando con HTML y PHP Día 3 – Ejercicios Practicos Día 4 – Frames y Macros Día 5 – Servidores Web y Upload Día 6 – Apache y PHP Día 7 – Consejos y Utilitarios Ronda de Preguntas y Evaluación
    • Objetivo Educacional El presente curso, pretende demostrar distintos puntos de vista, que deben considerarse al momento de diseñar una pagina web.  El punto de vista de un diseñador, orientado hacia las animaciones, colores, técnicas de diseño y aplicaciones graficas.  El punto de vista de un programador, orientado hacia la funcionalidad y navegabilidad de una pagina web.
    • Día 1 Conceptos y Definiciones Básicas  Internet  Dominios  Hosting  Servidores  Paginas Web Estáticas y Dinámicas  HTML  PHP  CMS  XML  APACHE / MYSQL / PHP  SHAREPOINT
    • Conceptos Básicos Internet es el legado del sistema de protección de los Estados Unidos para mantener sus computadoras militares conectadas en caso de un ataque militar y la destrucción de uno o varios de los nodos de su red de computadoras. En la actualidad es una enorme red que conecta redes y computadoras distribuidas por todo el mundo, permitiéndonos comunicarnos y buscar y transferir información sin grandes requerimientos tecnológicos ni económicos relativos para el individuo.
    • Dominios  Un dominio de Internet es un nombre base que agrupa a un conjunto de equipos o dispositivos y que permite proporcionar nombres de equipo más fácilmente recordables en lugar de una dirección IP numérica.
    • Dominios (.org) dominios de primer nivel para organizaciones (.edu) dominios de primer nivel educativos (.info) dominio nivel superior previsto para las páginas web informativas (.net) dominio de nivel superior previsto para las páginas de servicios web (.com) dominio de nivel superior comerciales (.mil) dominio de Internet genérico para el Departamento de Defensa de los Estados Unidos
    • Disponibilidad de un dominio
    • Hosting  Hostinges una palabra del Ingles que quiere decir dar hospedar o alojar. Aplicado al Internet, significa poner una pagina web en un servidor de Internet para que ella pueda ser vista en cualquier lugar del mundo entero con acceso al Internet. ESPACIO EN DISCO TRAFICO DE SITIO
    • Paginas Web - Definición Una página web es una fuente de información adaptada para la World Wide Web (WWW) y accesible mediante un navegador de Internet. Esta información se presenta generalmente en formato HTML y puede contener hiperenlaces a otras páginas web, constituyendo la red enlazada de la World Wide Web. Las páginas web pueden ser cargadas de un ordenador o computador local o remoto, llamado Servidor Web, el cual servira de HOST. El servidor web puede restringir las páginas a una red privada, por ejemplo, una intranet, o puede publicar las páginas en el World Wide Web. Las páginas web son solicitadas y transferidas de los servidores usando el Protocolo de Transferencia de Hypertexto (HTTP - Hypertext Transfer Protocol). La acción del Servidor HOST de guardar la página web, se denomina "HOSTING".
    • Paginas Web Estáticas v.s. Dinámicas Las páginas web pueden consistir en archivos de texto estático, o se pueden leer una serie de archivos con código que instruya al servidor cómo construir el HTML para cada página que es solicitada, a esto se le conoce como Página Web Dinámica. Las páginas web dinámicas son aquellas que pueden acceder a bases de datos para extraer información que pueda ser presentada al visitante dependiendo de ciertos criterios. Ejemplo de esto son páginas que tienen sistemas de administración de contenido o CMS. Estos sistemas permiten cambiar el contenido de la página web sin tener que utilizar un programa de ftp para subir los cambios.
    • Navegadores Un Navegador Web puede tener una Interfaz de Usuario Gráfica (GUI - Graphical User Interface), como Internet Explorer, Netscape Navigator, Mozilla Firefox, etc. El más popular es el Internet Explorer de Microsoft. Los usuarios con navegadores gráficos pueden deshabilitar la visualización de imágenes y otros contenidos multimedia, para ahorrar tiempo, ancho de banda o simplemente para simplificar su navegación. También se puede descartar la información de fuentes, tamaños, estilos y esquemas de colores de las páginas web y aplicar sus propias CSS estilizándola a su gusto.
    • Buscadores Lo más importante a la hora de crear una página web es su optimización web y el posicionamiento conseguido en los motores de búsqueda, como Google, Lycos, Altavista, etc. Para alcanzar las primeras posiciones en los resultados de una consulta con un buscador, existen gran cantidad de trucos no legales para la optimización de una página Web que la mayoría de los buscadores penalizan por ser ilegales. Confunden a los usuarios y no ofrecen información útil sobre las
    • DREAMWEAVERDreamweaver es la herramienta de diseño de páginas webmás avanzada, tal como se ha afirmado en muchos medios.Aunque sea un experto programador de HTML el usuario quelo maneje, siempre se encontrarán en este programa razonespara utilizarlo, sobretodo en lo que a productividad se refiere.Cumple perfectamente el objetivo de diseñar páginas conaspecto profesional, y soporta gran cantidad de tecnologías,además muy fáciles de usar: Hojas de estilo y capas Javascript para crear efectos e interactividades Inserción de archivos multimedia...Además es un programa que se puede actualizar concomponentes, que fabrica tanto Macromedia como otrascompañias, para realizar otras acciones más avanzadas.
    • FLASHProbablemente, uno de los avances más importantes enmateria de diseño en el web ha sido la aparición de latecnología desarrollada por Macromedia denominada Flash.Flash es la tecnología más comúnmente utilizada en el Webque permite la creación de animaciones vectoriales. El interésen el uso de gráficos vectoriales es que éstos permiten llevara cabo animaciones de poco peso, es decir, que tardan pocotiempo en ser cargadas por el navegador.Los vectores con los que trabaja Flash sólo son, por decirlo dealguna manera, siluetas que casi no ocupan espacio y sepueden modificar fácilmente y sin gasto de memoria en disco.
    • FIREWORKSEs una aplicación en forma de estudio (basada en la forma deestudio de Adobe Flash®) pero con más parecido a un tallerdestinado para la edición y optimización para web de gráficosen mapa de bits o vectoriales.Originalmente fue desarrollado por Macromedia, compañíaque fue comprada en 2005 por Adobe Systems. Fireworksestá enfocado en la creación y edición de gráficos parainternet. Está diseñado para integrarse con otros productos deAdobe, como Dreamweaver y Flash. Está disponible de formaindividual o integrado en Adobe CS3.
    • http://www.macromedia.comhttp://www.teletutoriales.eshttp://www.flash.comhttp://www.monografias.com
    • http://www.gmail.comhttp://www.wikipedia.comhttp://www.softonic.comhttp://www.limewire.comhttp://www.emule.comhttp://www.jomla.com
    • PREGUNTAS Y RESPUESTAS
    • Formatos de programación de Paginas Web• HTML • Hyper Text Markup Language (Lenguaje de Marcas de Hipertexto)• PHP •HP Hypertext Pre-processor• XML •Extensible Markup Language (lenguaje de marcas extensible)• CMS •Sistema de gestión de contenidos (Content Management System)
    • HTMLHyper Text Markup Language (Lenguaje de Marcas de Hipertexto)Es usado para describir la estructura y el contenido en forma detexto, así como para complementar el texto con objetos tales comoimágenes. HTML se escribe en forma de "etiquetas", rodeadas porcorchetes angulares (<,>). HTML también puede describir, hasta uncierto punto, la apariencia de un documento, y puede incluir unscript (por ejemplo Javascript), el cual puede afectar elcomportamiento de navegadores web y otros procesadores deHTML.<!DOCTYPE HTML PUBLIC “ -//W3C//DTD HTML 4.01//EN“><html lang="es"><head><title>Ejemplo</title></head><body><p>ejemplo</p></body></html>
    • PHPPHP es un lenguaje interpretado de propósito generalampliamente usado y que está diseñado especialmente paradesarrollo web y puede ser incrustado dentro de códigoHTML. Generalmente se ejecuta en un servidor web, tomandoel código en PHP como su entrada y creando páginas webcomo salida. Puede ser desplegado en la mayoría de losservidores web y en casi todos los sistemas operativos yplataformas sin costo alguno. PHP se encuentra instalado enmás de 20 millones de sitios web y en un millón de servidores,aunque el número de sitios en PHP ha compartido algo de supreponderante sitio con otros nuevos lenguajes no tanpoderosos desde agosto de 2005. Este mismo sitio web deWikipedia está desarrollado en PHP. Es también el móduloApache más popular entre las computadoras que utilizanApache como servidor web. La versión más reciente de PHPes la 5.2.9-1 (for Windows) del 10 de Marzo de 2009.
    • PHP<?php// Si existe la variable $_POST[muestra], entonces muestra la comida favoritaif (isset($_POST[muestra])) { echo Hola, .$_POST[nombre]., tu comida favorita es:. $_POST[comida].; } else {// Si no, muestra un formulario solicitando la comida favorita?><form method="POST" action="<?php echo $_SERVER[PHP_SELF];?>"> ¿Cuál es tu nombre? <input type="text" name="nombre" /> ¿Cuál es tu comida favorita? <select name="comida"> <option value="Spaguetis">Spaguetis</option> <option value="Asado">Asado</option> <option value="Pizza">Pizza</option> </select> <input type="submit" name="muestra" value="Seguir" /></form><?php
    • XMLXML es una tecnología sencilla que tiene a su alrededor otrasque la complementan y la hacen mucho más grande y conunas posibilidades mucho mayores. Tiene un papel muyimportante en la actualidad ya que permite la compatibilidadentre sistemas para compartir la información de una manerasegura, fiable y fácil.XML proviene de un lenguaje inventado por IBM en los añossetenta, llamado GML (Generalized Markup Language), quesurgió por la necesidad que tenía la empresa de almacenargrandes cantidades de información. Este lenguaje gustó a laISO, por lo que en 1986 trabajaron para normalizarlo, creandoSGML (Standard Generalized Markup Language), capaz deadaptarse a un gran abanico de problemas. A partir de él sehan creado otros sistemas para almacenar información.
    • CMSUn Sistema de gestión de contenidos (Content ManagementSystem en inglés, abreviado CMS) es un programa quepermite crear una estructura de soporte (framework) para lacreación y administración de contenidos, principalmente enpáginas web, por parte de los participantes.Consiste en una interfaz que controla una o varias bases dedatos donde se aloja el contenido del sitio. El sistema permitemanejar de manera independiente el contenido y el diseño.Así, es posible manejar el contenido y darle en cualquiermomento un diseño distinto al sitio sin tener que darle formatoal contenido de nuevo, además de permitir la fácil ycontrolada publicación en el sitio a varios editores. Un ejemploclásico es el de editores que cargan el contenido al sistema yotro de nivel superior (directorio) que permite que estoscontenidos sean visibles a todo el público (los aprueba).
    • Creando una Website en HTML
    • Uso de CMSJOOMLA / MAMBO
    • PAGINA WEBDISEÑO DE ARTES O SHOTS ELABORACION DE MAPA DE SITIO INCLUSIÓN DE DISEÑO Y PROGRAMACIÓN SUBIDA A LA WEB EN DOMINIO TEMPORAL DEPURACIÓN Y SUBIDA A DOMINIO DEFINITIVO.
    • PAGINA WEBDISEÑO DE ARTES O SHOTS
    • PAGINA WEBELABORACION DE MAPA DE SITIO
    • PAGINA WEBhttp://www.webstandards.org/files/acid2/test.html INCLUSIÓN DE DISEÑO Y PROGRAMACIÓN
    • PAGINA WEBSUBIDA A LA WEB EN DEPURACIÓN Y SUBIDA ADOMINIO TEMPORAL DOMINIO DEFINITIVO.
    • FTP – FILE TRANSFER PROTOCOLFile Transfer Protocol oProtocolo de Transferenciade Archivos, es un protocolode red para la transferencia dearchivos entre sistemasconectados a una red TCP,basado en laarquitectura cliente-servidor.Desde un equipo cliente sepuede conectar a un servidorpara descargar archivosdesde él o para enviarlearchivos, independientementedel sistema operativo utilizadoen cada equipo.
    • Subiendo archivos vía FTP
    • Servidor ApacheEl servidor HTTP Apache es un servidor web HTTP de código abierto paraplataformas Unix (BSD, GNU/Linux, etc.), Windows, Macintosh y otras, queimplementa el protocolo HTTP/1.11 y la noción de sitio virtual. Cuandocomenzó su desarrollo en 1995 se basó inicialmente en código del popularNCSA HTTPd 1.3, pero más tarde fue reescrito por completo. Su nombrese debe a que Behelendorf eligió ese nombre porque quería que tuviese laconnotación de algo que es firme y enérgico pero no agresivo, y la tribuApache fue la última en rendirse al que pronto se convertiría en gobiernode EEUU, y en esos momentos la preocupación de su grupo era quellegasen las empresas y "civilizasen" el paisaje que habían creado losprimeros ingenieros de internet. Además Apache consistía solamente enun conjunto de parches a aplicar al servidor de NCSA. Era, en inglés, apatchy server (un servidor "parcheado").El servidor Apache se desarrolla dentro del proyecto HTTP Server (httpd)de la Apache Software Foundation.Apache presenta entre otras características altamente configurables,bases de datos de autenticación y negociado de contenido, pero fuecriticado por la falta de una interfaz gráfica que ayude en su configuración.
    • APACHE MY-SQL PHP
    • PREGUNTAS Y RESPUESTAS
    • PRACTICA