Cómo hacer una cuadrícula Matriz

Una rejilla de matriz se compone de intersección de las líneas horizontales y verticales . Rejillas matriciales pueden ser creadas en casi cualquier tipo de aplicación de software , bases de datos , aplicaciones de procesamiento de texto , hojas de cálculo , páginas web y software gráfico todos tienen las redes matrices de alguna forma . Por lo general, se utilizan las redes matrices para presentar la información de una manera específica, como cuando se muestran las hojas de cálculo financieras o resultados de consultas de bases de datos . Sin embargo , las redes de la matriz pueden ser utilizados como elementos gráficos colocados en las ilustraciones o presentaciones , y como herramientas de alineación en los documentos de procesamiento de texto . Cosas que necesitará
Microsoft Office hotel Adobe Photoshop hotel Adobe Dreamweaver búsqueda Web navegador
Mostrar más instrucciones
Creación de una red de Microsoft Word
1

Abra Microsoft Word , haga clic en el icono de Microsoft Word. Crear un nuevo documento en blanco , seleccione el menú " Archivo" y seleccionando Nuevo documento en blanco o haciendo clic en el icono " Nuevo". Guarde el archivo con el nombre grid.doc .
2

Mostrar la barra de herramientas de dibujo , seleccione el menú "Ver " y eligiendo Barras de herramientas y dibujo . Aparecerá el menú de dibujo. Haga clic en el icono " Opciones de cuadrícula " para mostrar el cuadro de diálogo Mostrar cuadrícula .
3

hacer clic en " Mostrar líneas de cuadrícula en la pantalla " botón de opción en el cuadro de diálogo Cuadrícula. Introduzca un valor de " 4 " en el " Vertical cada" campo de entrada y un valor de " 4 " en el " Horizontal Cada " campo de entrada. Haga clic en el botón " OK" para mostrar la matriz de la rejilla 4X4 .
4

Agregue un poco de texto, imágenes u otros elementos de la página utilizando la red como una referencia de alineación. Guardar grid.doc .
Creación de una cuadrícula en Adobe Photoshop
5

Abra Adobe Photoshop haciendo clic en el icono de Adobe Photoshop. Crear un nuevo archivo haciendo clic en el menú Archivo y seleccionar "Nuevo". Establecer el ancho del archivo a 400 píxeles y la altura del archivo a 400 píxeles. Haga clic en el botón " OK" para crear una imagen que se convertirá en el patrón de cuadrícula matriz.
6

Haga clic en el menú Ventana y seleccione "Canales" para mostrar el cuadro de diálogo de canales. Aparecerá una marca junto a la etiqueta " Canales " en el cuadro de diálogo está activo. Haga clic en el icono de "Crear nuevo canal " situado en la barra inferior de los canales de diálogo para crear un nuevo canal.
7

Haga clic en la "Herramienta Marco rectangular " y dibujar una selección rectangular en la intersección de líneas de la imagen .
8

Mantenga la selección rectangular activa y haga clic en el elemento de menú Editar. Seleccione la opción " Definir motivo ", el nombre del modelo de "red " y haga clic en el botón " OK" .
9

Crear un nuevo archivo haciendo clic en el menú Archivo, seleccionar "Nuevo" y guardar el archivo como grid.psd . Seleccione la herramienta Cubo de pintura en el menú de herramientas y utilizar el menú de opciones para configurar el Paint Bucket fuente de relleno para "Patrón ". Seleccione la matriz de configuración de red y haga clic en la nueva imagen para aplicar la cuadrícula para grid.psd .
Creación de una cuadrícula en Adobe Dreamweaver
10

Abra Adobe Dreamweaver y crear un nuevo archivo , haga clic en la opción de menú "Nuevo" y seleccione "Archivo ". Elige el tipo de "HTML " y guarde el nuevo archivo como grid.html . El nuevo archivo contendrá un código básico que define la página.
11

Agregar una etiqueta de estilo de la sección head de la página XHTML que define los estilos para las columnas y las filas que conforman la cuadrícula . Establecer atributo width del estilo # filas a " 100 %", su atributo float de " izquierda" y su atributo frontera para "solid 1px ". Establezca el atributo width # del estilo de columna a " 20px ", su atributo overflow en "auto " y su atributo frontera para "solid 1px ":

< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML ! 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

< HTML xmlns =" http://www.w3 .org/1999/xhtml ">

< meta http -equiv =" " content = " Content-Type text /html ; charset = UTF - 8 " />

