SlideShare uma empresa Scribd logo
1 de 19
Baixar para ler offline
4° “F”
Manual para crear un Página web

BACHILLERATO
Integrantes:
#31 Limón Avilés Jorge
#33 López Flores Sergio Arturo
#47 Téllez García Luis Fernando
ÍNDICE
¿Cómo crear una página web?............................................................................................................ 1
¿Cómo poner marcos en tu página web? ....................................................................................... 2
¿Cómo diseñar tu página?............................................................................................................... 5
¿Como insertar la información en el menú correspondiente? ....................................................... 6
¿Cómo poner alguna tabla en tu página? ....................................................................................... 8
¿Cómo insertar video en tu página web? ..................................................................................... 12
Archivo de PDF. ............................................................................................................................. 16
¿Cómo crear una página web?
1. Crear carpeta, de nombre “INDEX”

Es muy
importante
desde un
inicio crear
la carpeta

Ilustración 1: Crear carpeta

2. Abrir Word, ir al menú “vistas” y seleccionar “Diseño web”

Ilustración 2: Diseño web

1
¿Cómo poner marcos en tu página web?
3. Ir al menú “Personalizar barras de herramientas de acceso rápido” y seleccionar la opción

“Más comandos”
Ilustración 3: Selección de marcos

4. Seleccionar opción “Todos los comandos”

Ilustración 4: Opción de marcos

2
5. Buscar en la lista seleccionada los siguienetes 5 marcos, agregarlos y aceptar

Ilustración 5: Marcos que se utilizan

6. Una vez seleccionados aparecerán estos 5 iconos

Ilustración 6: Barra de selección de marcos

3
7. Agregar los marcos depenediendo del diseño que se quiera obtener

NOTA: Es
recomendable
poner solo 3
marcos

Ilustración 7: Nombre de los marcos

8. Guardar este archivo en la carpeta creada al inicio,con el nombre “INDEX” y cambiar el
tipo de archivo a “página web (html)”

NOTA: Es
de suma
importan
cia
guardar
el archivo
con el
nombre
indicado

Ilustración 8: Nombre de la carpeta

4
¿Cómo diseñar tu página?
9. Ir al menú “Diseño de página” y seleccionar el colo de página de tu agrado

Ilustración 9: Diseño de página web

10. Ir al menú “Insertar” y escoger el tipo de forma que gustes para el menú de tu página

Ilustración 10: Diseño de Menú

5
11. Escribir le texto dentro de la forma que elegiste para tu menú

Ilustración 11: Nombre del menú

12. Escribir el texto de la página principal

¿Como insertar la información en el menú correspondiente?

Ilustración 12: Insertar información

6
13. Abrir otro documento en word, escrbir la informacón del primer menú y seleccionar el
icono de “Diseño web”

Ilustración 13: de word a página web

7
14. Diseñar la página de acuerdo a tu gusto

Ilustración 14: Diseño de tu pagina web

¿Cómo poner alguna tabla en tu página?
15. Puedes poner alguna tabla en el menú “Insertar Tabla”

Ilustración 15: Insertar tabla

8
16. Guardar el documento con el mismo nombre que aparece en el menú, cambiando el tipo
de archivo a “Página web html”, en la carpeta creada al inicio

Ilustración 16: Como guardar los documentos

17. Se puede poner un “Smart Art” en el menú “insertar smartart”

Ilustración 17: Insertar smartArt

9
18. También se puede agregar una gráfica en el menú “insetar Gráfica”

Ilustración 18: Insertar gráfica

19. Para insertar un hipervinculo seleccionar el menú correspondiente, dar cick derecho e ir a
“hipervinculo”

Ilustración 19: Poner hipervínculos

10
20. Una vez abierto el menú correspondiente seleccionar el archivo al que se quiera tener
acceso

Ilustración 20: Seleccionar el archivo de acceso

21. Iremos a marco de destino y seleccionamos la opciòn del centro para que ahì aparezca la
informaciòn y damos en aceptar.

Ilustración 21: Seleccionar el marco correspondiente

NOTA: Es de
mucha
importancia
seleccionar la
opción “ marco de
destino”

11
¿Cómo insertar video en tu página web?

Ilustración 22: Insertar video

12
22. Es importante tener el video en la misma carpeta que todos los documentos para tu
página web

