OA Introducción al diseño web usando Lenguaje de HTM

1. de las siguientes sentencias CSS cual hace referencia a una clase:

Rta. #nombre1 { text-align: center; }

2. De las siguientes sentencias CSS cuál hacen referencia a una pseudo-clase

Rta, p:hover {color: green; }

3.

Rta.Javascript es la principal herramienta de programación del lado del cliente (Client-Side

Programming)

4. Las siguientes son novedades en la versión 5 del lenguaje HTML

Rta, cavas, video, almacenamiento local

5. La interactividad que presentan las páginas web es provista por la siguiente tecnología

Rta, java script

6. Las tecnológicas básicas para el desarrollo de aplicaciones web son

Rta. HTML, CSS y Javascript.

7. La cualidad que tienen las reglas CSS de aplicar los mismos estilos a los nodos hijos se llama:

Rta, herencia de estilos

8, Javascript es un lenguaje que permite realizar:

Rta. Programación del lado del cliente.

9. De las siguientes sentencias CSS cuál hace referencia a una clase:

OA Fundamentos de Calidad para el Desarrollo de

Software.

1. Los costos de calidad ante fallos externos (después de entregado el

producto) es:

2, Sección de la norma ISO 9000-3 que investiga la causa de no

conformidad y las acciones correctivas para prevenir que vuelva a
ocurrir:
Rta. El control de calidad debe ser aplicado a todas las fases del desarrollo de software, incluido el
mantenimiento y tareas posteriores a su implantación.

3.

AP06-AA7-EV01. Cuestionario
Técnico AP6
Retroalimentación de la evaluación

Tu desempeño fue:  2.33 puntos
Id evaluación: 510245515223030

Preguntas(100%)

1
Se requiere adicionar la Especialidad en la tabla Médicos. ¿Cuál es el
comando a utilizar?

DROP TABLES MEDICOS ADD MedEspecializacion

Varchar(50)
ALTER TABLE MEDICOS ADD MedEspecializacion
Varchar(50)
(correcta)
ALTER TABLE MEDICOS COLUMN MedEspecializacion
Varchar(50)
Ninguna de las anteriores

2
Se requiere modificar el nombre de la columna ?salario? , cuya
definición es entero no nulo, a ?sueldo_basico? de la tabla ?
empleados?.
alter table empleados rename salario to sueldo_basico int
not null; ok
alter table empleados modify column salario sueldo_basico
int not null;
alter table empleados change column salario sueldo_basico
int not null ;
alter table empleados change salario sueldo_basico

3
Un esfuerzo temporal emprendido para crear un nuevo producto o
servicio se denomina:

Desarrollo de nuevos productos.

Proyecto.
Programa.
Empresa.

4
¿Herramienta de SQL Server que permite administrar los Servicios de
SQL Server y los protocolos de red?

SQL Server Management Studio

SQLCMD
SQL Server Configuration Manager ok
Reporting Services

5
La cláusula WHERE...

Permite indicar una condición para filtrar los resultados.

Por ejemplo: WHERE nombre='Jose'.
Admite funciones. Por ejemplo: WHERE
YEAR(contrato)=2000.
Admite intervalos de valores. Por ejemplo: WHERE
YEAR(contrato) BETWEEN 2000 AND 2017.
Todas son ciertas. ok

lenguaje estructurado de consultas, construir sentencias SQL para la

definición y manipulación del modelo de base de datos, introducción a la
base de datos MySQL, ORACLE, lenguaje transaccional en SQL, introducción
al diseño web usando lenguaje de HTML, desarrollo de interfaces gráficas
con HTML5 e introducción a la base de datos SQL Server.

Con el fin de obtener evidencia de esta actividad de apropiación, con

relación a los conocimientos adquiridos por el aprendiz para el logro de los
resultados de aprendizaje previstos, mediante la interacción de éste con el
material de estudio suministrado en cada uno de los objetos de aprendizaje
dispuestos en plataforma, se dispone de un cuestionario que determina si el
aprendiz maneja adecuadamente los conceptos sobre lenguaje estructurado
de consultas, construir sentencias SQL para la definición y manipulación del
modelo de base de datos, introducción a la base de datos MySQL, ORACLE,
lenguaje transaccional en SQL, introducción al diseño web usando lenguaje
de HTML, desarrollo de interfaces gráficas con HTML5 e introducción a la
base de datos SQL Server.

