lunes, 3 de noviembre de 2014

HTML

¿Que es HTML?
HTML es un lenguaje de programación el cual esta orientado para poder ser interpretado con navegadores web(Internet Explorer, Google Chrome, Mozilla firefox, Opera, etc.).

Definición
"HTML, siglas de HyperText Markup Language, hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que, en sus diferentes versiones, define una estructura básica y un código para la definición de contenido de una página web, como texto, imágenes, etc."

http://es.wikipedia.org/wiki/.HTML
¿Para que sirve?

El HTML nos servira para generar paginas web, a su vez a medida que avancemos en el curso nos servirá para poder generar las interfaz gráfica de nuestros sistemas.

Codificación html

la codificacion del html se lleva a cabo atravez de etiquetas las cuales se identificaran dentro de los simbolos <, > lo podemos ejemplificar de la siguiente manera <div> </div> en este caso podemos observar el inicio de un div y su termino. A esto nos referimos con etiquetas.

Primera pagina WEB
Comencemos con lo acostumbrado "HOLA MUNDO" la idea es que se vea por pantalla.

para empezar abriremos una hoja de texto.
y la guardaremos como index.html todo lo que se escriba en esta hoja seria visible en un navegador menos las etiquetas.

dentro de esta hoja de texto index.html escribiremos lo siguiente:
<html>
HOLA MUNDO
</HTML>

Luego lo guardamos y lo llevamos a nuestro navegador el cual interpretara lo que hay esta escrito mostrándonos solo

"hola mundo"

pero esto es muy tosco por lo que jugaremos un poco con los tamaños de letras y las etiquetas del HTML.
<html>
<head>
<title>mi primera pagina web</title>
</head>
<body>
<h1>hola mundo grande</h1>
<h2>hola mundo mediano grande</h2>
<h3>hola mundo mediano medio</h3>
<h4>hola mundo mediano pequeño</h4>
<h5>hola mundo pequeño mediano</h5>
<h6>hola mundo pequeño</h6>
</body>
<html>
grabamos y veriamos algo asi


hola mundo grande
hola mundo mediano grande
hola mundo mediano medio
hola mundo mediano pequeño
hola mundo pequeño mediano

hasta aquí veríamos hoy espero que les sirva y nos veremos en otra entrada.


Rodrigo Espoz Gomez
Si les gusto entren a mi pagina
.::TORO'S INFORMATICA::.

jueves, 30 de octubre de 2014

Diseño WEB

Existen puntos a considerar al momento de generar el diseño de una web como son la mejor resolución de pantalla la mejor forma de disposición de los elementos de la web para que a su vez no se vea sobrecargada.
los colores esto es bastante importante ya que una mala combinación de colores puede pasar de una pagina genial a algo que escupió un perro.

empecemos entonces con esto espero que les sirva.


Diseño web

Por lo general yo trabajo con paginas diseñadas con resolución de 1024 x 650 hasta 700 tratando que todo el contenido importante quede dentro de la pagina web.

en colores pueden combinarlos de la forma que a ustedes mas les guste.

Ahora cuando hablamos de diseño hablamos de hojas de estilo CSS que son las herramientas que nos permitirán llevar a cabo las imágenes que tenemos dibujadas en nuestro cuaderno ya que la forma mas fácil de comenzar es en papel.

comencemos ha detallar un poco de CSS.

¿Que es CSS?

CSS es un lenguaje de programación que refiere a estilos para nuestra pagina en el podremos definir alto, ancho, posición, colores, tipos, formas de overflows, etc.

Código Básico

estos son algunas de las etiquetas de CSS mas utilizadas las cuales les permitirían empezar su primera pagina web con hojas de estilo.

width = Ancho. 
height = Alto.
position = tipo de posición dentro de la pagina.
float = elementos flotantes dirección del mismo.
margin=establece margenes.
border=nos permite dar bordes al div.

hasta aquí los dejo hoy pronto tendrán mi nueva entrada espero empezar pronto a grabar vídeos para el apoyo de estas secciones espero que les sirva y nos vemos en un nuevo tutorial.


Rodrigo Espoz Gomez
Si les gusto entren a mi pagina
.::TORO'S INFORMATICA::.

