Los sitios web más básicas tendrán una barra de título , barra de navegación con pestañas a distintas páginas web y una sección de contenido. Hacer un sitio web con Adobe Illustrator es uno de los programas de software más fácil de usar . Hay numerosas aplicaciones de diseño que usted puede elegir y los fundamentos son fáciles de entender. Usted usará gráficos vectoriales simples para la creación de un sitio web en Illustrator. Los gráficos vectoriales son diseños que utilizan puntos, líneas, curvas y formas para crear imágenes en lugar de gráficos de trama que utilizan píxeles, como en Adobe Photoshop. Instrucciones
Creación de una carpeta raíz y configuración de Dreamweaver
1

Crear una carpeta en el escritorio. Para ello, haga clic derecho en el escritorio y seleccione " Nueva carpeta " en el menú desplegable. Esta será la carpeta raíz . Nombre de la carpeta lo que quieras.
2

abierto Dreamweaver, haga clic en " Site " en la parte superior y seleccione " Nuevo Sitio ". El menú de definición de sitio se abrirá y te llevará a través de los pasos necesarios para crear un sitio en Dreamweaver.
3

Nombre su sitio en el campo designado. Usted no tiene que preocuparse por llenar en el campo de dirección URL. Después de que el nombre de su sitio , haga clic en "Siguiente ".
4

Establezca este ajuste siguiente en "No , yo no quiero utilizar una tecnología de servidor . " Haga clic en " Siguiente" para pasar al siguiente grupo de ajustes.
5

Elige " Editar copias locales en mi máquina, luego subirlo al servidor ( por Internet ) cuando esté listo. " A continuación, haga clic en el icono de la carpeta y, a continuación , en el menú que se abre encontrar la carpeta raíz , seleccione y haga clic en "Elegir ". Cuando lo hayas hecho clic en " Siguiente" para ir al siguiente paso.
6

Seleccione " None" para la forma en que desea conectar con el servidor remoto. Haga clic en Siguiente después de ajustar esta configuración. Haga clic en " Done " después de revisar la configuración.
Diseño de la Página Web en Illustrator
7

Abra Adobe Illustrator y haga clic en "Crear nuevo documento Web. " No es necesario ajustar cualquiera de las configuraciones, así que haga clic en "Aceptar " para continuar.
8

Diseño de una página simple " hogar" para su sitio web mediante el uso de la barra de herramientas. Crear sólo una barra de título , la barra de navegación y un área para su contenido. Usted puede hacer esto mediante el uso de la herramienta de rectángulo y la herramienta Texto . En la barra de navegación , crear fichas sub categoría para desplazarse a distintas páginas. Por ejemplo, si usted tiene un sitio web para un restaurante, puede configurar las pestañas categoría sub para el hogar, platos principales y postres .
9

Seleccione la herramienta "Slice " de su barra de herramientas una vez que haya los elementos básicos para su sitio web diseñado. Creación de la primera rebanada dibujando una caja alrededor de su área de título . Repita esto con su área de barra de navegación y el área de contenido.
10

Cambiar al " Seleccionar sector " herramienta. Se muestra si se mantiene el botón del ratón sobre la herramienta de corte . Haga doble clic en el trozo del título. Cuando se abra el menú " Opciones de sector " , nombre de su rebanada y después haga clic en " Aceptar". Repita este paso con la barra de navegación y la rebanada del área del sector de contenido.
11

Ir al menú Archivo y elegir la opción " Guardar para Web y dispositivos . " Puede seleccionar si desea guardar las imágenes en formato GIF o JPEG . Haga clic en " Guardar".
12

Elija "Otros ... " En el Guardar optimizada como menú. Esto se puede encontrar en las rebanadas menú desplegable . Usted recibirá un menú que se abre con opciones de guardar .
13

cambio de " HTML" a " Slices " en el menú de configuración de salida. Este menú desplegable es el segundo de la parte superior . Después de elegir " Slices ", cambie el ajuste para "Generar CSS. "
14

Cambiar el color de fondo en "Ninguno " en el menú de contexto . Haga clic en " Aceptar". Ajuste " Formato" para "HTML e imágenes. " Cambia tus "Configuración" a " todos los sectores de usuario . "
15

Cambie el nombre del archivo a " index" en el saque como sección. Establecer el lugar donde lo salvó de que la carpeta raíz que creó en la primera sección. Haga clic en " Guardar" cuando hayas hecho esto.
Acabado su sitio Web en Dreamweaver
16

abierto Dreamweaver , elija "Archivo > Abrir " y abra su index.html archivo que ha exportado desde Illustrator. Usted debe ser capaz de encontrar esta en la carpeta raíz.
17

Dar su página web un título. En la parte superior de la página, podrá encontrar un área para un título. Coloque el nombre de la página que está trabajando en esta sección. Por ejemplo , si usted está trabajando en su sitio web , usted tendrá que poner " casa" en el área de título .
18

Crear un enlace punto de acceso para su navegación , haga clic en su rebanada de navegación. En la parte inferior , haga clic en la herramienta de azul el mapa hotspot y dibujar un cuadro alrededor de la primera ficha de la barra de navegación. Coloque el nombre del archivo HTML que desea vincular en el cuadro de enlace. Por ejemplo , si dibuja un cuadro alrededor de la ficha Inicio , podría escribir "index.html " en la caja de enlace. También debe asegurarse de que le des un nombre alternativo para los navegadores de los usuarios ciegos y sordos pueden leer el enlace en voz alta o escribir en Braille. En la sección tipo casa alt .
19

Repita este paso para cada una de las pestañas barra de navegación . Por ejemplo , si su siguiente pestaña barra de navegación es para los entrantes , que le dibuje un cuadro alrededor de la pestaña , escribe " entrees.html " en la caja de conexión y escriba " entradas " en la caja de alt .
20

Enlace tu barra de título y de su área de contenido sin necesidad de crear un punto de acceso . Para ello, haga clic en la imagen y luego añadir el nombre del código HTML que desea vincular en el área de enlace. Por ejemplo , la barra de título estaría vinculada a " index.html ". Asegúrese de que el área de la frontera dice " 0 ".
21

Ir a "Archivo > Guardar". Esta será la página principal de su sitio y la base para todas las demás páginas HTML de su sitio así .
22

Cambie la propiedad de título en la parte superior del índice a lo que la siguiente página en su sitio web va a ser.
23

Elija "Archivo > Guardar como " y el nombre del archivo " entrees.html . " El nombre debe estar en minúsculas y no tiene espacios.
24

Repita estos pasos para todas las páginas restantes. Una forma fácil de ver esto es simplemente mirar a cada una de las pestañas barra de navegación . Cada ficha tendrá una página Web independiente designada para ello.
25

comprobar los vínculos , haga clic en la imagen de un globo en la parte superior de la pantalla. Esto le mostrará exactamente cómo su sitio web se verá una vez subido a un sitio web .