knorrigt.com

Home > Internet > Cómo hacer un guión gráfico HTML

Cómo hacer un guión gráfico HTML

Advertisement

Un guión gráfico HTML es esencialmente un boceto o una manera de planificar el diseño de un sitio web antes de trabajar en el sitio activo. Esta hoja de ruta de clases se puede hacer en un pedazo de papel, en un cuaderno rayado o en un programa de arte en un ordenador. El propósito de la creación de una página web HTML o guión gráfico es para ver cómo el sitio puede tener un aspecto y si el diseño tiene que ser cambiado antes de su aplicación. Antes de que pueda hacer su guión HTML, seleccione un tema que le apasiona y escribe lo que sabe acerca de ese tema.

Cosas que necesitará

Ordenador con un programa de arte

Instrucciones

  • 1

Apuntar algunas notas sobre el tema que desea basar su sitio web en. Decidir qué bits de información que desea utilizar y qué partes le gustaría pasar por alto.

2

Utilizar estas piezas de información para crear categorías para su sitio. Por ejemplo, si usted está haciendo un guión HTML de una página web que se centra en la auto-publicación, algunas de las categorías que implemente puede incluir diseño de la cubierta, el diseño de interiores, la edición y comercialización.

3

Dibuje el diseño de su sitio web en un trozo de papel e incluir áreas como el encabezado o banner de su sitio, un menú de navegación, el área principal de contenidos o áreas, barras laterales, si los usa, y un pie de página. Tenga su menú de navegación aparecerá bajo la bandera de su sitio o dentro de una barra lateral, y una lista de sus categorías en su interior.

4

Crear un chat de flujo para realizar un seguimiento de la navegación de su sitio web. Por ejemplo, si sus principales página enlaza a una página sobre las flores, y luego en su página de flores que enlaza con flores específicas, el diagrama de flujo tendrá tres niveles y buscar algo así como lo que se muestra aquí:

Pagina principal

flores

Rosas Lilas narcisos

5

Trazar líneas entre cada página que enlaza a otro. Al final, esto podría terminar pareciéndose a una tela de araña, pero también le dará una idea de qué páginas ha establecido un vínculo y cuáles es posible que haya olvidado.

6

Utilice el diseño que hizo para la página principal de su sitio para crear otras páginas. Mantenga cada página de su sitio en consonancia con los demás. Evitar el cambio de la disposición general o mover el menú de navegación alrededor. Esto hará que sea más fácil para los visitantes a navegar por su sitio.

Consejos y advertencias

Anote los tipos de letra y colores que le gustaría utilizar en su epígrafes, la navegación y el área de contenido principal para referencia futura cuando comience la construcción del código de su sitio.

