0% encontró este documento útil (0 votos)
209 vistas41 páginas

Guía de Aprendizaje: Páginas Web Estáticas y Dinámicas

Este documento presenta información sobre páginas web estáticas y dinámicas para estudiantes de segundo curso de informática. Explica que las páginas web estáticas muestran el mismo contenido para todos los usuarios y no permiten interacción, mientras que las páginas dinámicas presentan información basada en las peticiones del usuario. Además, provee ejemplos de páginas estáticas como currículos y blogs, y recomienda el uso de páginas estáticas para sitios informativos con pocas páginas debido a
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
209 vistas41 páginas

Guía de Aprendizaje: Páginas Web Estáticas y Dinámicas

Este documento presenta información sobre páginas web estáticas y dinámicas para estudiantes de segundo curso de informática. Explica que las páginas web estáticas muestran el mismo contenido para todos los usuarios y no permiten interacción, mientras que las páginas dinámicas presentan información basada en las peticiones del usuario. Además, provee ejemplos de páginas estáticas como currículos y blogs, y recomienda el uso de páginas estáticas para sitios informativos con pocas páginas debido a
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

SEMANA 5-6

SEGUNDO TÉCNICO
INFORMÁTICA

APRENDIENDO DESDE CASA


GUÍA PARA ESTUDIANTES Y FAMILIAS O ACOMPAÑATES 1
BACHILLERATO TÉCNICO
PLANIFICACIÓN CURRICULAR DE BACHILLERATO TÉCNICO
RÉGIMEN SIERRA - AÑO LECTIVO 2020-2021

Recomendaciones:
• Hemos diseñado la matriz de planificación para cada quincena, que incluye varios módulos formativos de la Figura Profesional con actividades que te
ayudarán en el proceso de aprendizaje durante el tiempo que dure la contingencia sanitaria. Es importante que desarrolles estas actividades de aprendizaje
planteadas por cada docente técnico.
• Conversa con tu familia sobre cómo te sentiste al realizar las actividades, cuéntales lo que aprendiste.
• En el caso de que el docente técnico de cada módulo formativo te solicite que guardes las tareas en una carpeta, la denominaremos como "PORTAFOLIO
DEL ESTUDIANTE".
• Es importante que te #QuedesEnCasa todo el tiempo que sea necesario. Te acompañaremos en esta nueva forma de aprender, porque también se puede
#AprenderEnCasa.

Figura Profesional: Informática


Segundo Curso
Semana 5 y 6: Del 28 de septiembre al 9 de octubre
Módulo Actividades de
Formativo Contenidos
Aprendizaje
Tema: Conceptos básicos de web
Subtema: Páginas Web Estáticas.
Diseño y
Desarrollo Web
Una página web estática, también conocidas como páginas planas, es un sitio de internet o sitio web
que están enfocados a mostrar una información permanente las que muestran el mismo contenido
para todos los usuarios, no se puede interactuar con la página.
Algunas veces están construidas con hipervínculos (enlaces o links) de otras páginas Webs; “Las páginas web
generalmente son escritas en lenguaje HTML y CSS en editores simples como en un Bloc de Notas. estáticas a menudo
se usan para sitios
orientados a la
prestación de
ofertas o servicios”

El diseño de estas páginas web suele tener un número específico y fijo de páginas. La extensión
estándar para estas páginas puede ser html y/o htm.
En otras ocasiones, existen páginas que te ofrecen plantillas ya prediseñadas en línea para poder
personalizarlo a tu gusto. Preguntas de
Estas páginas se crean para empresas que desean mostrar cierta información a sus visitantes como repaso
detalles sobre los productos y el perfil o servicios que ofrecen. Luego de leer
sobre las páginas
web estáticas, en
tu cuaderno de
trabajo contesta las
siguientes
interrogantes:
1. ¿Qué es una
página web
estática?
2. ¿Para qué sirven
las páginas web
estáticas?
3. ¿Cuál es la ventaja
Ventajas que más te ha
• Es fácil de crearlas, no requiere tanto tiempo o esfuerzo. gustado sobre las
• Se puede insertar varios elementos multimedia y videos. páginas web
• El código se puede duplicar y realizar cambios necesarios. estáticas?
• Es portable, el código funciona bien en cualquier servidor.
• Accesos óptimos, menor tiempo de cargar en el navegador.
• Máximo desempeño y funcionalidad.
• Menor costo de alojamiento, incluso gratis.
• Diversidad de aplicaciones y componentes.
a) En tu computador,
• Requerimientos técnicos mínimos.
ingresa a Microsoft
• No se requiere configurar ni instalación de software.
Word, realiza tu
Currículum Vitae. Te
Desventajas
dejamos un enlace
• No cuentan con movimiento ni funcionalidades extra (Base de datos, chat, foro, interacción de
para que puedas ver
archivos, etc.)
cómo hacerlo.
• El usuario no tiene ninguna posibilidad de crear, eliminar, ordenar, o modificar los contenidos o
el diseño de la página a su gusto.
b) Si no tienes
• El proceso de actualización es lento, tedioso y esencialmente manual
computador, lo
puedes hacer en tu
Ejemplos de páginas web estáticas celular.
Algunos ejemplos que resultan útiles la creación de páginas web estáticas encontramos los
siguientes: c) Otra opción es que
1. Para crear tu propio Currículum Vitae puedes utilizar tu
2. Web Quest, utilizados en el ámbito educativo. creatividad, haciéndolo
3. Blog, también se lo conoce como bitácora, sirve como memorias de un autor. en tu cuaderno de
4. Web informativa, ofrecen información específica apuntes.

¿Cómo hacer una página Web Estática?


Existen dos formas de hacerlo:
1. Utilizando HTML, es decir, se creará desde cero.
2. Utilizando una plantilla, ya creada, sin tener que escribir código HTML.

Para ampliar tus conocimientos puedes revisar los siguientes enlaces:


Página Web:
https://www.webandmacros.com/webestatica.htm Importante Recordar
Videos: “Si necesitas un sitio web
Introducción a las páginas Web estáticas informativo con pocas
https://www.youtube.com/watch?v=MU68xqdKIEQ páginas, la opción más
favorable es el uso de una
¿Cómo hacer un currículum en Word? página web estática”
https://www.youtube.com/watch?v=UY2ZkQ5pPj4

PODEMOS APRENDER MÁS:


Crear tu propia página Web estática.
https://es.simplesite.com/default.aspx

Tema: Páginas web

Subtema: Página web dinámica

Una página web dinámica, conocidas también como web 2.0, o DHTML (Dynamic HTML); son las
que presentan la información a partir de la petición del usuario, estas páginas contienen aplicaciones
dentro de la misma web, y que permiten realizar interacción debido a que tiene asociada una base
en la que se almacenan los datos.

Permiten cambiar fácilmente su estructura, diseño y contenido en tiempo real, sin tener que cambiar
el código de la página.

La extensión para estas páginas puede ser asp (Active server pages, escritas en un lenguaje similar
a Visual Basic), jsp (Java server pages, escritas en un lenguaje Java) y/o php (Personal Home Page,
escritas en un lenguaje para ser incrustado en HTML). Para poder visualizarlas deben estar en un
servidor web.

“Las páginas web


dinámicas utilizan una
combinación de estilos u
hojas de estilo”

Estas páginas permiten la interacción en foros, encuestas, pedidos y pagos en línea, blogs, concretar
ventas, entre otras. Se crean para empresas que desean presentar información de forma
personalizada a cada tipo de cliente. Contesta las siguientes
preguntas:
4. ¿Qué es un
DHTML?
5. ¿Para qué sirven
las páginas web
dinámicas?
6. ¿Cuál es la ventaja
que más te ha
gustado sobre las
páginas web
dinámicas?

d) Si cuentas con un
computador y servicio
de internet, ingresa a
uno de los link que se
dan en la sección
Ventajas Podemos aprender
• Interactividad con el usuario, donde puede personalizar el sitio (letra, colores, fondo), más, y crea tu propia
dependiendo del desarrollador de la página. página, diseña una
• Información al día. portada de
• El sitio tendrá mayor actividad. presentación, igual
• Control total sobre la gestión de diseño, estructura y contenidos. como lo hiciste con la
• Reducción de costos de mantenimiento. revista de la semana 5.
• Gran número de funcionalidades (bases de datos, foros, etc.) Te sugerimos que
pruebes con Weebly,
Desventajas revisa los enlaces al
• Costo para desarrollo, elevado. final de los contenidos.
• Costo para alojamiento, mayor.
• Requerimientos técnicos en servidores de pago. e) Si no tienes
computador, lo puedes
Ejemplos de páginas web dinámicas hacer en tu celular.
Algunos ejemplos que resultan útiles la creación de páginas web estáticas encontramos los
siguientes: f) Otra opción es que
5. Foros, para la discusión de un tema de forma asincrónica. puedes utilizar tu
6. Blog, cuando son comentados por los lectores. creatividad, haciéndolo
7. Tienda en línea, comercio electrónico, realiza transacciones con internet. en tu cuaderno de
apuntes, se verá
¿Cómo hacer una página web estática? increíble, pon nombre a
Existen algunos programas para hacerlo: tu página. Cuando
3. Utilizando herramientas (software de escritorio), es decir, se creará desde cero, deberás tener volvamos a clases lo
conocimiento en programación como HTML o JavaScript. volveremos a practicar.
4. Utilizando constructores o editores (aplicaciones) de sitio web, sin tener que utilizar
codificación alguna.

Para ampliar tus conocimientos puedes revisar los siguientes enlaces:

Videos:
¿Qué es una página Web dinámica? Ventajas, Desventajas, ejemplos:
https://www.youtube.com/watch?v=X-JBEqQmy80

Diferencia entre páginas web estáticas y dinámicas:


https://www.youtube.com/watch?v=LABbBI5O3GA
Recuerda:
Tutorial WordPress 2020 desde Cero – Completo GRATIS:
“Las DHTML, NO son
https://www.youtube.com/watch?v=_5e55KOiDCc
páginas que puedan ser
mantenidas fácilmente por
Podemos aprender más:
una persona que no tenga
Crear tu propia página Web dinámica con Weebly: conocimientos de
programación”
https://www.weebly.com/ec?lang=es

Crear tu propia páginas Web Dinámica con Wix.com:


https://es.wix.com/

Crear tu propia página Web Dinámica con WordPress.com:


https://cutt.ly/hp5nJPj

Tema: Archivos y directorios


Sistemas Subtema: Comandos internos y externos.
operativos y redes MS-DOS, fue un sistema operativo para la interacción entre el usuario y la computadora, el mismo Se llama Prompt al
que requería que el usuario introdujera comandos de forma manual. carácter o caracteres que
Entonces un comando, es una orden o instrucción que el usuario proporciona en una línea de indica que está a la espera
comandos de un intérprete del mismo. de órdenes
El Intérprete de órdenes/comandos, es el encargado de recibir una línea de comandos que escribe
el usuario, modificarla, ejecutarla o solicitar su ejecución. También se lo conoce con el nombre de Preguntas de repaso
consola (Shell) del sistema. Luego de leer sobre los
directorios, en tu cuaderno
de trabajo contesta las
siguientes interrogantes:
1. ¿Qué es un
comando?
2. ¿Para qué sirve la
consola del sistema?
Algunas consolas conocidas son: 3. ¿Cómo ingresamos
• command.com (Sistemas basados en DOS) al intérprete de comandos
• cmd.exe (Sistemas basadas en Windows) en Windows?
• bash, sh, csh, ksh (Sistemas basadsos para UNIX)