Estructura de de un archivo html

a. etiqueta de apertura “<”y un comando “<html>”, “<body>”

b. atributos nombre y valor. Modifican el comando. Ejemplo “<html lang=es>”

c. contenido puede ser párrafos, palabras, oraciones. Ejemplo <h1> hola mundo </h1>
d. etiqueta de cierre se compone por el carácter “</” más el nombre del comando y los
caracteres “>” ejemplo: </html>

En primer lugar se deben apropiar los tres conceptos fundamentales o trilogía del diseño web:
HTML, CSS y Javascript.

HyperText Markup Language) es la primera pieza de esta trilogía y permite definir la estructura de
los contenidos que aparecen en una página web.

describir la apariencia que tendrán las páginas web se propusieron las hojas de estilos en cascada
o (CSS). la segunda pieza de la trilogía, permite dar una personalización o estilo a los elementos de
las páginas web como son textos, imágenes, tablas, encabezados, pies de página entre otros.

El último elemento es el lenguaje Javascript que añade interactividad a las páginas web.

Tanto HTML como CSS son lenguajes declarativos, es decir, solamente indican qué debe hacerse
sin indicar los detalles. Javascript que es un lenguaje imperativo que indica cómo debe hacerse
una tarea paso a paso.

Javascript que las paginas web se pueden realizar tareas más complejas como validar los datos de
entrada, conectarse a bases de datos, emitir mensajes de error, consultar la versión del
navegador, entre otras. Javascript no tiene ninguna relación con el lenguaje de programación
Java, son dos cosas distintas.

han surgido componentes de software estructurados en los llamados “Frameworks” que facilitan
el desarrollo de aplicaciones. Ejemplos de frameworks Javascript son: AngularJS desarrollado por
Google, ReactJS desarrollado por Facebook. Un ejemplo de un framework CSS es Bootstrap
desarrollado por Twitter. También están disponibles componentes estructurados en librerías. Uno
de los más famosos y utilizados es Jquery que es una librería javascript que permite modificar los
elementos HTML de manera dinámica.

El lenguaje HTML

El HTML es el lenguaje de marcación principal para la creación de documentos en la WWW o Red

Mundial (W3C, 2016). El lenguaje de marcación para hipertextos o HTML utiliza un conjunto de
etiquetas o “tags” para describir la estructura que tendrán las páginas web. Los archivos .html son
planos, es decir, pueden ser leídos por un editor de texto.

Una vez creado un archivo html válido este puede ser interpretado por un analizador sintáctico o
“parser” que está incluido en los browsers o navegadores.

Estructura de un browser o navegador.

Los navegadores modernos interpretan el código escrito en HTML y CSS y lo transforman en

órdenes que son transmitidas a los distintos recursos que maneja un computador como son su
interfaz gráfica, su componente de redes o su capa de almacenamiento permanente (NIEDERST,
2012)

arquitectura de un navegador moderno .

a) Interfaz de usuario (user interface): incluye la barra de direcciones, los botones de “adelante” y
“atrás”, el menú de bookmarks.

b) El motor del browser (browser engine): coordina todos los llamados de la interfaz de usuario y
el motor de dibujo (rendering engine).

c) El motor de dibujo: responsable por dibujar la página solicitada. Si la página solicitada está en
HTML, el motor de dibujo analiza el código HTML y CSS.

d) Redes (Netwoking): para hacer solicitudes de redes tales como solicitudes HTTP.

e) Soporte de Interfaz de Usuario (UI Backend): usada para dibujar figuras geométricas básicas
como combo boxes y ventanas.

f) Intérprete de Javascript: usado para procesar y ejecutar código en lenguaje Javascript.

g) Almacenamiento de datos (Data Persistence): es la capa de persistencia. El browser puede

necesitar almacenar muchos tipos de datos tales como las cookies.

1.2 Estructura de un archivo HTML.

Un documento HTML está compuesto por un árbol de elementos y texto. Cada elemento se
describe a través de una etiqueta o tag de inicio y otra de terminación. (W3C, 2016).

