Aprendiendo a usar CSS por Fabián Gonzalez 01

Aprendiendo a usar CSS por Fabián Gonzalez 01


Bueno paso a dejar las instrucciones para poder utilizar los estilos
encadenados en html, haciendo nuestras páginas webs más dinámicas y
profesionales

Las reglas de css serían las siguientes

Selector{
propiedad: valor;
}

Selector
En general dentro del selector podremos identificarlo con cualquier etiqueta
html los utilizaremos de la siguiente manera ejemplo,
<b>,<p>,<form> los pasamos a a b,p, form, sin la simbología
<>. Con esto haremos que cualquiera de esas etiquetas lleven los valores
a poner a continuación.

Propiedad

La propiedad es el atributo que queremos poner para luego cambiar sus valores,
por ejemplo aquí se puede utilizar tales como: background, Font, size etc

Valor
Aquí pondremos a continuación de la propiedad las características buscadas de
la misma. Como por ejemplo, funte tipo Comic Sans, color de letra rojo, tamaño
14 etc.

Como muchos quienes programan y para quienes recién empiezan
pueden saber que los css heredan de otros lenguajes muchas características de
los mismos, como por ejemplo el uso de las llaves {} después del selector para
comenzar con la declaraciones de valores y propiedades. Terminamos cada valores
con punto y coma “;” y también podemos hacer notas entre “/*” para empezar y “*/”
para terminar, al igual que el lenguaje c todo lo que haya dentro de lasanotaciones no podrá ser visto luego de ser ejecutado.