a) En tu computador,
sigue los pasos que indica
en esta guía e ingresa al
Intérprete de comandos, y
copia el prompt que te
aparezca. Si no cuentas
con un computador,
investiga si un celular o
Tablet puede tener un
El intérprete, tiene las siguientes funciones: intérprete de comandos,
1. Mostrar el prompt del sistema. cuéntanos sobre la
2. Utiliza caracteres como el asterisco ( * ) o la interrogación ( ? ) experiencia.
3. Direcciona la entrada y salida de datos.
4. Ejecuta comandos internos y externos.
Para ingresar al intérprete de comandos en Windows, el usuario debe seleccionar el botón Inicio y Importante Recordar
colocarse en la cajita Ejecutar. “MS-DOS, son las siglas
de MicroSoft Disk
Operating System, que
significa Sistema operativo
de disco de Microsoft”

En el recuadro de Ejecutar escribimos la orden cmd, y pulsamos la tecla Enter, aparece la ventana
cmd.exe:

El prompt, identifica la unidad que se encuentra activa, junto con su ruta o dirección, para buscar,
agregar, eliminar, editar archivos, o simplemente cambiarse de unidad o de ruta, carpeta o directorio.
Para cambiar de unidad debemos escribir el nombre de la unidad, ruta, carpetas o directorio, seguida
de dos puntos y pulsamos Enter. Ejemplo:

Ahora, estamos en la unidad D.

Tipos de comandos:
Existen dos clasificaciones de comandos: Internos y Externos.
Comandos Internos: También llamados residentes, son los que permiten la ejecución en cualquier
momento, e independientemente ya que se encuentran almacenados en la memoria del computador.
Algunos comandos internos son: DIR, CHDIR, COPY, CLS, PATH, DATE, TIME, VER, entre otros
Comandos Externos: Se almacenan de manera independiente, y necesitan que el sistema los cargue
a la memoria del computador desde un archivo o dispositivo externo para ejecutar la orden requerida.
Algunos comandos externos son: CHKDSK, FDISK, FORMAT, BACKUP, LABEL, entre otros.

Amplía tus conocimientos revisando el siguiente enlace de página web y videos:


Videos:
Como usar CMD / MS-DOS - Comandos - Windows - Parte 1/2 - 2011 [HD]
https://www.youtube.com/watch?v=id6yb3yAzM0

Como utilizar la Consola de Windows (Comandos básicos CMD)


https://www.youtube.com/watch?v=W6434nulBu8

Los 10 comandos de MS-DOS más usados que debes saber


https://www.youtube.com/watch?v=peO83JFAv64
CMD HACK: Comandos más Usados de la Consola de Windows
https://www.youtube.com/watch?v=0reGbfhzNRc

Para ingresar al intérprete


Tema: Archivos y directorios de comandos hago clic en
Inicio, escribo CMD y pulso
Subtema: Formato y Sintaxis de los comandos internos enter.

Los comandos en MS-DOS, tienen una estructura o formato de presentación establecida, y utilizando
sintaxis permite coordinar secuencias concretas.

Los comandos internos más utilizados son:


g) En tu computador,
CD o CHDIR: Muestra el nombre del directorio actual o cambia a otro directorio. sigue los pasos que
Sintaxis: indica en esta guía e
CHDIR [/D] [unidad:][ruta] ingresa al Intérprete de
CHDIR [..] comandos, trata de
Cd [/D] [unidad:][ruta] realizar las diferentes
CD [..] prácticas presentadas
con cada comando
.. Especifica que sea cambiar al directorio superior interno.

EJEMPLO: h) Si no cuentas con un


computador, copia en
una hoja cada
comando interno con
su sintaxis.

El prompt ha cambiado de C: \Users\SHYRFA> a C:\Users>

CLS: Borra la pantalla.


Sintaxis:
CLS
EJEMPLO:

Recuerda:

“Los comandos son


instrucciones que hacen
que tu computador tenga
Ha realizado una limpieza en la pantalla. cierto comportamiento de
acuerdo a la orden que se
COLOR: Establece los colores de primer plano y fondo predeterminado de la consola. le está ejecutando ”
Sintaxis:
COLOR [atr]
atr Especifica el atributo de color de la salida de la consola. Los atributos están especificados con
dos dígitos [EL primero indica el fondo y el segundo indica las letras]
Si no se especifica atr, cambia al color inicial.
EJEMPLO:

Original Nuevo color (COLOR 1E)

COPY CON: Copia uno o más archivos en otra ubicación, además puede crear uno.
Sintaxis:
COPY CON [nombre.ext]
[Escribir el texto deseado]

Para grabar el archivo se pulsa las teclas Ctrl Z y se pulsa la tecla ENTER.
Nota: El archivo se creará en la dirección donde se encuentra, en este caso es en la unidad D:
DATE: Muestra o establece la fecha del sistema.
Sintaxis:
DATE [/T |fecha]
[/T] Sólo mostrará la fecha actual.

Si se escribe el comando DATE sin /T, entonces pedirá que se


establezca una nueva fecha.

DEL o ERASE: Elimina uno o más archivos.


Sintaxis:
DEL [/P] nombre
[/P] Pide confirmación antes de eliminar cada archivo.
Nombre: especifica una lista de uno o más archivos o
directorios.

Se deberá escribir S o N
Pulsar la tecla ENTER, y se ha eliminado.

DIR: Muestra una lista de archivos y subdirectorios en un directorio.


Sintaxis:
DIR [unidad:][ruta][archivo]
[unidad:][ruta][archivo] Especifica la unidad, el directorio o los archivos que se mostrarán.
Se puede utilizar el carácter especial ( * ) (asterisco), entonces en el ejemplo: DIR *P, mostrará todos
los archivos y directorio s que tengan la primera letra que comienza con P.
ECHO: Muestra mensajes, o activa y desactiva el eco.
Sintaxis:
ECHO [mensaje]
ECHO [ON | OFF]
[mensaje] Texto que se mostrará en pantalla
[ON | OFF] Activa o desactiva la presentación por pantalla de comandos. La presentación de
comandos está activada por defecto.