Las partes que componen una etiqueta son (NIEDERST, 2012):

a. Etiqueta de apertura: se componen por el carácter “”, “<body”.

b. Atributos: nombre y valor. Modifican el comando. Ejemplo: “<html lang=es>”

c. Contenido: pueden ser párrafos, palabras, oraciones. Ejemplo:
<h1>hola mundo </h1>
d. Etiqueta de cierre: se compone por el carácter “</”. Mas el de comando y los caracteres
“>”. Ejemplo: </html>

Los tag vacíos son: area, base, br, col, embed, hr, img, input, keygen, link, menuitem, meta, param,
source, track y wbr.

ESTRUCTURA DE UN DOCUMENTO HTML

Una página web está formada por una serie de páginas enlazadas entre sí, es decir,
vamos a tener una serie de ficheros y cada uno de esos ficheros va a contener texto,
imágenes, etc. Así que lo primero que deberíamos hacer es un boceto en papel con
todo lo que va a contener el documento. Una vez claro este contenido hay que pensar
en la estructura de la página y en la organización de los ficheros.

Normalmente hay una página principal, que se suele llamar index.html, con enlaces a
otras páginas, que tendrán a su vez otros enlaces y así sucesivamente. Es importante
que todo esté bien organizado tanto para que a un usuario le resulte cómodo navegar
por ella, como para que al autor le sea fácil poder modificarla o añadir información.

Un documento HTML está formado por tres partes:

1. Una línea que contiene información sobre la versión de HTML (no siempre),

2. Una cabecera (delimitada por el elemento HEAD), y
3. Un cuerpo, con el contenido del documento (delimitado por el
elemento BODY o FRAMESET).

Todo el documento tiene que ir entre las etiquetas <HTML></HTML>

El elemento <HEAD></HEAD> contiene información sobre el documento actual,

como el título, palabras clave que utilizan los motores de búsqueda, y otros datos que
no se consideran parte del contenido del documento porque no se visualizan en el
navegador. Sin embargo, pueden poner esta información a disposición de los usuarios
a través de otros mecanismos.

Todos los documentos HTML deben tener un elemento <TITLE></TITLE> en la

sección HEAD. Los autores deberían utilizar el elemento TITLE para identificar los
contenidos de un documento, con lo que se aconseja poner títulos que de verdad
reflejen con claridad el contenido del documento. Este título puede contener
caracteres, pero no trozos de código.

La etiqueta <BODY></BODY> va a contener el contenido del documento. Puede

tener los siguiente atributos:

 background = archivo. Establece como fondo de la página la imagen

especificada en el archivo.
 bgcolor = color. Establece un color de fondo para la página.
 text = color. Este atributo establece el color del texto
 link = color. Este atributo establece el color del texto de los vínculos no
visitados
 vlink = color. Este atributo especifica el color del texto que de los vínculos
visitados
 alink = color. Este atributo especifica el color del texto que de los vínculos
cuando son seleccionados por el usuario.

Es decir, la estructura básica de un documento HTML sería:

 
<HTML>    
  <HEAD>  
    <TITLE> Título de la página </TITLE>
    
</HEAD>
  <BODY>  
    Contenido de la página
  </BODY>  
</HTML>    

Resultado

Otro ejemplo:

 
<HTML>    
  <HEAD>  
    <TITLE> Título de la página </TITLE>
  </HEAD>  
<BODY bgcolor="#000000" text="#FFFFFF" link="#FFFFFF"
  vlink="#FF9933" alink="#FFFF00">
Contenido de la página
   
Enlace
  </BODY>  
</HTML>    

Resultado

HTML no es sensible a mayúsculas y minúsculas. En otros lenguajes de la familia

HTML, como WML para teléfonos móviles, es obligatorio escribir los nombres de
etiquetas y atributos en minúsculas, poner etiquetas de cierre en elementos no vacios
y poner los valores de los atributos entre comillas dobles, así que podemos ir aplicando
estas reglas.

El elemento <META>:

Este elemento se sitúa dentro de la cabecera <HEAD>, y con él se puede dar

