Creación de Páginas Web y HTML
48 Questions
0 Views

Creación de Páginas Web y HTML

Created by
@InnocuousBliss6487

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.</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.</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.</p> Signup and view all the answers

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

    <p>google.com.</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.</p> Signup and view all the answers

    ¿Qué es una página web?

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

    ¿Qué función tiene un navegador?

    <p>Comunicar el ordenador con los servidores web.</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.</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.</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.</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.</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.</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.</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</p> Signup and view all the answers

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

    <p>height</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</p> Signup and view all the answers

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

    <p>align</p> Signup and view all the answers

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

    <p>class</p> Signup and view all the answers

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

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

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

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

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

    <p>width</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.</p> Signup and view all the answers

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

    <p>Komodo Edit</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.</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.</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.</p> Signup and view all the answers

    ¿Qué tipe de editor es NVU?

    <p>Editor WYSIWYG.</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.</p> Signup and view all the answers

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

    <p>Requiere manejar HTML.</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.</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.</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.</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.</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.</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.</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.</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.</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.</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.</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í.</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.</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.</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.</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.</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.</p> Signup and view all the answers

    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

    Description

    Este cuestionario explora los conceptos fundamentales sobre la creación de páginas web, el uso de HTML y la importancia de los navegadores. Aprenderás sobre la estructura básica de un sitio web, su acceso a través de direcciones y los editores de HTML. ¡Pone a prueba tus conocimientos sobre desarrollo web!

    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