EXIT: Sale del programa CMD.EXE <interfaz de comandos>.


Sintaxis:
EXIT
HELP: Proporciona información de ayuda para los comandos de Windows.
Sintaxis:
HELP [comando]
[comando] Muestra información de ayuda del comando especificado.

MD o MKDIR: Crea directorios y subdirectorios.


Sintaxis:
MD [unidad:] ruta
MKDIR [unidad:] ruta
[unidad:] ruta
Se ha creado la carpeta ESTUDIANTES, y dentro de ella se ha creado la carpeta SEGUNDO.

PROMPT: Cambia el símbolo de comandos de Windows.


Sintaxis:
PROMPT [texto]
[texto] Especifica un nuevo símbolo del sistema.
Se pueden escribir caracteres normales o los siguientes:

EJEMPLO
RD o RMDIR: Quita <elimina> un directorio.
Sintaxis:
RMDIR [/S] [/Q] [unidad:] ruta
RD [/S] [/Q] [unidad:] ruta
[/S] Quita todos los directorios y archivos del directorio, además del mismo directorio. Pide
confirmar.
[/Q] No pide confirmación para quitar directorios.

EJEMPLO:

Se ha eliminado la carpeta o directorio PRIMERO.

REN o RENAME: Cambia el nombre de uno o más archivos.


Sintaxis:
RENAME [unidad:][ruta] archivo1 archivo2
REN [unidad:][ruta] archivo1 archivo2

START: Inicia otra ventana para ejecutar un programa o comando.


Sintaxis:
START
TIME: Muestra o establece la hora del Sistema.
Sintaxis:
TIME [/T | hora]
[/T] Indica que tan solo se presente la hora actual, sin pedir una nueva hora.

TITLE: Establece el título de la ventana de una sesión de CMD.EXE.


Sintaxis:
TITLE [cadena]
[cadena] Especifica el título de la ventana del símbolo del sistema

TYPE: Muestra el contenido de un archive de texto.


Sintaxis:
TYPE [unidad:][ruta] archivo
VER: Muestra la versión de Windows.
Sintaxis:
VER

VOL: Muestra la etiqueta del volumen y el número de serie del disco.


Sintaxis:
VOL [unidad:]
Amplía tus conocimientos revisando los siguientes enlaces:

Comandos CMD:
https://semillasaber.blogspot.com/p/entonces-van-aparecer-todos-los.html

Videos:
Comandos internos MS-DOS Windows 10
https://www.youtube.com/watch?v=f5BF0smLpLc

Comandos internos
https://www.youtube.com/watch?v=A_fwWvE4mAw

Programación y
Tema. Elementos de una aplicación en Windows.
bases de datos Subtema: (Entorno Integrado de Desarrollo) de Visual Basic 6.0
Visual Basic 6.0, posee un sin número de herramientas que hacen de la programación de aplicaciones
en Visual Basic mucho más fácil e interactiva. Este entorno incluye elementos tales como: barra de En su cuaderno o carpeta
menús, barra de controles, barra de herramientas, ventana de propiedades, ventana de proyectos, de trabajo Dibuja, pega, o
depurador, formularios, etc. Estos elementos los podemos apreciar en el momento que ejecutamos realiza un collage del
Visual Basic en nuestro ordenador. Para ejecutar Visual Basic 6.0, haga clic en el menú entorno integrado de
Inicio>Programas>Microsoft Visual Studio 6.0>Microsoft Visual Basic 6.0. Cuando se ha ejecutado desarrollo de Visual Basic.
Visual Basic 6.0 aparece en la pantalla una ventana similar a la mostrada en la siguiente figura:
Si cuentas con acceso a
internet puedes ingresar al
siguiente link:
https://es.slideshare.net/
MiguelPacho/entorno-de-
desarrollo-de-visual-basic-
60
para que puedas realizar
tu trabajo.
En esta ventana se pueden distinguir los siguientes elementos:
1. La barra de título, la barra de menús y la barra de herramientas estándar.
2. La caja de herramientas (ToolBox) con los controles más comunes.
3. Los formularios (forms) en gris, en el que se colocan los controles de la aplicación. Está
dotado de una rejilla (grid)), para facilitar la alineación de los controles en el formulario.
4. El explorador de proyecto (Project Explorer), donde se muestran los formularios y otros
módulos de programas que forman parte de la aplicación.
5. La ventana de propiedades (Properties Windows), en la que se pueden ver las propiedades
de un objeto seleccionado sobre un formulario de la aplicación.
6. La ventana de esquema de formularios (Form Layout Window), que muestra y determina la
posición inicial de los formularios cuando la aplicación se esté ejecutando.
7. La ventana explorador de formularios (Forms Explorer Windows), en esta se muestra el
formulario activo con el cual se está trabajando en la aplicación.
Existen otros elementos tales como: La ventana editor de códigos (Code Editor) y la ventana
depurador (Debugger Windows) para ver valores en variables en tiempo de ejecución. Todo este
conjunto de herramientas y de ventanas es lo que se llama Entorno Integrado de Desarrollo o IDE
(Integrated Development Environment).

La barra de menús.-

Resulta muy similar a la de cualquier otra aplicación de Windows.


