Mi primer pagina web

MI PRIMER PAGINA
WEB
CUESTIONARIO
DOCENTE: ING. DAVID MENDOZA GUTIERREZ
MATERIA: TECNOLOGIA COMUNICACIONAL I
ALUMNO: LUIS ALBERTO GUARACHI GARCIA
CARRERA: ING. EN REDES Y TELECOMUNICACIONES
PERIODO ACADEMICO: SEM I/2021
SUBSEDE: SANTA CRUZ DE LA SIERRA

1.-Qué es una página web?
Una página web es un documento de texto con marcas, llamadas
etiquetas (tags en inglés). Cuando este documento se ve a través de un
navegador web, las etiquetas se interpretan y se visualiza el documento
como una página web. Las etiquetas no se muestran, pero determinan el
aspecto de la página, y otras características, por ejemplo, si el texto es un
enlace, en la etiqueta se indica la página a la que nos lleva el enlace.

2.- ¿Qué es la extensión de un archivo?
La extensión indica de que tipo es un archivo. La extensión son las tres letras que
van después del punto final del nombre de un archivo por ejemplo (imagen.gif o
documento.doc).

3.- ¿Qué es un sitio web?
Un sitio web no es mas que una carpeta que se encuentra en un equipo
informático ya sea nuestro ordenador personal o un potente servidor.

4.- ¿Qué son las etiquetas?
El lenguaje HTML se basa en etiquetas. Las etiquetas siempre van contenidas
entre signos de desigualdad < y >. Por ejemplo <body>, <title> o <p>.
Las etiquetas tienen una etiqueta de apertura y una de cierre, marcada por el
signo /. Por ejemplo <body> (apertura) y </body> (cierre). Entre la apertura y el
cierre, está el contenido de la etiqueta, que puede ser texto u otras etiquetas,
depende del tipo de etiqueta. Algunas etiquetas, no tienen contenido, y se
cierran sobre sí mismas. Esto se expresa colocando la apertura y el cierre en la
misma etiqueta, como, por ejemplo: <br />, que equivaldría a <br></br>. La
etiqueta <br /> escribe un salto de línea.

5.- ¿Cuál es la estructura básica de una página web?
Todo el documento HTML viene contenido dentro de la etiqueta <html></html>.
Dentro de la etiqueta <html>, encontramos dos subdivisiones, la cabecera,
delimitada por las etiquetas <head></head> y el cuerpo, delimitado por las
etiquetas <body></body>. Por lo tanto, el aspecto básico de cualquier página
web, es el siguiente:
<html>
<head>
...
</head>
<body>
...
</body>
</html>

6.- ¿Qué datos se registran en la etiqueta head y body?
La etiqueta <head> contiene información sobre la página. Por ejemplo, contiene
etiquetas que pueden decir de qué va la página, el título que debe de mostrar en
la barra del navegador, o código JavaScript y estilos, que pueden estar en el
propio encabezado. Normalmente, lo que contiene esta etiqueta no se muestra
en el navegador.
En el <body> encontramos el contenido de la página, lo que se ve a través del
navegador: texto, imágenes, enlaces, tablas, etc...

7.- ¿Cómo debe ser la estructura del texto?
Ya hemos comentado que todo el texto de la página estará dentro del <body>,
que a su vez estará dentro del <html>. El texto dentro del <body>debe estar
dentro de párrafos. En HTML, los párrafos se identifican con la etiqueta <p></p>.
Dentro de los párrafos colocaremos texto e imágenes, y algunas etiquetas que
nos permitan dar formato al texto, pero no podemos tener otros párrafos
anidados.
A su vez, disponemos de encabezados que nos permiten organizar el texto. Los
encabezados van desde el <h1></h1> de mayor tamaño, al <h6></h6>, el más
pequeño. Por ejemplo, utilizaríamos un <h1> para poner el rótulo principal de la
página, <h2> para los títulos de los apartados, <h3> para los apartados de
segundo nivel, etc. El texto de cada apartado iría contenido en párrafos <p></p>.

8.- ¿Cuáles son los formatos de imagen más usados para páginas web?
Las imágenes pueden tener muchos formatos, pero no todos son adecuados para una
web, debido a que pueden ocupar mucha memoria o no son compatibles con algunos
navegadores. Los formatos mas utilizados son el GIF, PNG, y JPG que a pesar de ser
imágenes de menor calidad que las imágenes BMP, son más recomendables debido a
que ocupan menos memoria.

