profe231 practica1 vb

Guía de prácticas I – Prof. Leonel Orozco Celaya Página 1

Centro de Bachillerato Tecnológico

Industrial y de servicios No. 231

Manual de prácticas

de

Visual Basic 6.0

Nivel Básico

Profesor:

Lic. Leonel Orozco Celaya

[email protected]


Práctica No.

1

Creando el proyecto y la primera aplicación de Visual Basic 6.0

Objetivo: Crear el proyecto de trabajo del manual de prácticas y el primer

formulario que contendrá la primera aplicación, misma que consiste en

mostrar un mensaje de bienvenida, usando para ello la ventana de

propiedades y la ventana de código.

Controles a

usar: Etiqueta (Label), botón de comandos (CommandButton)

Interfaz propuesta:


DESARROLLO DE LA PRÁCTICA

1. Ejecutar Microsoft Visual Basic 6.0, desde el menú del sistema operativo o escritorio

del mismo.

Aparece la ventana que permite seleccionar el tipo de aplicación a crear, o en su

defecto, abrir un proyecto creado.

Al ser la primera práctica y no tener creado ningún proyecto, seleccionarás la opción

por defecto que es EXE estándar, pulsando después el botón Abrir.

2. Posteriormente presenta la pantalla inicial que usarás para desarrollar las aplicaciones

que integrarán tu proyecto final.

Es importante reconocer cada uno de los elementos que integran la Interfaz de

desarrollo integrado (IDE) que presenta el lenguaje y que facilitan la programación

como son:

Ventana del proyecto

Ventana del cuadro de herramientas

Ventana de propiedades

Ventana de código

Ilustración 1 Pantalla inicial de VB 6.0


Icono “ver código”

Icono “ver objeto”

Cuadro de herramientas

Proyecto general

Formulario activo

Ejecutar el formulario

Puntos de control

Ventana de proyectos

Ventana de propiedades

3. Primero, cambiarás el nombre que tiene por defecto el proyecto, para hacerlo, en la

ventana de proyecto pulsar con el apuntador del mouse sobre Proyecto1 (proyecto1),

y en la ventana de propiedades, ajusta la propiedad cambiando el nombre que tiene

por defecto; para hacerlo solo tienes que borrar el contenido actual, introducir el

nuevo nombre y pulsar la tecla Enter.

Name (nombre) Manual_de_prácticas

Es importante no usar espacios en el nombre del proyecto, para ello usar el guión bajo

( _ ) para separar palabras.

4. Ahora cambiarás el nombre del formulario activo, para hacerlo, en la ventana de

proyecto pulsar con el apuntador del mouse sobre Form1 (form1), y en la ventana de


propiedades, ajusta la propiedad cambiando el nombre que tiene por defecto; para

hacerlo solo tienes que borrar el contenido actual, introducir el nuevo nombre y pulsar

la tecla Enter.

Name (nombre) frmBienvenida

Es importante no usar espacios en el nombre del formulario, para ello

usar el guión bajo (_) para separar palabras. Se usa el prefijo frm para

denotar que se trata de un Formulario (form).

5. Adicionalmente, ajustar las siguientes propiedades del formulario:

Objeto: Formulario

Propiedades: Valor:

Backcolor: Selecciona el color de tu preferencia pulsando sobre la zona cuadrada que lo identifica. Una vez hecho esto, enel valor de la propiedad aparece su valor correspondiente en hexadecimal.

Ilustración 2 Seleccionado un color de fondo del

formulario

Caption: Formulario 1. Pantalla de bienvenida

Width: 6000

6. De la barra de herramientas, seleccionar el control Etiqueta y dibujarlo sobre

el lienzo del formulario (después de seleccionar el control y pasar el apuntador del

ratón sobre el lienzo del formulario, éste cambia su forma a una cruz, y para dibujar el

control, pulsa y mantén pulsado el botón izquierdo de ratón y dibuja un rectángulo

con las dimensiones que consideres pertinente y suelta el botón del ratón), como se

muestra en la siguiente figura:


Ilustración 3 Colocando una etiqueta en el formulario

Este proceso se repite para cualquier otro control que se coloque

sobre el formulario.

Ajustar las siguientes propiedades:

Objeto: Etiqueta

Propiedades: Valor:

Nombre: lblMensaje

Alignment: Center

Backcolor: <Selecciona el color de tu preferencia.>

Caption: Mi primera aplicación de Visual Basic

Font: Arial, 12, negrita

Se usa el prefijo lbl para denotar que se trata de una Etiqueta (label).

7. Del cuadro de herramientas, seleccionar un botón de comandos (CommandButton),

repite el proceso anterior para colocar el control en el lienzo del formulario.

Ajustar las siguientes propiedades:

Objeto: Botón de comandos

Propiedades: Valor:

Nombre: cmdSalir

Caption: Salir de la aplicación

Font: Arial, 12, negrita


Se usa el prefijo cmd para denotar que se trata de un Botón de comandos

(CommandButton).

8. Sobre el botón de comandos, pulsar dos veces para poder acceder a la ventana de

código de la aplicación, como se muestra en la siguiente ilustración:

En esta ventana es donde se introduce el código correspondiente a cada formulario

que se esté diseñando o programando; desglosando las líneas de instrucciones que

presenta, éstas son:

Private sub: Indica un procedimiento privado que solo tiene referencia en el mismo formulario. Es, por decirlo de alguna manera, el “corazón de la estructura del código” de visual basic. cdmSalir_Click (): El nombre del control, antes del guión bajo, y después de él, el evento que se está ejecutando, para este caso el evento Click (); es decir, que cuando el usuario pulse sobre el botón (que “haga click”) se ejecutarán las instrucciones que el programador haya introducido. End Sub: Indica el fin de las instrucciones que se ejecutarán entre él y Private Sub.

Introducir la siguiente instrucción entre

Private sub y End Sub, tal y como se

muestra en la siguiente imagen de la

ilustración 5.

La sentencia End, tiene como única función terminar de ejecutar los formularios que contenga el proyecto

Ilustración 4 Ventana de código

Ilustración 5 Introduciendo código de evento


activo.

9. Ejecutar la aplicación, pulsado la tecla F5. El resultado se muestra en la siguiente

imagen:

Ilustración 6 La aplicación funcionando

Se puede observar el formulario elaborado ejecutándose con todas las características

de las ventanas del sistema operativo Windows. Con prácticamente ninguna línea de

instrucción se ha creado una aplicación con una apariencia atractiva.

Pulsa sobre el botón Salir de la aplicación, para volver a la Interfaz de desarrollo de la

aplicación.

10. Grabar el formulario y la aplicación, para ello seguir las siguientes indicaciones:

a. Seleccionar el menú Archivo (file)

b. Seleccionar la opción Guardar proyecto (save project)

Ilustración 7 Cuadro de diálogo para guardar el formulario y proyecto


c. Por defecto almacena los proyectos en la carpeta VB98, pulsar sobre la flecha

ubicada en la parte derecha de la carpeta y seleccionar la Unidad C del disco duro.

d. Seleccionar el icono “crear nueva carpeta” y asignarle el nombre: PrácticasVB6.

e. Acceder a la carpeta, pulsando sobre el botón Abrir.

f. Guardar primero el formulario, dejando el nombre asignado durante la práctica,

pulsando sobre el botón Guardar.

g. Posteriormente grabar el formulario; pulsar sobre el botón Guardar


1. Agrega uno, dos o más mensajes usando el control Etiqueta. Cuidar que al

asignarle los nombres correspondientes, éstos inicien con el prefijo lbl.

Prueba cambiando el color de fondo del control, tamaño y color de la fuente.

2. Intenta cambiar el color de fondo del botón de comandos. ¿Qué pasa?

3. Descargar de internet uno o más archivos con extensión .ico (iconos), grábalos en

la carpeta en la cual tienes almacenados el proyecto y el formulario activo

(PrácticasVB6) y afecta la propiedad Icon del objeto formulario, ejecuta el

formulario, ¿Qué cambios observas?

4. Ejecuta el formulario y cambia el tamaño del mismo pulsando sobre sus bordes.

Cierra la aplicacición y ahora cambia la propiedad BorderStyle del formulario a

Fixed Single, ejecuta la aplicación e intenta cambiar el tamaño, ¿Qué pasa?

5. Cambia nuevamente la propiedad BorderStyle del formulario a Sizable; ahora

cambia la propiedad Picture del formulario seleccionando una imagen que se

encuentre en tu computadora; si no cuentas con alguna, descargala de internet.

Ejecuta el formulario y observa los cambios, cambia el tamaño del formulario. ¿te

gustó?

6. Selecciona el botón de comandos y en la ventana de propiedades vas a localizar

las propiedades de posición y dimensión; anota sobre las línea los valores que

tiene asignados:

cmdSalir.Top = __________

cmdSalir.Left = __________

cmdSalir.Height = __________

cmdSalir.Width = __________

7. Ahora, teniendo el botón de comandos seleccionado, cambia su tamaño,

arrastrando el punto de control que se encuentra en la esquina inferior derecha.

¿qué valores tienen ahora las propiedades de dimensión?


Ilustración 8 Puntos que tienen todos los controles para ajustar su tamaño.

cmdSalir.Height = __________

cmdSalir.Width = __________

8. Ahora, coloca el apuntador del ratón en el centro del botón de comandos y

muévelo (arrastrar) hacia la esquina inferior izquierda del formulario. ¿Qué valores

tienen ahora las propiedades de posición?

cmdSalir.Top = __________

cmdSalir.Left = __________

9. Guarda los cambios, si lo deseas.

10. Salir de la interfaz del lenguaje: Menú Archivo, seleccionar la opción salir.


En tu cuaderno de actividades, contesta las siguientes preguntas:

a) ¿Tuviste alguna dificultad para obtener el producto resultado de la

práctica? Justifica tu respuesta.

b) De la presente práctica, genera una lista de respuestas para cada una de las

siguientes preguntas guías:

a. Ya sabía …

b. Con esta práctica aprendí …

c. Me quedaron las siguientes dudas …

d. Me gustaría aprender …

c) Describe el funcionamiento del evento click en el botón de comando.

d) Que relación tienen las propiedades Left y Top con el sistema de

coordenadas que se usa en los formularios de Visual Basic?

e) De las actividades complementarias, ¿llevaste a cabo todas las actividades?

¿Tuviste alguna dificultad? Amplía tus respuestas.

f) ¿Consideras que ésta práctica te fue útil? ¿por qué?

profe231 practica1 vb

Documents