Creación de Páginas Web y HTML

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

¿Cuál es una característica común de KompoZer y NVU?

  • Ambos soportan HTML5.
  • Ambos son editores difíciles de usar.
  • Ambos permiten cambiar el idioma a español. (correct)
  • Ambos son software de pago.

¿Qué se requiere para que una página web sea visible para otros usuarios?

  • Usar un editor de código específico.
  • Asegurarse de que el código esté en HTML5.
  • Publicar la página en un servidor de Internet. (correct)
  • Crear un diseño gráfico atractivo.

¿Cuál de los siguientes editores es conocido por soportar HTML5?

  • Adobe Dreamweaver.
  • NVU.
  • BlueGriffon. (correct)
  • KompoZer.

¿Cuál es una desventaja común de los servicios de alojamiento web gratuitos?

<p>Suelen mostrar banners de publicidad. (B)</p> Signup and view all the answers

¿Qué opción describe mejor la industria relacionada con los nombres de dominio?

<p>Los dominios más populares suelen venderse por altos precios. (A)</p> Signup and view all the answers

¿Qué se debe hacer después de alojar un sitio web en un servidor?

<p>Mantener y actualizar los contenidos según sea necesario. (B)</p> Signup and view all the answers

¿Cuál de las siguientes opciones NO es un servicio de alojamiento web mencionado?

<p>google.com. (B)</p> Signup and view all the answers

¿Qué característica sobresale de Adobe Dreamweaver?

<p>Es un editor que ha cambiado de nombre en su historia. (B)</p> Signup and view all the answers

¿Qué es una página web?

<p>Un conjunto de documentos enlazados entre sí. (C)</p> Signup and view all the answers

¿Qué función tiene un navegador?

<p>Comunicar el ordenador con los servidores web. (B)</p> Signup and view all the answers

¿Cuál de las siguientes afirmaciones sobre HTML es correcta?

<p>HTML5 es la versión más reciente. (D)</p> Signup and view all the answers

¿Qué significa que la organización de la información en una página web sea hipertextual?

<p>Se puede acceder a más información haciendo clic en palabras o enlaces. (D)</p> Signup and view all the answers

¿Qué es una 'página principal' en un sitio web?

<p>La página inicial a la que se accede primero. (A)</p> Signup and view all the answers

¿Qué tipos de elementos pueden incluirse en una página web?

<p>Textos, fotografías, multimedia, tablas y más. (C)</p> Signup and view all the answers

¿Cuál es la función principal de un hipervínculo en una página web?

<p>Permitir la navegación entre diferentes páginas web relacionadas. (C)</p> Signup and view all the answers

¿Cuál no es una función del HTML en un sitio web?

<p>Establecer el comportamiento dinámico de una página. (D)</p> Signup and view all the answers

¿Cuál de las siguientes opciones se utiliza para establecer el color de fondo de una tabla?

<p>bgcolor (C)</p> Signup and view all the answers

¿Qué atributo se usa para definir el alto de una tabla?

<p>height (B)</p> Signup and view all the answers

¿Para qué se usa el atributo 'cellpadding' en una tabla?

<p>Para separar el contenido del borde de la tabla (B)</p> Signup and view all the answers

¿Cuál de los siguientes atributos permite alinear un párrafo?

<p>align (B)</p> Signup and view all the answers

¿Qué atributo se utiliza para especificar una clase en un fichero de estilos CSS?

<p>class (B)</p> Signup and view all the answers

¿Qué controla el atributo 'cellspacing' en una tabla?

<p>La separación entre las celdas (A)</p> Signup and view all the answers

¿Cuál es la función principal del lenguaje HTML5?

<p>Incorporar etiquetas de funcionalidades multimedia (A)</p> Signup and view all the answers

¿Qué atributo se usa para definir el ancho de una tabla?

<p>width (D)</p> Signup and view all the answers

¿Cuál es una característica de los editores WYSIWYG?

<p>Generan automáticamente el código fuente en HTML. (D)</p> Signup and view all the answers

¿Cuál de las siguientes opciones es un editor que trabaja directamente con HTML?

<p>Komodo Edit (C)</p> Signup and view all the answers

¿Cuál es una ventaja de trabajar directamente con HTML en comparación con un editor WYSIWYG?

<p>El código es más limpio. (A)</p> Signup and view all the answers

¿Qué tipo de editores facilitan una creación más rápida de páginas web?

<p>Editores WYSIWYG. (C)</p> Signup and view all the answers

¿Qué desventaja tiene el uso de editores WYSIWYG?

<p>El uso de código no es tan limpio. (D)</p> Signup and view all the answers

¿Qué tipe de editor es NVU?

<p>Editor WYSIWYG. (B)</p> Signup and view all the answers

¿Cuál de las siguientes afirmaciones sobre los editores de HTML es correcta?