El menú File tiene pocas novedades. Lo más importante es la distinción entre proyectos. Un proyecto
reúne y organiza todos los ficheros que componen el programa o aplicación. Estos ficheros pueden
ser formulario, módulos, clases, recursos, etc. Visual Basic 6.0 permite tener más de un proyecto
abierto simultáneamente, lo cual puede ser útil en ocasiones.
Con el comando Add Project… se añade un nuevo proyecto en la ventana Project Manager. Con los
comandos Open Project… o New Project se abre o se crea un nuevo proyecto, pero cerrando el o
los proyectos que estuvieran abiertos previamente. En este menú está el comando Make
ProjectName.exe…, que permite crear ejecutables de los proyectos.
No hay cambios en el menú Edit, por el contrario, el menú View, generalmente de poca utilizada, es
bastante propio de Visual Basic 6.0. Este permite hacer aparecer en pantalla las distintas ventanas
del entorno de desarrollo, así como acceder a un formulario o al código relacionado con un control
(que también aparece al hacer doble clic sobre él), y manejar funciones y procedimientos.
El menú Proyect permite añadir distintos tipos de elementos a un proyecto. Con Project Properties…
se puede elegir el tipo de proyecto y determinar el formulario con el que se arrancará la aplicación
(Startup Object). Con el comando Components se pueden añadir nuevos controles a la barra de
controles (Toolbox) que aparece a la izquierda de la pantalla.
En menú Tools se encuentran los comandos para arrancar el Menu Editor y para establecer opciones
del programa. En Tools/Options… se encuentran una serie de opciones que permiten configurar el
EID de Visual Basic 6.0. En páginas siguientes veremos con más detalles los elementos que
componen la ventana Options del EID de Visual Basic 6.0.
Por último, la Ayuda (Help) (siempre imprescindible y en el cado de Visual Basic 6.0 particularmente
muy bien hecha) que se encuentra en el menú Help, se basa fundamentalmente en una clasificación
temática ordenada de la información disponible (Contents), en una clasificación alfabética de la
información (Index) y en la búsqueda de información sobre algún tema por el nombre (Search).

La barra de herramientas estándar

La Barra de Herramientas Estándar aparece debajo de la barra de menús. Esta permite acceder a las
opciones más importantes de los menús de Visual Basic. En Visual Basic 6.0 existen cuatro barras
de herramientas que son: Debug, Edit, FormEditor y Estándar, por defecto sólo aparece la barra de
herramientas estándar. Haciendo clic con el botón derecho del mouse sobre cualquier parte de la
barra de herramientas, aparece un menú contextual con el que se puede hacer aparecer y ocultar
cualquiera de las barras. Esta barra posee algunos elementos típicos de Windows como: nuevo, abrir,
guardar, copiar, cortar, pegar, buscar, deshacer y rehacer, aunque también posee elementos que son
exclusivos del EID de Visual Basic.

La caja de herramientas (Toolbox).


Aquí muestra la caja de herramientas (Toolbox), que incluye los controles con los que se puede
diseñar la pantalla de la aplicación. Estos controles son, por ejemplo, botones de comando, etiquetas,
cajas de texto, imágenes, etc. Si usted no ve la caja de herramientas, entonces, haga clic en el menú
View (Ver), y seleccione, la opción Toolbox (Caja de herramientas)

Para introducir un control en un formulario, simplemente hay que hacer clic con el botón izquierdo
del mouse sobre el control deseado y arrastrarlo hacia el formulario, o bien, haciendo doble clic sobre
el control de la caja de herramientas.
El número de controles que pueden aparecer en esta ventana varían con la configuración del sistema,
pero usted puede agregar nuevos componentes a la caja de controles. Para agregar nuevos
componentes se utiliza el comando Components… del menú Project. Otra forma de activar la ventana
Componentes, es haciendo un clic derecho sobre cualquier parte de la caja de herramientas, y
seleccionar la opción Components del menú contextual.

Los formularios (Forms).


Los formularios son las zonas de la pantalla sobre las que se diseña el programa y sobre los que se
sitúan los controles o herramientas del ToolBox. Al ejecutar el programa, el Formulario se convertirá
en la ventana principal de la aplicación, donde aparecerán los botones, las cajas de texto, los gráficos,
etc. En Visual Basic 6.0 existen dos tipos de formularios que son: formulario estándar y formulario de
múltiple interfaz de documento (MDI). En este apartado solo tratamos con los formularios estándar.
La Figura 2.5 muestra formulario típico de Visual Basic 6.0.
El conjunto de puntos que aparecen sobre el formulario se llama malla o retícula (grid) que permite
alinear los controles manualmente de una forma precisa, evitando tener que introducir coordenadas
continuamente. Esta malla (grid) sólo será visible en el proceso de diseño del programa; al ejecutarlo
la malla automáticamente desaparece.
Un formulario de Visual Basic posee todas las características de una ventana de Windows. Si usted
tiene instalado Windows XP o algún Skin que modifique la apariencia de las ventanas de Windows,
verá también esos cambios en los formularios de Visual Basic. Puede ver que el formulario que se
muestra en la Figura 2.5 hereda las características de Windows XP.

En modo de diseño usted puede modificar el tamaño de las ventanas especificando sus respectivas
propiedades de altura y anchura. También puede modificarlo con unas pequeñas asas que aparecen
de forma cuadrada cuando el formulario tiene el enfoque.

El explorador de proyectos (Project Explorer).


El explorador de proyectos visualiza lo distintos formularios y módulos que componen un proyecto.
Estos módulos están representados por un icono que lo diferencian de los demás módulos. Para
visualizar uno de estos módulos o formularios, solo debe hacer doble click en el icono que lo
representa, o bien, hacer click en el botón View Object (Ver Objeto) , 23 Figura 2.5. Formulario
de Visual Basic 6.0. Figura 2.6. Explorador de proyectos. que se encuentra en la parte superior del
explorador de proyectos. También puede ver el código fuente de un módulo seleccionado, haciendo
click en el botón View Code (Ver Código) del explorador de proyectos. Si usted no ve el explorador
de proyectos, entonces, pulse la combinación de teclas Ctrl+R.
La ventana de propiedades (Properties Windows).
En la ventana de propiedades se muestran todas las propiedades de un control o un módulo
seleccionado en la aplicación. Mediante esta ventana es posible cambiar los valores de las
propiedades de cada uno de los controles, indicando así, sus características y estados antes de
ejecutar la aplicación.

A medida que se van seleccionando los controles en la aplicación, se puede apreciar, que las
propiedades que antes mostraba un tipo de control desaparecen y se muestran las propiedades del
control que ha sido seleccionado actualmente. La cantidad de propiedades que aparecen en la
ventana de propiedades, depende de las características propias de ese control.