Ilustración 23: insertar el video en la carpeta de página web

23. Abrir el documento donde se quiera inserta el video en “Bloc de notas”

Ilustración 24: abrir bloc de notas

13
24. Buscar en la parte inferior la parte “</body> </html> “

Ilustración 25: Insertar clave de video

25. Abrir tu página en internet explorer y si aparece este aviso dale click en “Permitir
contenido bloqueado…”

Ilustración 26: Insertar video en el archivo que gustes

14
26. Escribir entre los dos caracteres anteriores la siguiente fórmula “<embed src=(escribir
entre comillas el nombre del video seguido del formato que tenga) width=(el ancho del
video que aparezca en la pantalla) heigth=(la altura del video que aparezca en la
pantalla)>

Ilustración 27: Insertar los caracteres del video

15
27. Si realizaste correctamente el procedimiento tu video debe aparecer en tu página web

Ilustración 28: Como quedo el video

Archivo de PDF.
28. Debes guardar tu archivo y convertirlo a “PDF”

Ilustración 29: Insertar un PDF

16
Índice De Ilustraciones
Ilustración 1: Crear carpeta ................................................................................................................. 1
Ilustración 2: Diseño web .................................................................................................................... 1
Ilustración 3: Selección de marcos ...................................................................................................... 2
Ilustración 4: Opción de marcos.......................................................................................................... 2
Ilustración 5: Marcos que se utilizan................................................................................................... 3
Ilustración 6: Barra de selección de marcos........................................................................................ 3
Ilustración 7: Nombre de los marcos .................................................................................................. 4
Ilustración 8: Nombre de la carpeta.................................................................................................... 4
Ilustración 9: Diseño de página web ................................................................................................... 5
Ilustración 10: Diseño de Menú .......................................................................................................... 5
Ilustración 11: Nombre del menú ....................................................................................................... 6
Ilustración 12: Insertar información.................................................................................................... 6
Ilustración 13:de word a pagina web .................................................................................................. 7
Ilustración 14: Diseño de tu pagina web ............................................................................................. 8
Ilustración 15: Insertar tabla ............................................................................................................... 8
Ilustración 16: Como guardar los documentos ................................................................................... 9
Ilustración 17: Insertar smartArt ......................................................................................................... 9
Ilustración 18: Insertar gráfica .......................................................................................................... 10
Ilustración 19: Poner hipervínculos................................................................................................... 10
Ilustración 20: Seleccionar el archivo de acceso ............................................................................... 11
Ilustración 21: Seleccionar el marco correspondiente...................................................................... 11
Ilustración 22: Insertar video ............................................................................................................ 12
Ilustración 23: insertar el video en la carpeta de página web .......................................................... 13
Ilustración 24: abrir bloc de notas .................................................................................................... 13
Ilustración 25: Insertar clave de video .............................................................................................. 14
Ilustración 26: Insertar video en el archivo que gustes .................................................................... 14
Ilustración 27: Insertar los caracteres del video ............................................................................... 15
Ilustración 28: Como quedo el video ................................................................................................ 16
Ilustración 29: Insertar un PDF .......................................................................................................... 16

17

Mais conteúdo relacionado

Mais procurados

Manual informatica equippdf
Manual informatica equippdfManual informatica equippdf
Manual informatica equippdfsaul44
 
Manual para crear páginas web en word 2010
Manual para crear páginas web en word 2010Manual para crear páginas web en word 2010
Manual para crear páginas web en word 2010Yescas16
 
Crear un proyecto de sitio web y una pagina web
Crear un proyecto de sitio web y una pagina webCrear un proyecto de sitio web y una pagina web
Crear un proyecto de sitio web y una pagina webMarvin Portillo
 
Manual para crear una pagina web en microsoft word
Manual para crear una pagina web en microsoft wordManual para crear una pagina web en microsoft word
Manual para crear una pagina web en microsoft wordEagelddr
 
07 Introduccion A Linux. Aplicaciones De Red
07 Introduccion A Linux. Aplicaciones De Red07 Introduccion A Linux. Aplicaciones De Red
07 Introduccion A Linux. Aplicaciones De RedJosé M. Padilla
 
Practicas de-dreamweaver
Practicas de-dreamweaverPracticas de-dreamweaver
Practicas de-dreamweaverOliver Martinez
 
