Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.

Slides:



Advertisements
Presentaciones similares
Dreamweaver Primeros Pasos.
Advertisements

SlideShare Concepto y otros servicios similares Entorno de trabajo
Internet y tecnologías web
Una página web es una fuente de información adaptada para la World Wide Web(WWW) y accesible mediante un navegador de Internet. Un sitio web es un conjunto.
PROFESOR: ISAAC GARCIA RIOS
TUTORIAL PASO A PASO Parte 2. PASO 7: Organizando los archivos Antes de dar inicio a la creación del contenido del curso debes tomar en cuenta que necesitarás.
RECURSOS INTERACTIVOS. Cualificaciones_ NIVELES Permite añadir una definición clara, pública y personalizada de los criterios de calificación para aplicarlos.
GUIA PARA LA ACTUALIZACION DE CONTENIDOS
Enlaces con variables en la URL en PHP Programación en Internet II.
DISEÑO DE SITIOS WEB CON DREAMWEAVER 8.
Publisher 2010 Paloma Ozores Díez.
David Escudero Mancebo Alfonso Pedriza Rebollo
Tu empresa Ing. Diego J. Arcusin Universidad del Cema – Facultad de Ingeniería En Internet? ¿Cómo crear.
DreamWeaver (curso de 6 horas)
Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.
PRESENTACIONES EFECTIVAS Licda. Maura de Magaña Sábado de 7:00 a 12:00
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
DISEÑO DE SITIOS WEB FRONTPAGE 2003.
 Elaborar un documento en Word que contenga, marcadores, enlaces y gif animados.
