Podcast
Questions and Answers
¿Cuál es una característica común de KompoZer y NVU?
¿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?
¿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?
¿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?
¿Cuál es una desventaja común de los servicios de alojamiento web gratuitos?
¿Qué opción describe mejor la industria relacionada con los nombres de dominio?
¿Qué opción describe mejor la industria relacionada con los nombres de dominio?
¿Qué se debe hacer después de alojar un sitio web en un servidor?
¿Qué se debe hacer después de alojar un sitio web en un servidor?
¿Cuál de las siguientes opciones NO es un servicio de alojamiento web mencionado?
¿Cuál de las siguientes opciones NO es un servicio de alojamiento web mencionado?
¿Qué característica sobresale de Adobe Dreamweaver?
¿Qué característica sobresale de Adobe Dreamweaver?
¿Qué es una página web?
¿Qué es una página web?
¿Qué función tiene un navegador?
¿Qué función tiene un navegador?
¿Cuál de las siguientes afirmaciones sobre HTML es correcta?
¿Cuál de las siguientes afirmaciones sobre HTML es correcta?
¿Qué significa que la organización de la información en una página web sea hipertextual?
¿Qué significa que la organización de la información en una página web sea hipertextual?
¿Qué es una 'página principal' en un sitio web?
¿Qué es una 'página principal' en un sitio web?
¿Qué tipos de elementos pueden incluirse en una página web?
¿Qué tipos de elementos pueden incluirse en una página web?
¿Cuál es la función principal de un hipervínculo en una página web?
¿Cuál es la función principal de un hipervínculo en una página web?
¿Cuál no es una función del HTML en un sitio web?
¿Cuál no es una función del HTML en un sitio web?
¿Cuál de las siguientes opciones se utiliza para establecer el color de fondo de una tabla?
¿Cuál de las siguientes opciones se utiliza para establecer el color de fondo de una tabla?
¿Qué atributo se usa para definir el alto de una tabla?
¿Qué atributo se usa para definir el alto de una tabla?
¿Para qué se usa el atributo 'cellpadding' en una tabla?
¿Para qué se usa el atributo 'cellpadding' en una tabla?
¿Cuál de los siguientes atributos permite alinear un párrafo?
¿Cuál de los siguientes atributos permite alinear un párrafo?
¿Qué atributo se utiliza para especificar una clase en un fichero de estilos CSS?
¿Qué atributo se utiliza para especificar una clase en un fichero de estilos CSS?
¿Qué controla el atributo 'cellspacing' en una tabla?
¿Qué controla el atributo 'cellspacing' en una tabla?
¿Cuál es la función principal del lenguaje HTML5?
¿Cuál es la función principal del lenguaje HTML5?
¿Qué atributo se usa para definir el ancho de una tabla?
¿Qué atributo se usa para definir el ancho de una tabla?
¿Cuál es una característica de los editores WYSIWYG?
¿Cuál es una característica de los editores WYSIWYG?
¿Cuál de las siguientes opciones es un editor que trabaja directamente con HTML?
¿Cuál de las siguientes opciones es un editor que trabaja directamente con HTML?
¿Cuál es una ventaja de trabajar directamente con HTML en comparación con un editor WYSIWYG?
¿Cuál es una ventaja de trabajar directamente con HTML en comparación con un editor WYSIWYG?
¿Qué tipo de editores facilitan una creación más rápida de páginas web?
¿Qué tipo de editores facilitan una creación más rápida de páginas web?
¿Qué desventaja tiene el uso de editores WYSIWYG?
¿Qué desventaja tiene el uso de editores WYSIWYG?
¿Qué tipe de editor es NVU?
¿Qué tipe de editor es NVU?
¿Cuál de las siguientes afirmaciones sobre los editores de HTML es correcta?
¿Cuál de las siguientes afirmaciones sobre los editores de HTML es correcta?
¿Cuál es una desventaja de trabajar directamente con HTML?
¿Cuál es una desventaja de trabajar directamente con HTML?
¿Cuál es una de las principales características del diseño de la página principal de Google?
¿Cuál es una de las principales características del diseño de la página principal de Google?
¿Qué tipo de tipografía se recomienda evitar en el diseño web?
¿Qué tipo de tipografía se recomienda evitar en el diseño web?
¿Cuál es la función de los elementos funcionales en una maquetación digital?
¿Cuál es la función de los elementos funcionales en una maquetación digital?
¿Qué diferencia se menciona entre la tipografía con serifa y sin serifa?
¿Qué diferencia se menciona entre la tipografía con serifa y sin serifa?
Según el análisis de Google, ¿cuál es uno de los objetivos principales del diseño web?
Según el análisis de Google, ¿cuál es uno de los objetivos principales del diseño web?
¿Qué elemento se considera clave en la maquetación digital para atraer miradas?
¿Qué elemento se considera clave en la maquetación digital para atraer miradas?
¿Cómo se describe el público objetivo del buscador de Google?
¿Cómo se describe el público objetivo del buscador de Google?
¿Qué aspecto del diseño web se menciona como importante en el análisis?
¿Qué aspecto del diseño web se menciona como importante en el análisis?
¿Cuál es el propósito de la usabilidad en un sitio web?
¿Cuál es el propósito de la usabilidad en un sitio web?
¿Qué elemento NO debería afectar la usabilidad de una página web?
¿Qué elemento NO debería afectar la usabilidad de una página web?
¿Cuál es una característica importante del menú de navegación en un sitio web?
¿Cuál es una característica importante del menú de navegación en un sitio web?
¿Cuál es un error común en el diseño de páginas web?
¿Cuál es un error común en el diseño de páginas web?
¿Qué aspecto no es considerado parte del diseño de una página web?
¿Qué aspecto no es considerado parte del diseño de una página web?
¿Por qué es importante que un visitante no se haga preguntas al llegar a un sitio web?
¿Por qué es importante que un visitante no se haga preguntas al llegar a un sitio web?
¿Qué elementos se deben considerar al diseñar elementos de contenido en una web?
¿Qué elementos se deben considerar al diseñar elementos de contenido en una web?
¿Cuál de las siguientes afirmaciones es incorrecta sobre la usabilidad web?
¿Cuál de las siguientes afirmaciones es incorrecta sobre la usabilidad web?
Flashcards
Página web
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
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)
Página principal (home page)
La página inicial de un sitio web a la que se accede introduciendo el dominio.
Navegador
Navegador
Signup and view all the flashcards
HTML
HTML
Signup and view all the flashcards
Hipertexto
Hipertexto
Signup and view all the flashcards
Enlazar documentos
Enlazar documentos
Signup and view all the flashcards
HTML5
HTML5
Signup and view all the flashcards
Servidor
Servidor
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
Creación de páginas web (HTML directo)
Creación de páginas web (HTML directo)
Signup and view all the flashcards
Código limpio (HTML)
Código limpio (HTML)
Signup and view all the flashcards
Código poco limpio (WYSIWYG)
Código poco limpio (WYSIWYG)
Signup and view all the flashcards
Reutilización de código (HTML)
Reutilización de código (HTML)
Signup and view all the flashcards
Aprendizaje WYSIWYG
Aprendizaje WYSIWYG
Signup and view all the flashcards
Aprendizaje HTML
Aprendizaje HTML
Signup and view all the flashcards
Tiempo de creación (WYSIWYG)
Tiempo de creación (WYSIWYG)
Signup and view all the flashcards
Tiempo de creación (HTML)
Tiempo de creación (HTML)
Signup and view all the flashcards
Elementos gráficos
Elementos gráficos
Signup and view all the flashcards
Elementos funcionales
Elementos funcionales
Signup and view all the flashcards
Tipografía sin serifa
Tipografía sin serifa
Signup and view all the flashcards
Tipografía con serifa
Tipografía con serifa
Signup and view all the flashcards
Diseño web de Google
Diseño web de Google
Signup and view all the flashcards
Prediseño web
Prediseño web
Signup and view all the flashcards
Objetivo de Google
Objetivo de Google
Signup and view all the flashcards
Público objetivo de Google
Público objetivo de Google
Signup and view all the flashcards
Menú de navegación
Menú de navegación
Signup and view all the flashcards
Tablas
Tablas
Signup and view all the flashcards
Botones
Botones
Signup and view all the flashcards
Iconos
Iconos
Signup and view all the flashcards
Hipervínculos
Hipervínculos
Signup and view all the flashcards
Titular
Titular
Signup and view all the flashcards
Contenidos
Contenidos
Signup and view all the flashcards
Pie de página
Pie de página
Signup and view all the flashcards
Usabilidad web
Usabilidad web
Signup and view all the flashcards
Diseño web
Diseño web
Signup and view all the flashcards
Contraste de texto
Contraste de texto
Signup and view all the flashcards
Tamaño de caracteres
Tamaño de caracteres
Signup and view all the flashcards
Colores
Colores
Signup and view all the flashcards
Encabezado HTML
Encabezado HTML
Signup and view all the flashcards
Tabla HTML
Tabla HTML
Signup and view all the flashcards
Alineación de tabla
Alineación de tabla
Signup and view all the flashcards
Color de fondo tabla
Color de fondo tabla
Signup and view all the flashcards
Ancho tabla
Ancho tabla
Signup and view all the flashcards
Fila tabla HTML
Fila tabla HTML
Signup and view all the flashcards
Columna tabla HTML
Columna tabla HTML
Signup and view all the flashcards
Párrafo alineado
Párrafo alineado
Signup and view all the flashcards
Lista HTML
Lista HTML
Signup and view all the flashcards
Fuente HTML
Fuente HTML
Signup and view all the flashcards
HTML5
HTML5
Signup and view all the flashcards
Alojamiento web
Alojamiento web
Signup and view all the flashcards
Servidor de Internet
Servidor de Internet
Signup and view all the flashcards
Nombre de dominio
Nombre de dominio
Signup and view all the flashcards
URL
URL
Signup and view all the flashcards
Editor WYSIWYG
Editor WYSIWYG
Signup and view all the flashcards
KompoZer
KompoZer
Signup and view all the flashcards
NVU
NVU
Signup and view all the flashcards
Alojamiento gratuito
Alojamiento gratuito
Signup and view all the flashcards
Alojamiento de pago
Alojamiento de pago
Signup and view all the flashcards
Adobe Dreamweaver
Adobe Dreamweaver
Signup and view all the flashcards
BlueGriffon
BlueGriffon
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.