Programacion iv sesion 4 php

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.

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

FIN
DE LA
SESION
¡¡BENDICIONES!

Programacion iv sesion 4 php

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (10)

Destacado

Destacado (20)

Similar a Programacion iv sesion 4 php

Similar a Programacion iv sesion 4 php (20)

Más de Roberto Garcia

Más de Roberto Garcia (10)

Último

Último (20)

Programacion iv sesion 4 php