<p>Permiten una mayor precisión en el manejo del código. (C)</p> Signup and view all the answers

¿Cuál es una desventaja de trabajar directamente con HTML?

<p>Requiere manejar HTML. (B)</p> Signup and view all the answers

¿Cuál es una de las principales características del diseño de la página principal de Google?

<p>Prioriza la sencillez y funcionalidad en su diseño. (D)</p> Signup and view all the answers

¿Qué tipo de tipografía se recomienda evitar en el diseño web?

<p>Tipografía con serifa. (A)</p> Signup and view all the answers

¿Cuál es la función de los elementos funcionales en una maquetación digital?

<p>Convertir la maquetación en una interfaz interactiva. (D)</p> Signup and view all the answers

¿Qué diferencia se menciona entre la tipografía con serifa y sin serifa?

<p>La serifa dificulta la lectura en dispositivos digitales. (A)</p> Signup and view all the answers

Según el análisis de Google, ¿cuál es uno de los objetivos principales del diseño web?

<p>Facilitar la búsqueda a través de un diseño sencillo. (C)</p> Signup and view all the answers

¿Qué elemento se considera clave en la maquetación digital para atraer miradas?

<p>La presencia de fotografías e ilustraciones. (D)</p> Signup and view all the answers

¿Cómo se describe el público objetivo del buscador de Google?

<p>Todo tipo de público debido a la sencillez del diseño. (B)</p> Signup and view all the answers

¿Qué aspecto del diseño web se menciona como importante en el análisis?

<p>La selección de tipografía y elementos gráficos. (C)</p> Signup and view all the answers

¿Cuál es el propósito de la usabilidad en un sitio web?

<p>Facilitar la navegación del usuario. (D)</p> Signup and view all the answers

¿Qué elemento NO debería afectar la usabilidad de una página web?

<p>El número de imágenes en la página. (A)</p> Signup and view all the answers

¿Cuál es una característica importante del menú de navegación en un sitio web?

<p>Los elementos deben ser similares entre sí. (C)</p> Signup and view all the answers

¿Cuál es un error común en el diseño de páginas web?

<p>Hacer preguntas en la página que confundan al visitante. (D)</p> Signup and view all the answers

¿Qué aspecto no es considerado parte del diseño de una página web?

<p>Número de visitas mensuales. (C)</p> Signup and view all the answers

¿Por qué es importante que un visitante no se haga preguntas al llegar a un sitio web?

<p>Para que pueda navegar libremente sin distracciones. (B)</p> Signup and view all the answers

¿Qué elementos se deben considerar al diseñar elementos de contenido en una web?

<p>Aspectos como el contraste y el tamaño de los caracteres. (D)</p> Signup and view all the answers

¿Cuál de las siguientes afirmaciones es incorrecta sobre la usabilidad web?

<p>Debería hacer que el usuario se sienta perdido. (D)</p> Signup and view all the answers

Flashcards

Página web

Un documento que forma parte de un sitio web, accesible a través de una dirección y que contiene texto, imágenes, y otros elementos multimedia.

Sitio web

Un conjunto de documentos (páginas web) relacionados entre sí y accesibles a través de una dirección común.

Página principal (home page)

La página inicial de un sitio web a la que se accede introduciendo el dominio.

Navegador

Software que permite acceder y visualizar páginas web en un ordenador.

Signup and view all the flashcards

HTML

Lenguaje de marcado que se usa para crear documentos web.

Signup and view all the flashcards

Hipertexto

Texto con enlaces que permiten acceder a otras páginas web al hacer clic en palabras o imágenes.

Signup and view all the flashcards

Enlazar documentos

Conectar páginas web entre sí para crear un sitio web.

Signup and view all the flashcards

HTML5

La última versión del lenguaje de marcado para crear páginas web.

Signup and view all the flashcards

Servidor

Ordenador que almacena las páginas web y las pone a disposición de los navegadores.

Signup and view all the flashcards

Editores WYSIWYG

Permiten crear páginas web como si se escribiera un documento, generando automáticamente el código HTML.

Signup and view all the flashcards

Editores HTML

Requieren un conocimiento profundo de HTML para crear páginas web directamente.

Signup and view all the flashcards

Creación de páginas web (HTML directo)

Proceso de construir la página escribiendo el código HTML manualmente en un editor de texto.

Signup and view all the flashcards

Código limpio (HTML)

El código HTML generado directamente es más fácil de leer y mantener.

Signup and view all the flashcards

Código poco limpio (WYSIWYG)

El código generado por un editor WYSIWYG puede ser más complejo y menos legible.

Signup and view all the flashcards

Reutilización de código (HTML)

Facilidad de reutilizar partes de códigos existentes en diferentes proyectos web.

Signup and view all the flashcards

Aprendizaje WYSIWYG

El aprendizaje para trabajar con editores WYSIWYG es más simple y accesible.

