SlideShare una empresa de Scribd logo
SESION IV
LIC. ROBERTO ANTONIO GARCIA
       roberto.garcia@ugb.edu.sv
"Cuando tu mayor
   debilidad es el
amor, eres la persona
   más fuerte del
    mundo"
   Garman Wold
 Reflexión.
 Hilo Conductor general.
 Tarea: investigar sobre las propiedades CSS de estilos y
  fuentes en textos.
 TEMA: Trabajando con las propiedades CSS de
  estilos y fuentes avanzados en mis paginas Web.
   Aplicando CSS a mi pagina. (Sábado 18 de Feb/11).

   Creando un formulario tipo Encuesta. (Tarea de Equipo).

 Fin de la Sesión.
Los formularios son una de las herramientas de que
disponemos a la hora de hacer nuestras páginas web
interactivas, en el sentido de que nos permiten
recopilar información de la persona que ve la
página, procesarla y responder a ella, pudiendo de
esta forma responder ad

 Etiquetas <FORM>...</FORM> adecuadamente a
 sus acciones o peticiones.
1.   Action = "ruta_programa". Indica el programa del servidor que
     va a "tratar" las variables que se envíen con el formulario.
2.   Method = " POST / GET " . Indica el método según el que se
     van a transferir las variables del formulario.
3.   Name = " alumno". Indica el nombre a identificar de nuestro
     formulario en la pagina web.
Mas información en:
http://www.webtaller.com/construccion/lenguajes/html/lecciones/for
mularios_html.php
Formulario de Captura de Datos
        de un Alumno.
TRABAJANDO
   CON
   CSS
Existen tres formas de aplicar estilos CSS a una
pagina, la que recomiendo en primer lugar, haciendo
un   archivo    de   texto   plano    guardado   como
archivo.css, separado del archivo HTML, y vinculando
la hoja HTML a el. Esto se hace colocando en la
sección head de la página:

<link href="archivo.css" rel="stylesheet"
Type="text/css">
1. Para mi esta forma es la mas recomendable porque
   así se puede vincular el archivo.css a todas las
   páginas del sitio, es mucho mas liviano al ver la
   pagina y además a la hora de modificar algo se
   hace solo una vez.

2. La   segunda   forma   es   aplicando   los   estilos
   directamente en la sección <head> del documento
   HTML. Se hace de la siguiente forma:
<head>
<title>Pagina</title>
<style type="text/css">
body {
font-family:
Geneva, Arial, Helvetica, sans-serif;
font-size: 12px; color:#333333; }
</style>
</head>
1. Es buena idea colocarlos de esta forma si son estilos
   exclusivos para la pagina a la que se le aplica.

2. El tercer método no lo recomiendo, aunque algunas
   veces puede ser necesario. Consiste en aplicar el estilo
   directamente sobre el elemento HTML, de esta forma:

3. <table              style="background-color:#333333;
   padding:2px; width:300px; height;100px;></table>
Propiedades de fuentes:
     Font Family (Familia de fuente)
     Font Style (Estilo de fuente)
     Font Weight (Peso de fuente)
     Font Size (Tamaño de fuente)
     Font (Fuente)
Propiedades de color y fondo:
     Color
     Background Color (Color del texto - fondo)
     Background Image (Imagen de fondo)
     Background Repeat (Repetir fondo)
     Background Attachment (Fijación de fondo)
     Background Position (Posición del fondo)
     Background (Fondo)
Propiedades de texto:
     Word Spacing (Espaciamiento de palabras)
     Letter Spacing (Espaciamiento de letras)
     Text Decoration (Decoración de texto)
     Vertical Alignment (Alineación vertical)
     Text Transformation (Transformación de texto)
     Text Alignment (Alineación de texto)
     Text Indentation (Sangría de texto)
     Line Height (Altura de línea)
 TUTORIAL BASICO DE CSS:
http://www.cristalab.com/tutoriales/tutorial-basico-de-
css-c94l/
 ESTILOS Y FUENTES EN TEXTOS:
http://htmlhelp.com/es/reference/css/properties.html
 DESARROLLO WEB - CSS:
http://www.desarrolloweb.com/manuales/manual-css-
hojas-de-estilo.html
Programacion iv sesion 4 php
FIN
     DE LA
    SESION
¡¡BENDICIONES!

Más contenido relacionado

PPTX
Curso FPE Diseño Web. Módulo 4. CSS
PPTX
Qué es css
PPTX
"MENUS CSS"
PPTX
Css Introducción
PPTX
Estilos cascadas
PPT
Diseño multimedia intro css
DOCX
Planificacionhs de word
DOCX
Ventana de word
Curso FPE Diseño Web. Módulo 4. CSS
Qué es css
"MENUS CSS"
Css Introducción
Estilos cascadas
Diseño multimedia intro css
Planificacionhs de word
Ventana de word

La actualidad más candente (10)

PPTX
Introduccion historia css
DOCX
Conociendo el entorno del procesador de textos microsoft word
PPTX
Video 5
PDF
Correo unam
PPTX
Identificación del lenguaje css
PDF
microsoft word
PDF
html y css
PPTX
Hipervinculos
PPTX
Redes sociales dani
PPTX
Proyecto ComputacióN
Introduccion historia css
Conociendo el entorno del procesador de textos microsoft word
Video 5
Correo unam
Identificación del lenguaje css
microsoft word
html y css
Hipervinculos
Redes sociales dani
Proyecto ComputacióN
Publicidad

Destacado (20)

PPT
Растения
PPTX
ЗАО Atlas 300-v9.1
PDF
PPTX
презентация сохраним красу земиную
PDF
Каждый проект - уникален
DOCX
Etica sena 2
PPT
п2 08
PDF
гиа 2010
PPTX
Презентация2
PPT
задание 2 портфолио
PPTX
Arctic monkeys pictures
DOC
愛不到 11刀殺高二女 6刀自刺心臟 -兩性研習教材-詹翔霖教授
PDF
Nuremberg principle danish
PPT
education
PPT
G lite middleware
PDF
Ebr Presentation Draft 2
PPTX
Lviv iCamp 2014. Антон Єрмоленко “Приріст продажів в 30%, що насправді може в...
PPTX
1.7 класс команда амургрята
Растения
ЗАО Atlas 300-v9.1
презентация сохраним красу земиную
Каждый проект - уникален
Etica sena 2
п2 08
гиа 2010
Презентация2
задание 2 портфолио
Arctic monkeys pictures
愛不到 11刀殺高二女 6刀自刺心臟 -兩性研習教材-詹翔霖教授
Nuremberg principle danish
education
G lite middleware
Ebr Presentation Draft 2
Lviv iCamp 2014. Антон Єрмоленко “Приріст продажів в 30%, що насправді може в...
1.7 класс команда амургрята
Publicidad

Similar a Programacion iv sesion 4 php (20)

PDF
manualrapido_css.pdf
PDF
Manualrapido css
PDF
Manual para elaborar páginas HTM5 con CSS
PDF
manua.pdf
PDF
Introduccion css
DOCX
Investigacion 1.3 samanta
DOCX
Investigacion 1.3 samanta
DOCX
Investigacion 1.3 samanta
PDF
PPTX
C3 lenguaje de presentación.
PPTX
Presentación
PPTX
Paginas web css
PPTX
introduccic3b3n-css.pptx
PPTX
Identificacion
PPTX
Hojas de estilo con cascada css para sitios web
PDF
Introduccion css
PPTX
INTRODUCCION AL CSS CLASE NUEVA CURSO CSS
PPTX
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
PDF
Hojas de estilos css
manualrapido_css.pdf
Manualrapido css
Manual para elaborar páginas HTM5 con CSS
manua.pdf
Introduccion css
Investigacion 1.3 samanta
Investigacion 1.3 samanta
Investigacion 1.3 samanta
C3 lenguaje de presentación.
Presentación
Paginas web css
introduccic3b3n-css.pptx
Identificacion
Hojas de estilo con cascada css para sitios web
Introduccion css
INTRODUCCION AL CSS CLASE NUEVA CURSO CSS
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
Hojas de estilos css

Más de Roberto Garcia (10)

PPTX
Sesion 13-c#
PPTX
Sesion 12-c#
PPTX
Programacion iv sesion11 php
PPTX
Sesion 11-c#
PPTX
Sesion 10-c#
PPTX
Programacion iv sesion10 php
PPTX
Sesion 9-c#
PPTX
Sesion 7-c#
PPTX
Programacion iv sesion6 php
PPTX
Sesion 3-c#
Sesion 13-c#
Sesion 12-c#
Programacion iv sesion11 php
Sesion 11-c#
Sesion 10-c#
Programacion iv sesion10 php
Sesion 9-c#
Sesion 7-c#
Programacion iv sesion6 php
Sesion 3-c#

Último (20)

PDF
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
PDF
Lección 6 Escuela Sab. A través del mar rojo.pdf
PDF
Fundamentos_Educacion_a_Distancia_ABC.pdf
PDF
DI, TEA, TDAH.pdf guía se secuencias didacticas
PDF
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
PPTX
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
PDF
OK OK UNIDAD DE APRENDIZAJE 5TO Y 6TO CORRESPONDIENTE AL MES DE AGOSTO 2025.pdf
PDF
Híper Mega Repaso Histológico Bloque 3.pdf
PDF
Salcedo, J. et al. - Recomendaciones para la utilización del lenguaje inclusi...
PDF
Punto Critico - Brian Tracy Ccesa007.pdf
DOCX
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
PDF
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
PDF
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
PDF
Tomo 1 de biologia gratis ultra plusenmas
PDF
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
PDF
Escuelas Desarmando una mirada subjetiva a la educación
PDF
Breve historia de los Incas -- Patricia Temoche [Temoche, Patricia] -- Breve ...
PDF
biología es un libro sobre casi todo el tema de biología
PDF
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
Lección 6 Escuela Sab. A través del mar rojo.pdf
Fundamentos_Educacion_a_Distancia_ABC.pdf
DI, TEA, TDAH.pdf guía se secuencias didacticas
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
OK OK UNIDAD DE APRENDIZAJE 5TO Y 6TO CORRESPONDIENTE AL MES DE AGOSTO 2025.pdf
Híper Mega Repaso Histológico Bloque 3.pdf
Salcedo, J. et al. - Recomendaciones para la utilización del lenguaje inclusi...
Punto Critico - Brian Tracy Ccesa007.pdf
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
Tomo 1 de biologia gratis ultra plusenmas
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
Escuelas Desarmando una mirada subjetiva a la educación
Breve historia de los Incas -- Patricia Temoche [Temoche, Patricia] -- Breve ...
biología es un libro sobre casi todo el tema de biología
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf

Programacion iv sesion 4 php

  • 1. SESION IV LIC. ROBERTO ANTONIO GARCIA roberto.garcia@ugb.edu.sv
  • 2. "Cuando tu mayor debilidad es el amor, eres la persona más fuerte del mundo" Garman Wold
  • 3.  Reflexión.  Hilo Conductor general.  Tarea: investigar sobre las propiedades CSS de estilos y fuentes en textos.  TEMA: Trabajando con las propiedades CSS de estilos y fuentes avanzados en mis paginas Web.  Aplicando CSS a mi pagina. (Sábado 18 de Feb/11).  Creando un formulario tipo Encuesta. (Tarea de Equipo).  Fin de la Sesión.
  • 4. Los formularios son una de las herramientas de que disponemos a la hora de hacer nuestras páginas web interactivas, en el sentido de que nos permiten recopilar información de la persona que ve la página, procesarla y responder a ella, pudiendo de esta forma responder ad  Etiquetas <FORM>...</FORM> adecuadamente a sus acciones o peticiones.
  • 5. 1. Action = "ruta_programa". Indica el programa del servidor que va a "tratar" las variables que se envíen con el formulario. 2. Method = " POST / GET " . Indica el método según el que se van a transferir las variables del formulario. 3. Name = " alumno". Indica el nombre a identificar de nuestro formulario en la pagina web. Mas información en: http://www.webtaller.com/construccion/lenguajes/html/lecciones/for mularios_html.php
  • 6. Formulario de Captura de Datos de un Alumno.
  • 7. TRABAJANDO CON CSS
  • 8. Existen tres formas de aplicar estilos CSS a una pagina, la que recomiendo en primer lugar, haciendo un archivo de texto plano guardado como archivo.css, separado del archivo HTML, y vinculando la hoja HTML a el. Esto se hace colocando en la sección head de la página: <link href="archivo.css" rel="stylesheet" Type="text/css">
  • 9. 1. Para mi esta forma es la mas recomendable porque así se puede vincular el archivo.css a todas las páginas del sitio, es mucho mas liviano al ver la pagina y además a la hora de modificar algo se hace solo una vez. 2. La segunda forma es aplicando los estilos directamente en la sección <head> del documento HTML. Se hace de la siguiente forma:
  • 10. <head> <title>Pagina</title> <style type="text/css"> body { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; } </style> </head>
  • 11. 1. Es buena idea colocarlos de esta forma si son estilos exclusivos para la pagina a la que se le aplica. 2. El tercer método no lo recomiendo, aunque algunas veces puede ser necesario. Consiste en aplicar el estilo directamente sobre el elemento HTML, de esta forma: 3. <table style="background-color:#333333; padding:2px; width:300px; height;100px;></table>
  • 12. Propiedades de fuentes:  Font Family (Familia de fuente)  Font Style (Estilo de fuente)  Font Weight (Peso de fuente)  Font Size (Tamaño de fuente)  Font (Fuente) Propiedades de color y fondo:  Color  Background Color (Color del texto - fondo)  Background Image (Imagen de fondo)  Background Repeat (Repetir fondo)  Background Attachment (Fijación de fondo)  Background Position (Posición del fondo)  Background (Fondo)
  • 13. Propiedades de texto:  Word Spacing (Espaciamiento de palabras)  Letter Spacing (Espaciamiento de letras)  Text Decoration (Decoración de texto)  Vertical Alignment (Alineación vertical)  Text Transformation (Transformación de texto)  Text Alignment (Alineación de texto)  Text Indentation (Sangría de texto)  Line Height (Altura de línea)
  • 14.  TUTORIAL BASICO DE CSS: http://www.cristalab.com/tutoriales/tutorial-basico-de- css-c94l/  ESTILOS Y FUENTES EN TEXTOS: http://htmlhelp.com/es/reference/css/properties.html  DESARROLLO WEB - CSS: http://www.desarrolloweb.com/manuales/manual-css- hojas-de-estilo.html
  • 16. FIN DE LA SESION ¡¡BENDICIONES!