información sobre el documento. Sus atributos son:

 name = nombre. Este atributo identifica un nombre de propiedad.

 content = cadena de caracteres. Este atributo especifica el valor de una
propiedad.
 scheme = cadena de caracteres. Este atributo especifica un esquema que se
usará para interpretar el valor de la propiedad
 http-equiv = nombre. Este atributo puede utilizarse en lugar del atributo
name. Los servidores HTTP utilizan este atributo para obtener información
sobre los encabezados del mensaje de respuesta HTTP.
 lang = cdata. Este atributo se usa para especificar un idioma.
Ejemplos de su uso:

Información sobre el autor y el contenido:

<META name="Beatriz Prieto" content="Introduccion al HTML " lang="esp">

Para especificar palabras clave que pueden usar los motores de búsqueda para mejorar
la calidad de los resultados de una búsqueda. Por ejemplo:
<META name="keywords" lang="es" content="vacaciones, España, sol, playa">

El elemento META puede utilizarse para especificar el lenguaje de los scripts por
defecto, el lenguaje de hojas de estilo por defecto y la codificación de caracteres del
documento.
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">

Introducción a
la Base de Datos
MySQL

Generalidades de MySQL
Componentes de MySQL
1. servidor
2. el cliente y las utilidades
3. lenguaje SQL del servidor

Motores de almacenamiento de datos

Motor MyISAM : Este es el motor por defecto usado por MySQL y representa cada
tabla por medio de tres archivos en el sistema de archivos.

 Para una tabla llamada “clientes” existen los siguientes archivos:

1. clientes.frm: es el archivo de formato que contiene la definición de la

estructura de la tabla.
2. clientes.MYD: es el archivo que contiene los datos de la tabla.
3. clientes.MYI: es el archivo que contiene los índices de la tabla

Motor InnoDB

Este motor de almacenamiento está pensado para bases de datos

transaccionales, es decir, que realizan operaciones que requieren ser tratadas
como transacciones tipo CRUD (en inglés ACID).

Almacena las tablas en el sistema operativo de la siguiente manera:

 a. Un archivo frm: cada tabla de InnoDB es representada por un archivo.frm que
contiene la definición de la estructura.
b. Tablespace compartido: consiste en uno o más archivos que contienen todos
los datos de las tables de manera contigua. Por defecto InnoDB almacena los
datos de manera contigua.
c. Tablespace individual: se puede configurar InnoDB para que una tabla tenga
un tablespace separado.

Consola de MySQL
La consola es la utilidad que permite transmitir las instrucciones al servidor
MySQL.

Para invocarla se usa la siguiente sintaxis:

$$ MySQL -h <nombre_del_host> -p –u

<nombre_de_usuario>

Dónde:

 -h <nombre del host>: indica a cual servidor o host conectarse.

 -u <nombre_de_usuario>: indica el nombre de usuario a conectar.
 -p: indica al MySQL que pida el password del usuario.

Una vez ejecutado el comando aparece lo siguiente en pantalla:

Welcome to the MySQL monitor. Commands end with ; or \g. Your MySQL connection id
is 9 Server version: 5.7.18-0ubuntu0.16.04.1 (Ubuntu) Copyright (c) 2000, 2017, Oracle
and/or its affiliates. All rights reserved. Oracle is a registered trademark of Oracle
Corporation and/or its affiliates. Other names may be trademarks of their respective
owners. Type 'help;' or '\h' for help. Type '\c' to clear the current input statement. mysql

Tipos de datos
Tipos Numéricos
MySQL soporta todos los tipos de datos SQL numéricos estándar: los tipos de
datos enteros y los tipos de datos en coma flotante.

TIPO, Bytes, Valor Mínimo (Con signo/Sin signo), Valor Máximo (Con signo/Sin signo),

TINYINT, 1, -128,127, 0, 255, BIT (BOOL,BOOLEAN), Número entero con valor 0 o 1. Sinónimo de
TINYINT(1), SMALLINT,2,-32768, 32767, 0, 65535, MEDIUMINT, 3, -8388608, 8388607, 0,
16777215, INT, 4, -2147483648, 2147483647, 0, 4294967295, BIGINT, 8, -9223372036854775808,
9223372036854775807, 0, 18446744073709551615,