lunes, 24 de agosto de 2015

Etiquetas de ingreso de textos

Párrafos
<p> ......</p>
Al igual que las etiquetas de encabezados, estas etiquetas tienen el atributo "align" que permite colocar alineación a los párrafos.
Sus alineaciones son: Left, Right, Center y Justify.
Ejemplo:
<p align="justify">Aquí va escrito el párrafo que se mostrará en el contenido de la página.</p>

Saltos de línea
<br>
Este etiqueta permite dar saltos de líneas entre párrafos o textos, como si se presionara la tecla "enter", además esta etiqueta no tiene cierre.

Línea horizontal (como separador o decoración)
<hr>
Al igual que la etiqueta salto de línea esta no tiene cierre, me permite colocar en la pagina una línea horizontal separatoria que además, usando sus atributos se la puede utilizar como líneas decorativas.
Sus atributos son: Color, Size, Align y Width.
Ejemplo:
<hr color="blue" size="5px" align="center" width="420px">

Encabezados (títulos dentro de la página)
<h1> ......</h1>
<h2> ......</h2>
<h3> ......</h3>
<h4> ......</h4>
<h5> ......</h5>
<h6> ......</h6>

Estas etiquetas tienen el atributo "align" que permite colocar alineación a los encabezados.
Sus alineaciones son: Left, Right y Center.
Ejemplo:
<h1 align="center">aquí va el texto del encabezado</h1>


Fuente: www.aulaclic.es

lunes, 17 de agosto de 2015

Introducción a la codificación HTML

¿Qué es HTML?

El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.
Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (Web Browser - programas que permiten visualizar las páginas web).

Web Browser

El navegador instalado en el ordenador del usuario es el que interpreta el código HTML de la página que visitas; los navegadores de hoy en día pretenden ser compatibles con la última versión de HTML. Es necesario realizar extensiones de los navegadores para que puedan ser compatibles con esta última versión.
Dos de los navegadores que continuamente están realizando extensiones son Internet Explorer y Mozilla Firefox, que realizan extensiones incluso antes de que se establezcan los estándares, intentando incluir las nuevas funciones incluidas en los borradores.

Editores

Un editor es un programa que nos permiten redactar documentos, Estos editores disponen de un entorno visual, y generan automáticamente el código de las páginas. Al poder ver en todo momento cómo quedará la página en el navegador, se facilita la creación de las páginas, y el uso de menús permite ganar rapidez.
A lo largo de este curso vamos a trabajar con el Bloc de notas o Notepad ++, para crear nuestras páginas, ya que se trata de editores de textos muy sencillos de manejar, que nos permitirá crear páginas a través del código HTML.

Etiquetas (tags)

Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento.
La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuesta por el identificador o nombre de la etiqueta, y puede contener una serie de atributos que permiten añadir ciertas propiedades. Su sintaxis es: <identificador atributo1 atributo2 ...>
La etiqueta de final está delimitada por los caracteres </ y >. Está compuesta por el identificador o nombre de la etiqueta, y no contiene atributos. Su sintaxis es: </identificador>
Cada uno de los elementos de la página se encontrará entre una etiqueta de comienzo y su correspondiente etiqueta de cierre, a excepción de algunos elementos que no necesitan etiqueta de cierre. También es posible anidar etiquetas, es decir, insertar etiquetas entre otras etiquetas de comienzo y de cierre.


Etiqueta de caracteres especiales.
<meta>
Usa el atributo "content y charset"
Ejemplo:
<meta  content="text/html; charset=utf-8">


Estructura Básica de una página Web

<!DOCTYPE html>
<head>
<meta   content="text/html; charset=utf-8">

<title> aquí va el título de la barra del navegador</title>
</head>
<body>
........
Aquí van todas las etiquetas que se mostrarán en el contenido de la página web.
........
</body>
</html>

viernes, 14 de agosto de 2015

Tarea # 2 codificación de la lección práctica.


1. Realizar un programa que ingrese el precio y cantidad de un producto, SI la cantidad ingresada es mayor que cero; calcular y mostrar el valor a pagar del producto (vap=precio x cantidad), CASO CONTRARIO mostrar un mensaje que diga “NO SE PUEDE COMPRAR EL PRODUCTO”.



Variables:
prec=TextWindow.Read( )
cant=TextWindow.Read( )

Condición para el If:
(cant > 0)

Operación si la condición es verdadera:
vap=prec * cant

