República

Bolivarianade Venezuela
Ministerio del Poder Popular Para la Educación Universitaria, Ciencia y Tecnológia
Universidad Politécnica Territorial “Alonso Gamero”
Informática Trayecto 2 Trimestre 2 Sección 15













Ensayo de Herramientas de diseño de interfaz







Realizado por:
Jesús David Arteaga Hernández
Cédula: 29.900.611


Profesor:
Marcos Alvarez






15 de octubre 2021
Barra de herramientas

La barra de herramientas de cualquier aplicación o programa es un despliegue en vertical o en

horizontal de botones que nos permiten realizar múltiples tareas con el programa que estemos
Utilizando. Un programa puede tener varias barras de tareas, el usuario elegiría la más útil en cada
momento de su trabajo. Las barras de tareas suelen ser bastante flexibles y en algunos casos
permiten combinar botones o acciones de varias barras de tareas en una sola, pero a nuestro
gusto. Una barra de herramientas puede llegar a tener una gran cantidad de elementos que
pueden llegar a tapar parte de la pantalla de nuestro PC o portátil, es por tanto necesario tomarse
un tiempo para editarla y poner los elementos que más frecuentemente vamos a utilizar. Una
barra de herramientas no tiene por qué ser alargada ni tener ninguna forma en concreto,
simplemente son una serie de botones que vienen con un programa y que te permiten hacer cosas
variadas dentro de ese programa. Configurar una barra de herramientas es fácil y uno de los
mejores métodos es usar la solapa. Este método puede meter todos los botones de una barra de
herramientas en una solapa y hacer que se desplieguen solo cuando se hace clic en la solapa. De
esta manera los botones no ocupan espacio en el área de trabajo. En algunos programas puede ser
difícil solapar funciones pero para eso está la ayuda de ese mismo programa.

Configuración de un sitio web

En Bitrix24 puede crear un sitio web y personalizarlo para su negocio. El número de páginas del
sitio es ilimitado. Puede configurar cada página por separado o aplicar la configuración a todas las
páginas a la vez.

Para abrir los ajustes del sitio web, haga click en Acciones > Configurar sitio.

Dirección del sitio=Widget del sitio web es una herramienta imprescindible para mantenerse en
contacto con los clientes y obtener sus comentarios.

Además puede especificar el tema de color del widget. Puede utilizar tanto el esquema de color
del sitio web como mantener su propio diseño original.

El Botón "Arriba" es muy útil, especialmente cuando la página de su sitio web es larga. Este botón
puede llevarlo a la parte superior de la página con un solo click.

Puede elegir la página de índice si hay varias páginas en el sitio web.


Creación y edición de páginas web

La manera más simple de crear páginas web consiste en utilizar un simple editor de texto como,
por ejemplo, Notepad++ y editar directamente el código HTML más las hojas de estilo. Es la
manera en la que en los inicios de Internet se creaban la mayoría de las páginas web.

Sistemas CMS

Este enfoque "artesanal" es poco productivo por la gran cantidad de codificación de HTML que
implica y, además, sirve solo para webs completamente estáticas. No permite implementar cosas
como, por ejemplo, una sección de comentarios de los lectores como las que son habituales en
blogs o en periódicos digitales. Por ese motivo surgieron los sistemas CMS como, por ejemplo,
Wordpress y Joomla que evitan al usuario la codificación en HTML y ofrecen herramientas como
editores visuales que convierten la tarea de la creación de páginas web a algo parecido a la edición
de un documento en una aplicación de ofimática como OpenOffice o Microsoft Word.
Estas herramientas son aplicaciones web creadas con lenguajes de programación como PHP y que
usan bases de datos como MySQL que no solamente permiten una edición más cómoda de los
contenidos, sino también implementar webs dinámicas.
Entre estos sistemas destacan las herramientas para la creación de blogs por ser las más
populares, lideradas por el CMS Blogger WordPress. WordPress en particular, además de ser la
herramienta líder para la creación de blogs, se está convirtiendo en la herramienta más utilizada
para la creación de webs pequeñas y medianas.

Inserción y edición de textos e imágenes

Word 2007 proporciona una amplia gama de imágenes prediseñadas de personas, lugares y objetos que
puede insertar en su documento. Puede insertar también Imágenes y fotos digitalizadas que se crean con
múltiples programas. Después de insertar una imagen, puede editarla modificando sus atributos (como
brillo, contraste, color, forma, orientación, bordes y efectos) y cambiando el tamaño o recortando la imagen.

Para insertar una imagen en el punto de inserción, en la ficha Insertar, en el grupo Ilustraciones,
haga clic en Imagen. Para cambiar el tamaño de la imagen, en la esquina inferior derecha de la
imagen, señale el controlador de tamaño. Cuando el controlador de tamaño cambia aúna flecha
de dos puntas, arrástrele controlador de tamaño. Para cambiar el color de la imagen, en la ficha
Formato, en el grupo Ajustar. Para aplicar un estilo a la imagen, en la ficha Formato, en el grupo
Estilos de imagen, haga clic en el botón Más del extremo derecho de la galería Estilos de imagen.

Insertar Gráficos

Primero, Haga clic en la ubicación en la que desea insertar el gráfico y, a continuación, en la ficha
Insertar, en el grupo Ilustraciones, haga clic en
Gráfico.