En la parte superior de esta ventana se puede apreciar una caja combinada, que permite seleccionar
cada uno de los controles que se encuentran en la aplicación. También posee dos solapas, una de
ellas permite ordenar alfabéticamente las propiedades de los Controles y la otra permite organizarla
por categoría. En la parte inferior se encuentra un recuadro que describe la función de una propiedad
seleccionada.
En caso de no ver esta ventana en el EID de Visual Basic, pulse la tecla [F4], o bien, haga clic en
Properties Windows del menú View (Ver).

Si cuentas con acceso a internet puedes ingresar al siguiente link y amplía tus conocimientos:

https://youtu.be/rR1q9f35WaU
https://youtu.be/Z3fLgav9QT8

Tema: Elementos de una aplicación en Windows

La ventana de esquema de formularios (Form Layout Window) Lee el contenido y


responde las siguientes
Esta ventana permite observar y alinear en la pantalla cada uno de los formularios de una aplicación, preguntas:
es decir, permite indicar la posición donde debe de aparecer cada uno de los formularios, cuando la
aplicación este corriendo o se esté ejecutando. Para indicar la posición de un formulario este debe 1. ¿Para qué se utiliza
seleccionarse manteniendo pulsado el botón izquierdo del mouse y ubicarlo en la posición deseada la ventana de
de la pantalla que aparece en la ventana de distribución de esquema de
formularios. formulario?
2. ¿Qué es la ventana
de Explorador de
Formularios?
3. Realiza un breve
resumen sobre el
Editor de Código.

Menciona las
características del Editor
También puede indicar la posición inicial del formulario de la siguiente manera: desde la ventana de de Código.
esquema de formularios haga un clic derecho sobre el formulario al cual quiere establecer una
posición inicial y, a continuación, ubique el puntero del mouse en la opción Startup Posición (Posición
Inicial). Haga clic sobre una de las posiciones que aparecen en el submenú contextual.
La ventana explorador de formulario (Form Explorer Window)

La ventana explorador de formulario (Form Explorer Windows) muestra el formulario con el cual se
está trabajando en la aplicación. Esta ventana aparece por defecto cada vez que se carga una
aplicación y es la única ventana que permite al usuario interactuar con los formularios y controles que
se encuentran en la aplicación. La siguiente figura muestra la ventana explorador de formularios:

En la parte superior de la ventana explorador de formularios, se especifica el nombre del proyecto


seguido del nombre del formulario activo que en este caso es Project1 – Form1 (Form). Dentro de
esta ventana se puede apreciar el formulario activo con el cual se está trabajando en la aplicación.

La ayuda de MSDN Library

Esta herramienta es muy importante en el momento que se está programando en cualquier plataforma
de Visual, debido a que es posible obtener cualquier tipo de información, ya sea de un comando, de
algún mensaje de error o de un tema de interés en específico. MSDN Library proporciona toda la
ayuda necesaria referente a cada uno de los productos de Visual. MSDN Library tiene la característica
de permitir seleccionar información de un producto en específico, independientemente de los demás
productos de Visual Studio. Ejemplo:

El Editor de Código (Code Editor)

El Editor de Código de Visual Basic 6.0 es la ventana en la cual se escriben las sentencias de los
procedimientos y módulos de la aplicación. Esta ventana se activa de formas diferentes, una de las
principales es haciendo doble clic sobre un formulario o sobre cualquiera de sus controles. También
existen otras formas que son muy poco habituales. Una de ellas es seleccionar la opción Code
(Código), del menú View (Ver), o bien, haciendo clic en el botón View Code (Ver Código), del
Explorador de Proyectos. La siguiente figura muestra el aspecto físico del Editor de Código:
Características del Editor de Código (Code Editor)

Esta ventana posee algunos elementos y características que son importantes conocer. El primer
recuadro marcado con rojo representa una lista desplegable que posee todos los controles que se
encuentran en el formulario. Puede ver el código de cualquier control del formulario haciendo clic
sobre el nombre del control cuando la lista ha sido desplegada. El segundo recuadro representa otra
lista desplegable que posee los eventos de un control seleccionado. Puede cambiar de evento cada
vez que sea necesario haciendo clic sobre el nombre del evento cuando el control este seleccionado.
Un control esta seleccionado en el Editor de Código cuando el cursor se encuentra parpadeando
dentro del procedimiento. El tercer recuadro de forma vertical representa el margen izquierdo del
Editor de Código. En este se marcan los Breakpoints (puntos de parada) en las líneas de códigos de
Visual Basic. Una de las características más destacadas en el Editor de Código es la utilización de
colores para hacer diferencia entre las líneas de código. El código escrito por el programador aparece
en negro, las palabras claves o sentencias aparecen en azul, los comentarios en verde, los errores
en rojo, etc. Esta característica juega un papel importante en el Editor de Código, ya que permite
detectar y corregir problemas con mayor facilidad.

En la parte superior de la Figura 2.16 encontramos la declaración Option Explicit que obliga al
programador a declarar todas las variables que valla a utilizar en la aplicación. Si utiliza una variable
que no ha sido declarada, entonces, el programa abortará con un mensaje de error en modo de
ejecución.

También encontramos dos procedimientos, uno para el Evento Click de un botón de comando y otro
para el Evento Load de un formulario. Dentro de estos dos procedimientos se ha utilizado algunos
comentarios que aparecen de color verde para indicar que en esta zona se escribe el código del
procedimiento. Los comentarios son parte del código fuente, pero no tienen ningún valor al momento
de compilación, es decir, los errores ortográficos y los caracteres utilizados después de la comilla
simple (‘) o de la palabra clave Rem no tienen ninguna validez. Los comentarios se utilizan únicamente
para incluir notas aclaratorias en un programa.

En esta ventana aparecen dos barras de desplazamiento, una vertical y otra horizontal. Estas barras
permiten visualizar el código escrito por el programador cuando este sobrepasa el límite del tamaño
de la ventana del Editor de Código. Estas barras de desplazamiento son similares a las barras del
explorador de Internet.

