Descargar para leer sin conexión
Más contenido relacionado
Similar a Mi Primera "Pagina web
Mi Primera "Pagina web
- 1. MI PRIMERA “PÁGINA WEB” LuisEnrique Galán Gutiérrez Ing. David Enrique Mendoza Gutiérrez TECNOLIGÍA COMUNICACIONAL
- 2. ¿Qué es unapá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.
- 3. ¿En qué sebasa el lenguaje HTML? El lenguaje HTML se basa en etiquetas, Las etiquetas siempre van contenidas entre los signos de desigualdad < y >. Por ejemplo <body>,<title> o <p>.
- 4. ¿Cómo está estructuradola etiqueta? 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>.
- 5. ¿Que contiene la etiquetaHead 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 o como llamadas a otros archivos. 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...
- 6. ¿Cuáles son lostipos de imágenes de páginas web? Nos encontramos tres tipos de imágenes: GIF, PNG y JPG.
- 7. ¿Cómo se diferenciaun enlace de un texto? 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.
- 8. ¿Que indica elatributo href? El atributo href indica la dirección (URL) a la que se enlaza, que normalmente es un archivo html, por ejemplo http://www.aulaclic.es/index.html . El contenido del enlace es lo que el usuario ve en la página y que al pulsar sobre él nos lleva al enlace.
- 9. ¿Cuál es laetiqueta más utilizada y que forma tiene? 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.
- 10. ¿Cómo se componeel estilo? 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.
- 11. ¿Cuál es elformato para definir una propiedad? El formato a seguir para definir una propiedad es: propiedad: valor; o propiedad: valor1 valor2 valor3; si puede tener varios valores.
- 12. ¿Cuáles son las propiedadesdel borde? color, un color RGB. Se define con la propiedad border-color. Por ejemplo, border-color: blue; o border-color: #F37760;. grosor, normalmente expresado en px. se define con la propiedad border-width. Por ejemplo, border-width: 2px;. estilo, uno de los estilos o aspecto que puede tener el borde. Puede ser cualquiera de los siguientes, que definimos con la propiedad border-style
- 13. ¿Cuáles son lostipos de márgenes? El margen externo se regula con la propiedad margen. El margen exterior es la distancia mínima que habrá entre el borde exterior del elemento y el elemento siguiente, por cada uno de sus cuatros lados. El margen interno se regula con la propiedad padding. Se refiere a la distancia que hay ente el borde del elemento y su contenido, por ejemplo, el texto.
- 14. ¿Cómo se declaraun estilo? Un estilo se declara con un selector y un bloque de declaración, siguiendo el formato selector {bloque de declaración;}
- 15. ¿Que identifica el selector? Elselector identifica al elemento al que se le aplica el estilo. Puede hacerlo de las siguientes maneras: Si queremos formatear todas las apariciones de una etiqueta, utilizamos la etiqueta como selector. Por ejemplo, body o p.
- 16. ¿Qué es elbloque de declaración? El bloque de declaración, es la relación de cada propiedad del estilo con el valor que toma. Es decir, contendrá lo que colocaríamos en la etiqueta style del propio elemento. El bloque de declaración lo colocaremos detrás del selector, encerrado entre llaves { }.
- 17. ¿Qué es uneditor web? Un editor Web sería cualquier aplicación que nos permita crear, editar y guardar una página Web. 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.
- 18. ¿Cuáles son loseditores 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. 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.
- 19. ¿Cómo se creauna página nueva? Para crear una nueva página, basta con pulsar el botón Nuevo. Esto creará una página.
- 20. La maquetación esla distribución de los elementos en nuestra página. Piensa en una página web cualquiera. Se distinguen algunos elementos, como encabezados, columnas, menús laterales, etc. ¿QUÉ ES MAQUETACIÓN DE UNA PÁGINA WEB?
- 21. Tamaños absolutos, utilizandopx, cm, etc... Tamaños relativos al elemento que lo contiene, utilizando porcentajes (%). Tamaños relativos a la fuente, utilizando em. ¿CUÁLES SON LOSVALORES DE LAS MEDIDAS HABITUALES?
- 22. Se produce undesbordamiento. ¿QUÉ PASA SI EL CONTENIDO DEL ELEMENTO (TEXTO, IMÁGENES, ETC.…) NO CABE?
- 23. visible. Es laopción por omisión. El contenido sale de elemento, y puede que se solape con los elementos que haya a continuación. hidden. Lo que no quepa en el elemento, queda oculto. auto. Muestra las barras de desplazamiento en el elemento cuando sea necesario. scroll. Siempre muestra las barras de desplazamiento. ¿CUÁLES SON LOS VALORES DE LA PROPIEDAD OVERFLOW?
- 24. El posicionamiento esel lugar donde el navegador coloca un elemento HTML para visualizarlo.. ¿QUÉ ES EL POSICIONAMIENTO?
- 25. static. Es elnormal. relative. El posicionamiento relativo coloca el elemento en su posición normal. A partir de ahí, podemos desplazar el elemento, permaneciendo el hueco de su posición original. absolute. Con el posicionamiento absoluto, especificamos la posición del elemento con respecto al elemento que lo contiene. fixed. Se establece la posición del elemento de forma parecida al absoluto, pero el elemento queda fijo en la pantalla, aunque ¿CUÁLES SON LOSTIPOS DE POSICIONAMIENTO?
- 26. Diseño fijo Diseño líquido Diseñoelástico ¿CUÁNTOS TIPOS DE DISEÑOS EXISTE?
- 27. El menú esun elemento fundamental de nuestra web. Básicamente, el menú es un conjunto de enlaces a las distintas partes de nuestro sitio, y lo más habitual es encontrarlo en el html de la página, o en un archivo javascript. ¿QUÉ ES EL MENÚ DE HTML?
- 28. Los elementos deHTML son siempre rectangulares, y no hay ninguna propiedad de momento que nos permita redondear las esquinas. Sí existe la propiedad -moz-border- radius, que consigue este efecto. Pero de momento es una propuesta de Mozilla y sólo funciona en Firefox, por lo que no es útil si no se ve en el resto de navegadores. Aunque es posible que, en la próxima revisión del CSS, esta propiedad se convierta en estándar. ¿CÓMO SON LOS ELEMENTOS DE HTML?
- 29. En las páginasweb, es frecuente utilizar imágenes para crear iconos, por ejemplo, los de aula Clic, o para simular botones, con texto incluido, como Inicio. ¿QUÉ SE UTILIZA PARA CREAR ICONOS?
- 30. visible: Muestra elelemento. Es el valor por defecto. hidden: Oculta el elemento. collapse: Se aplica y elementos de tabla, por ejemplo, a una fila. La oculta contrayéndola. ¿CUÁLES SON LOS VALORES DE VISIBILIDAD DE LA PROPIEDADVISIBILITY
- 31. Un servidor webnecesita disponer de un dominio de Internet para que se pueda acceder a él en la forma http://www.nombre_dominio.com. Por ejemplo, si quieres disponer del sitio web http://www.dibujosdemotos.com deberás contratar el registro del dominio "dibujosdemotos.com" (siempre que alguien no lo haya registrado antes). ¿QUÉ NECESITA UN SERVIDOR WEB?