9.- ¿Qué son los enlaces?
Cualquier página web tiene imágenes o texto, que al pulsarlos nos llevan a otra
página del mismo sitio, o a una página de un sitio distinto. Esto es un enlace o
hiperenlace (en inglés link o hyperlink) también llamado hipertexto o
hipervínculo.
Un enlace se diferencia del texto normal porque al colocar el cursor encima, este
cambia de forma y pasa de una flecha a una mano. También es muy frecuente
que los enlaces aparezcan subrayados, ya que es la opción por defecto que les
asigna el HTML.

10.- ¿Qué son las divisiones o capas?
Una etiqueta muy utilizada es la etiqueta <div></div>. Esta etiqueta forma una
caja, un rectángulo, igual que el párrafo. Pero mientras que el párrafo es más
común utilizarlo para contener texto, en un div podemos colocar lo que
queramos, siempre que respetemos la anidación. Esta etiqueta nos resultara muy
útil para distribuir los elementos en nuestras páginas.
Esta etiqueta es denominada de muchas formas: divisiones, capas, cajas,
contenedores. Así que puede que a lo largo del curso utilicemos estos nombres
para referirnos a ellas.

11.- ¿Qué son los estilos y para qué sirven?
Los estilos son la forma en que se ven todos los elementos de nuestra página
web.
El estilo se compone de distintas propiedades y sus valores correspondientes. Las
propiedades pueden ser el color de la fuente, el tamaño, la alineación, los
márgenes, etc... Los valores dependen de cada propiedad, por ejemplo, a la
propiedad color le podemos asignar valores como red (rojo), blue (azul), ... y a la
propiedad tamaño fuente le podemos asignar un valor en porcentaje 100%,
120%, ... o en pixels 12px, 15px, ....

12.- ¿Qué son los CSS?
Con los estilos CSS conseguimos dar formato a las páginas web de una forma que
no existía hasta que aparecieron ellos: separando el formato del contenido. Por
un lado, tenemos la definición de estilos y por otro lado el propio texto de la
página. Este concepto es muy importante porque hace que el trabajo de creación
y mantenimiento de una página web sea más sencillo.
Hasta que aparecieron los estilos CSS el formato y el texto estaban mezclados.
Ahora se pueden separar y los estilos CSS nos proporcionan las herramientas para
hacerlo, aunque también es posible mezclarlo todo. En este curso procuraremos
hacerlo bien.

13.-¿Que es un editor web?
Un editor Web sería cualquier aplicación que nos permita crear, editar y guardar
una página Web. Como ya hemos visto, una página no es más que un archivo de
texto, por lo que cualquier programa que nos permita editar texto, puede
funcionar como un editor Web.

14.- ¿Tipos de editores?
Podemos considerar tres categorías de editores Web:
Editores de texto: Nos permiten editar el código fuente puro y duro, como puede
ser el bloc de notas.
Editores de HTML: Funcionan como los editores de texto, pero pueden tener
algunas opciones más avanzadas. Como mostrar las etiquetas de colores, o
cerrarlas automáticamente.
Editores WYSIWYG: Por un lado, nos permiten editar el código fuente como los
editores de HTML. Y por otro, nos permiten trabajar en vista de diseño. Es decir,
ver la página como se vería en un navegador mientras la editamos. La mayoría de
estos editores suelen tener opciones para realizar tareas adicionales de forma
más fácil, como por ejemplo, crear elementos de un formulario, insertar menús, e
incluso código JavaScript tipo AJAX ( más adelante veremos de qué se trata).
Editores de este tipo pueden ser Amaya o Dreamweaver.

15.- ¿Como elegir un editor?
Existe un gran número de editores Web, unos
más completos que otros, con más o menos
opciones y con más o menos fallos.
Y como al elegir cualquier programa, lo
primero es optar por una solución gratuita o de
pago. Para realizar nuestra página Web, vamos
a utilizar un editor WYSIWYG. Uno de los
mejores (si no el mejor) editor de este tipo es
Dreamweaver, de Adobe. Es un editor muy
completo, y el elegido por la mayoría de
desarrolladores profesionales. Pero se trata de
un editor de pago, aunque es cierto que
podemos probarlo gratuitamente durante 30
días. En cuanto a opciones gratuitas, podemos
encontrar, entre otros, Bluefish, más enfocado
a programadores; Amaya, desarrollado por el
consorcio W3C; o KompoZer. Nos hemos
quedado con este último por ser bastante
simple e intuitivo.