Diseño de Páginas Web Unidad 7. 5 puntos imprescindibles 11. Conocer los grupos de trabajo que sobre la red tratan la accesibilidad y el intercambio de.
SITIO, BITÁCORA Y AULA VIRTUAL
ASP.NET es una nueva y potente tecnología para escribir páginas web dinámica. Es una importante evolución respecto a las antiguas páginas ASP de Microsoft.
FRONTPAGE 2003 Ingeniería en Auditoria y Control de Gestión e Ingeniería en Estadística Informática Profesora: Eva María Mera Escuela Superior Politécnica.
FICHEROS DE IMAGEN FUENTES WEB: Gráficos GIF & JPEG, Ramón Montero, 1998 Formatos para la Wb, Luciano Moreno, 2005.
Unidad didáctica 6 Diseño de páginas Web.
ELABORACIÓN DE DOC. ELECTRÓNICOS UTILIZANDO SOFTWARE DE APLICACIÓN.
Creación y manejo de un Blog en Wordpress BLOGS. Nosotros hemos elegido wordpress ya que nos parece que es uno de los mas intuitivos y sencillos de manejar.
Publicación de bases de datos Access en la web
Manual Dreamweaver. Barra de herramientas. El primero botón que aparece en la barra es la de vista de código, que hace que en la ventana del documento.
MACROMEDIA DREAMWEAVER 8
IMÁGENES GIF LAURA MARÍN CAMELO. Las imágenes pueden ser de muchos formatos diferentes: Bmp (Bitmap = Mapa de bits) Gif (Graphics Interchange Format =
Internet y Navegadores Unidad 5. Fecha: 1 de agosto de 2011 Periodo# : 2 Objetivo: identificar el contenido de una dirección web Tema: Elementos de una.
Bases de Datos Access.
Tipos de pagina web. Existen diferentes clasificaciones, pero las clasificaremos según la forma en la que la página se sirve para ser enviada a la pc.
TEMA 2: SISTEMAS OPERATIVOS. ENTORNO MONOUSUARIO
Formatos de imagen Las imágenes digitales se pueden guardar en distintos formatos. Cada uno se corresponde con una extensión específica del archivo que.
Introducción al Lenguaje. ¿ Qué es PHP ? O Hypertext Pre-processoes (PHP) es un lenguaje de "código abierto" interpretado, de alto nivel, embebido en.
MIME EXTENSIONES DE CORREO INTERNET MULTIPROPÓSITO. SERIE DE ESPECIFICACIONES DIRIGIDAS AL INTERCAMBIO TRANSPARENTE DE TODO TIPO DE ARCHIVOS A TRAVÉS DE.
Antes de comenzar.. Dominio (Tipos de Dominios) Formatos de imágenes Compatibles con la Web Responsabilidades del desarrollador Formas de retornar dinero.
 Este protocolo opera a través de solicitudes y respuestas, entre un "cliente" y un "servidor". El cliente para los usuarios es el navegador web, usado.
INTRODUCCIÒN MICROSOFT WORD 1 eencasts/shared/player_776x600.aspx?scre enCast=wd07_overview.
¿Que es hipervínculo? ¿Que nos permite?
Sergio Cubero Introducción a las Páginas Web. Sesión 3 12:00-12:30: 12:30-13:00: 13:00-13:30: 12:00-13:30: 13:30-14:00: 14:00-14:30: Tablas Formularios.
PLAN DE MEJORA DE LA PÁGINA WEB
BARRA BARRA INSERTAR BARRA BARRA INSERTAR BARRA DE HERRAMIENTAS DE DOCUMENTO HERRAMIENTAS BARRA DE HERRAMIENTAS DE DOCUMENTO HERRAMIENTAS VENTANA DE DOCUMENTODE.
MANUAL DE USUARIO DE WORDPRESS. 1. CREAR EL BLOG  En la página Wordpress.com elegimos comenzar un blog y vamos siguiendo los pasos de registro: Rellenamos.
Internet y Navegadores
El inspector de Propiedades El inspector de Propiedades muestra las opciones propias del objeto o texto seleccionado, permitiéndonos editarlas, por lo.
Microsoft Power Point Tema: “Como manejo del Power Point como herramienta estudiantil”.
UNIVERSIDAD CAPITÁN GENERAL GERARDO BARRIOS FACULTAD DE CIENCIA Y TECNOLOGIA LICENCIATURA EN COMPUTACIÓN MÓDULO I: DISEÑO GRAFICO DOCENTE: ING. EDWIN ROLANDO.
En la página Wordpress.com elegimos comenzar un blog y vamos siguiendo los pasos de registro: Rellenamos el formulario con el nombre de usuario (sólo.
Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.
Internet y Navegadores Unidad 5. Fecha: 1 de agosto de 2011 Periodo# : 2 Objetivo: identificar el contenido de una dirección web Tema: Elementos de una.
Sergio Cubero Introducción a las Páginas Web. Sesión 2 12:00-12:30: Recursos en la Web UV. 12:30-13:00: Descargar plantilla UV Hojas de estilo 13:00-13:30:
Paginas web.
HTML.
Qué es Dreamweaver CS4. Dreamweaver CS4 es un software fácil de usar que permite crear páginas web profesionales. Las funciones de edición visual de Dreamweaver.
Formato de sitios Requisitos y Recomendaciones Técnicas.
TUTORIAL SLIDESHARE ANA ROMANO. Slideshare es una de las cientos de herramientas web 2.0 que encontramos en la Red. Es a las presentaciones lo que Youtube.
 Curso básico de Dreamweaver MX (1)  Qué es Dreamweaver MX  Dreamweaver MX es un software fácil de usar que permite crear páginas web profesionales.
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
ELEMENTOS DE LA WED. Una página web es una fuente de información adaptada para la World Wide Web (WWW) y accesible mediante un navegador de Internet.
2.1 Conocer la terminología básica del software para diseñar una página Web
Integrante: Mariana Alcalá Hdz María del Carmen Andrade G. Alondra E. García Mtz Joselyn Gpe García V. Antonio de Jesús Hdz R. Cristian Jesús Ruvalcaba.
QUÉ ES DREAMWEAVER Dreamweaver. Es un software fácil de usar, En el podemos crear diseños de páginas web. Permiten agregar rápidamente diseño y funcionalidad.
EdiLim Libros Interactivos Multimedia Bernabé Martín
DISEÑO DE PAGINAS WEB. PLAN DE TRABAJO ESPACIO DE TRABAJO Y GESTIÓN DE ARCHIVOS 1.1 Conocer la interfaz de usuario del programa Gestionar.
Procesador de textos. Componentes de Word. Multiversidad Latinoamericana Campus Celaya Bachillerato Informática I Prof. Brayan Tula Villanueva 1er. Semestre.
Google docs Tutorial para elaborar una presentación en línea con Google docs Prof. Edgar Oswaldo González Bello Prof. Adolfo Castillo Navarro Universidad.
Prácticas de Cierre MOS Excel 2010 │ Microsoft Office Specialist Microsoft Office Specialist: Excel 2010 Cada diapositiva contiene un cuadro de color.
Transcripción de la presentación:

Introducción al Lenguaje

¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado al desarrollo de sitios web dinámicos. O No depende del navegador del usuario (como en Javascript). El código PHP se ejecuta en el servidor.

¿Cómo funciona PHP? O El usuario escribe una URL en su navegador y éste envía un petición HTTP al servidor web. O El servidor lee la pagina PHP (la interpreta) y envía al navegador del usuario un documento compilado en formato HTML.

QUÉ ES DREAMWEAVER.  Dreamweaver es un editor HTML que contiene herramientas potentes para asegurar un diseño de alta calidad en la creación, edición y gestión de páginas web.  Con esta herramienta se pueden crear tablas, marcos, capas, insertar comportamientos JavaScript, videos, etc.  Dreamweaver incluye su propio FTP con el cual se puede actualizar de manera rápida y sencilla el servidor donde se encuentre hospedado el sitio.

PANTALLA INICIAL

Definir Sitios Locales O Definir un sitio local es un proceso previo a la creación de cualquier página individual el cual consiste en especificar una carpeta (denominada – Carpeta Raíz Local) del disco duro, esta carpeta será la base de toda la estructura de archivos y carpetas que serán utilizados dentro del sitio Web (páginas, imágenes, archivos, etc.) O En este panel, se pueden crear, eliminar, copiar y mover archivos y carpetas. Panel Archivos

O Para crear una nueva página puede hacer uso de las siguientes formas: a) Uso de la Opción Nuevo O Mediante esta opción puede agregar nuevos documentos de tipo: O HTML O Hojas de Estilo en Cascada (CSS) O Documentos de JavaScript y VbScript O Documentos XML O Páginas Dinámicas compatibles con lenguajes de Java,ColdFusion, ASP y PHP b) Uso del Panel de Archivos Crear una Nueva Página