Noticias

hola amigos les vengo a contar que prontamente empezaremos con programación orientada a web me disculpo por el tiempo sin publicar y espero que les aya servido este blog la idea es que vallamos avanzando en el mundo de la programación.

Rodrigo Espoz Gomez
Si les gusto entren a mi pagina
.::TORO'S INFORMATICA::.

martes, 9 de noviembre de 2010

conceptos básicos de C

Hola hoy comenzaremos con lenguaje C 

Existe una gran variedad de compiladores de lenguaje C  yo ocupo el devc++ el cual en su opción de proyecto  nuevo tiene la opción de consola y se puede elegir entre lenguaje C y lenguaje C++.

Vamos  a explicar un poco como se ocupa este lenguaje.
Algo importante a destacar es que el lenguaje C  nos va a diferenciar entre una mayúscula y una minúscula es decir que JAVIER es distinto de javier .

Librerías

Comenzaremos con lo que son las librerías que son las que nos permitirán elegir el tipo de datos y que incluyen las funciones.
Nosotros utilizaremos 2 por ahora estas son :
La librería estándar  que es “< stdio.h>”
 Que contiene las definiciones de macros, las constantes, las declaraciones de funciones y la definición de tipos usados por varias operaciones estándar de entrada y salida.
Y la librería “<conio.h>”  
 
Que es la encargada de manipular directamente tanto
la salida a consola como la entrada desde el teclado.
 
Estas librerías se codifican de esta manera:

#include <stdio.h>
#include <conio.h>
 
Main
 
Ahora definiremos otra función importante que es el “main”, ya que esta es una función algunos compiladores solo la reconocen con el tipo de dato que para comenzar utilizaremos un dato de tipo entero.
Esto se incluye así 
 
Int main ( );
 
Inicio y fin 
 
Nuestro inicio y fin se convierten en paréntesis de llave es decir  { }
Y se ubican después del int main( )
Esto se transcribe asi:

#include <stdio.h>
#include<conio.h>
Int main ( );
{
 
}
 
Tipos de datos
 
Les enseñare algunos tipos de datos básicos que describiré a continuación
 
Para asignar una variable entera es decir  un números enteros  int 
Para asignar una variable flotante es decir un numero real          float
Para asignar una variable de tipo cararcter es decir una letra     char
 
Ahora para leer estos datos usamos  
Para variables enteras tomamos la letra                  d
Para variables flotantes tomamos la letra                 f
Para variables de caracter tomamos la letra            c
Estas se toman con minúscula.
 
Ej
 
#include <stdio.h>
#include<conio.h>
Int main ( );
{
Int I;
Float pi;
Printf (“ ingrese un número “);
Scanf (“%d”,&I);
Printf (“ ingrese el valor de pi”);
Scanf (“%f”,&pi);
}
 
Printf y Scanf
 
Para comenzar estas funciones son como el escribir y el leer es casi lo mismo.
Printf : nos servirá para mostrar un mensaje por pantalla 
Scanf: nos servirá para leer un dato o numero ingresado por teclado u otro medio
 
La sintaxis de estas funciones es:
 
Printf (“el texto a mostrar “);
Scanf (“%tipo de dato”,& y nombre de la variable);
 
 
En nuestra próxima entrada les diré como aplicar un ciclo iterativo o de repetición y la función si.
 
Eso es todo por hoy muchas gracias 

Rodrigo Espoz Gomez
Si les gusto entren a mi pagina
.::TORO'S INFORMATICA::.

martes, 26 de octubre de 2010

ejercicios de algoritmos

  • realizar un algoritmo(RUA) que sea capaz de sumar los números que ingrese el usuario hasta que diga que ya no desea ingresar mas números mostrar por pantalla la suma de los números
  • RUA que cuente la cantidad de nombres que ingrese el usuario hasta que desee dejar de hacerlo 
  • RUA que ingrese 10 numeros los sume mientras esten entre 15 y 18 si no mande un mensaje de error mostrar la suma por pantalla 
  • RUA que permita ingresar 3 nombres y luego muestre estos 3 nombres (arreglo)
  • una empresa necesita controlar los cobros de sus trabajadores y necesita ver el sueldo bruto y el base asi que contrataron sus servicios esto debe ser mostrado solo por un empleado