Manual de office pdf lopez de la cruz
Manual de office pdf lopez de la cruzManual de office pdf lopez de la cruz
Manual de office pdf lopez de la cruzjosuedlacruz
 

Mais procurados (7)

Manual informatica equippdf
Manual informatica equippdfManual informatica equippdf
Manual informatica equippdf
 
Manual para crear páginas web en word 2010
Manual para crear páginas web en word 2010Manual para crear páginas web en word 2010
Manual para crear páginas web en word 2010
 
Crear un proyecto de sitio web y una pagina web
Crear un proyecto de sitio web y una pagina webCrear un proyecto de sitio web y una pagina web
Crear un proyecto de sitio web y una pagina web
 
Manual para crear una pagina web en microsoft word
Manual para crear una pagina web en microsoft wordManual para crear una pagina web en microsoft word
Manual para crear una pagina web en microsoft word
 
07 Introduccion A Linux. Aplicaciones De Red
07 Introduccion A Linux. Aplicaciones De Red07 Introduccion A Linux. Aplicaciones De Red
07 Introduccion A Linux. Aplicaciones De Red
 
Practicas de-dreamweaver
Practicas de-dreamweaverPracticas de-dreamweaver
Practicas de-dreamweaver
 
Manual de office pdf lopez de la cruz
Manual de office pdf lopez de la cruzManual de office pdf lopez de la cruz
Manual de office pdf lopez de la cruz
 

Destaque

2016-09-15 Consumer Protection Trends Challenges
2016-09-15 Consumer Protection Trends Challenges2016-09-15 Consumer Protection Trends Challenges
2016-09-15 Consumer Protection Trends ChallengesAhmed Qadir
 
Outcome of Board Meeting dated May 3, 2016
Outcome of Board Meeting dated May 3, 2016 Outcome of Board Meeting dated May 3, 2016
Outcome of Board Meeting dated May 3, 2016 JindalSteels
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Bruno Fernandes "PorKaria"
 
Como ganhar dinheiro com seu blog
Como ganhar dinheiro com seu blogComo ganhar dinheiro com seu blog
Como ganhar dinheiro com seu blogKenneth Corrêa
 
Fundamentos de Windows 7
Fundamentos de Windows 7Fundamentos de Windows 7
Fundamentos de Windows 7annitada
 
Web quest
Web questWeb quest
Web questpeyper
 
Der civil der de sucecion
Der civil   der de sucecionDer civil   der de sucecion
Der civil der de suceciongabo altair
 
Čeljust_v8_US_desna.PDF
Čeljust_v8_US_desna.PDFČeljust_v8_US_desna.PDF
Čeljust_v8_US_desna.PDFIgor Felc
 
Presentatie Bart Vermandere Museumdag Provincie West-Vlaanderen 2016
Presentatie Bart Vermandere Museumdag Provincie West-Vlaanderen 2016Presentatie Bart Vermandere Museumdag Provincie West-Vlaanderen 2016
Presentatie Bart Vermandere Museumdag Provincie West-Vlaanderen 2016Elien Doesselaere
 
Estresse farmacologico na cintilografia do miocardio
Estresse farmacologico na cintilografia do miocardioEstresse farmacologico na cintilografia do miocardio
Estresse farmacologico na cintilografia do miocardioJoao Bruno Oliveira
 
MIXvoip - Made in Luxembourg
MIXvoip - Made in LuxembourgMIXvoip - Made in Luxembourg
MIXvoip - Made in LuxembourgPascal Knebler
 

Destaque (20)

2016-09-15 Consumer Protection Trends Challenges
2016-09-15 Consumer Protection Trends Challenges2016-09-15 Consumer Protection Trends Challenges
2016-09-15 Consumer Protection Trends Challenges
 
Outcome of Board Meeting dated May 3, 2016
Outcome of Board Meeting dated May 3, 2016 Outcome of Board Meeting dated May 3, 2016
Outcome of Board Meeting dated May 3, 2016
 
Edifício inteligente
Edifício inteligenteEdifício inteligente
Edifício inteligente
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011
 
E class
E classE class
E class
 
Segmentación en facebook
Segmentación en facebookSegmentación en facebook
Segmentación en facebook
 
Reporte windows
Reporte windowsReporte windows
Reporte windows
 
