sábado, 29 de abril de 2017
miércoles, 19 de abril de 2017
CSS
-hoy realizamos una evaluación para sacar el indicador del segundo periodo.
preguntas:
1. ¿Que diferencia hay entre el html y el css?
html se usa para estructurar el contenido;css se usa para formatear el contenido previamente estructurado.
2.¿Que se necesita para utilizar google docs?
*Debemos tener una cuenta google (correo gmail) si ya tiene podrá usarla
*Necesita ser utilizado a través de un navegador funciona con cualquier navegador
3.h1{
color:#ff0000;
background-color;#00ff00;
}
4. Una regla de estilo en la cual toda la pagina web sea de color amarillo.
Mi nota fue:50
-Realizaron una metavolante y obtuve una
-Realizamos ejercicios sobre el tema:
a {
color:#ff0000;
font-size:10px;
}
a.verde{
color:#00ff00;
font-size:10px;
}
a.azul {
color:#0000ff;
font-size:10px;
}
a:hover {
color :#34dda7;
font-size:14px;
background-color:#f00;
}
a.azul:hover{
color:#0000ff;
font-size:30px;
}
.teclado{
color:#ff0000;
font-size
}
.h1{
color:#00ffff;
font-size:16px;
}
input[type="password"]{
background-color:#f00;
}
input
background-color:#f00;
}
<!--
<body bgcolor="#f00" text="#ff0">
<h1>hola esto es un comentario </h1>
<hr>
<a href="http://www.google.com" target="_blank"> ir a la pagina google</a>
<hr>
<a href="http://www.google.com" class="verde" target="_blank"> ir a la pagina google</a>
<hr>
<a href="http://www.vanguardia.com" class"azul" target="_blank"> ir a la pagina google</a>
<h1>Bucaramanga</h1> <span class="teclado">Ciudad
<br><br>
<input type="text" id="a"><br>
<input type="text" id="b"><br>
<input type="text" class="goyo" id="c"><br>
preguntas:
1. ¿Que diferencia hay entre el html y el css?
html se usa para estructurar el contenido;css se usa para formatear el contenido previamente estructurado.
2.¿Que se necesita para utilizar google docs?
*Debemos tener una cuenta google (correo gmail) si ya tiene podrá usarla
*Necesita ser utilizado a través de un navegador funciona con cualquier navegador
3.h1{
color:#ff0000;
background-color;#00ff00;
}
4. Una regla de estilo en la cual toda la pagina web sea de color amarillo.
Mi nota fue:50
-Realizaron una metavolante y obtuve una
-Realizamos ejercicios sobre el tema:
a {
color:#ff0000;
font-size:10px;
}
a.verde{
color:#00ff00;
font-size:10px;
}
a.azul {
color:#0000ff;
font-size:10px;
}
a:hover {
color :#34dda7;
font-size:14px;
background-color:#f00;
}
a.azul:hover{
color:#0000ff;
font-size:30px;
}
.teclado{
color:#ff0000;
font-size
}
.h1{
color:#00ffff;
font-size:16px;
}
input[type="password"]{
background-color:#f00;
}
input
background-color:#f00;
}
<!--
<body bgcolor="#f00" text="#ff0">
<h1>hola esto es un comentario </h1>
<hr>
<a href="http://www.google.com" target="_blank"> ir a la pagina google</a>
<hr>
<a href="http://www.google.com" class="verde" target="_blank"> ir a la pagina google</a>
<hr>
<a href="http://www.vanguardia.com" class"azul" target="_blank"> ir a la pagina google</a>
<h1>Bucaramanga</h1> <span class="teclado">Ciudad
<br><br>
<input type="text" id="a"><br>
<input type="text" id="b"><br>
<input type="text" class="goyo" id="c"><br>
sábado, 15 de abril de 2017
PUBLICACION ADICIONAL
- como apagar un Pc linux desde consola
*Para apagar la PC: kzkggaara@geass:~$ sudo shutdown -h now Nota: Es necesario ingresar nuestro password de root ya que se requiere permisos administrativos.
*Para apagar la PC luego de un tiempo determinado: kzkggaara@geass:~$ sudo shutdown -h +«tiempo-deseado» Deben cambiar “«tiempo-deseado»” por el número o cantidad de minutos a esperar antes de apagar el sistema.
Ejemplo: sudo shutdown -h +10 //El sistema se apagará a los 10
minutos de haber introducido esta línea de comando.
Nota: Es necesario ingresar nuestro password de root ya que se requiere permisos administrativos.
Nota: Es necesario ingresar nuestro password de root ya que se requiere permisos administrativos.
*Para apagar la PC a una hora determinada: kzkggaara@geass:~$ sudo shutdown -h «hora-deseada» Deben cambiar “«hora-deseada»” por lógicamente la hora a la que desean que se apague el sistema. Reloj en formato de 24 horas, es decir; de 0 a 23.
Ejemplo: sudo shutdown -h 22:30 //El sistema se apagará a las 22 con
30 minutos, o sea; a las 10 y media de la noche.
Nota: Es necesario ingresar nuestro password de root ya que se requiere permisos administrativos.
Nota: Es necesario ingresar nuestro password de root ya que se requiere permisos administrativos.
*Para reiniciar la PC cualquiera
de los siguientes: kzkggaara@geass:~$ sudo shutdown -r now kzkggaara@geass:~$
sudo reboot Nota: Es necesario ingresar nuestro password
de root ya que se requiere permisos administrativos. Además, cualquiera de las
dos líneas anteriores hacen lo mismo; reiniciar la PC.
*Para reiniciar la PC luego de un tiempo determinado: kzkggaara@geass:~$ sudo shutdown -r +«tiempo-deseado»
Deben cambiar “«tiempo-deseado» ” por el número o cantidad de minutos
a esperar antes de reinicie el sistema.
Ejemplo: sudo shutdown -r +10 //El sistema se reiniciará a los 10 minutos de haber introducido esta línea de comando.
Nota: Es necesario ingresar nuestro password de root ya que se requiere permisos administrativos.
Ejemplo: sudo shutdown -r +10 //El sistema se reiniciará a los 10 minutos de haber introducido esta línea de comando.
Nota: Es necesario ingresar nuestro password de root ya que se requiere permisos administrativos.
*Para reiniciar la PC a una hora determinada: kzkggaara@geass:~$ sudo shutdown -r «hora-deseada»
Deben cambiar “«hora-deseada»” por lógicamente la hora a
la que desean que se reinicie el sistema. Reloj en formato de 24 horas, es
decir; de 0 a 23.
Ejemplo: sudo shutdown -r 22:30 //El sistema se reiniciará a las 22 con 30 minutos, o sea; a las 10 y media de la noche.
Nota: Es necesario ingresar nuestro password de root ya que se requiere permisos administrativos.
Ejemplo: sudo shutdown -r 22:30 //El sistema se reiniciará a las 22 con 30 minutos, o sea; a las 10 y media de la noche.
Nota: Es necesario ingresar nuestro password de root ya que se requiere permisos administrativos.
miércoles, 12 de abril de 2017
SEMANA SANTA
SEMANA SANTA
-No hay clase, semana de vacaciones.
-Ya esta abierto el modulo de manuales.
-El profesor dejo varias publicaciones en la web:
IMPORTANTE 2 ....
- Módulo Blog Cerrado a las 6:30 p.m. del día 07 de abril de 2017.
FELICITO al grado grupo 10b, por ser el único grado/grupo de los 6 que tengo a cargo, en donde todos sus integrantes publicaron el Blog.- Si no alcanzo a publicar la Url de su Blog para el periodo Dos del 2017, favor tener en cuenta lo siguiente:
- Si eres del Grado Noveno, favor Leer la publicación de la Clase 06 Abr. 2017, publicada el día 31 de Marzo de 2017 a las 17:40. Leer el Item No. 5.
- Si eres del Grado Décimo, favor Leer la publicación de la Clase 05 Abr. 2017, publicada el día 31 de Marzo de 2017 a las 17:40. Leer el Item No. 5.
- Si eres del Grado Undécimo, favor Leer la publicación de la Clase 04 Abr. 2017, publicada el día 31 de Marzo de 2017 a las 17:40. Leer el Item No. 5.
IMPORTANTE 3 ....
- Apertura del módulo Blog de 11:30 a.m. hasta las 05:00 p.m. del dia sábado 08 de abril de 2017.
- Primera calificación del Blog del periodo sobre 80, sólo para los estudiantes que publicaron el día 08 de abril de 2017, en el rango de horas indicadas.
Publicación Normal
- RECOMIENDO tener el Blog, cuaderno y usb actualizados.
- Para la publicación de Semana Santa, deben indicar NO hay clase, vacaciones de Semana Santa.
- Recomiendo repasar TODO lo visto en el primer Periodo del 2017.
- Recomiendo tener muy en cuenta lo visto en la clase del día 05 de abril de 2017, y con la lista de temas que les mencione, para que con ello esten mejor preparados.
- Previo primer Indicador del periodo dos, el día miercoles 19 de abril de 2017.
- Primera revisión de su Blog, viernes 21 de abril de 2017, despues de las 6:00 p.m.
- Los puntos extra del día de clase 19 de abril de 2017, valdrán por 2 o por 3. Favor prepararse. Tener en cuenta nuestro objetivo del Periodo dos.
- FELICES VACACIONES DE SEMANA SANTA.
miércoles, 5 de abril de 2017
SEGUNDO PERIODO
SEGUNDO BIMESTRE
CRONOGRAMA
Definición de CSS
CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe como se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille.
¿Para que sirve?
CSS es una especificación desarrollada por el W3C (World Wide Web Consortium) para permitir la separación de los contenidos de los documentos escritos en HTML, XML, XHTML, SVG, o XUL de la presentacin del documento con las hojas de estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes, tipos de letra..., modificando as la apariencia de una página web de una forma más sencilla, permitiendo a los desarrolladores controlar el estilo y formato de sus documentos.
¿Cómo funciona?
El lenguaje CSS se basa en una serie de reglas que rigen el estilo de los elementos en los documentos estructurados, y que forman la sintaxis de las hojas de estilo. Cada regla consiste en un selector y una declaración, esta última va entre corchetes y consiste en una propiedad o atributo, y un valor separados por dos puntos.
Ejemplo:
h2 {color: green;}
- h2 ---> es el selector
- {color: green;} ---> es la declaración
- color ---> es la propiedad o atributo
- green ---> es el valor
Selector
El Selector especifica que elementos HTML van a estar afectados por esa declaración, de manera que hace de enlace entre la estructura del documento y la regla estilística en la hoja de estilo.
Declaración
La Declaración que va entre corchetes es la información de estilo que indica cómo se va a ver el selector. En caso de que haya más de una declaración se usa punto y coma para separarlas.
Propiedad o Atributo y Valor
Dentro de la declaración, la Propiedad o Atributo define la interpretación del elemento asignándosele un cierto Valor, que puede ser color, alineación, tipo de fuente, tamaño..., es decir, especifican qué aspecto del selector se va a cambiar.
tomado de:http://www.masadelante.com/faqs/css
Soporte de CSS en los navegadores
El trabajo del diseñador web siempre está limitado por las posibilidades de los navegadores que utilizan los usuarios para acceder a sus páginas. Por este motivo es imprescindible conocer el soporte de CSS en cada uno de los navegadores más utilizados del mercado.
Internamente los navegadores están divididos en varios componentes. La parte del navegador que se encarga de interpretar el código HTML y CSS para mostrar las páginas se denomina motor. Desde el punto de vista del diseñador CSS, la versión de un motor es mucho más importante que la versión del propio navegador.
La siguiente tabla muestra el soporte de CSS 1, CSS 2.1 y CSS 3 de los cinco navegadores más utilizados por los usuarios:
| Navegador | Motor | CSS 1 | CSS 2.1 | CSS 3 |
|---|---|---|---|---|
| Google Chrome | WebKit | Completo desde la versión 85 del motor | Completo | Todos los selectores, pseudo-clases y muchas propiedades |
| Internet Explorer | Trident | Completo desde la versión 7.0 del navegador | Completo | Todos los selectores, pseudo-clases y muchas propiedades a partir de la versión 10.0 del navegador |
| Firefox | Gecko | Completo desde la versión 1.0 del navegador | Completo | Todos los selectores, pseudo-clases y muchas propiedades |
| Safari | WebKit | Completo desde la versión 85 del motor | Completo | Todos los selectores, pseudo-clases y muchas propiedades |
| Opera | Presto | Completo desde la versión 1.0 del navegador | Completo | Todos los selectores, pseudo-clases y muchas propiedades |
Los navegadores Firefox, Chrome, Safari y Opera son los más avanzados en el soporte de CSS, ya que incluyen muchos elementos de la futura versión CSS 3 y un soporte casi perfecto de la actual version 2.1.
Por su parte, el navegador Internet Explorer sólo puede considerarse adecuado desde el punto de vista de CSS a partir de su versión 7. Internet Explorer 6, utilizado todavía por un número no despreciable de usuarios, sufre carencias muy importantes y contiene decenas de errores en su soporte de CSS. Internet Explorer 8 soporta casi todas las propiedades y características de CSS 2.1.
Ejercicio clase
(código html)
<html>
<head>
<title>Intento para hacer un css</title>
<LINK href="especial.css" rel="stylesheet" type="text/css">
</head>
<body>
<P class="especial"> Este parrafo tiene que tener la letra verde </P>
</body>
</html>
(código css)
h1.p{
color: #4598aa;
font-size: 30px;
text-transform: lowercase;
}
h1.b{
color: #FF657F;
font-size: 30px;
text-transform: lowercase;
}
h1.c{
color: #0E12FE;
font-size: 30px;
text-shadow: 1px 3px 5px
text-transform: lowercase;
}
Suscribirse a:
Entradas (Atom)