Signup and view all the flashcards

Aprendizaje HTML

El aprendizaje para trabajar con HTML requiere un conocimiento más profundo del lenguaje de programación.

Signup and view all the flashcards

Tiempo de creación (WYSIWYG)

La creación de una página web con un editor WYSIWYG puede llevar más tiempo.

Signup and view all the flashcards

Tiempo de creación (HTML)

La creación de una página web directamente en HTML puede ser relativamente rápida.

Signup and view all the flashcards

Elementos gráficos

Imágenes, ilustraciones, símbolos e iconos que atraen la atención en una maquetación digital.

Signup and view all the flashcards

Elementos funcionales

Elementos interactivos de una página web, como botones e hipervínculos.

Signup and view all the flashcards

Tipografía sin serifa

Tipo de letra sin adornos en los extremos de las líneas de los caracteres.

Signup and view all the flashcards

Tipografía con serifa

Tipo de letra con adornos en los extremos de las líneas de los caracteres.

Signup and view all the flashcards

Diseño web de Google

Diseño web sencillo, funcional y rápido optimizado para búsquedas.

Signup and view all the flashcards

Prediseño web

Fase inicial del diseño web que establece el objetivo, público y funcionalidad.

Signup and view all the flashcards

Objetivo de Google

Facilitar búsquedas mediante sencillez, funcionalidad y velocidad.

Signup and view all the flashcards

Público objetivo de Google

Público general que busca información y realiza búsquedas.

Signup and view all the flashcards

Menú de navegación

Conjunto de opciones que permiten al usuario moverse entre las diferentes secciones de una web.

Signup and view all the flashcards

Tablas

Elementos que organizan la información en filas y columnas.

Signup and view all the flashcards

Botones

Elementos que, al ser pulsados, activan una acción.

Signup and view all the flashcards

Iconos

Imágenes pequeñas que representan una función o comando.

Signup and view all the flashcards

Hipervínculos

Enlaces que conectan diferentes páginas web o secciones.

Signup and view all the flashcards

Titular

Texto destacado que presenta el contenido principal de una página.

Signup and view all the flashcards

Contenidos

Información central de una página web.

Signup and view all the flashcards

Pie de página

Sección inferior de una página web que generalmente contiene información de contacto u otros datos.

Signup and view all the flashcards

Usabilidad web

Facilidad de uso de un sitio web para los visitantes.

Signup and view all the flashcards

Diseño web

Proceso de creación de un sitio web, considerando estética y funcionalidad.

Signup and view all the flashcards

Contraste de texto

Diferencia de color entre el texto y el fondo para facilitar la lectura.

Signup and view all the flashcards

Tamaño de caracteres

Dimensión de las letras en una página web, un factor de legibilidad.

Signup and view all the flashcards

Colores

Combinación de colores que afectan la estética del diseño y experiencia del usuario de una página web.

Signup and view all the flashcards

Encabezado HTML

Elementos que definen encabezados de diferentes niveles, del 1 al 6, en una página web.

Signup and view all the flashcards

Tabla HTML

Estructura HTML para organizar datos en filas y columnas, formando una cuadrícula.

Signup and view all the flashcards

Alineación de tabla

Especifica la posición de la tabla: a la izquierda, al centro o a la derecha.

Signup and view all the flashcards

Color de fondo tabla

Atributo que cambia el color de fondo de la tabla.

Signup and view all the flashcards

Ancho tabla

Establece el ancho de la tabla expresado generalmente en píxeles o porcentaje.

Signup and view all the flashcards

Fila tabla HTML

Estructura que contiene las celdas de una tabla.

Signup and view all the flashcards

Columna tabla HTML

Estructuras verticales que contienen datos en una tabla.

Signup and view all the flashcards

Párrafo alineado

Alinea el texto de un párrafo a la izquierda, centro, derecha o justificado.

Signup and view all the flashcards

Lista HTML

Estructura para organizar elementos en listas ordenadas o desordenadas.

Signup and view all the flashcards

Fuente HTML

Establece el tipo, tamaño y color de la fuente en el texto.

Signup and view all the flashcards

HTML5

Quinta versión del lenguaje de marcado de hipertexto para crear páginas web.

Signup and view all the flashcards

Alojamiento web

Ubicación de un sitio web en un servidor de internet, para que los usuarios puedan acceder a él.

Signup and view all the flashcards

Servidor de Internet

Ordenador que almacena las páginas web y las pone a disposición de los navegadores.

Signup and view all the flashcards

Nombre de dominio

Dirección única que identifica a un sitio web (ej: www.ejemplo.com).

Signup and view all the flashcards

URL

Dirección de una página web específica en Internet.

Signup and view all the flashcards

Editor WYSIWYG

Editor que permite crear páginas web como si escribieras un documento, generando automáticamente el código HTML.