Si cuentas con acceso a internet ingresa al siguiente enlace y amplía tus conocimientos:

https://visualbasic60.files.wordpress.com/2010/09/librodeoro.pdf

Tema: Electrónica Básica


Soporte Técnico Métodos y Análisis.
La electrónica es una disciplina aplicada derivada de la electricidad y la física que abarca un amplio Conteste las siguientes
rango de actividades relacionadas con la generación y transmisión de información por medio de preguntas en tu cuaderno
señales eléctricas. La aplicación de las técnicas electrónicas da como resultado el desarrollo de de actividades
sistemas electrónicos capaces de manipular señales y generar información.
Los sistemas electrónicos. - están formados a partir de circuitos especializados que a su vez están
constituidos por la asociación de elementos físicos que se denominan dispositivos eléctricos pasivos
(resistencias, condensadores, bobinas) y dispositivos electrónicos activos (diodos, transistores, 1- Cuales son los
amplificadores, reguladores, decodificadores, microprocesadores, microcontroladores etc.) dispositivos eléctricos
pasivos y los dispositivos
electrónicos y activos.
2- Siempre tienen el mismo
valor. Su valor o unidad es
el ohmio (Ω) y su valor
teórico viene determinado
por un código de colores.
¿A qué circuito o
dispositivo se refiere?
LAS RESISTENCIAS FIJAS 3- El transistor Es un
Resistencias fijas: Siempre tienen el mismo valor. Su valor o unidad es el ohmio (Ω) y su valor teórico componente electrónico
viene determinado por un código de colores. Si recuerdas la ley de ohm, a mayor resistencia menor que podemos considerarlo
intensidad de corriente, por eso se usan para limitar o impedir el paso de la corriente por una zona como un interruptor o
de un circuito. El símbolo utilizado para los circuitos, en este caso, pueden ser 2 diferentes, son los como un amplificador.
siguientes: ¿Verdadero o falso?

POTENCIOMETRO O RESISTENCIA VARIABLE


Son resistencias variables mecánicamente (manualmente). Los valores de la resistencia del
potenciómetro varían desde 0Ω, el valor mínimo y un máximo, que depende del potenciómetro. Los
potenciómetros tienen 3 terminales. El terminal del medio con el de un extremo hace que funcione
como variable al hacer girar una pequeña ruleta. Aquí vemos 2 tipos diferentes, pero que funcionan
de la misma forma:
EL DIODO LED
Diodo que emite luz cuando se polariza directamente (patilla larga al +). Estos diodos funcionan con
tensiones menores de 2V por lo que es necesario colocar una resistencia en serie con ellos cuando
se conectan directamente a una pila de tensión mayor (por ejemplo, de 4V).

EL CONDENSADOR
Componente que almacena una carga eléctrica, para liberarla posteriormente.
La cantidad de carga que almacena se mide en faradios (F). Esta unidad es muy grande por lo que
suele usarse el microfaradio (10 elevado a -6 faradios) o el picofaradio (10 elevado a -12 faradios).
OJO los condensadores electrolíticos están compuestos de una disolución química corrosiva, y
siempre hay que conectarlos con la polaridad correcta. Patilla larga al positivo de la pila o batería.

EL TRANSISTOR
Es un componente electrónico que podemos considerarlo como un interruptor o como un
amplificador.
Como un interruptor por que deja o no deja pasarla corriente, y como amplificador porque con una
pequeña corriente (en la base) pasa una corriente mucho mayor (entre el emisor y el colector). Luego
lo veremos mejor.
La forma de trabajar de un transistor puede ser de 3 formas distintas.
Operaciones matemáticas y físicas: La ley de Ohm se utiliza para determinar la relación entre tensión,
corriente y resistencia en un circuito eléctrico. Es una ley básica de los circuitos eléctricos. Establece
que la diferencia de potencia V que aplicamos entre los extremos de un conductor determinado es
proporcional a la intensidad de la corriente I que circula por el citado conductor. Ohm completó la ley
introduciendo la noción de resistencia eléctrica R que es el factor de proporcionalidad que aparece
en la relación entre V e I

Dibuja la herramienta que


más te llamó la atención y
Observa el siguiente video sobre la ley de Ohm después has ejercicios propuestos por ti mismo explica las razones por las
cambiando las cantidades https://www.youtube.com/watch?v=ojSlodvymjQ cuales la seleccionaste.

Tema: Electrónica básica

Herramientas:
Disponer de una herramienta electrónica adecuada será uno de los puntos clave en el desarrollo de
algún proyecto, en conclusión, ya que influirá en todos los aspectos del mismo, tales como obtener
unos acabados más limpios, rentabilizar mejor el tiempo y, sobre todo, trabajar de forma más
cómoda, eficiente y segura.
Soldador de estaño:
Es una de las herramientas electrónicas más utilizadas y sirve para realizar uniones eléctricas entre
componentes electrónicos. Utiliza el estaño para realizar las uniones eléctricas y su funcionamiento
es muy sencillo: calentamos el área a unir con el soldador, aplicamos estaño y finalmente, retiramos
el soldador, así de sencillo es realizar una soldadura. Dependiendo del tipo de soldadura que
tengamos que realizar, necesitaremos un soldador adaptado a las necesidades del trabajo.

Multímetro:
Para poder tomar medidas de nuestros circuitos recurrimos al multímetro, que sirve para realizar
medidas entre dos puntos. Con él, podemos medir normalmente voltaje, corriente, resistencia,
capacitancia y continuidad. En algunos modelos más complejos, también se pueden medir otras
magnitudes como la temperatura, diodos o transistores, entre otros. Esta herramienta es de vital
importancia para poder diagnosticar cualquier circuito electrónico. El multímetro es una herramienta
electrónica que todo técnico o aficionado debe tener a su disposición.
Fuente de alimentación:
Esta herramienta electrónica tiene como función alimentar eléctricamente nuestros circuitos,
suministrando tensión y corriente a nuestros circuitos. Existen diferentes tipos de fuentes de
alimentación y cada una de ellas está destinada a una utilidad diferente, tenemos desde las más
sencillas, dos bornes y una tensión fija, hasta las más complejas y programables.