Untitled Document < /title > <br> <p> <style type="text/css"> <br> <p> # filas {width : 100 % ; overflow : auto; border: 1px solid ;} <br> <p> columna # {width : 100px ; float : left; border: 1px Página 12 <p> Añada tres elementos <DIV> HTML de la sección del cuerpo de grid.html , anidan dos elementos <DIV> dentro de un tercer elemento <DIV> . Asignar un ID " fila " a la <DIV> exterior y una ID "columna" a cada <DIV> interior. Coloque el texto " Col A " dentro de la primera columna de # y " Col B " dentro de la segunda columna de #. Guardar grid.html : <br> <p> < DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1 ! - transitional.dtd "> <br> <p> <html xmlns="http://www.w3.org/1999/xhtml"> <br> <p> <html> <br> < p > <head> <br> <p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br> <p> <title> Untitled documento < /title > <br> <p> <style type="text/css"> <br> <p> # filas {width : 100 % ; overflow : auto; border: 1px solid ;} <br> <p> columna # {width : 100px ; float : left; border: 1px solid ;} <br> <p> < /style> <br> <p> < /head> <br> <p> < body> <br> <p> <div id="row"> <br> <p> <div id="column"> Col A < /div > <br> <p> < div id = "columna" > Col B < /div > <br> <p> < /div > <br> <p> < /body> <br> <p> < /html > <br> < br > 13 <p> Haga clic en el menú Archivo , seleccione "Vista previa en el explorador " y elija un navegador de la lista configurada. Grid.html se abrirá en un navegador y mostrar la cuadrícula matriz en HTML. <br> <br> <div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </td> </tr> </table> <table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/software/presentation-software/159880.html' >Cómo Fundido de una imagen en Paint </a></li></p></td> </tr> <tr> <td width="49%"> next ： <a class='LinkNextArticle' href='/software/presentation-software/159882.html' >Problemas en la ejecución Sony PMB software en la computadora portátil </a></li></td> </tr> </table></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> Artículos relacionados </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/159534.html" title="Cómo aplicar un estilo a una forma en PowerPoint " target="_self">Cómo aplicar un estilo a una forma en PowerPoint </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/159582.html" title="Cómo hacer un concurso flash con una sección Review " target="_self">Cómo hacer un concurso flash con una sección Review </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/159913.html" title="Cómo crear una demostración del producto con Captivate " target="_self">Cómo crear una demostración del producto con Captivat…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/160504.html" title="Cómo utilizar Lotus Freelance Graphics " target="_self">Cómo utilizar Lotus Freelance Graphics </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/159866.html" title="Office Live Presentación Alternativas " target="_self">Office Live Presentación Alternativas </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/159940.html" title="Cómo hacer una presentación de diapositivas Tutorial en Acrobat " target="_self">Cómo hacer una presentación de diapositivas Tutorial …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/159599.html" title="Cómo editar diapositivas de Keynote " target="_self">Cómo editar diapositivas de Keynote </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/159987.html" title="Cómo reinstalar Acrobat activación " target="_self">Cómo reinstalar Acrobat activación </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/159943.html" title="¿Puedo guardar la versión de prueba de Adobe Captivate " target="_self">¿Puedo guardar la versión de prueba de Adobe Captivat…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/159914.html" title="Cómo configurar un formato de MLA en Microsoft Word " target="_self">Cómo configurar un formato de MLA en Microsoft Word </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Artículos destacados </td> </tr> </table> <table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/database-software/113728.html" title="Cómo combinar filas en una fila en SQL Oracle " target="_self">Cómo combinar filas en una fila en SQL Oracle </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/digital-video-software/123916.html" title="¿Cómo hacer de proceso de gráficos " target="_self">¿Cómo hacer de proceso de gráficos </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/database-software/113842.html" title="Cómo crear múltiples informes sobre FileMaker Pro 10 " target="_self">Cómo crear múltiples informes sobre FileMaker Pro 10 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/word-processing-software/176851.html" title="Cómo guardar documentos de Office 2007 para WordPerfect " target="_self">Cómo guardar documentos de Office 2007 para WordPerfec…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/financial-software/131344.html" title="Problemas de impresión en QuickBooks Pro 2010 " target="_self">Problemas de impresión en QuickBooks Pro 2010 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/portable-document-format/156280.html" title="WPD para conversión de archivos PDF " target="_self">WPD para conversión de archivos PDF </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/microsoft-access/134275.html" title="Cómo crear una página de aplicación Web en Microsoft Access " target="_self">Cómo crear una página de aplicación Web en Microsoft…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/audio-software/106378.html" title="Cómo dividir un archivo WAV " target="_self">Cómo dividir un archivo WAV </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/file-extension-types/130400.html" title="¿Cuál es la extensión de archivo Rbs " target="_self">¿Cuál es la extensión de archivo Rbs </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/photoshop/148291.html" title="Cómo crear un tríptico Photoshop " target="_self">Cómo crear un tríptico Photoshop </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <table width="980" height="8" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90> <tr> <td class=bs height=90 align=middle>Copyright © Conocimientos Informáticos http://ordenador.wingwit.com <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>