Signup and view all the flashcards

KompoZer

Editor web que facilita la creación de páginas web, aunque no soporta HTML5.

Signup and view all the flashcards

NVU

Editor web que, como KompoZer, no soporta HTML5 pero es una alternativa.

Signup and view all the flashcards

Alojamiento gratuito

Servicio de alojamiento web que no tiene costo pero muestra publicidad en la página web.

Signup and view all the flashcards

Alojamiento de pago

Servicio de alojamiento sin publicidad, pero con condiciones o planes de uso limitados, o bien esperan que los usuarios acaben contratando planes.

Signup and view all the flashcards

Adobe Dreamweaver

Software de edición web profesional con una interfaz completa

Signup and view all the flashcards

BlueGriffon

Editor web de código abierto que soporta HTML5.

Signup and view all the flashcards

Study Notes

Páginas Web

  • Una página web es un documento enlazado a otros.
  • Se accede a través de una dirección común.
  • Los documentos que conforman un sitio web incluyen texto, imágenes, botones, entre otros.
  • Se usan navegadores para acceder a estas páginas (Mozilla Firefox, Microsoft Edge, etc.).
  • El navegador se comunica con los servidores que alojan las páginas para descargarlas y mostrarlas.
  • La página principal se llama home page.

Lenguaje HTML

  • El lenguaje básico para crear documentos web es el HTML (lenguaje de marcas hipertextuales).
  • La versión actual es HTML5.
  • La información se organiza de manera hipertextual, enlaces que llevan a otras páginas.

Creación de páginas web

  • Se puede crear escribiendo HTML directamente en un editor de texto.
  • Sin embargo, se usan editores de páginas web para un proceso más sencillo.
  • Existen dos tipos principales de editores:
    • WYSIWYG (What You See Is What You Get): Estos editores permiten ver el resultado mientras se crea la página, generando automáticamente el código HTML; ejemplos incluyen Adobe Dreamweaver, BlueGriffon, KompoZer y NVU.
    • Editores que trabajan directamente con HTML: Se necesita conocimiento avanzado de HTML; ejemplos incluyen Komodo Edit, Sublime Text y Arachnophilia.

Clasificación de páginas web

  • Páginas estáticas: No cambian, muestran el mismo contenido cada vez que se cargan.
  • Páginas dinámicas: El contenido se adapta según la interacción del usuario. Los cambios se realizan usando lenguajes como ASP.NET, Java, PHP o JavaScript.

Diferencias entre la creación con HTML y WYSIWYG

  • Escribiendo en HTML: Código más limpio, más fácil reutilizar código, más precisión, requiere conocimiento de HTML, más tiempo para crear páginas.
  • Con un editor WYSIWYG: Código menos limpio, no se maneja el código (la máquina lo hace), más sencillo de aprender, más rápido para crear páginas.

Funcionamiento de los sitios web

  • Los sitios web son creados por programadores y diseñadores.
  • Los administradores (webmasters) se encargan de mantenerlos.
  • El sitio local es el conjunto de archivos en el ordenador del administrador.
  • El sitio remoto es el espacio para guardar las páginas en un servidor de Internet.

Criterios de diseño y planificación

  • El prediseño involucra definir objetivos, público, contenidos y requerimientos de la página.
  • La estructura básica de una página web incluye encabezado, marca o logotipo, menú de navegación, titulares, contenido y pie de página.
  • Se deben usar elementos visualmente similares para mantener la coherencia.

Elementos de diseño

  • Los elementos de diseño de la web incluyen texto, imágenes, gráficos, animaciones, tablas, botones, iconos, hipervínculos y multimedia.

HTML

  • Los archivos HTML generalmente tienen la extensión .htm o .html.
  • HTML utiliza etiquetas para crear estructura y contenido en las páginas web.
  • Las etiquetas se escriben entre corchetes angulares (<>), y tienen etiquetas de apertura y cierre.

Herramientas de publicación (CMS)

  • Los CMS (Sistemas de Gestión de Contenido) permiten crear y publicar contenido web sin conocimientos técnicos avanzados.
  • Ejemplos comunes de CMS son WordPress, Joomla! y Drupal.

Lenguaje JavaScript

  • JavaScript es un lenguaje dinámico que se ejecuta en el navegador.
  • Sirve para interactuar con la página web.
  • Los elementos de JavaScript incluyen Strings, variables, funciones, etc.

Editores de páginas web

  • Ejemplos de editores de páginas web son KompoZer y NVU.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Related Documents

More Like This

Internet and Mobile Computing - History Quiz
16 questions
Web Development
6 questions

Web Development

HottestFortWorth avatar
HottestFortWorth
World Wide Web Basics
8 questions

World Wide Web Basics

StylizedArtDeco avatar
StylizedArtDeco
Use Quizgecko on...
Browser
Browser