Segundo, para cambiar el tipo de gráfico, en la ficha Diseño, en el grupo Tipo, haga clic en Cambiar
tipo de gráfico. En el cuadro de diálogo, en el panel izquierdo, haga clic en el tipo de gráfico que
desea y, a continuación, en el panel derecho, haga doble clic en la miniatura de variación que
desea.

Tercero, para cambiar el tipo de gráfico, en el grupo Estilos de diseño, haga clic en el botón Más a
la derecha de la galería y, a continuación, en la galería, haga clic en el tipo de gráfico que desea.

Cuarto, para cambiar el color del área de trazado del gráfico, haga clisen dicho área y, a
continuación, haga clic en la ficha Formato; en el grupo Estilos de forma, haga clic en Relleno de
forma, a continuación en la lista, haga clic en Más colores de relleno.

Quinto, en el cuadro de diálogo Colores, en la ficha Estándar, haga clic en el color que desee.

Sexto, para modificar aspectos diferentes de cualquier serie de datos, en el grupo Selección actual,
haga clic en la flecha Elementos del gráfico. En la lista, seleccione una serie de datos y, a
continuación, haga clic en Selección de formato

Uso de hipervínculos

Los hipervínculos permiten una forma de desplazamiento novedosa, referida a menudo como el
link, y que consiste en la asociación entre un texto y otro que no necesariamente comparten
contexto o cometidos, pero que están encadenados entre sí por algún término. Es similar a la
búsqueda de una palabra en el diccionario: la del significado puede contener otras palabras
desconocidas que a su vez buscaríamos en el diccionario y así sucesivamente, alejándonos de la
original.

Tablas

Una tabla no es otra cosa más que un medio de organizar datos en filas y columnas. Este concepto
ha estado presente en nuestra sociedad por un largo período de tiempo y ha sido adoptado por
HTML en sus etapas iniciales, como una forma de transmitir información que, de otro modo, no
sería comprendida tan fácilmente.

En documentos HTML una tabla puede ser considerada, resumidamente, como un grupo de filas
donde cada una contiene a un grupo de celdas. Esto es conceptualmente distinto a un grupo de
columnas que contiene a un grupo de filas, y esta diferencia tendrá un impacto en la composición
y comportamiento de la tabla.

Formularios

Dentro de una página web permite al usuario introducir datos los cuales son enviados a un
servidor para ser procesados. Los formularios web se parecen a los formularios de papel porque
los internautas llenan dichos formularios usando casillas de selección, botones de opción, o
campos de texto. Por ejemplo, los formularios web pueden ser usados para introducir datos de
envío con el objetivo de solicitar un producto, o bien ser utilizados para solicitar datos.

Además de servir como plantillas para nueva información, los formularios web también pueden
ser usados para consultar y mostrar información existente en forma similar a los formularios de
combinación de correspondencia, incorporando las mismas ventajas. La separación entre la
estructura y los datos subyacentes de un mensaje permite a ambos variar independientemente.

Elementos interactivos y multimedia

Una página Web puede tener distintos tipos de elementos interactivos y multimedia. Un elemento
interactivo es un elemento que puede cambiar dependiendo de cómo actúe el usuario. Un
elemento multimedia puede ser un sonido, una canción, una animación, un vídeo...

Ambos tipos de elementos pueden darle vida a una Web, pero utilizar en exceso esta clase de
elementos hará que la carga de nuestra Web sea lenta y engorrosa, por lo que los visitantes
podrían perder el interés. Por lo tanto, hemos de usarlos con mesura.

Existen objetos que son una mezcla de ambos, como son las animaciones Flash. Estas animaciones
pueden incluir sonidos e imágenes, y además ser interactivas.

Un problema común, además de la lentitud de carga, es la compatibilidad. No todos los efectos
son soportados por todos los navegadores, en especial por los navegadores más antiguos.
FrontPage nos ofrece algunas ayudas para resolver este problema. En general, si un navegador no
soportara un efecto en particular, sencillamente lo ignora, por lo que en general nuestra Web
podrá seguir siendo visitada, aunque sin ese efecto.


Plantillas css

La plantilla web es un recurso fundamental al momento de crear una sitio o página web. Ya que es
la carta de presentación del espacio y es el aspecto visual que se convertirá en el imán para atraer
al público objetivo o internautas.

El diseño que se crea dentro de esta plantilla permite tener una estructura, donde funciona y
respeta los estándares de Internet. Para crear la estructura anteriormente mencionada, se trabaja
con dos técnicas, una conocida como un LENGUAJE DE ETIQUETAS, que maqueta la base y es el
HTML, y el otro es un LENGUAJE DE ESTILO, que aporta en la presentación visual y ubicación de los
elementos, llamado CSS.

Estas plantillas son diseños realizados por empresas, diseñadores webs, programadores o
agencias; donde su objetivo es vender una especie de licencia de uso; aunque hay algunas
plantillas que son gratuitas, pero con funciones limitadas. La idea de usar la plantilla es que
proporcionan una estructura clara, la ubicación de cada elemento, con una curva de aprendizaje
baja, ahorra tiempo y crear páginas webs dentro de un molde con parámetros de nidos, sin
comenzar desde 0