Podcast
Questions and Answers
¿Cuál es la función principal de un navegador web?
¿Cuál es la función principal de un navegador web?
- Comunicar el ordenador con los servidores que alojan las páginas web. (correct)
- Almacenar archivos localmente en el dispositivo.
- Crear contenido multimedia para sitios web.
- Desarrollar aplicaciones web.
¿Qué se entiende por hipervínculo en una página web?
¿Qué se entiende por hipervínculo en una página web?
- Una foto que acompaña el texto en una página.
- Un enlace que conecta con otra página relacionada. (correct)
- Un gráfico que muestra estadísticas del sitio.
- Un elemento que descarga archivos en el ordenador.
¿Qué es la página inicial de un sitio web?
¿Qué es la página inicial de un sitio web?
- La página que contiene un menú de navegación.
- La página donde se almacenan todos los archivos multimedia.
- La última página que se creó en el sitio.
- La página principal a la que se accede al introducir la dirección. (correct)
¿Cuál de las siguientes afirmaciones sobre el HTML es correcta?
¿Cuál de las siguientes afirmaciones sobre el HTML es correcta?
¿Qué caracteriza a la organización de la información en una página web?
¿Qué caracteriza a la organización de la información en una página web?
¿Cuál de los siguientes elementos NO forma parte de un sitio web?
¿Cuál de los siguientes elementos NO forma parte de un sitio web?
¿Cuál es el primer paso en el diseño de una web?
¿Cuál es el primer paso en el diseño de una web?
¿Qué tipo de archivos y contenido se puede encontrar en un sitio web?
¿Qué tipo de archivos y contenido se puede encontrar en un sitio web?
¿Qué se debe analizar en la fase de prediseño?
¿Qué se debe analizar en la fase de prediseño?
¿Cuál de los siguientes elementos no es parte del contenido habitual de una web?
¿Cuál de los siguientes elementos no es parte del contenido habitual de una web?
¿Cuál es el propósito del HTML en el contexto de un sitio web?
¿Cuál es el propósito del HTML en el contexto de un sitio web?
¿Qué aspecto es fundamental para la calidad de una web?
¿Qué aspecto es fundamental para la calidad de una web?
En la estructura de una web, ¿qué debe facilitarse a los usuarios?
En la estructura de una web, ¿qué debe facilitarse a los usuarios?
¿Qué elemento no se menciona como parte de una web tipo?
¿Qué elemento no se menciona como parte de una web tipo?
¿Qué pregunta no es parte de las consideraciones en el prediseño de una web?
¿Qué pregunta no es parte de las consideraciones en el prediseño de una web?
¿Qué se debe omitir para mejorar la calidad de una página web?
¿Qué se debe omitir para mejorar la calidad de una página web?
¿Cuál de las siguientes afirmaciones sobre la creación de una página web es correcta?
¿Cuál de las siguientes afirmaciones sobre la creación de una página web es correcta?
¿Qué característica distingue a los editores WYSIWYG de los editores que trabajan directamente con HTML?
¿Qué característica distingue a los editores WYSIWYG de los editores que trabajan directamente con HTML?
¿Cuál es una desventaja de usar directamente HTML respecto a un editor WYSIWYG?
¿Cuál es una desventaja de usar directamente HTML respecto a un editor WYSIWYG?
¿Qué editor mencionado es un editor WYSIWYG?
¿Qué editor mencionado es un editor WYSIWYG?
¿Cuál de las siguientes afirmaciones describe mejor a un editor que trabaja directamente con HTML?
¿Cuál de las siguientes afirmaciones describe mejor a un editor que trabaja directamente con HTML?
¿Qué aspecto es considerado una ventaja de trabajar con editores directamente en HTML?
¿Qué aspecto es considerado una ventaja de trabajar con editores directamente en HTML?
¿Cuál es un beneficio de usar un editor WYSIWYG en comparación con escribir en HTML directamente?
¿Cuál es un beneficio de usar un editor WYSIWYG en comparación con escribir en HTML directamente?
En general, ¿qué ocurre cuando se elige trabajar directamente con HTML en lugar de con un editor WYSIWYG?
En general, ¿qué ocurre cuando se elige trabajar directamente con HTML en lugar de con un editor WYSIWYG?
¿Cuál es la principal razón del declive del lenguaje Flash?
¿Cuál es la principal razón del declive del lenguaje Flash?
¿Qué papel juega el W3C en el desarrollo de HTML5?
¿Qué papel juega el W3C en el desarrollo de HTML5?
¿Cuál es una característica clave de JavaScript en comparación con HTML?
¿Cuál es una característica clave de JavaScript en comparación con HTML?
¿Qué recurso se recomienda para comprobar la compatibilidad de HTML5 en navegadores?
¿Qué recurso se recomienda para comprobar la compatibilidad de HTML5 en navegadores?
¿Qué distingue a JavaScript de HTML en el desarrollo de páginas web?
¿Qué distingue a JavaScript de HTML en el desarrollo de páginas web?
¿Por qué es importante la tabla de compatibilidad de HTML5?
¿Por qué es importante la tabla de compatibilidad de HTML5?
¿Cuál es una de las características del diseño de la página de Google en 2021 en comparación con 2009?
¿Cuál es una de las características del diseño de la página de Google en 2021 en comparación con 2009?
¿Cuál de las siguientes opciones describe mejor la ejecución de JavaScript?
¿Cuál de las siguientes opciones describe mejor la ejecución de JavaScript?
¿Qué aspecto se considera importante tener en cuenta durante el diseño de páginas web?
¿Qué aspecto se considera importante tener en cuenta durante el diseño de páginas web?
¿Qué recurso se sugiere para ver ejemplos de páginas desarrolladas con HTML5?
¿Qué recurso se sugiere para ver ejemplos de páginas desarrolladas con HTML5?
¿Cuál es la función principal de las hojas de estilo (CSS) en el diseño web?
¿Cuál es la función principal de las hojas de estilo (CSS) en el diseño web?
¿Qué se entiende por maquetación en el contexto del diseño web?
¿Qué se entiende por maquetación en el contexto del diseño web?
¿Qué elementos se mencionan como parte de la maquetación?
¿Qué elementos se mencionan como parte de la maquetación?
¿Cuál es uno de los objetivos de la interfaz en el diseño web?
¿Cuál es uno de los objetivos de la interfaz en el diseño web?
¿Qué declaración sobre la página web de Google es correcta?
¿Qué declaración sobre la página web de Google es correcta?
¿Cuál es un aspecto que NO se debe ignorar al diseñar una página web?
¿Cuál es un aspecto que NO se debe ignorar al diseñar una página web?
¿Cuál es uno de los beneficios de adoptar criterios de accesibilidad en el diseño web?
¿Cuál es uno de los beneficios de adoptar criterios de accesibilidad en el diseño web?
¿Cuál de los siguientes aspectos NO es uno de los estándares básicos de publicación?
¿Cuál de los siguientes aspectos NO es uno de los estándares básicos de publicación?
¿Qué permite hacer un gestor de contenidos (CMS) a los usuarios?
¿Qué permite hacer un gestor de contenidos (CMS) a los usuarios?
¿Cuál de las siguientes herramientas se utiliza para facilitar la accesibilidad en el diseño de una página web?
¿Cuál de las siguientes herramientas se utiliza para facilitar la accesibilidad en el diseño de una página web?
¿Qué implica el uso de hojas de estilo en la creación de un sitio web?
¿Qué implica el uso de hojas de estilo en la creación de un sitio web?
¿Qué aspecto se debe revisar y validar para asegurar la accesibilidad de un sitio web?
¿Qué aspecto se debe revisar y validar para asegurar la accesibilidad de un sitio web?
¿Cuál es una característica de los gestores de contenidos?
¿Cuál es una característica de los gestores de contenidos?
¿Qué se busca lograr al facilitar la transcripción de ficheros de sonido en una página web?
¿Qué se busca lograr al facilitar la transcripción de ficheros de sonido en una página web?
Flashcards
Página web
Página web
Documento enlazado a otros, formando parte de un sitio web, accesible a través de un navegador.
Sitio web
Sitio web
Conjunto de páginas web enlazadas entre sí, con una dirección común.
Página principal (home page)
Página principal (home page)
Página inicial de un sitio web, la primera que se muestra al ingresar.
HTML
HTML
Signup and view all the flashcards
Hipertexto
Hipertexto
Signup and view all the flashcards
Navegador
Navegador
Signup and view all the flashcards
HTML5
HTML5
Signup and view all the flashcards
Editores WYSIWYG
Editores WYSIWYG
Signup and view all the flashcards
Editores HTML
Editores HTML
Signup and view all the flashcards
Código HTML limpio
Código HTML limpio
Signup and view all the flashcards
Código HTML menos limpio
Código HTML menos limpio
Signup and view all the flashcards
Reutilización de código
Reutilización de código
Signup and view all the flashcards
Manejo de código
Manejo de código
Signup and view all the flashcards
Aprendizaje de HTML
Aprendizaje de HTML
Signup and view all the flashcards
Creación rápida de página
Creación rápida de página
Signup and view all the flashcards
Tiempo de creación de página
Tiempo de creación de página
Signup and view all the flashcards
Alojamiento web
Alojamiento web
Signup and view all the flashcards
Servidor web
Servidor web
Signup and view all the flashcards
Prediseño web
Prediseño web
Signup and view all the flashcards
Objetivos web
Objetivos web
Signup and view all the flashcards
Público objetivo
Público objetivo
Signup and view all the flashcards
Jerarquía visual
Jerarquía visual
Signup and view all the flashcards
Estructura web
Estructura web
Signup and view all the flashcards
Contenidos web
Contenidos web
Signup and view all the flashcards
Diseño web
Diseño web
Signup and view all the flashcards
Tendencias en diseño web
Tendencias en diseño web
Signup and view all the flashcards
Usuario en diseño web
Usuario en diseño web
Signup and view all the flashcards
Maquetación web
Maquetación web
Signup and view all the flashcards
Interfaz (web)
Interfaz (web)
Signup and view all the flashcards
Hojas de estilo (CSS)
Hojas de estilo (CSS)
Signup and view all the flashcards
Elementos gráficos
Elementos gráficos
Signup and view all the flashcards
Elementos tipográficos
Elementos tipográficos
Signup and view all the flashcards
Elementos de imagen
Elementos de imagen
Signup and view all the flashcards
Elementos funcionales
Elementos funcionales
Signup and view all the flashcards
Simplicidad en diseño web
Simplicidad en diseño web
Signup and view all the flashcards
Actualización de páginas web
Actualización de páginas web
Signup and view all the flashcards
Accesibilidad web
Accesibilidad web
Signup and view all the flashcards
Estándares de publicación
Estándares de publicación
Signup and view all the flashcards
Hojas de estilo
Hojas de estilo
Signup and view all the flashcards
Texto alternativo (alt)
Texto alternativo (alt)
Signup and view all the flashcards
Gestores de contenidos (CMS)
Gestores de contenidos (CMS)
Signup and view all the flashcards
Plantillas (CMS)
Plantillas (CMS)
Signup and view all the flashcards
W3C
W3C
Signup and view all the flashcards
Flash
Flash
Signup and view all the flashcards
HTML5
HTML5
Signup and view all the flashcards
JavaScript
JavaScript
Signup and view all the flashcards
Compatibilidad HTML5
Compatibilidad HTML5
Signup and view all the flashcards
Tabla de compatibilidad (HTML5)
Tabla de compatibilidad (HTML5)
Signup and view all the flashcards
HTML5Test.com
HTML5Test.com
Signup and view all the flashcards
HTML5Demos.com
HTML5Demos.com
Signup and view all the flashcards
Study Notes
Páginas Web
- Una página web es un documento dentro de un sitio web.
- Los sitios web son un conjunto de documentos enlazados.
- Se accede a las páginas a través de una dirección común.
- Los documentos contienen texto, imágenes, botones, hipervínculos, etc.
- Se visualizan usando navegadores como Firefox, Edge, o Chrome.
- La página inicial de un sitio web se llama página principal (home page).
Lenguaje HTML
- HTML (lenguaje de marcado de hipertexto) es el lenguaje base para crear documentos web.
- La última versión es HTML5.
- El HTML organiza la información de forma hipertextual; al hacer clic en un texto, se vincula a otra página.
- HTML permite crear sitios web interactivos.
Creación de Páginas Web
- Se puede crear páginas web escribiendo directamente código HTML en un editor de texto.
- Es más habitual usar editores de páginas web que facilitan el diseño.
- Existen editores WYSIWYG (visuales) que generan el código HTML automáticamente. Ejemplos: Adobe Dreamweaver, BlueGriffon, KompoZer, y NVU.
- Existen editores que trabajan directamente con código HTML, como Komodo Edit, Sublime Text y Arachnophilia.
Clasificación de Páginas Web
- Estáticas: No cambian, muestran el mismo contenido cada vez. Usan solo HTML.
- Dinámicas: Cambian en función de la acción del usuario. Usan HTML y lenguajes dinámicos como ASP.NET, Java, PHP, o JavaScript.
Diferencias entre Editores
- Escribiendo en HTML: Código más limpio, reutilización más fácil, más precisión. Requiere conocimientos de HTML. Más tiempo de desarrollo.
- Con editor WYSIWYG: Código menos limpio, no se manipula el código directamente, más fácil de aprender, más rápido.
Diseño de Páginas Web
- El prediseño implica definir objetivos, audiencia, contenido, tecnología, tiempo y presupuesto.
- La consistencia en el diseño es esencial.
- Se debe usar la jerarquía visual, las convenciones de diseño web y simplificar los contenidos.
Elementos de una Página Web
- Encabezamiento.
- Marca o logotipo.
- Menú de navegación.
- Titular.
- Contenido.
- Pie de página. Todos los elementos similares en apariencia.
HTML (cont.)
- El lenguaje HTML permite crear las páginas web.
Herramientas de Publicación
- Los gestores de contenidos (CMS) permiten crear y administrar contenido web fácilmente, sin necesidad de código complejo.
- Algunos ejemplos de CMS son WordPress, Joomla!, y Drupal.
Lenguaje JavaScript
- Es un lenguaje de programación que se ejecuta localmente en el navegador.
- Permite la interacción con el usuario.
- Permite validar datos, hacer las páginas más interactivas y el envío de datos a servidores.
Editores de Páginas Web
- Editores proporcionan entornos para crear y editar páginas web.
- Algunos ejemplos son KompoZer, NVU, Dreamweaver, y BlueGriffon.
Alojamiento de Sitios Web
- Alojamiento web implica subir los archivos de la página a un servidor en Internet.
- Los servicios de alojamiento permiten que los usuarios accedan a la página web a través de la web.
- Se pueden comprar nombres de dominio.
- Los programas de transferencia de archivos (FTP) se usan para transferir archivos entre el ordenador local y el servidor web.
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.