Guardar Documentos O En el momento que se agregue un Nuevo Documento, es necesario almacenarlo inmediatamente, ya que de esta manera todas las rutas de referencia a los archivos y vínculos que se agreguen al documento, se establecerán de manera correcta, de lo contrario se presentarán vínculos rotos y errores dentro de un documento o todos los documentos del sitio. O Los documentos se deberán almacenar con la extensión.HTML o PHP

Entorno de Trabajo

Barra Insertar O La barra INSERTAR es la principal herramienta que utiliza Dreamweaver para el diseño de las páginas, la cual esta organizada de la siguiente manera: O Común O Diseño O Formularios O Texto O HTML O Aplicación O Elementos de Flash O Favoritos

Panel Propiedades O Este panel se utiliza para ver y modificar los atributos de los siguientes elementos: O Textos O Imágenes O Tablas O Frames O Elementos de Flash O Otros Elementos. O Los atributos disponibles dentro del panel, cambiarán dependiendo del elemento seleccionado.

Configurar el Titulo de la Página O Para definir el título de la página (el título que aparece en la barra de título del navegador), puede hacerlo de la siguiente manera: a) Barra de herramientas DOCUMENTO. b) Uso de la Opción de “Propiedades de la Página”

Propiedades Básicas de la Página

Imágenes O Las imágenes que utiliza son: O JPG (Join Photographic Expert Group) O Este formato es recomendable para imágenes fotográficas o imágenes con una mayor gama de tonalidades o para imágenes con degradados de alta calidad. Este formato no puede tener transparencias ni animaciones. O GIF (Graphic Interchange Format) O Este formato es el mas recomendable para imágenes de colores uniformes (sin degradados), este formato tiende a descargarse mas rápido por su formato comprimido. Permite tener transparencia y animaciones. O PNG (Portable Network Graphic) O Este formato comparte características de JPG y GIF, no pierde calidad, se comprimen mas que los GIF y conserva todos los colores como el JPG, pero el formato PNG no tiene animaciones y aun no lo soportan algunos navegadores y servidores..

Insertar una imagen Menú Insertar, Imagen. Insertar una tabla Menú Insertar,Tabla.

Formatos de Textos O Para aplicar formatos a un texto se utiliza el panel Propiedades, en el cual podrá definir los siguientes formatos: O Fuente O Párrafo

INSPECTOR DE PROPIEDADES Hiperenlaces: Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo a otra página o archivo. Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen.

Insertar una capa menú Insertar, opción Capa. Una vez se ha insertado la capa, pueden editarse sus atributos, pero para ello hay que seleccionarla primero. Hasta ahora tu código se debe ver algo así:

Marcos Los marcos o frames sirven para distribuir mejor los datos de las pág.,

Formularios Los formularios se utilizan para recoger datos de los usuarios Podemos realizar un pedido en una tienda virtual, crear una encuesta o recibir preguntas.