16.- ¿Como debe ser la tematica del sitio?
La idea de crear un sitio web nace porque tenemos algo que comunicar con el
mundo. Y un tema que puede resultar interesante. Porque, por ejemplo, aunque
crear una página Web con nuestros hobbies y aventuras cotidianas puede ser un
buen ejercicio como aprendizaje, a la hora de la verdad a poca gente le resultará
interesante leerlo. Para esto, obtendremos mejores resultados creándonos una
cuenta en una de las numerosas redes sociales.
El tema elegido determinará el diseño de la página. No es lo mismo si pensamos
mostrar fotos de animales para los amantes de las mascotas, una web para niños,
una empresa de informática, etc.

17.-¿Como se debe organizar los archivos en un sitio web?
Por lo general, y sin entrar en mucha teoría, tendremos en cuenta una serie de
cosas:
En la raíz del sitio, tendremos como mínimo la página de inicio, a la que
llamaremos index.html (o .htm). Esto se debe a que cuando a un navegador le
indicamos que abra una carpeta, busca el archivo index de la misma.
Organizaremos los tipos de archivo en carpeta , tambien se puede crear
subcarpetas para las secciones que lo necesiten.

18.-¿Como elegir el tipo de navegacion mas adecuado para una pagina web?
Existe una regla que dice que un usuario no debería de necesitar más de tres
clics para llegar a la página que busca. Por eso lo primero que hemos de
pensar es en facilitar la navegación.
El usuario debe de ser capaz de moverse de forma intuitiva por nuestro sitio
sin perderse, para ello:
Debe de saber dónde está. Debemos de dejarle claro en qué parte del sitio se
encuentra.
Debe de saber dónde ha estado. Debemos de evitar que el usuario pase una y
otra vez por la misma página para buscar algo. Por ejemplo, distinguiendo los
enlaces ya visitados.
Debe de saber dónde puede ir. Una página web se basa en enlaces, y estos
deben de ser claramente identificables. Además, no deben de ofrecer dudas
de a dónde llevan, por ejemplo con nombres de páginas entendibles, que se
muestran en la barra de estado, o con textos de información emergentes.
Debe de poder seguir navegando. No le enviaremos a una página sin enlaces,
desde la que no pueda continuar recorriendo el sitio
La forma de navegar por nuestro sitio, debe de ser constante. Así, con visitar
unas pocas páginas aprenderá a moverse por nuestro sitio, y le resultará más
cómodo.
La forma más habitual de solucionar todo esto es utilizar un menú, que se
mostrará en todas las páginas.

19.-¿Cual es la estructura de un menu?
El uso de menús es muy habitual en las páginas
web. Un menú no es más que una lista de enlaces
relativos a nuestro sitio, llamados elementos del
menú.
Por lo general el menú se suele colocar en la
parte superior de la página, junto al logo o debajo
de él, o en un lateral, normalmente el izquierdo.
El menú no debe de ser demasiado extenso. En
un sitio grande no podemos pretender enlazar
con todas las páginas, y no sería útil hacer buscar
al usuario entre cincuenta enlaces.
Los elementos del menú deben de ser
descriptivos. Por ejemplo, no es útil poner una
imagen, por bonita que sea, si puede que el
usuario no entienda qué significa o a dónde lleva.
O que para saberlo tenga que poner el cursor
sobre él.
El menú debe de ser ligero, y no ocupar
demasiado espacio, ya que se repetirá en todas
las páginas.

20.-¿A que se considera un buen diseño?
Comodidad para el visitante. Le debe de resultar cómodo navegar
por el sitio, y también debe de poder captar la información (texto,
imágenes, flash, vídeos...). Por eso es importante presentar el
contenido de forma clara y espaciada.
Comodidad para el autor. Cuanto más fácil nos resulte realizar
modificaciones, mejor. Por eso separaremos el contenido del diseño,
utilizando hojas de estilo.
Accesibilidad. Cuanta más gente pueda ver nuestro sitio mejor.
Pensemos en cómo accede el visitante. En el aspecto técnico, el sitio
debería de seguir los estándares, para facilitar la compatibilidad con
navegadores antiguos, u otros dispositivos, como teléfonos móviles.
También es importante un diseño que soporte las pantallas
pequeñas, pero que aproveche las pantallas de gran tamaño, cada
vez más frecuentes. Además, hacerlo legible y poner textos
descriptivos a las imágenes puede facilitar el uso para visitantes con
problemas visuales.
Usabilidad. Por otra parte, pensemos en quién es el visitante. No es
lo mismo si se dirige a niños, adultos, personas mayores o a todo el
mundo. En cualquier caso, nuestro sitio debe de ser fácil de usar.
Transmitir. El diseño debe de transmitir lo que el usuario puede
esperar de él. Por ejemplo, de un banco esperamos seriedad, por lo
que un diseño informal puede ser contraproducente.
Bonito y original. El diseño debe de ser agradable, combinar bien
colores, organización de los elementos, etc. Y cuanto más original
sea, más lo será nuestro sitio.
Simple. Cuanto más simple sea el diseño, más se facilitarán el resto
de aspectos que hemos comentado.