Word basico 2010
Word basico 2010Word basico 2010
Word basico 2010
 
Proyecto de vida
Proyecto de vidaProyecto de vida
Proyecto de vida
 
Como ganhar dinheiro com seu blog
Como ganhar dinheiro com seu blogComo ganhar dinheiro com seu blog
Como ganhar dinheiro com seu blog
 
Fundamentos de Windows 7
Fundamentos de Windows 7Fundamentos de Windows 7
Fundamentos de Windows 7
 
Web quest
Web questWeb quest
Web quest
 
SUSHMITA GUDIMELLA CV
SUSHMITA GUDIMELLA CVSUSHMITA GUDIMELLA CV
SUSHMITA GUDIMELLA CV
 
Der civil der de sucecion
Der civil   der de sucecionDer civil   der de sucecion
Der civil der de sucecion
 
Čeljust_v8_US_desna.PDF
Čeljust_v8_US_desna.PDFČeljust_v8_US_desna.PDF
Čeljust_v8_US_desna.PDF
 
Presentatie Bart Vermandere Museumdag Provincie West-Vlaanderen 2016
Presentatie Bart Vermandere Museumdag Provincie West-Vlaanderen 2016Presentatie Bart Vermandere Museumdag Provincie West-Vlaanderen 2016
Presentatie Bart Vermandere Museumdag Provincie West-Vlaanderen 2016
 
Tic`s
Tic`sTic`s
Tic`s
 
Estresse farmacologico na cintilografia do miocardio
Estresse farmacologico na cintilografia do miocardioEstresse farmacologico na cintilografia do miocardio
Estresse farmacologico na cintilografia do miocardio
 
Ficha de mis compañero
Ficha de mis compañeroFicha de mis compañero
Ficha de mis compañero
 
MIXvoip - Made in Luxembourg
MIXvoip - Made in LuxembourgMIXvoip - Made in Luxembourg
MIXvoip - Made in Luxembourg
 

Semelhante a Manual informatica

Semelhante a Manual informatica (20)

Manual de pagina web
Manual de pagina webManual de pagina web
Manual de pagina web
 
Manual
ManualManual
Manual
 
Manual de como crear una página web en word.
Manual de como crear una página web en word.Manual de como crear una página web en word.
Manual de como crear una página web en word.
 
Manual x d
Manual x dManual x d
Manual x d
 
Manual x d
Manual x dManual x d
Manual x d
 
Manual x d
Manual x dManual x d
Manual x d
 
Manual Pagina web enword
Manual Pagina web enwordManual Pagina web enword
Manual Pagina web enword
 
Manual x d listo
Manual x d listoManual x d listo
Manual x d listo
 
Manual x d listo
Manual x d listoManual x d listo
Manual x d listo
 
Manual de pagina web desde word
Manual de pagina web  desde wordManual de pagina web  desde word
Manual de pagina web desde word
 
Manual para pagina Web en Word
Manual para pagina Web en  WordManual para pagina Web en  Word
Manual para pagina Web en Word
 
Manual pagina web en word
Manual pagina web en wordManual pagina web en word
Manual pagina web en word
 
Manual pagina web en word
Manual pagina web en wordManual pagina web en word
Manual pagina web en word
 
Manual como hacer una pagina web en word
Manual como hacer una pagina web  en word Manual como hacer una pagina web  en word
Manual como hacer una pagina web en word
 
Manual x d como hacer una página web en word
Manual x d como hacer una página web en wordManual x d como hacer una página web en word
Manual x d como hacer una página web en word
 
Manual wikispaces
Manual wikispacesManual wikispaces
Manual wikispaces
 
Manual de pagina web en word
Manual de pagina web en wordManual de pagina web en word
Manual de pagina web en word
 
Manual de pagina web en word
Manual de pagina web en wordManual de pagina web en word
Manual de pagina web en word
 
Manual x d como hacer una página web en word
Manual x d como hacer una página web en wordManual x d como hacer una página web en word
Manual x d como hacer una página web en word
 
Manual x d como hacer una página web en word
Manual x d como hacer una página web en wordManual x d como hacer una página web en word
Manual x d como hacer una página web en word
 

Último