Protoboard:
Para crear y probar las conexiones entre los diferentes componentes y así comprobar si funcionan
correctamente.
Para más información sobre las herramientas ingresa a los siguientes enlaces:
https://www.youtube.com/watch?v=THKggYcFbno
http://www.myelectronic.mipropia.com/Herramientas/Herramientas%20de%20electronica.pdf?i=1
Figura Profesional: Informática

Módulo: SOPORTE TÉCNICO

Años: Segundo debachillerato

TEMA: ENSAMBLAJE DE COMPUTADORAS: Placa Base.

OBJETIVO: Aprender a manipular y armar las partes internas de la PC correctamente de


manera virtual.

Link de descarga del aplicativo:


https://educacionec-
my.sharepoint.com/:x:/g/personal/jhoana_ramos_educacion_gob_ec/EdaX-
taUcutItmspERha6H0B7Tvf4rGcffbuNTRVwUfc9A?e=QOKiqE

PRÁCTICA:

PROCEDIMIENTO DE ENSAMBLAJE:

INSTALAR CPU
• Instalar el CPU en el
modelo 3d.
• Girar la CPU hasta
que se alinee con el
perno 1 en el zócalo de
la CPU.
• Alinear las muescas de
la CPU.
• Coloque con cuidado
la CPU en el zócalo
• Cierre la placa de la
CPU y asegure
cerrando con la
palanca.
• Aplique una mínima
cantidad de
compuesto térmico en
el chip de la CPU y
distribuya de forma
equilibrada.
• Alinee el disipador de
calor / ventilador a los
agujeros en la placa
base.
• Coloque el disipador
de calor / ventilador en
el zócalo de la CPU
con cuidado de no
agarrar los cables del
ventilador de la CPU.
• Apriete el disipador de
calor / ventilador para
asegurarlo en su lugar.
• Conecte el disipador
de calor en la placa
base

INSTALAR RAM
• Colocar la memoria
RAM en el modelo 3d
• Alinear el módulo de
memoria RAM con las
muescas en la ranura y
presione hacia abajo
hasta que haga clic.
• Asegúrese de que las
lengüetas laterales han
cerrado el módulo de
RAM y inspeccione
visualmente los
contactos
• Repita el primer paso
para instalar la
memoria RAM número
2.

Instalar la placa base


• Mueva lentamente la
placa en la caja, alinee
los agujeros de los
tornillos y los
separadores.
• Fije la placa a la caja
usando los tornillos
adecuados
MINISTERIO DE EDUCACIÓN

Conciencia Emocional
Semana 5 -
Explorando mis emociones
Actividad 3
Tiempo 15 min
Descripción Se presenta una ruleta dividida en varias partes, cada una de ellas contiene
una emoción distinta.
Debes identificar con qué frecuencia experimentas estas emociones y pin-
tar los casilleros, empezando desde el centro de la ruleta hacia afuera,
siendo 0 la más baja y 5 la más alta; además, debes reconocer qué situa-
ciones te hacen experimentar estas emociones, escribirás palabras guía
alrededor de la emoción para recordarte que cosas provocan las distintas
emociones.

AL
O EG
M IED RÍA
A
TEZ

ODIO
ENTRIS
TO

EN
I
CIM

OJ
O
E
AD
GR A

VE
RG
OR UE
AM NZ
Educación Emocional

Recomendación: puedes usar esta ruleta para identificar qué emociones o sentimientos sientes
con más frecuencia en tu día a día y qué situaciones las provocan, esto te ayudará a manejarlas
adecuadamente.

GUÍA DEL ESTUDIANTES PARA LA APLICACIÓN


DE LAS ACTIVIDADES BACHILLERATO TÉCNICO
DESDE CASA (1°, 2° Y 3° DE BACHILLERATO TÉCNICO)
MINISTERIO DE EDUCACIÓN

Conciencia Emocional
Semana 6 -
Explorando mis emociones
Actividad 4
Tiempo 15 - 20 min
Descripción Después de haber identificado las emociones en la actividad 2 y 3 es
necesario buscar una manera adecuada de gestionar estas emociones.
Un modo de hacerlo es a través del arte, para esta actividad vas
a necesitar música, hojas en blanco y toda tu creatividad. A con-
tinuación, te proponemos 2 opciones para realizar este ejercicio.

• Opción 1: busca canciones que identifiques con una o varias emociones, por
ejemplo, una canción que te haga sentir feliz, triste o disgustado/a. Mientras
escuchas la canción, se consciente de lo que piensas y sientes al escucharla,
intenta asociar la canción con recuerdos. Puedes optar por complementar esta
actividad dibujando o pintando, la idea es plasmar lo que sientes en ese mo-
mento.

• Opción 2: escoge una o varias emocio-


nes de las que hemos trabajado en ac-
tividades anteriores, vas a escribir todo
lo que puedas sobre esa emoción en tu
vida (cuándo la sientes, en que piensas,
como actúas, es agradable o no, cómo
la manejas, etc.) puedes apoyarte pen-
sando y recordando las situaciones en
que has experimentado dicha emoción,
lo importante es que puedas expresar
tus emociones, especialmente las que te
Educación Emocional

generan malestar. Puedes realizar esto


mientras escuchas música.

Recomendación: puedes realizar esta actividad a diario si crees que lo necesitas, o puedes
hacerlo en los momentos en que te sientas alterado/a por alguna situación que haya ocurrido.

GUÍA DEL ESTUDIANTES PARA LA APLICACIÓN


DE LAS ACTIVIDADES BACHILLERATO TÉCNICO
DESDE CASA (1°, 2° Y 3° DE BACHILLERATO TÉCNICO)

También podría gustarte