21.-¿Como se eligen los colores?
Lo habitual es utilizar una gama de colores armónicos, con variaciones de tonos
de un mismo color. Con ellos formaremos la paleta de colores de nuestro sitio.
Utilizar la misma paleta es importante, porque si no iremos utilizando variaciones
del color, y al final tendremos un sitio con muchos colores distintos.
Para aquellos que no sean buenos combinando colores, siempre se pueden
inspirar en el diseño de páginas web, o herramientas que nos facilitan paletas de
colores. Una buena idea es utilizar un selector de color, una herramienta que nos
permita tomar el color de una parte de la pantalla o de la página web. Existen
muchas herramientas gratuitas de este tipo. Nosotros hemos utilizado ColorPic.

22.-¿Que es maquetar una pagina web?
La maquetación es la distribución de los elementos en
nuestra página. Piensa en una página web cualquiera.
Seguro que distingues algunos elementos, como
encabezados, columnas, menús laterales, etc.
Hace unos años, la maquetación de las páginas web se
realizaba utilizando tablas (<table>). Una vez entendido
este proceso podía resultar sencillo, aunque si no se
dominaban las tablas, podía convertirse en algo tedioso.
El problema de las tablas es que generaban un página
muy encorsetada, y el código se volvía complejo de
entender. Además, algunos buscadores encontraban
problemas al analizar la estructura de la página.
Actualmente, la maquetación con tablas ha caído en
desuso, y se realiza utilizando capas (<div>), también
llamadas divisiones o contenedores. La colocación de
las capas en la página se realiza a través de CSS. Esto
permite, por ejemplo, que podamos pasar de un diseño
con un menú lateral a otro con el menú en la parte
superior, sólo cambiando la hoja de estilos.

23.-¿Que es el desbordamiento?
Al utilizar un elemento de bloque, como una capa, un párrafo, el body, etc... el
tamaño depende del contenido. Pero al definir un tamaño fijo nos puede surgir
un problema: ¿qué pasa si el contenido del elemento (texto, imágenes, etc...) no
cabe? Entonces se produce un desbordamiento, que podemos controlar desde el
estilo con la propiedad overflow.

24.-¿Que es el posicionamiento?
El posicionamiento es el lugar donde el navegador coloca un elemento HTML para
visualizarlo.
Por defecto, los elementos se posicionan uno a continuación de otro. Si se trata
de elementos de bloque, como capas, párrafos, listas, etc, se irán colocando uno
debajo del otro. A este posicionamiento se le denomina estático.

25.-¿Tipos de posicionamiento?
El posicionamiento relativo coloca el elemento en su posición normal, y a partir
de ahí lo desplaza la distancia que le indiquemos. Al desplazarlo deja un "hueco"
donde estaría su posición normal.
Al utilizar el posicionamiento absoluto indicamos de forma precisa la posición del
elemento en la página. Al contrario que con el posicionamiento relativo, el
elemento al que le hemos asignado un posicionamiento absoluto no deja un
hueco en la página.

26.-¿Como se crean los iconos?
Es frecuente utilizar imágenes para crear iconos, por ejemplo los de aulaClic

27.-¿Para que sirve INKSCAPE?
En Inkscape podemos crear rectángulos con la herramienta Crear rectángulos y
cuadrados.

28.-¿Que es un mapa de imagenes?
Un mapa de imágenes es una imagen sobre la que podemos definir áreas con
enlaces. Es decir, podemos poner varios enlaces distintos en una misma imagen.

29.-¿Que es JAVASCRIPT?
JavaScript es un lenguaje de programación que el navegador es capaz de
interpretar y ejecutar sobre la página web.
Utilizando este lenguaje podemos crear comportamientos que no están
disponibles en el html.

30.-¿Que es una funcion?
Una función sería como asignar un nombre a un conjunto de instrucciones, al que
luego nos referiremos con ese nombre. Estas instrucciones, realizaran una acción
y nos devolverá un valor.

Mi primer pagina web

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Mi primer pagina web

Similar a Mi primer pagina web (20)

Último

Último (13)

Mi primer pagina web