UNIVERSIDAD NACIONAL DE CHIMBORAZO
CARRERA DE INGENIERÍA EN COMPUTACION Y SISTEMAS
APLICACIONES WEB
SEMESTRE SEXTO
CALIFICACIÓN
Nombre Completo: EDISON DAVID PACA CEPEDA
Número de Cédula: 0604090217
Fecha: 23-05-2017
INSTRUCCIONES:
1. El estudiante cuenta con 120 minutos para resolver el examen.
2. Todas las respuestas deben estar escritas con esferográfico caso contrario no serán
consideradas para su calificación.
3. La copia o el intento de copia serán sancionados con la calificación de cero según el artículo
97 literales b y f del Reglamento de Régimen Académico Reformado.
4. Esta prohibido la utilización de cualquier dispositivo electrónico
5. Cada Pregunta vale 1 punto y la pregunta 19 (2 puntos ) equivalente a 20
Preguntas
1. Cuantos Archivos necesitaría Almacenar en un servidor web para producir una única
página web con algo de texto y dos imágenes.
Para almacenar en un servidor web para producir una única web se necesita los siguientes
archivos: El archivo html que es la raíz de aplicación o subdirectorio, el archivo css que es
archivo de hoja de estilo que se utilizan para determinar el formato de elementos html.
Navegador web que es el encargado de interpretar el código html.
2. Cite algunas características que debe poseer un proveedor de alojamiento web
Permite una total flexibilidad para crear una página a tu medida.
Con el alojamiento web podrás instalar diferentes aplicaciones web que te
permitirán, entre otras cosas, gestionar tu contenido con aplicaciones.
3. Que tres datos necesitan para conectarse a su web por FTP
Los datos son:
Servidor
Usuario (Id maestra)
Contraseña (Contraseña maestra)
UNIVERSIDAD NACIONAL DE CHIMBORAZO
CARRERA DE INGENIERÍA EN COMPUTACION Y SISTEMAS
4. Cuál es la finalidad del archivo index.html
Es donde se encuentra la estructura y el contenido y su finalidad es ir almacenando todo lo
que la estructura y el contenido de una página web.
5. Su sitio web debe incluir una estructura de directorios (explique su respuesta)
Si debe incluir una estructura de directorios que crea la estructura del directorio del sitio y
añade determinado contenido inicial a los directorios. Estos directorios se encuentran en los
directorios correspondientes del host virtual.
Si debe tener para realizar de una manera más ordenada y el código se entendible y mediante
los archivos html se realiza el código html y mediante los archivos css es decir es una hoja
de estilos que se usa para determinar el formato de elementos html.
6. Que cuatro etiquetas son necesarias en todas las páginas web
<head> </head>
<title> </title>
<body> </body>
<h1> </h1>
7. Que etiquetas HTML y que texto utilizaría para producir el siguiente contenido web.
Un pequeño encabezado con la palabra Hola Mundo.
Una línea horizontal a lo ancho de la página
Un encabezado grande con la palabra orbit
Un encabezado de tamaño medio con la palabras La geometría Analítica
Otra línea Horizontal
<!DOCTYPE html>
<html>
<head>
<title>Hola Mundo</title>
</head>
<body>
<h1>HOLA MUNDO <hr></h1>
<h2>Orbit</h2>
<h3>La Geometría Analítica<hr></h3>
</body>
</html>
UNIVERSIDAD NACIONAL DE CHIMBORAZO
CARRERA DE INGENIERÍA EN COMPUTACION Y SISTEMAS
8. ¿Qué código usaría para crear una página web completa con el título Bar del Café y
un encabezado al principio que dijese Hora Feliz en el Bar del Café? Seguido de las
palabras bienvenidos.
<! DOCTYPE html>
<html>
<head>
<title>Bar del Café</title>
</head>
<body>
<h1>Hora Feliz en el Bar del Café </h1>
<p> Bienvenidos</p>
</body>
</html>
9. ¿Cómo crearía un párrafo en que las primeras tres palabras estuviesen en negrita,
empleando estilos en lugar de las etiquetas <b> y <strong>?
Archivo html: <p>Edison david Paca Cepeda</p>
Archivo css: p{font-weight:bold;}
10. Indique los tipos de listas, su código y para qué sirve cada una de ellas.
Lista sin ordenar: Muestra una especie de viñetas para agrupar los diferentes elementos
de la lista.
<ul>
<li>Edison</li>
<li>David</li>
<li>Paca</li>
<li>Cepeda</li>
</ul>
Lista Ordenada: Muestra un número para indicar el orden de cada uno de los elementos
que integran la lista.
<ol>
<li>Edison</li>
<li>David</li>
<li>Paca</li>
<li>Cepeda</li>
</ol>
Lista de Definición: Se encuentra compuesta por términos o expresiones y su definición.
<dl >
<dt>Nombres</dt>
<dd> Edison </dd>
<dd> David </dd>
<dt>Apellidos</dt>
<dd> Paca </dd>
UNIVERSIDAD NACIONAL DE CHIMBORAZO
CARRERA DE INGENIERÍA EN COMPUTACION Y SISTEMAS
<dd> Cepeda </dd>
</dl>
11. Qué código utilizaría para crear una hoja de estilos que especifique encabezados en
fuente arial azul de 30 puntos, con el resto de del texto en fuentes Times Roman azul y
a doble espacio (o la fuente por defecto del navegador.
p{ color: blue;
font-size: 30;
font-family: "arial";
}
12. SI guardo la hoja de estilo que creó en la pregunta 11 como corporate.css ¿Cómo le
aplicaría a una pagina web llamando intro.html?
Desde el archivo “intro.html” seria el llamado al archivo “corporate.css” de la siguiente
manera:
<link rel="stylesheet" href=" corporate.css ">
13. De cuantos modos diferentes dispone para cerciorarse de que la regla de estilo se puede
aplicar a su contenido.
Se dispone de las siguientes reglas:
Un selector de tipo para especificar a qué etiquetas del documento se aplica el estilo.
Una declaración de estilo, que se define entre paréntesis, para especificar qué estilo
aplicar a las etiquetas seleccionadas. A su vez, la declaración está compuesta por:
una o más propiedades, seguidas por el carácter ":" (dos puntos)
uno o más valores asociados a cada propiedad, entre comillas y separados por comas
si hay múltiples valores, y todos seguidos por un punto y coma.
14. Indique el código de una tabla sencilla de dos filas y dos columnas con un borde
estándar.
<table border ="1">
<tr>
<th>Nombre</th>
<th>Apellido</th>
</tr>
<tr>
<td>Edison</td>
<td>Paca</td>
</tr>
</table>
15. Apliando la pregunta 14 ¿Cómo añadiría 30 pixeles de espacio entre el borde de la tabla
y las celdas?
UNIVERSIDAD NACIONAL DE CHIMBORAZO
CARRERA DE INGENIERÍA EN COMPUTACION Y SISTEMAS
<table border ="30">
<tr>
<th>Nombre</th>
<th>Apellido</th>
</tr>
<tr>
<td>Edison</td>
<td>Paca</td>
</tr>
</table>
16. Siguiendo con la tabla de la pregunta 14, 15 ¿Cómo haría para poner de color verde la
celda superior izquierda, de color rojo la celda superior derecha, de color amarillo la
celda inferior izquierda y de color azul la celda inferior derecha?
tbody{ background: red; }
tr{background: green;}
td{background: yellow;}
17. Ud. va crear una página web llamada zoo.html en la raíz de su documento y se desea
incluir un enlace a unas páginas llamadas african.html y asian.html en el subdirectorio
elefantes. ¿Cuáles serían los enlaces? Indique.
<a href=”zoo.html”>ZOO</a>
<a href=”african.html”>AFRICAN</a> Elefantes
<a href=”asian.html”>ASIAN</a>
18. Como insertaría un archivo de imagen elefante.jpg al principio de una página web
<!DOCTYPEHTML>
<html>
<head>
<title>Elefante</title>
<center><img src="elefante.jpg"></center>
</head>
<body>
</body>
</html>
19. Defina Cada una de las siguientes etiquetas <html>, <head>, <body> <h1>,<div>
<footer>,<nav>,<article>,<section>,<aside>.
UNIVERSIDAD NACIONAL DE CHIMBORAZO
CARRERA DE INGENIERÍA EN COMPUTACION Y SISTEMAS
<html>: Engloba todo el documento.
<head>: Delimita el encabezado del documento.
<body>: Delimita el cuerpo del documento.
<h1>: Encabezado de nivel 1 a nivel 6.
<div>: Es la división.
<footer>: Pie de página.
<nav>: Navegación.
<article>: Articulo.
<section>: Sección.
<aside>: Lateral.
DOCENTE ESTUDIANTE
Ing. Nombre del Docente Nombre del Estudiante