1° GRADO UNIDAD DE APRENDIZAJE 0 - 2024.pdf
1° GRADO UNIDAD DE APRENDIZAJE 0 - 2024.pdf1° GRADO UNIDAD DE APRENDIZAJE 0 - 2024.pdf
1° GRADO UNIDAD DE APRENDIZAJE 0 - 2024.pdfdiana593621
 
Tecnología educativa en la era actual .pptx
Tecnología educativa en la era actual .pptxTecnología educativa en la era actual .pptx
Tecnología educativa en la era actual .pptxJulioSantin2
 
Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023Ivie
 
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacionUNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacionCarolVigo1
 
La poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didáctica
La poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didácticaLa poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didáctica
La poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didácticaIGNACIO BALLESTER PARDO
 
Escrito administrativo técnico y comerciales
Escrito administrativo técnico y comercialesEscrito administrativo técnico y comerciales
Escrito administrativo técnico y comercialesmelanieteresacontrer
 
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...Unidad de Espiritualidad Eudista
 
GUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdf
GUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdfGUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdf
GUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdfNELLYKATTY
 
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdfceeabarcia
 
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTOCIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTOCEIP TIERRA DE PINARES
 
Anuncio de Remitido Colegio SEK a la comunidad pública
Anuncio de Remitido Colegio SEK a la comunidad públicaAnuncio de Remitido Colegio SEK a la comunidad pública
Anuncio de Remitido Colegio SEK a la comunidad públicaIvannaMaciasAlvarez
 
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCEROCIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCEROCEIP TIERRA DE PINARES
 
Presentación: Actividad de Diálogos adolescentes.pptx
Presentación: Actividad de  Diálogos adolescentes.pptxPresentación: Actividad de  Diálogos adolescentes.pptx
Presentación: Actividad de Diálogos adolescentes.pptxNabel Paulino Guerra Huaranca
 
Los escritos administrativos, técnicos y comerciales
Los escritos administrativos, técnicos y comercialesLos escritos administrativos, técnicos y comerciales
Los escritos administrativos, técnicos y comercialeshanda210618
 
Tema 4 Rocas sedimentarias, características y clasificación
Tema 4 Rocas sedimentarias, características y clasificaciónTema 4 Rocas sedimentarias, características y clasificación
Tema 4 Rocas sedimentarias, características y clasificaciónIES Vicent Andres Estelles
 
TECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptx
TECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptxTECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptx
TECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptxFranciscoCruz296518
 
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍAPROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍAJoaqunSolrzano
 

Último (20)

1° GRADO UNIDAD DE APRENDIZAJE 0 - 2024.pdf
1° GRADO UNIDAD DE APRENDIZAJE 0 - 2024.pdf1° GRADO UNIDAD DE APRENDIZAJE 0 - 2024.pdf
1° GRADO UNIDAD DE APRENDIZAJE 0 - 2024.pdf
 
Tecnología educativa en la era actual .pptx
Tecnología educativa en la era actual .pptxTecnología educativa en la era actual .pptx
Tecnología educativa en la era actual .pptx
 
Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023
 
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacionUNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
 
La poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didáctica
La poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didácticaLa poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didáctica
La poesía del encarcelamiento de Raúl Zurita en el aula: una propuesta didáctica
 
Tema 5.- BASES DE DATOS Y GESTIÓN DE LA INF. PARA EL MARKETING.pdf
Tema 5.- BASES DE DATOS Y GESTIÓN DE LA INF. PARA EL MARKETING.pdfTema 5.- BASES DE DATOS Y GESTIÓN DE LA INF. PARA EL MARKETING.pdf
Tema 5.- BASES DE DATOS Y GESTIÓN DE LA INF. PARA EL MARKETING.pdf
 
Escrito administrativo técnico y comerciales
Escrito administrativo técnico y comercialesEscrito administrativo técnico y comerciales
Escrito administrativo técnico y comerciales
 
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
 
GUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdf
GUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdfGUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdf
GUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdf
 
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
 
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTOCIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
 
Anuncio de Remitido Colegio SEK a la comunidad pública
Anuncio de Remitido Colegio SEK a la comunidad públicaAnuncio de Remitido Colegio SEK a la comunidad pública
Anuncio de Remitido Colegio SEK a la comunidad pública
 
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCEROCIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
 
