PreEspecializacin Desarrollo de aplicaciones Comerciales

1
Pre-Especialización Desarrollo de aplicaciones
Comerciales
2
Lenguaje de programación PHP

• Ing. Víctor Cuchillac

3
Personal Académico responsable

• Ing. Ing. Jorge Aparicio (Director de la Escuela
  de Ciencia y Tecnología).
• Ing. Edwin Callejas (Jefe del Departamento de
  Informática).

4
Módulos

• Portafolio Digital
• Diseño de la aplicación CASE
• Fundamentos de la Base de Datos MySQL
• Fundamentos de PHP IDE-php
• Desarroollo de Front-End/Back-End Varias
  herramientas.
• Desarrollo de proyectos (seguimiento)

5
Tecnologías a Utilizar

• Windows 2003 Server R2
• PHP v5
• MySQL
• Apache

6
Módulo III Lenguaje de programación PHP

• 6 Semanas
• 17/06/08 24/07/08

7
Evaluación de módulo

• Evaluación práctica grupal 1. (30)
• martes 24 /06
• Evaluación escrita individual. (40)
• martes 8/06
• Evaluación práctica grupal. (30)
• martes 22/06

8
Material didáctico
9
Crear una página web.

• Crear en el laboratorio una página Web que
  muestre Hola Dios

10

• Un documento HTML está básicamente separado en
  dos segmentos el encabezado (tag HTML head) y el
  cuerpo (tag HTML body), ambos contenidos por el
  tag html. Se le agrega a esto una declaración de
  tipo de documento en la parte superior y se
  obtienes la estructura básica de documento para
  una página Web.
• La declaración !DOCTYPE

11

• Al escribir código XHTML hay dos cosas por
  considerar.
• La primera es que el atributo "lang" (para todos
  los tags que lo acepten) recibe una diferente
  denominación "xmllang". Esto no significa que
  los códigos de lenguaje sean diferentes, solo el
  nombre del atributo cambia.
• La segunda cosa por considerar, es que el
  atributo "xmlns" también debe ser definido para
  el tag html. Un documento normal compatible con
  XHTML 1.0 Strict debería tener esta definición
  básica

12

• lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
  Strict//EN "http//www.w3.org/TR/xhtml1/DTD/xhtml1
  -strict.dtd"gt
• lthtml xmlns"http//www.w3.org/1999/xhtml"
  xmllang"es"gt
• ltheadgt
• ...Contenido del encabezado...
• lt/headgt
• ltbodygt
• ...Contenido del cuerpo...
• lt/bodygt
• lt/htmlgt

13
El encabezado del documento

• El encabezado de un documento HTML actúa como
  contenedor para mucha información particular que
  es definida mediante un grupo de tags. Toda la
  información contenida en el encabezado del
  documento es cargada antes que el resto, por
  estar definida antes que el segmento del cuerpo.
  Dado que todo el contenido del encabezado de un
  documento es información no visual (a excepción
  del título), el encabezado se carga antes que el
  documento pueda ser mostrado, lo cual puede ser
  útil para definir muchas características que
  necesiten ser precargadas (por ejemplo, scripts).
• El encabezado se encuentra encerrado

14
El encabezado se encuentra encerrado por el tag
HTML head y contiene algunas de estas
definiciones de tags

• El título del documento Describe brevemente
  sobre qué trata el documento. Lea más sobre el
  tag HTML title.
• Declaraciones de estilos Grupo de definiciones
  de clases (hojas de estilos) usadas por otros
  tags para establecer características visuales.
  Lea más acerca del tag HTML style.
• Funciones de scripts Conjunto de funciones
  declaradas dentro del tag HTML script para
  proveer funcionalidad al documento.
• Declaraciones meta Declaradas mediante el tag
  HTML meta, define atributos y valores
  personalizados para el documento.
• Vínculos globales Definidos a través del tag
  HTML link designa recursos relacionados al
  documento actual.

15
Ejemplo de tag título

• ltheadgtlttitlegtEl impacto de las drogas en la
  sociedad modernalt/titlegtlt/headgt

16
Ejemplo de estilo

• Comienzo del código
• ltheadgt
• ltstyle type"text/css"gt
• p font-size 8pt font-family
  arial,helvetica
• p.big font-size 12pt font-family
  arial,helvetica
• lt/stylegt
• lt/headgt

17
Ejemplo de tag meta

• lthtmlgtltheadgtlttitlegtAlquiler de autos en
  Merliotlt/titlegtltmeta name"Author"
  contentVíctor Cuchillac" /gtltmeta
  name"keywords" lang"en" content"car, rental,
  rent" /gtltmeta name"keywords" lang"es"
  content"autos, alquiler, alquila" /gtltmeta
  name"description" lang"es" content"Alquiler de
  autos en Merliot. Los mejores precios el mejor
  seguro. Tel [phone]." /gtltmeta
  http-equiv"expires" content"Mon, 20 Sep 2008
  110900 GMT" /gt
• lt/headgt
• ltbodygtContenidos...
• lt/bodygt
• lt/htmlgt

18
Etiqueta link globales

• ltheadgt
• lttitlegtChapter twolt/titlegt
• ltlink rel"index" href"../index.html" /gt
• ltlink rel"prev" href"capitulo.html" /gt
• ltlink rel"next" href"capitulo.html" /gt
• ltlink rel"alternate" media"print"
  href"capitulo2-impresora.html" /gt
• ltlink rel"alternate" hreflang"en"
  href"capitulo2-en.html" /gt
• lt/headgt

19
Ejemplos de DTD - Document Type Definition

• HTML 2.0
• lt!DOCTYPE html PUBLIC "-//IETF//DTD HTML
  2.0//EN"gt
•  
• HTML 3.2
• lt!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2
  Final//EN"gt
•  
• HTML 4.01 Strict, Transitional y Frameset
• lt!DOCTYPE html PUBLIC "-//W3C//DTD HTML
  4.01//EN" "http//www.w3.org/TR/html4/strict.dtd"gt
  lt!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
  Transitional//EN" "http//www.w3.org/TR/html4/loos
  e.dtd"gtlt!DOCTYPE html PUBLIC "-//W3C//DTD HTML
  4.01 Frameset//EN" "http//www.w3.org/TR/html4/fra
  meset.dtd"gt
•  

20
Ejemplos de DTD - Document Type Definition

• XHTML 1.0 Strict, Transitional y Frameset
• lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
  Strict//EN" "http//www.w3.org/TR/xhtml1/DTD/xhtml
  1-strict.dtd"gtlt!DOCTYPE html PUBLIC
  "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http//www.w3.org/TR/xhtml1/DTD/xhtml1-transition
  al.dtd"gtlt!DOCTYPE html PUBLIC "-//W3C//DTD
  XHTML 1.0 Frameset//EN" "http//www.w3.org/TR/xhtm
  l1/DTD/xhtml1-frameset.dtd"gt
• XHTML 1.1
• lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
  1.1//EN" "http//www.w3.org/TR/xhtml11/DTD/xhtml11
  .dtd"gt
•  
• MathML 1.01
• lt!DOCTYPE math SYSTEM "http//www.w3.org/Math/DTD
  /mathml1/mathml.dtd"gt

21
Fín

• Tarea
• Investigar quién ejecuta código html, código
  java-script, php.