Manual de como hacer una página web.
-
Upload
saandy-aguilaar -
Category
Education
-
view
170 -
download
3
Transcript of Manual de como hacer una página web.
Manual crea tu propia pagina
web desde Word Centro Escolar Jose Maria Morelos y Pavon
BACHILLERATO Diseñado por: Aguilar Barreda Sandra M. Cano Juárez Valeria De la Cruz Hernández Ariadne J. Ochoa Mena Jessica Poulette
Página 1
Tabla de contenido
COMIENZA TU PAGINA WEB ................................................................................................. 3
¿Cómo iniciarla? ............................................................................................................................ 3
¿Cómo agregar marcos?................................................................................................................. 4
¿Cómo guardar u pagina web como INDEX? ................................................................................... 8
Empieza a diseñar tu pagina web ................................................................................................. 10
Si la página tiene bordes en los marcos ¿Cómo los quito? ............................................................ 13
¿Cómo insertar hiperviculos a mi página web? ............................................................................. 15
Colocar un archivo PDF en un hipervínculo................................................................................... 22
Insertar un cmaptools como hipervinculo .................................................................................... 24
Como insertar una Tabla .............................................................................................................. 25
Como insertar una grafica ............................................................................................................ 26
¿Como la abrimos en internet? .................................................................................................... 27
Página 2
Manuel de cómo hacer una pagina web
El proposito de este manuel es mostrar paso a paso como hacer una pagina web con marcos y
contenido con SmartArt, un archivo PDF, Tabla y una grafica.
Página 3
COMIENZA TU PAGINA WEB
¿Cómo iniciarla? 1.- Abrimos un documento en Word y posteriormente en la parte inferior derecha seleccionamos la opción Diseño web como se muestra a
continuación
Página 4
¿Cómo agregar marcos? 1.-Después de haber seleccionado el diseño web tenemos que agregar las opciones de marcos, que se encuentran arriba en la parte superior
izquierda en la pantalla (personalizar en barra de herramientas).
2.- Selecciona la opción de más
comandos
4.- Seleccionar la opción de
todos los comandos
3.-Da clic en esta flecha
para desplegar este menú
Página 5
5.-Busca las opciones de marcos en la lista, además de la opción eliminar marco, selecciónalas, pon agregar y da en aceptar como puedes ver en
la imagen.
Te aparecerán las opciones
de marco en la parte
superior izquierda.
Página 6
6.- Ahora puedes dar clic en las opciones de marco que agregaste depende de la posición del marco que quieras. Tú página ira quedando así.
Página 7
7.- Consecutivamente tendrás que ponerle título a cada marco que hayas puesto de acuerdo a la estructura de tu página, como se muestra a
continuación.
Página 8
¿Cómo guardar u pagina web como INDEX? Ya que tienes todo lo anterior.
1.- Tendrás que guardar tu documento en la opción “Guardar como” en tu carpeta con nombre de archivo de INDEX
2.- Después deberás seleccionar la opción página web en el menú de tipo y guardas tu archivo.
Al guardarlo te deberá aparecer el
título INDEX.
Página 9
¿Despues de guardarlo como INDEX que debo hacer?
1.- Debes abrir tu carpeta donde guardaste el documento INDEX
2.-Te deberá aparecer cada uno de tus títulos de los marcos que agregaste, en carpetas y en un archivo de internet.
3.- Das clic derecho en el archivo de internet con nombre INDEX
4.- Seleccionar abrir con Microsoft Word.
Página 10
Empieza a diseñar tu pagina web Una vez que ya guardaste tu documento y lo abriste desde Word, comienza a diseñar tu página
1.-Borra los titulos que habias asignado a cada marco
2.-Inserta formas y agrega títulos a cada una de ellas asi como lo hicimos nosotras.
Página 11
3.- Agregar color de página a cada marco para darle un mejor estilo, en el menu Diseño de pagina consecutivamente en colos de pagina e eliges
el que mas te guste.
Página 12
4.- Agrega y diseña tu título como mas prefieras. (puede ser con WordArt)
Página 13
Si la página tiene bordes en los marcos ¿Cómo los quito? 1.-Coloca tu cursor en alguno de los marcos y da clic derecho para que aparezca el menú contextual
2.-Selecciona “propiedades del marco”
3.-En el menú que se despliega selecciona “sin bordes” y da clic en aceptar.
Página 14
Y así es como irá quedando tu
página
Página 15
¿Cómo insertar hiperviculos a mi página web? Ahora comenzaras a hacer tus elementos para tu página web,
en este caso agregaremos un Smart Art para despues ponerlo como hipervinculo.
1.-Abre un nuevo documento en Word con la misma opción de Diseño Web
2.- Vas al menú inserta y
buscas la opcion
SmartArt y le das clic
Página 16
4.-Diseña tu Smart Art con el contenido que quieras agregarle, en este caso pondremos a las creadoras de la pagina web.
3.- Saldra este menú y
eligiras el SmartArt que
tu quieras y le das
aceptar
Página 17
5.- Una vez que hayas terminado tu Smart Art debes guardarlo en tu carpeta donde guardaste la pagina web, agregas el nombre del archivo y en
‘’Tipo’’ pondrás pagina web.
Página 18
6.- Para agregar un hipervínculo que será el Smart Art, primero debes seleccionar la palabra o titulo al que vas a agregarlo.
7.- Después te vas al menú ‘’Insertar’’ y das clic en hipervínculo.
Página 19
Te saldrá esta ventana
8.- Buscas tu archivo que guardaste del Smart Art, lo seleccionas
Recuerda
seleccionar el
archivo web,
no la carpeta
9.- Das clic en marco de destino
Página 20
Aparecerá esta ventan
9.- Debes seleccionar el marco donde quieras que aparezca tu contenido ‘’Smart Art’’. En este caso nosotras elegimos el marco 2
10.- Activas la opción “Establecer como predeterminado para todos los hipervínculos” para que dar clic a los hipervínculos el contenido aparezca
siempre en el marco seleccionado y das aceptar.
Página 21
Una vez que esté listo tu hipervínculo aprietas Ctrl y das Clic y te daras cuenta que saldrá tu archivo ‘’Smart Art’’ en el marco seleccionado
Página 22
Colocar un archivo PDF en un hipervínculo 1.-Abre otro documento de Word para que en ese escribas el texto que posteriormente convertirás a PDF. También debes hacerlo en modo
diseño web que se encuentra en la parte inferior derecha.
Página 23
2.-Una vez que ya hayas escrito todo el texto da clic en “Guardar como” agrega el nombre de tu archivo, selecciona el menú de “tipo” para
después dar clic en PDF y lo guardas en tu carpeta donde has guardado todo desde el inicio.
Página 24
De la misma forma en la que aregamos el hipervinculo de SmartArt, insertaras este
3.- Seleccionas la palabra donde ira tu hipervinculo
Insertar un cmaptools como hipervinculo 1.-Reliza tu mapa conceptual desde cmap tools, guárdalo como imagen e
2.-insértalo en un documento de Word como imagen y guarda tu documento en la carpeta.
3.-Después agrega el hipervínculo de la misma manera que el Smart Art como se muestra en la imagen.
4.-Insertar hipervinculo eliges tu pdf y pones aceptar
Página 25
Como insertar una Tabla 1.-Abre otro documento Word en Diseño web y crea tu tabla.
2.-Lo guardas en la misma carpeta que todos tus contenidos anteriores
3.- Insertas el hipervínculo de la forma anteriormente mencionada, de igual manera al presionar Ctrl y dar clic aparecerá tu tabla en el marco
seleccionado.
Página 26
Como insertar una grafica 1.-Ahora haremos una gráfica en otro documento de word en Diseño web.
2.-Haremos los mismos pasos anteriores para guardar el archivo e insertar el hipervínculo.
Y así finalizamos nuestra pagina web.
NOTA: En este caso abrimos
nuestra página web en otra
computadora diferente a la
que usamos anteriormente
y se modificó el tamaño de
los marcos, las formas y el
título ya que la resolución
de la computadora es
diferente.
Página 27
¿Como la abrimos en internet?
Primera opcion.- Para abrirla en internet nos dirigimos a la carpeta donde la guardamos y en la primera opción damos clic directo en el archivo
INDEX que aparece con el logo de intgernet
Página 28
En la segunda opción damos clic derecho en INDEX y seleccionamos abrir con Internet Explorer.