Presentación: Actividad de Diálogos adolescentes.pptx
Presentación: Actividad de  Diálogos adolescentes.pptxPresentación: Actividad de  Diálogos adolescentes.pptx
Presentación: Actividad de Diálogos adolescentes.pptx
 
Los escritos administrativos, técnicos y comerciales
Los escritos administrativos, técnicos y comercialesLos escritos administrativos, técnicos y comerciales
Los escritos administrativos, técnicos y comerciales
 
Power Point E. Sab: Adoración sin fin...
Power Point E. Sab: Adoración sin fin...Power Point E. Sab: Adoración sin fin...
Power Point E. Sab: Adoración sin fin...
 
Actividad de bienestar docente 2016 Pereira
Actividad de bienestar docente 2016 PereiraActividad de bienestar docente 2016 Pereira
Actividad de bienestar docente 2016 Pereira
 
Tema 4 Rocas sedimentarias, características y clasificación
Tema 4 Rocas sedimentarias, características y clasificaciónTema 4 Rocas sedimentarias, características y clasificación
Tema 4 Rocas sedimentarias, características y clasificación
 
TECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptx
TECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptxTECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptx
TECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptx
 
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍAPROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
 

Manual informatica

  • 1. 4° “F” Manual para crear un Página web BACHILLERATO Integrantes: #31 Limón Avilés Jorge #33 López Flores Sergio Arturo #47 Téllez García Luis Fernando
  • 2. ÍNDICE ¿Cómo crear una página web?............................................................................................................ 1 ¿Cómo poner marcos en tu página web? ....................................................................................... 2 ¿Cómo diseñar tu página?............................................................................................................... 5 ¿Como insertar la información en el menú correspondiente? ....................................................... 6 ¿Cómo poner alguna tabla en tu página? ....................................................................................... 8 ¿Cómo insertar video en tu página web? ..................................................................................... 12 Archivo de PDF. ............................................................................................................................. 16
  • 3. ¿Cómo crear una página web? 1. Crear carpeta, de nombre “INDEX” Es muy importante desde un inicio crear la carpeta Ilustración 1: Crear carpeta 2. Abrir Word, ir al menú “vistas” y seleccionar “Diseño web” Ilustración 2: Diseño web 1
  • 4. ¿Cómo poner marcos en tu página web? 3. Ir al menú “Personalizar barras de herramientas de acceso rápido” y seleccionar la opción “Más comandos” Ilustración 3: Selección de marcos 4. Seleccionar opción “Todos los comandos” Ilustración 4: Opción de marcos 2
  • 5. 5. Buscar en la lista seleccionada los siguienetes 5 marcos, agregarlos y aceptar Ilustración 5: Marcos que se utilizan 6. Una vez seleccionados aparecerán estos 5 iconos Ilustración 6: Barra de selección de marcos 3
  • 6. 7. Agregar los marcos depenediendo del diseño que se quiera obtener NOTA: Es recomendable poner solo 3 marcos Ilustración 7: Nombre de los marcos 8. Guardar este archivo en la carpeta creada al inicio,con el nombre “INDEX” y cambiar el tipo de archivo a “página web (html)” NOTA: Es de suma importan cia guardar el archivo con el nombre indicado Ilustración 8: Nombre de la carpeta 4
  • 7. ¿Cómo diseñar tu página? 9. Ir al menú “Diseño de página” y seleccionar el colo de página de tu agrado Ilustración 9: Diseño de página web 10. Ir al menú “Insertar” y escoger el tipo de forma que gustes para el menú de tu página Ilustración 10: Diseño de Menú 5
  • 8. 11. Escribir le texto dentro de la forma que elegiste para tu menú Ilustración 11: Nombre del menú 12. Escribir el texto de la página principal ¿Como insertar la información en el menú correspondiente? Ilustración 12: Insertar información 6
  • 9. 13. Abrir otro documento en word, escrbir la informacón del primer menú y seleccionar el icono de “Diseño web” Ilustración 13: de word a página web 7
  • 10. 14. Diseñar la página de acuerdo a tu gusto Ilustración 14: Diseño de tu pagina web ¿Cómo poner alguna tabla en tu página? 15. Puedes poner alguna tabla en el menú “Insertar Tabla” Ilustración 15: Insertar tabla 8
  • 11. 16. Guardar el documento con el mismo nombre que aparece en el menú, cambiando el tipo de archivo a “Página web html”, en la carpeta creada al inicio Ilustración 16: Como guardar los documentos 17. Se puede poner un “Smart Art” en el menú “insertar smartart” Ilustración 17: Insertar smartArt 9
  • 12. 18. También se puede agregar una gráfica en el menú “insetar Gráfica” Ilustración 18: Insertar gráfica 19. Para insertar un hipervinculo seleccionar el menú correspondiente, dar cick derecho e ir a “hipervinculo” Ilustración 19: Poner hipervínculos 10
  • 13. 20. Una vez abierto el menú correspondiente seleccionar el archivo al que se quiera tener acceso Ilustración 20: Seleccionar el archivo de acceso 21. Iremos a marco de destino y seleccionamos la opciòn del centro para que ahì aparezca la informaciòn y damos en aceptar. Ilustración 21: Seleccionar el marco correspondiente NOTA: Es de mucha importancia seleccionar la opción “ marco de destino” 11
  • 14. ¿Cómo insertar video en tu página web? Ilustración 22: Insertar video 12
  • 15. 22. Es importante tener el video en la misma carpeta que todos los documentos para tu página web Ilustración 23: insertar el video en la carpeta de página web 23. Abrir el documento donde se quiera inserta el video en “Bloc de notas” Ilustración 24: abrir bloc de notas 13
  • 16. 24. Buscar en la parte inferior la parte “</body> </html> “ Ilustración 25: Insertar clave de video 25. Abrir tu página en internet explorer y si aparece este aviso dale click en “Permitir contenido bloqueado…” Ilustración 26: Insertar video en el archivo que gustes 14
  • 17. 26. Escribir entre los dos caracteres anteriores la siguiente fórmula “<embed src=(escribir entre comillas el nombre del video seguido del formato que tenga) width=(el ancho del video que aparezca en la pantalla) heigth=(la altura del video que aparezca en la pantalla)> Ilustración 27: Insertar los caracteres del video 15
  • 18. 27. Si realizaste correctamente el procedimiento tu video debe aparecer en tu página web Ilustración 28: Como quedo el video Archivo de PDF. 28. Debes guardar tu archivo y convertirlo a “PDF” Ilustración 29: Insertar un PDF 16
  • 19. Índice De Ilustraciones Ilustración 1: Crear carpeta ................................................................................................................. 1 Ilustración 2: Diseño web .................................................................................................................... 1 Ilustración 3: Selección de marcos ...................................................................................................... 2 Ilustración 4: Opción de marcos.......................................................................................................... 2 Ilustración 5: Marcos que se utilizan................................................................................................... 3 Ilustración 6: Barra de selección de marcos........................................................................................ 3 Ilustración 7: Nombre de los marcos .................................................................................................. 4 Ilustración 8: Nombre de la carpeta.................................................................................................... 4 Ilustración 9: Diseño de página web ................................................................................................... 5 Ilustración 10: Diseño de Menú .......................................................................................................... 5 Ilustración 11: Nombre del menú ....................................................................................................... 6 Ilustración 12: Insertar información.................................................................................................... 6 Ilustración 13:de word a pagina web .................................................................................................. 7 Ilustración 14: Diseño de tu pagina web ............................................................................................. 8 Ilustración 15: Insertar tabla ............................................................................................................... 8 Ilustración 16: Como guardar los documentos ................................................................................... 9 Ilustración 17: Insertar smartArt ......................................................................................................... 9 Ilustración 18: Insertar gráfica .......................................................................................................... 10 Ilustración 19: Poner hipervínculos................................................................................................... 10 Ilustración 20: Seleccionar el archivo de acceso ............................................................................... 11 Ilustración 21: Seleccionar el marco correspondiente...................................................................... 11 Ilustración 22: Insertar video ............................................................................................................ 12 Ilustración 23: insertar el video en la carpeta de página web .......................................................... 13 Ilustración 24: abrir bloc de notas .................................................................................................... 13 Ilustración 25: Insertar clave de video .............................................................................................. 14 Ilustración 26: Insertar video en el archivo que gustes .................................................................... 14 Ilustración 27: Insertar los caracteres del video ............................................................................... 15 Ilustración 28: Como quedo el video ................................................................................................ 16 Ilustración 29: Insertar un PDF .......................................................................................................... 16 17