Storyboarding su sitio web asegura un flujo coherente y elimina los callejones sin salida. El seguimiento de todas las páginas utilizadas en su sitio web le da la capacidad de ver las secciones que necesitan más trabajo y ofrece una visión panorámica
Cómo crear un guión gráfico en PowerPoint
Guiones gráficos son una forma de arte secuencial que ilustra una historia. Un cómic es un ejemplo de un guión gráfico, y muchas películas se han previsto con guiones gráficos. PowerPoint ofrece muchas herramientas para darle sabor a la naturaleza es
Directores de Hollywood han utilizado durante años guiones gráficos con el fin de planificar la forma en que quieren hacer una película. En los últimos años, el concepto del guión gráfico ha sido adoptado por los directores de cine no sólo, sino tamb
Un guión gráfico es una progresión de diapositivas que cuenta una historia, hace un punto, o tablas de progreso durante un período de tiempo especificado. Creación de un guión gráfico usando el software de presentaciones, como PowerPoint, es tan fáci
Un guión gráfico es un conjunto de cuadros organizados y dispuestos de tal manera que cuentan una historia. Puede utilizar una plantilla de Adobe Photoshop para colocar las fotos en y crear sus propios guiones. La clave para un buen guión es asegurar
Cómo hacer un guión largo en un Mac
Dependiendo del tipo de trabajo que hace, un guión puede ser un símbolo de lo que necesita con frecuencia o rara vez en absoluto. Al igual que con muchos símbolos, hay dos maneras de conseguir un guión largo o más corto que su primo el guión corto, a
Cómo hacer un ajuste gráfico en el libro de trabajo entero de página en Excel
Hacer un ajuste gráfico en todo el libro en Microsoft Excel será necesario que para cambiar el tamaño de ciertos elementos de la página. Hacer un ajuste gráfico en todo el libro en Microsoft Excel con la ayuda de un desarrollador web autodidacta con
¿Cómo hacer un doble Gráfico de barras?
Los gráficos de barras en Excel 2013 comparan conjuntos de valores a lo largo de un eje horizontal. Un gráfico de barras simple podría mostrar sólo un valor por cada categoría, pero si proporciona dos conjuntos de datos por categoría, Excel genera un
Cómo hacer un doble gráfico de barras en Microsoft Excel
Un gráfico de barras estándar muestra la frecuencia de varios elementos, representando cada elemento como una barra en el gráfico, con la longitud de la barra que representa la frecuencia. Cuando cada elemento tiene dos categorías diferentes medibles
InDesign utiliza marcos como marcadores de posición para los elementos gráficos. En primer lugar debe crear un marco para mantener el elemento antes de que pueda disponerse en un documento. Puede crear el marco, ya sea en una elipse, rectángulo o for
La raya es un carácter común en la caja de herramientas del escritor. Muchos programas de procesamiento de texto --- como Microsoft Word --- convierten automáticamente un doble guión en un guión largo. Sin embargo, se necesita un poco de trabajo para
Los gráficos integrados son apenas adecuado para la reproducción de la mayoría de los juegos de video por hardware hambre de hoy en día. Incluso con unos ajustes de rendimiento, que normalmente todavía tienen que limitarse a jugar los juegos más anti
Cómo hacer un organizador gráfico en la Palabra
organizador gráfico de Microsoft Word incluye una colección de fotos de Colecciones de Office, Mis colecciones y Colecciones Web. Puede utilizar la herramienta de búsqueda para encontrar imágenes de forma rápida y eficiente en el organizador gráfico
Cómo hacer un gráfico de termómetro en Microsoft Excel
La función básica de Microsoft Excel para crear hojas de cálculo es eficiente, pero la aplicación también permite a los usuarios hacer tablas y gráficos fácilmente a partir de los datos de dichas hojas de cálculo. Excel ofrece más de una docena de ti
Cómo hacer un gráfico en Excel con varias hojas de cálculo
Si utiliza programa de hoja de cálculo Excel de Microsoft, es posible saber acerca de la utilidad de la biblioteca de plantillas y la facilidad de hacer tablas y gráficos. Lo que no saben es que se puede personalizar un gráfico con datos de varias ho
Cómo hacer un gráfico en MS Excel
Las ayudas visuales tales como gráficos pueden añadir interés a una presentación de otra manera seca y acelerar la comprensión de los datos que desea visualizar. Seleccionar el tipo de gráfico para su finalidad es vital para crear una ilustración efi
Un gráfico de datos es una representación gráfica de la información, que está hecho de hojas de cálculo. Microsoft Excel tiene una función de asistente gráfico de datos que representa datos de una hoja de cálculo en cualquiera de un número de diferen
diagramas de araña o gráficos de radar ilustran aspectos de rendimiento de diferentes categorías, lo que le permite visualizar la diferencia entre los resultados. Consultores utilizan estas cartas para ayudar a las organizaciones comparar a los compe
Cómo hacer una película Doodle
películas Doodle - vídeos que constan de imágenes del doodle - ofrecen una apariencia de niño con un toque casero. Al igual que otras películas, películas de bosquejo vienen en todas las formas y tamaños. Algunas películas cuentan una historia person