Codificación
TextWindow.WriteLine("Valor de un producto")
TextWindow.WriteLine("Ingrese el precio de un producto")
prec=TextWindow.Read( )
TextWindow.WriteLine("Ingrese la cantidad del producto")
cant=TextWindow.Read( )
If (cant > 0) Then
  vap=prec * cant
  TextWindow.WriteLine("Valor a pagar: "+vap)
Else
  TextWindow.WriteLine("NO SE PUEDE COMPRAR EL PRODUCTO")
EndIf


2.    Realizar un programa que pida el año en que nació una persona y calcule su edad (edad= 2015 – año en que nacio), SI la edad es mayor o igual que 18 mostrar un mensaje que diga “ES MAYOR DE EDAD”; CASO CONTRARIO; mostrar un mensaje que diga “ES MENOR DE EDAD”.


Variables: 
añon=TextWindow.Read( )

Operación calculo de la edad:
edad=2015 - añon

Condición para el If:
(edad >= 18)

Codificación

TextWindow.WriteLine("Edad de una persona")
TextWindow.WriteLine("Ingrese el año de nacimiento")
añon=TextWindow.Read( )
edad=2015 - añon
If (edad >= 18) Then
    TextWindow.WriteLine("Es mayor de edad")
Else
  TextWindow.WriteLine("Es menor de edad")
EndIf

martes, 28 de julio de 2015

Ms Small Basic

ESTRUCTURAS SELECTIVAS
Las estructuras selectivas son las que permiten cambiar el orden de ejecución de un programa, de modo que se ejecuten unas sentencias u otras dependiendo de una condición dada.

Condicional simple “If” (si)
La condicional If que en nuestro idioma significa si permite ejecutar sentencias sólo cuando se cumple la condición dada.

Ejemplo:

Crear un programa que permita calcular el área de un cuadrado, pero solamente mostrará el resultado cuando el valor ingresado por medio de teclado sea un número positivo.

Número positivo: Graficado en la recta numérica hacia la derecha del cero (N > 0)

Codificación:

1 TextWindow.WriteLine ("Calcular el área de un cuadrado")
TextWindow.WriteLine ("AREA = L*L")
TextWindow.WriteLine ("Ingrese el lado del cuadrado")
4 Lado = TextWindow.Read ( )
5 If Lado > 0 Then
6    area = Lado * Lado
7    TextWindow.WriteLine ("El área del cuadrado es " + area)
8    EndIf


Utilizando condicional “else” (caso contrario)
La condición ELSE o caso contrario permite elegir de entre dos caminos posibles, ya sea realizar una operación de tipo aritmético o lógico o simplemente mostrar un mensaje.
La condición else se la utiliza en caso de que la condición If no se cumpla.


Ejemplo:

Crear un programa que permita calcular y mostrar la suma de dos numeros si el segundo es mayor que el primero, caso contrario calcular y mostrar la resta

Número mayor: num2 > num1

Codificación:

1 TextWindow.WriteLine ("Operaciones con 2 numeros")
TextWindow.WriteLine ("Ingrese primer número")
3 num1 = TextWindow.Read ( )
TextWindow.WriteLine ("Ingrese segundo número")
5 num2 = TextWindow.Read ( )
6 If num2 > num1 Then
7    suma = num1 + num2
8    TextWindow.WriteLine ("La suma es " + suma)
9    else
10  resta = num2 - num1
11  TextWindow.WriteLine ("La resta es " + resta)
12  EndIf

martes, 7 de julio de 2015

Ejercicios de repaso para evaluación 2

Ejercicios prácticos para repaso de Small Basic

1) Crear un programa que pida al usuario dos número ( que se guardaran en las variables a y b) y muestre su suma
Inicio
TextWindow.WriteLine (“ingresar primer número”)
a = TextWindow. Read ()
TextWindow.WriteLine (“Ingresar segundo numero”)
b = TextWindow.Read ()
suma = a + b
TextWindow.WriteLine (“la suma total es: ” + suma)

2) Crear un programa que pida al usuario dos números ( que se guardaran en las variables n1 y n2) y muestre en pantalla su producto.
Inicio
TextWindow.WriteLine (“ingrese primer número”)
N1= TextWindow.Read ()
TextWindow.WriteLine (“ingrese segundo numero”)
N2= TextWindow.Read ()
Prod = N1* N2
TextWindow.WriteLine (“el producto total es” + prod)