Ejemplo
Tomaremos como ejemplo todo el documento (body/cuerpo de la pagina), como
propiedad tenemos el fondo de la web (background) le pondremos de color negro
(hexadecimal #000000). Los caracteres tendrán la opción de la negrita activada.


Body {
Background
Font-weight: bold; /*fuentes en negrita*/
}

Si el valor fuese una
palabra compuesta (con espacios), tenemos que ponerla entre comillas dobles (“”) o simples (‘’)

q3 {
Font-family: “Comic Sans MS”;
}

Para que haya una

mejor lectura del código, es aconsejable separar por líneas para escribir cada
una de las declaraciones.

P {text-aling:right; /*Línea
1*/
color:
#FF0000 /*Línea 2*/
}


b { text-aling:right;
color: #FF0000 }

Las reglas “p” y “b”
tienen el mismo efecto final, la sintaxis es perfecta en ambas, pero la lectura
de “p” es mucho mas cómoda y ordenada.

Toma de decisión o alternativa 9

Programa que ingresa calificación numerica e informa el concepto segun una tabla.

/* Trabajo practico numero 1
9) Ingresar una califacion numerica e informar el concepto segun la siguiente tabla:
0-3,50 Insuficiente
4-6,50 Regular
7-8,50 Bueno
9-10 Muy bueno

*/

#include
#include

void main(void)
{

float a;

clrscr();
printf("\nIngrese de la calificacion del alumno:\n");
scanf("%f",&a);

if (a > =0 && a < =3.5)
{
printf("\nNota insuficiente\n");
}
else if (a > =4 && a < =6.5)
{
printf("\nNota Regular\n");
}
else if (a > =7 && a < =8.5)
{
printf("\nNota Buena\n");
}

else if (a > =9 && a < =10) {
printf("\nNota Muy Buena\n");
}
else if (a>11){
printf("La nota ingresada es mayor a diez\nERROR\n");
}

getche();
}

Hecho por Fabian Gonzalez (el Sato) Probado en Borland C++ y en Turbo C

Toma de decisión o alternativa 8

Programa para calcular 4 calificaciones, dar el promedio de las tres mejores notas.

/* Trabajo practico numero 1
8) Se ingresan 4 calificacionesde un alumno, informar el promedio de las tres
mejores
*/

#include
#include

void main(void)
{
int a,b,c,d,total;


printf("\nIngrese de la primer calificacion del alumno:\n");
scanf("%d",&a);
printf("\nIngrese de la segunda calificacion del alumno:\n");
scanf("%d",&b);
printf("\nIngrese de la tercer calificacion del alumno:\n");
scanf("%d",&c);
printf("\nIngrese de la cuarta calificacion del alumno:\n");
scanf("%d",&d);


if (a < b && a < c && a < d)
{
total=b*c*d/3;
printf("\nLas mejores notas son la 2da la 3ra y la 4ta\nEl promedio de las tres mejores notas es: %d",total);

}

if (b < a && b < c && b < d)
{
total=a*c*d/3;
printf("\nLas mejores notas son la 1ra la 3ra y la 4ta\nEl promedio de las tres mejores notas es: %d",total);

}

if (c < a && c < b && c < d)
{
total=a*b*d/3;
printf("\nLas mejores notas son la 1ra la 2da y la 4ta\nEl promedio de las tres mejores notas es: %d",total);

}

if (d < a && d < b && d < c)
{
total=a*b*c/3;
printf("\nLas mejores notas son la 1ra la 2da y la 3ra\nEl promedio de las tres mejores notas es: %d",total);

}

getche();
}

Hecho por Fabian Gonzalez (el Sato) Probado en Borland C++ y en Turbo C

Toma de decisión o alternativa 7

Programa para determinar el valor de intereses evaluando capital y plazo en días.

/* Trabajo practico numero 1
7) Desarrolle un DDF para ingresar tres datos: capital, tasa de interes y
plazo en dias. validar que la tasa sea mayor que 1.7 y menor que 18
que el plazo no sea menor que 7 dias ni mayor a 180 dias y que el capital
no sea inferior a 3000. Si los tres datos son validos, calcular el interes
y el monto respectivo si no son, emitir una leyenda aclaratoria.

*/

#include
#include

void main(void)
{
int capital,dias,i;
float tasa;

printf("\nIngrese el valor del capital total:\n");
scanf("%d",&capital);
printf("\nIngrese el total de la tasa de interes en porcentaje:\n");
scanf("%f",&tasa);
printf("\nIngrese el plazo en dias:\n");
scanf("%d",&dias);

if (capital>300&&tasa>1.7&&tasa<18&&dias>7&&dias<180)
{
for(i=0;i<=dias;i++)
{
capital=capital*tasa/100;
}
printf("El total a retirar es %d",capital);
}

else {
printf("El valor ingresado exede los registros del banco para la tasa\n de intereses\n");
}
getche();
}

Hecho por Fabian Gonzalez (el Sato) Probado en Borland C++ y en Turbo C

Toma de decisión y alternativa 6

Programa que nos permite ingresar una circunferencia, y unas coordenadas cartesianas (x,y) y el programa nos dice si esta fuera el punto o dentro de la circunferencia:

/* Trabajo practico numero 1
6)
Ingresar en primer lugar un valor numerico que representa el radio de una
circunferencia. Luego ingresar dos valores numéricos que representen las
coordenadas de un punto plano x-y se desea determinar si el punto se halla
dentro de la circunsferencia.
*/

#include
#include

void main(void)
{
int radio,x,y;

printf("\nIngrese el valor del radio de la circunferencia:\n");
scanf("%d",&radio);
printf("\nIngrese el valor de la coordenada x:\n");
scanf("%d",&x);
printf("\nIngrese el valor de la coordenada y:\n");
scanf("%d",&y);

if (x > y)
{
if (x <= radio)
{
printf("El punto esta dentro de la circunferencia");
}
else
{
printf("El punto esta afuera de la circunferencia");
}
}
else if (y > x)
{
if (y <= radio)
{
printf("El punto esta dentro de la circunferencia");
}
else
{
printf("El punto esta afuera de la circunferencia");
}
}

else
{
if (y <= radio) /* Como aqui en el else los dos son iguales entonces
poderemos tomar X o Y*/
{
printf("El punto esta dentro de la circunferencia");
}
else
{
printf("El punto esta afuera de la circunferencia");
}
}
getche();
}
Hecho por Fabian Gonzalez (el Sato) Probado en Borland C++ y en Turbo C

Toma de decisión y alternativa 5

Al ingresar coordenadas cartesianas el programa nos dice donde se encuentra el punto.

/* Trabajo practico numero 1
5)
Se ingresan dos valores numericos que represental las coordenadas
cartesianas de un punto plano x/y se desea determinar en què cuadrante se halla
el punto.
coordenadas cartesianas:
^
| +y
|
|
2 | 1
|
-x | +x
<------------------------>
|
3 | 4
|
|
| -y
v
*/

#include
#include

void main(void)
{
int x,y;
clrscr();
printf("\nIngrese el valor de la coordenada x:\n");
scanf("%d",&x);
printf("\nIngrese el valor de la coordenada y:\n");
scanf("%d",&y);

if (x>0&&y>0)
{
printf("El valor de las coordenadas se encuentra en el cuadrante 1\n");
}
else if (x<=0&&y<=0) { printf("El valor de las coordenadas se encuentra en el cuadrante 2\n"); } else if (x<=0&&y>0)
{
printf("El valor de las coordenadas se encuentra en el cuadrante 3\n");
}
else if (x>0&&y<=0) { printf("El valor de las coordenadas se encuentra en el cuadrante 4\n"); } getche(); }


Hecho por Fabian Gonzalez (el Sato) Probado en Borland C++ y en Turbo C

Toma de decisión o alternativa 4

Toma de decisión por codigos, se informa una suma diferente:

/* Trabajo practico numero 1
4)
Se ingresan 5 valores A,B,C,D y un código informar según el código:
Código = 1 Informar A+B+C+D+E
Código = 2 Informar A+B+C+D-E
Código = 3 Informar A+B+C+D+E
No habrá otros códigos
*/

#include
#include

void main(void)
{
int a,b,c,d,e,cod;

printf("\nIngrese el valor del primer numero:\n");
scanf("%d",&a);
printf("\nIngrese el valor del segundo numero:\n");
scanf("%d",&b);
printf("\nIngrese el valor del tercer numero:\n");
scanf("%d",&c);
printf("\nIngrese el valor del cuarto numero:\n");
scanf("%d",&d);
printf("\nIngrese el valor del quinto numero:\n");
scanf("%d",&e);

printf("\nAhora Ingrese el valor del codigo (entre 1 y 3):\n");
scanf("%d",&cod);

if (cod==1)
{
printf("El codigo ingresado es 1, el resultado es: %d",a+b+c+d+e);
}
else if (cod==2)
{
printf("El codigo ingresado es 2, el resultado es: %d",a+b+c+d-e);
}
else if (cod==3)
{
printf("El codigo ingresado es 3, el resultado es: %d",a+b);
}
else
{
printf("El codigo ingresado es incorrecto");
}
getche();
}


Hecho por Fabian Gonzalez (el Sato) Probado en Borland C++ y en Turbo C