lunes, 25 de octubre de 2010

arreglos

esto es lo básico de arreglos es fácil entenderlos cuando uno piensa que es un tren que en cada vagón va un pasajero.
en si un arreglo es una variable la cual es dimensionada para que guarde mas de una información
ej
A[1] no sera necesariamente igual a A[2]. Son variables independientes que conforman un arreglo
estos arreglos se dividen en unidimensionales y multidimensionales vamos a explicar un poco de cada uno
para comenzar tomaremos el arreglo unidimensional.

viernes, 22 de octubre de 2010

Ciclos Iterativos o de Repetición, Contadores, Sumadores, multiplicadores y Función si

un ciclo iterativo o de repetición es una función, que permite repetir una acción hasta que se cumpla una condición. Los ciclos iterativos mas comunes son:
El para el cual repetirá una cantidad de veces indicadas por el programador y tiene una sintaxis presentada a continuación.
inicio
  para I = 1 hasta 6 hacer
      escribir "hola"
  finpara
fin
esto significa que el programa escribirá seis veces hola. este ciclo cuenta con un contador el cual en este caso 
se llama I.


El ciclo repetir consta de una sintaxis como esta
inicio

  Repetir
          escribir "hola "
  escribir "desea seguir"
  leer opcion
  Hasta Que opcion = 'no' o opcion = 'NO'
fin
este algoritmo nos dirá hola y luego preguntara desea continuar y el usuario decide si es si o no
este ciclo iterativo tiene algunas complicaciones ya que necesita una validación correcta si no el usuario podría
generar una respuesta no deseada esto es un ciclo de pregunta y acción, es decir, el ciclo preguntara si desea continuar hasta que ingrese "no" o "NO" ya que leemos su opción al generar la pregunta y le damos esta condición.
Con estos dos ciclos ya puedes hacer un buen algoritmo te recuerdo que puedes mezclarlos y se relacionaran  sin mayor problema.


los contadores son herramientas necesarias para una buena ejecución de un programa o algoritmo un contador es una variable inicializada con un valor numérico y nos da la posibilidad de ir contando la cantidad de beses que una acción se ejecuta, es importante destacar que los contadores deben ser inicializados al comienzo del algoritmo.
ej.
inicio
 cont = 0
        repetir 
           escribir "ingrese numero"
           leer numero
           cont = cont + 1 
          escribir "desea continuar "
          leer opcion
   hasta que opcion = 'no' o opcion = 'NO'
escribir "la cantidad de numeros ingresados es ", cont
fin
este algoritmo mostrara la cantidad de números ingresados ya que le pusimos un contador y luego solo lo mostramos un contador debe ser siempre inicializado en 0, por que este numero no afecta la cuenta.



los sumadores al igual que un contador debe ser inicializado en 0 ya que 0 no afecta la suma este es una variable la cual sumara los datos asignados 
ej.
inicio
  sum = 0
  repetir 
     escribir "ingrese numero a sumar"
      leer numero
         sum = sum + numero
     escribir "desea continuar "
     leer opcion
 hasta que opcion = 'no' o opcion = 'NO'
 escribir " la suma de los numeros ingresados es ", sum
fin


este algoritmo nos sumara una cantidad de números la cual el usuario definirá mientras trabaja en el algoritmo


la diferencia de estas dos variables con esta tercera es que esta se debe inicializar en 1 (el numero 1 no afecta la multiplicación), ya que multiplicara los números que ingrese el usuario.
ej.
inicio
     mult = 1
     repetir
        escribir "ingrese numero a multiplicar"
        leer numero
          mult = mult * numero
        escribir "desea seguir ingresando numeros "
        leer opcion
     hasta que opcion = 'no' o opcion = 'NO'
   escribir " la multiplicacion es ", mult 
fin


este algoritmo multiplicara todos los números que ingrese el usuario hasta que el ya no quiera y luego mostrara el resultado.


las operaciones matemáticas son estas para la transcripción
la suma es +
la resta es -
la multiplicación es *
la división es /
el mod (el resto de una division) es %
el elevado es **