3)    Pida al usuario dos números enteros (que se guardaran en la variables dato 1 y dato2) y muestre en pantalla el resultado de dividir dato 1 y dato 2.
Inicio
TextWindow.WriteLine (“ingrese un numero”)
Dato_1 = TextWindow.Read ()
TextWindow.WriteLine (“ingrese otro numero”)
Dato_2 = TextWindow.Read ()
Div = Dato_1 / Dato_2
TextWindow.WriteLine (“el total de la división es “ + Div)

MSB

Estructura secuenciales y operadores matemáticos
















martes, 30 de junio de 2015

Microsoft Small Basic

Variables
Comando "READ"



Read es igual que Write o WriteLine, pero sin entradas. Es una operación y básicamente indica al programa que espere que el usuario escriba algo y presione la tecla Enter.

Una vez que el usuario presiona la tecla Entrar, la variable toma lo que el usuario haya escrito y lo devuelve al programa. 

El punto interesante es que lo que haya escrito el usuario está ahora almacenado en una variable llamada nombre. Una variable se define como un lugar donde puede guardar valores temporalmente y usarlos más tarde.

Ejemplo:
TextWindow.Write ("Escriba su nombre: ")
 nombre = TextWindow.Read ()
TextWindow.WriteLine ("Buenos días" + nombre)

Declaración de variables
Para declarar una variable en Small Basic, escriba el identificador de la variable luego el operador de asignación (=) y finalmente el dato, la constante, la variable o la expresión (aritmética, relacional o lógica). 

lunes, 22 de junio de 2015

Small Basic

 Color a los textos
Ahora que ya hemos examinado nuestro primer programa, vamos a dar un color al texto; utilizaremos la propiedad ForegroundColor del objeto TextWindow.
Ejemplo:

TextWindow.ForegroundColor = "Cyan"
TextWindow.WriteLine (“BIENVENIDOS A SMALL BASIC, PERIODO 2015 - 2016")


C:\Users\AppData\Local\Temp\tmp3AD3tmp.exe
BIENVENIDOS A SMALL BASIC, PERIODO 2015 – 2016
Press and key to continue…

Se muestra el texto con el color “Cyan”

He aquí una lista de colores en inglés que son válidos para la propiedad ForegroundColor. Reemplace “Cyan” con uno de los siguientes colores de la lista y observe los resultados. No se olvide de las comillas ya que son imprescindibles.

Black = Negro
Blue = Azul
Cyan = Turquesa
Gray = Gris
Green = Verde
Magenta = Lila
Red = Rojo
White = Blanco
Yellow = Amarillo

VARIABLES Y CONSTANTES.


Una variable, por lo general, como su nombre lo indica, puede variar su valor durante la ejecución del programa.

Una constante es lo contrario de una variable es decir, que no cambia su valor durante la ejecución de un programa.

Identificadores
Son los nombres de las variables y constantes. En Small Basic, existen reglas para construirlos:

1. Deben comenzar con una letra.
2. Pueden contener números (0, 1, 2,…, 9), letras (a, b, c,…, z) y el guión bajo (_).
3. Deben ser descriptivos, es decir, tener relación con su contenido. 

lunes, 15 de junio de 2015

Ms Small Basic


FUNDAMENTOS DE PROGRAMACIÓN

¿QUÉ ES PROGRAMACIÓN?
En informática, se define la programación como el proceso de crear aplicaciones para computadores utilizando lenguajes de programación.

¿QUÉ ES LENGUAJE DE PROGRAMACIÓN?
Es aquella estructura que, con una cierta base sintáctica y semántica, puede impartir distintas instrucciones a un programa de computadora.

CONCEPTO BÁSICO
Small Basic, es un lenguaje de programación que está diseñado para hacer  de la programación una herramienta sencilla, accesible y divertida para los principiantes. Su principal objetivo es ayudar  al usuario a mejorar su capacidad de razonamiento.

ELEMENTOS DE LA VENTANA

El Editor [1]: Es el lugar donde escribiremos nuestros programas de Small Basic. Cuando abra un programa de ejemplo o guarde otro previamente, aparecerá en el editor. Una vez abierto, puede modificarlo y guardarlo para usos posteriores.

La Barra de herramientas [2]: Se utiliza para emitir comandos al editor activo o al entorno.

La Superficie [3]: Es el lugar donde se encuentran todas las ventanas del editor.

CREANDO NUESTRO PRIMER PROGRAMA
Una vez que ya conocemos el entorno de Small Basic, comenzaremos a programar en él.  Utilizaremos  la ventana e ingresaremos en editor tal como se indicó anteriormente, está por demás recordar que  el editor es el lugar donde escribiremos nuestros programas. Escriba la siguiente línea en el editor:

TextWindow.WriteLine ("BIENVENIDOS A SMALL BASIC, PERIODO 2015 - 2016")



miércoles, 27 de mayo de 2015

Ms Excel 2010

FUNCIONES ANIDADAS 

Excel permite utilizar otras funciones como parte de los argumentos de otra función, esto se conoce como funciones anidadas.

Por ejemplo la siguiente función:

=SI(promedio(F2:F5)>50;suma(G2:G5);0)

Descripción del ejemplo:
En este caso utilizamos la función lógica SI, como prueba lógica el (Promedio) y como valores de verdad la función (Suma) y cero, para mostrar un resultado exacto.


ACTIVIDAD EN CASA
PRACTICA       FUNCIONES (Y), (O)
a.   Utilizando funciones anidadas desarrolle el ejercicio, ingresando los datos tal como se muestra en la siguiente gráfica.

Aplicar:



1.   Utilizando la función (SI) y la función (Y) verificar si el valor ingresado en la celdas de la columna B (TEST1) es mayor o igual a 15 (>=15) y el valor ingresado en la celdas de la columna C (TEST 2) es mayor o igual a 15 (>=10). Si se cumplen con las dos condiciones anteriores mostrar “APROBADO” caso contrario mostrar “REPROBADO”.

Ejemplo: =SI(Y(B3>=15;C3>=15);"APROBO";"REPROBO")


2.   Utilizando la función (SI) y la función (Y) verificar si el valor ingresado en la celdas de la columna B (TEST1) es mayor o igual a 15 (>=15) y el valor ingresado en la celdas de la columna C (TEST 2) es mayor o igual a 15 (>=10). Si se cumplen con las dos condiciones anteriores mostrar “APROBADO” caso contrario mostrar “REPROBADO”.

 
Ejemplo: =SI(O(C5>=10;D5>=10);"APROBO";"REPROBO")

lunes, 18 de mayo de 2015

EXCEL 2010

FUNCIONES LOGICAS (Y / O)
Función lógica (Y)
Devuelve VERDADERO si todos sus argumentos son VERDADERO.

Función lógica (O)
Devuelve VERDADERO si cualquier argumento es VERDADERO.

ACTIVIDAD EN CLASE
Para recordar: El ejercicio práctico deberá ser desarrollado en el aplicativo Excel perteneciente a Microsoft Office.

PRACTICA
a.   Ingrese los valores tal como se muestra en la figura del ejercicio:
Utilice la función (Y) y aplique lo siguiente:
·         Realice las siguientes comparaciones como argumentos de la función Y

ü  Valor_logico1: B2>=B3
ü  Valor_logico2: B2<20
ü  Valor_logico3: B3=12


PRACTICA
b. Ingrese los valores tal como se muestra en la figura del ejercicio:



Utilice la función (Y) y aplique lo siguiente:
·         Realice dos comparaciones como argumentos de la función Y de tal manera que los resultados sean:

  •  Verdadero
  • Falso
  • Verdadero



ACTIVIDAD EN CASA

Para recordar: El ejercicio práctico deberá ser impreso y pegado en la sección correspondiente. El desarrollo de la parte práctica debe realizarlo en el aplicativo Excel perteneciente a Microsoft Office.

PRACTICA
a.   Utilizando la información mostrada en la gráfica cree el siguiente formato y aplicar la función (Y):

Se deberá ingresar los datos tal como se muestran en la primera tabla y verificar en las celdas correspondientes de la segunda tabla, si el puntaje obtenido en cada materia es mayor a 7, se mostrará verdadero o falso dependiendo el caso. Al final utilizar la función (Y) para verificar si recibe o no diploma. (guiarse con los ejemplos).




TEÓRICO

¿Escriba la sintaxis de la función “Y”?

…………………………………………………………………………………………………………………….

¿Escriba la sintaxis de la función “O”?

…………………………………………………………………………………………………………………….


¿Qué valores lógicos se muestran como resultado de aplicar las funciones “Y” y “O”?

…………………………………………………………………………………………………………………….

…………………………………………………………………………………………………………………….