viernes, 7 de julio de 2017
miércoles, 5 de julio de 2017
citar a papás
Hola buen día¡¡¡
Los alumnos que no acreditaron el tercer parcial, es obligatorio presentarse a asesorías, en caso contrario se solicitará la presencia del padre de familia.
martes, 4 de julio de 2017
grupo 404
Holaaaa, estoy preocupada... por favor alumnos presentarse en caso de calificación reprobada, gracias
Hoy 4 de julio, subo calificaciones a plataforma y ya no podré hacer modificaciones, si hay alguna aclaración o corrección de calificación, ES HOY.
BONITO DÍA!!!!
Grupo 405
Holaaaa
Hoy 4 de julio, subo calificaciones a plataforma y ya no podré hacer modificaciones, si hay alguna aclaración o corrección de calificación, ES HOY.
BONITO DÍA!!!!
jueves, 29 de junio de 2017
martes, 20 de junio de 2017
sábado, 10 de junio de 2017
sábado, 3 de junio de 2017
SOLO lunes 5 de junio recepción de trabajos de pre-recuperación
Hola
Se
reciben
trabajos de pre-recuperación
Lunes
5 de junio de 2017
Entrego calificaciones en control escolar
el lunes
Seguramente alguien preguntara,
¿Qué debo entregar?
Respuesta:
lo que no entregaste en el parcial
viernes, 26 de mayo de 2017
Entregar ficha grupo 405
Hola, aviso super importante. Si está pendiente esta actividad, por favor entregar
Es en forma individual No es necesario hacer equipos
Por favor entregar a las 7:00 el día LUNES 29 DE MAYO DE 2017 (1 decima) después de las 7:00 dos sellos. Gracias. Yo paso a su salón.
Entregar en hoja membretada (ver anexo)
Contestar las preguntas
Es en forma individual No es necesario hacer equipos
Por favor entregar a las 7:00 el día LUNES 29 DE MAYO DE 2017 (1 decima) después de las 7:00 dos sellos. Gracias. Yo paso a su salón.
Entregar en hoja membretada (ver anexo)
Contestar las preguntas
Entregar ficha_grupo404
Hola, aviso super importante. Si está pendiente esta actividad, por favor entregar
Es en forma individual No es necesario hacer equipos
Por favor entregar a las 7:00 el día LUNES 29 DE MAYO DE 2017 (1 decima) después de las 7:00 dos sellos. Gracias. Yo paso a su salón.
Entregar en hoja membretada (ver anexo)
Contestar las preguntas
Es en forma individual No es necesario hacer equipos
Por favor entregar a las 7:00 el día LUNES 29 DE MAYO DE 2017 (1 decima) después de las 7:00 dos sellos. Gracias. Yo paso a su salón.
Entregar en hoja membretada (ver anexo)
Contestar las preguntas
Ejemplo de hoja membretada
Entrega de ficha grupo 404
Hola, aviso super importante. Si está pendiente esta actividad, por favor entregar
Es en forma individual No es necesario hacer equipos
Por favor entregar a las 7:00 el día LUNES 29 DE MAYO DE 2017 (1 decima) después de las 7:00 dos sellos. Gracias. Yo paso a su salón.
Entregar en hoja membretada (ver anexo)
Contestar las preguntas
Es en forma individual No es necesario hacer equipos
Por favor entregar a las 7:00 el día LUNES 29 DE MAYO DE 2017 (1 decima) después de las 7:00 dos sellos. Gracias. Yo paso a su salón.
Entregar en hoja membretada (ver anexo)
Contestar las preguntas
Sigue al lider...
Hola buenas tardes, entrega en hoja membretada tu evidencia de sígueme. Valor 5 sellos, fecha de entrega limite 31 de mayo del 2017
domingo, 21 de mayo de 2017
Guia_segundo parcial
GUIA PARA EL SEGUNDO EXAMEN PARCIAL
Desarrolla aplicaciones WEB
Correspondiente
al cuarto Semestre de la Carrera de Programación
|
NOMBRE DEL ALUMNO (A):
|
|
|
|
No. LISTA:
|
|
|||||
|
Apellido Paterno
|
Apellido Materno
|
Nombre(s)
|
||||||||
|
TURNO:
|
DURACIÓN:
|
50 minutos
|
VALOR:
|
20%
|
FECHA:
|
GRUPO:
|
|
|||
|
NOMBRE DE PROFESORA:
|
Firma de aceptación de calificación de examen:
|
|
CALIFICACIÓN EXAMEN:
|
|
||||||
|
INSTRUCCIONES
GENERALES:
|
|
·
Lea instrucciones antes de
contestar
·
El alumno deberá escribir
sus datos como se solicitan y contestar con pluma negra o azul el examen, y
pegar diurex en las respuestas
·
Contestar con letra clara,
no hacer manchones, ni anotar repuestas dobles o se cancelará la respuesta, sin
excepción de persona
·
No se permite el préstamo de
ningún objeto (cinta transparente, goma, pluma, corrector, etc.) o se
considerará que está copiando
·
No se permite el uso de
audífonos y celulares
·
No se permite salir del aula
cuando ya se inició el examen
·
En caso de que el alumno
utilice alguna nota ilegal o platique durante el examen, se cancela el valor
total al alumno o alumnos involucrados.
|
Competencias genéricas: Se expresa y se comunica.
- 4. Escucha, interpreta y emite mensajes
pertinentes en distintos contextos mediante la utilización de medios, códigos y
herramientas apropiados.
Competencias
profesionales: Identifica, ordena e
interpreta las ideas, datos, conceptos explícitos e implícitos en un texto,
considerando el contenido en el que se generó y en el que se recibe.
INSTRUCCIONES:
Contesta la siguiente guía. Es DESCRIBIR o REALIZAR a que, como se aplican los códigos.
No son solo conceptos.
¿Qué es CSS?
¿Cuál es la sintaxis básica de CSS?
¿Cómo podemos aplicar CSS a un documento HTML de tres
maneras diferentes?
¿Qué son los fondos?
¿Qué son los estilos?
¿Cómo se puede cambiar la fuente?
¿Cuál es el formato de estilos?
¿Qué es la propiedad padding?
¿Cómo se aplican los fondos?
¿Qué se puede trabajar con párrafos?
¿Qué es el selector ID?
¿Qué es el selector clase?
¿Qué es el selector CSS?
¿Qué son los comentarios?
sábado, 20 de mayo de 2017
jueves, 11 de mayo de 2017
Realiza un organidor gráfico de cada tema... entregalo en hoja membretada
¿Que es CSS?
Competencia: puede que ya hayas oído hablar de css sin saber realmente qué es. En esta
lección aprenderás más cosas sobre css y qué puede hacer por ti.
CSS es un lenguaje de estilo que define la presentación de los
documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes,
colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento
avanzado y muchos otros temas.
Es posible usar HTML, o incluso abusar del mismo, para añadir
formato a los sitios web. Sin embargo, CSS ofrece más opciones y es más preciso
y sofisticado. CSS está soportado por todos los navegadores hoy día.
¿Qué diferencia hay entre CSS y HTML?
HTML se usa para estructurar el contenido; CSS se usa para
formatear el contenido previamente estructurado.
Vale, suena un poco técnico y confuso... pero sigue leyendo;
pronto todo tendrá sentido.
<h1> y <p>,
respectivamente.
A medida que la Web fue ganando popularidad, los diseñadores
empezaron a buscar posibilidades para añadir formato a los documentos en línea.
Para satisfacer esta reclamación, los fabricantes de los navegadores (en ese
momento, Netscape y Microsoft) inventaron nuevas etiquetas HTML, entre las que
se encontraban, por ejemplo,
<font>,
que se diferenciaba de las etiquetas originales HTML en que definían el
formato... y no la estructura.
Esto también llevó a una situación en la que las etiquetas
estructurales originales, por ejemplo, <table>, se usaban cada vez más de
manera incorrecta para dar formato a las páginas en vez de para añadir
estructura al texto. Muchas nuevas etiquetas que añadían formato, por ejemplo,
<blink>, sólo las soportaban un tipo determinado de navegador.
"Necesitas el navegador X para visualizar esta página" se convirtió
en una declaración de descargo común en los sitios web.
¿Qué
beneficios me ofrece CSS?
CSS fue toda una revolución en el mundo del diseño web. Entre los
beneficios concretos de CSS encontramos:
- control de la presentación de muchos documentos
desde una única hoja de estilo;
- control más preciso de la presentación;
- aplicación de diferentes presentaciones a
diferentes tipos de medios (pantalla, impresión, etc.);
- numerosas técnicas avanzadas y sofisticadas.
¿Cómo funciona CSS?
Competencia: aprenderás a crear tu primera hoja de estilo;
conocerás el modelo básico de CSS y qué código es necesario para usar CSS en un
documento HTML.
Muchas de las propiedades que se usan en las hojas de estilo en
cascada (CSS) son parecidas a las de HTML. Así pues, si estás acostumbrado a
usar HTML para cuestiones de presentación, lo más probable es que reconozcas
gran parte del código usado. Examinemos un ejemplo concreto.
La sintaxis básica de CSS
Digamos que queremos un bonito color rojo como fondo de nuestra
página web:
Usando HTML podríamos
haberlo conseguido así:
<body bgcolor="#FF0000">
Con CSS el
mismo resultado puede lograrse así:
body {background-color: #FF0000;}
Como verás, el código usado es más o menos idéntico para HTML y
CSS. El ejemplo anterior te muestra además el modelo CSS fundamental:
Pero ¿dónde se sitúa el
código CSS? Eso, precisamente, es lo que vamos a estudiar ahora mismo.
Aplicando CSS a un documento
HTML
Podemos aplicar CSS a un documento HTML de tres maneras
diferentes. Todos estos métodos se explican a continuación. Te recomendamos que
te centres en el tercero, es decir, el externo.
Método 1: En
línea (el atributo style)
Un modo de aplicar CSS a HTML es usando el atributo de HTML
style.
Si ampliamos el ejemplo anterior sobre el color de fondo rojo, CSS se puede
aplicar así:<html>
<head>
<title>Ejemplo</title>
</head>
<body style="background-color: #FF0000;">
<p>Esta es una página con fondo rojo</p>
</body>
</html>
|
|
|
R
E
S
U
L
T
A
D
O
|
Método 2:
Interno (la etiqueta style)
Otra forma es incluir el código CSS usando la etiqueta HTML
<style>.
Por ejemplo, así: <html>
<head>
<title>Ejemplo</title>
<style type="text/css">
body {background-color: #FF0000;}
</style>
</head>
<body>
<p>Esta es una página con fondo rojo</p>
</body>
</html>
|
|
|
R
E
S
U
L
T
A
D
O
|
El método recomendado es enlazar con lo que se denomina hoja de
estilo externa. Una hoja de estilo externa es sencillamente un fichero de texto
con la extensión .css.
Como cualquier otro fichero, puedes colocar la hoja de estilo en el servidor
web o en el disco duro.
Por ejemplo, digamos que tu hoja de estilo se llama style.css y está
localizada en una carpeta que se llama style. Esta situación se puede ilustrar de
la siguiente manera:
El truco consiste en crear un vínculo desde el documento HTML (por
ejemplo, default.htm) con la hoja de estilo (style.css). Dicho vínculo se puede
crear con una sencilla línea de código HTML:
<link rel="stylesheet" type="text/css"href="style/style.css"/>
Fíjate cómo la ruta a nuestra hoja de estilo aparece indicada por
medio del atributo
href.
La línea de código debe insertarse en la sección de encabezado del
código HTML, es decir, entre la etiqueta
<head> y </head>.
De esta manera: <html>
<head>
<title>Mi documento</title>
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
...
Este vínculo indica al navegador que debería usar la presentación
del fichero CSS al mostrar el fichero HTML. Lo realmente bueno de este método
es que se pueden vincular varios documentos HTML con la misma hoja de estilo.
En otras palabras, se puede usar un único fichero CSS para controlar la
presentación del muchos documentos HTML.
Esta técnica puede ahorrarte mucho trabajo. Si quisieras cambiar,
por ejemplo, el color de fondo de un sitio web compuesto por 100 páginas, una
hoja de estilo puede ahorrarte el tener que cambiar de forma manual los 100
documentos HTML. Con CSS, el cambio se puede llevar a cabo en unos segundos
modificando parte del código de la hoja de estilo principal.
Fichero default.htm
<html>
<head>
<title>Mi documento</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h1>Mi primera hoja de estilo</h1>
</body>
</html>
Fichero style.css
body {
background-color: #FF0000;
}
Ahora coloca los dos ficheros en la misma carpeta. Recuerda grabar
los ficheros con las extensiones correctas (".htm" y
".css", respectivamente).
Abre el fichero default.htm con
el navegador y observa que la página tiene un color de fondo rojo.
R
E
S
U
L
T
A
D
O
|
¡Enhorabuena! ¡Acabas de crear tu primera hoja de estilo!
Colores y fondos
Color de
primer plano: la propiedad 'color'
La propiedad
color describe
el color de primer plano de un elemento.
Por ejemplo, imagina que queremos que todos los títulos de un
documento aparezcan con color rojo oscuro. Todos los títulos están marcados con
el elemento
<h1>.
El código siguiente establece el color de los elementos
<h1> como
rojo. h1 {color: #ff0000;
}
Los colores se pueden introducir como valores hexadecimales, como
en el ejemplo anterior: #ff0000; o se pueden usar los nombres de los colores:
"red" (rojo), o bien como valores rgb: (rgb(255,0,0)).
La propiedad
'background-color'
La propiedad
background-color describe
el color de fondo de los elementos.
El elemento
<body> contiene
todo el contenido de un documento HTML. Así pues, para cambiar el color de
fondo de una página, la propiedad background-color debería
aplicarse al elemento <body>.
También se pueden aplicar colores de fondo a otros elementos,
entre ellos, a los encabezados y al texto. En el ejemplo que sigue se aplicarán
diferentes colores a los elementos
<body> y<h1>. body {
background-color: #FFCC66;
} h1 {color: #990000;
background-color: #FC9804;
}
Fíjate cómo hemos aplicado dos propiedades a
<h1> separándolas
por medio de un punto y coma.
Imágenes de
fondo [background-image]
La propiedad CSS
background-image se
usa para insertar una imagen de fondo.
Para el ejemplo de la imagen de fondo, vamos a usar la mariposa
que ves más abajo. Puedes descargar la imagen para usarla en tu propio ordenador
(haz clic con el botón derecho sobre la imagen y elige "guardar imagen
como..."), o bien puedes usar cualquier otra imagen.
Para insertar la imagen de la mariposa como imagen de fondo de una
página web, aplica sencillamente la propiedad
background-image al
elemento <body> y
especifica la localización de la imagen. body {
background-color: #FFCC66;background-image: url("butterfly.gif");
} h1 { color: #990000; background-color: #FC9804; }
NOTA: Fíjate cómo hemos especificado la localización de la
imagen: url("butterfly.gif").
Esto significa que la imagen está en la misma carpeta que la hoja de estilo.
También puedes hacer referencia a imágenes en otras carpetas usando url("../imagenes/butterfly.gif") o
incluso imágenes de internet si indicas la dirección completa del fichero:url("http://www.html.net/butterfly.gif").
Repetir la
imagen de fondo [background-repeat]
En el ejemplo anterior, ¿te fijaste en que, por defecto, la
mariposa se repetía tanto en el eje horizontal como en el vertical para ocupar
toda la pantalla? La propiedad
background-repeatcontrola
este comportamiento.
La tabla siguiente resume los cuatro valores diferentes para la
propiedad
background-repeat.
Valor
Ejemplo
Background-repeat:
repeat-x
La imagen se repite en
el eje horizontal
background-repeat:
repeat-y
La imagen se repite en
el eje vertical
background-repeat:
repeat
La imagen se repite en
el eje horizontal y vertical
background-repeat:
no-repeat
La imagen no se repite
Por ejemplo, para evitar que se repita un imagen de fondo, el
código que tendríamos que usar sería el siguiente:
body {
background-color: #FFCC66; background-image: url("butterfly.gif");background-repeat: no-repeat;
} h1 {color: #990000;
background-color: #FC9804; }
Fijar la
imagen de fondo [background-attachment]
La propiedad
background-attachment especifica
si una imagen está fija o se desplaza con el elemento contenedor.
Una imagen de fondo fija no se moverá con el texto cuando el
lector se desplace por la página, mientras que una imagen de fondo no fija se
desplazará con el texto de la página web.
La tabla siguiente resume los dos valores posibles para la
propiedad
background-attachment. Haz
clic en los ejemplos para ver la diferencia entre la imagen fija y la imagen
que se desplaza.
Valor
Descripción
Ejemplo
Background-attachment:
scroll
La imagen se desplaza
con la página - no está fija
Background-attachment:
fixed
La imagen está fija
Por ejemplo, el siguiente código fijará la imagen de fondo.
body {
background-color: #FFCC66; background-image: url("butterfly.gif"); background-repeat: no-repeat;background-attachment: fixed;
} h1 { color: #990000; background-color: #FC9804; }
Ubicación de
la imagen de fondo [background-position]
background-position te
permitirá cambiar este valor por defecto y posicionar la imagen de fondo en
cualquier lugar de la pantalla que quieras.
Hay muchas formas diferentes de establecer los valores de la propiedad
background-position.
Sin embargo, todas ellas se formatean como un conjunto de coordenadas. Por
ejemplo, el valor '100px 200px' posiciona la imagen de fondo a 100 píxeles del
margen izquierdo y a 200 píxeles del margen superior del la ventana del navegador.
Las coordenadas se pueden indicar como porcentajes del ancho de la
pantalla, como unidades fijas (píxeles, centímetros, etc.) o puedes usar las
palabras "top" (superior), "bottom" (inferior),
"center" (centro), "left" (izquierda) y "right"
(derecha). El modelo siguiente ilustra cómo funciona el sistema:
La tabla siguiente proporciona varios ejemplos.
Valor
Descripción
Ejemplo
background-position:
2cm 2cm
La imagen se posiciona
a 2 cm del margen izquierdo y a 2 cm del margen superior de la página
background-position:
50% 25%
La imagen se posiciona
en el centro de la página y un 25 % del margen superior de la misma
background-position: top
right
La imagen se posiciona
en la esquina superior derecha de la página
El ejemplo de código siguiente posiciona la imagen de fondo en la
esquina inferior derecha:
body {
background-color: #FFCC66; background-image: url("butterfly.gif"); background-repeat: no-repeat; background-attachment: fixed;background-position: right bottom;
} h1 {color: #990000;
background-color: #FC9804; }
Combinación
de propiedades [background]
La propiedad
background es
una forma abreviada de todas las propiedades de fondo listadas a lo largo de
esta lección.
Con la propiedad
background se
pueden comprimir varias propiedades, y así escribir una hoja de estilo de forma
más abreviada, lo que facilitará su lectura.
Por ejemplo, observa estas cinco líneas de código:
background-color: #FFCC66;
background-image: url("butterfly.gif"); background-repeat: no-repeat; background-attachment: fixed;background-position: right bottom;
Usando
background se
puede lograr el mismo resultado con una única línea de código: background: #FFCC66 url("butterfly.gif") no-repeat fixed right bottom;
El orden en que deben aparecer las propiedades individuales es el
siguiente:
[background-color] | [background-image] | [background-repeat]| [background-attachment] | [background-position]
Si se omite alguna propiedad, de forma automática ésta se
establecerá con su valor por defecto. Por ejemplo, si se omiten las
propiedades
background-attachment y background-positiondel
ejemplo anterior, quedando el código de la siguiente manera: background: #FFCC66 url("butterfly.gif") no-repeat;
Estas dos propiedades que no se especifican se establecerían, sin
más, con sus valores por defecto, que, como ya sabes, son
scroll y top
left.
Resumen
En esta lección has aprendido nuevas técnicas que no serían
posibles con HTML. La diversión continúa en la siguiente lección que
examina el amplio abanico de posibilidades a la hora de usar CSS para describir
las fuentes.
Suscribirse a:
Entradas (Atom)