SlideShare a Scribd company logo
1 of 15
Download to read offline
INFORMATICA
4° “F”

Mi primera página web

David Ricardo Eliosa Coyotzi N.L 17
Alberto Guzmán Pérez N.L27
Christian Eric López Garzón N.L 34

Página 0
¿Cómo hacer una carpeta? ................................................................................................................. 1
¿Como convertir de diseño de impresión a Pagina web? ............................................................... 1
¿Cómo personalizar la barra de herramientas de accesos rápidos?.............................................. 2
¿Cómo agregar marco? ................................................................................................................... 3
¿Cómo poner los marcos en la página? ......................................................................................... 4
Guardar el archivo en HTML ........................................................................................................... 5
¿Cómo agregar formas en la página?.............................................................................................. 6
¿Cómo agregar texto en las formas? .............................................................................................. 7
¿Cómo abrir otra página en blanco? ............................................................................................... 7
¿Cómo hacer un texto en HTML? .................................................................................................... 8
¿Cómo hacer un Smart art para página web? ................................................................................. 9
¿Cómo poner una imagen en un texto?........................................................................................ 10
¿Cómo poner un hipervínculo? ..................................................................................................... 11
Página principal ............................................................................................................................. 12
Terminaste tu página web............................................................................................................. 13
¿Cómo hacer una
carpeta?
Crear una carpeta con el
nombre de pagina web y es
donde van almacenar todo el
proceso para ser la página
web.

¿Como convertir de diseño de impresión a Pagina web?

Después tendrás que buscar el
icono de diseño web que se
encuentra en la parte inferior
derecha y le das clic.

[Escriba texto]

Página 1
¿Cómo personalizar la barra de herramientas de accesos rápidos?
Para poder personalizar
nuestra barra de acceso
rápido debemos de irnos al
icono de la flecha que se
encuentra en la parte
superior de la página de
Word , le das clic y te saldrá
varias opciones donde debes
de buscar la opción de ”Mas
comando” y le das un clic.

Página 2
¿Cómo agregar marco?
Te saldrá las opciones de Word , Buscas una
opción llamada “Comandos disponibles en “
en esta opción deberás darle clic en la flechita
azul y tendrás que buscar una opción que
diga “Todos los comandos” después tendrás
que buscar “ Marcos nuevo a la derecha ,
izquierda , arriba , abajo “ le das agregar a
cada uno y se deben de poner en el cuadro
que sale a la derecha, después buscaras
“Eliminar marco” y lo agregas de la misma
forma y le das aceptar y te deben de salir las
opciones que seleccionaste en la parte
superior de la página de Word .

Página 3
¿Cómo poner los marcos en la
página?
Para agregar los marcos deberás darle clic a
cada uno de ellos para hacer el diseño a tu
conveniencia de preferencia deberás agregar
tres marcos.
Después tendrás que asignarle nombre a tus
marcos para que después cuando los
guardemos tengan asignados cada uno de
ellos carpeta con su nombre

Página 4
Guardar el archivo en HTML
Primero deberás guardar el archivo en la
carpeta que le asignamos el nombre al
principio que la asignamos con el
nombre de” Index” después debes de
encontrar la opción de “Guardas como
tipo “ le das un clic a la flecha y tendras
que buscar “Pagina web” le das un clic y
ya lo puedes guardas en un archivo
HTML.
-Después que ya guardaste el archivo lo
buscas en la carpeta y lo subrayas le das
un clic derecho y te salen opciones le
das clic a “Abrir con” y seleccionas
Microsoft Word y podras realizar ya la
pagina .

Página 5
¿Cómo agregar formas en
la página?
En este momento de la página
web te enseñaremos a ponerles
formas en la primer marco y
colores en las formas y fondo
-Te vas en la parte donde dice
inserta de ahí encontraras un
icono llamado “Formas” y puedes
escoger el que mas le guste.
-Ya cuando tienes la forma hecha
en el marco le podemos asignar
colores esto se puede dándole un
click en la forma y te saldrá tres
espacios con diferentes colores
donde tu puedes asignar el que
quieran.
-También le puede dar color al
fondo de tu pagina en la parte de
hasta arriba encontraras un
nombre llamado “Diseño de
pagina y de ahí encontraras Fondo
de pagina, donde le darás click en
“Color de pagina”

Página 6
¿Cómo agregar texto en las
formas?
Para poder escribir en la formas que
escogiste le darás click derecho y te saldrá
Opciones y ahí encontraras la opción de
“Agregar texto” le das click y podrás
escribir en la forma

¿Cómo abrir otra página en
blanco?
Para poder cerrar la pagina “INDEX” y
poder abrir otra hoja en blanco le das
click a “Archivo” ahí buscaras la opción de
cerrar y se pondrá en color gris

Página 7
Cuando este en gris la pagina , le
das click a Archivo y buscan una
palabra llamada Nuevo , ahí le
daras clic en “Documento en
blanco “ y le darás crear .

¿Cómo hacer un texto en HTML?
Ya abriendo una nueva hojas empiezas a
redactar el texto de tu pagina web .
-Ya cuando tengas hecho el texto lo tienes
que convertir a PDF donde le darás “Guardar
como” y en donde lo vas a guardar es en la
carpeta del principio , ahí le puedes poner
como Nombre del archivo “Contenido “.
-Tienes que cambia el tipo de archivo, donde
encontraras “Guardar como tipo” le das clic
y buscas la opción PDF y le das clic

Página 8
¿Cómo hacer un Smart art
para página web?
Para poder poner un Smart art en tu
pagina abres una nueva pagina en
blanco donde te vas a “Insertar” ahí
encontraras ilustración y ahí en la
parte de arriba estará como opción
Smart art le das clic y saldrá varios
tipos escoges el que quieres .Como
vez en el ejemplo hay uno de tres
opciones donde le puse como
referencia Fuerza, Pesas ,
Mancuernas y de ahí se pusieron
unas fotos dándoles clic y
examinado la imagen. De ahí puede
poner también color a la página
como lo habíamos dicho antes.
-Para guardar este documento
tendrás que guardarlo en la carpeta
del principio, le darás “Guardar
como” , como nombre del archivo
Smart art de ahí buscar Guardar
como tipo le das clic y buscar
Pagina web y le das clic y lo guardas
.

Página 9
¿Cómo poner una imagen en
un texto?
Como otra opción te podemos enseñar
ah ponerles una imagen a un texto
-Primero puedes elegir escribir un texto
y de ahí le puede dar clic al medio del
texto ahí vas a la opción de insertar ahí
te encontraras con la opción de “Imagen
“le da clic y te sale una carpeta para
buscar una imagen , agregas la que se
requiere ya la insertara ahí podrás
componerla cuando le das clic a
“Herramienta de dibujo” te saldrán
varias opciones para modificar la imagen
-Este archivo lo puedes guardar como el
Smart art

Página 10
¿Cómo poner un hipervínculo?
En esta parte tenemos que poner
forzosamente el Hipervínculo para poder
ingresar a cada una de las opciones.
-Cuando tienes hechas las formas y escrito
los nombres de las opciones subrayas la
palabra y debe de ponerse en azul la
palabra
-Tenemos que buscar la opción de “Insertar”
que está ubicado en “menú herramientas”
en la parte superior, después iremos a la
opción “Vínculos” y la primera posición es
“Hipervínculo” le das clic y te saldrá una
carpeta que dice “Insertar hipervínculo” ahí
en “Buscar en:” buscas tu carpeta que se
requirió al principio, como podrás ver te
saldrá todo tu trabajo hecho encontraremos
una opción llamada “Carpeta actual”
puedes darle clic a Smart art y de ahí buscar
la opción “ Marco de destino” le das clic y
nos saldrá una pequeña ventana llamada
“Establecer marco de destino” seleccionas el
marco donde se encuentra la opción a la
cual colocaras el hipervínculo.
Por lo regular se debe colocar en el marco
donde pondrás tu contenido (información,
imagen, etc.) y le seleccionas “aceptar”. Para
seleccionar la opción con el hipervínculo,
oprimiremos la tecla “Ctrl” y daremos clic.

Página 11
Página principal
Esta parte es para que le des el título en
la parte principal de la página
seleccionas la parte del medio y le
escribes el título de lo que se va a tratar
y ya cuando este escrito puedes
cambiarle la forma de la letra.
Después puedes ponerle imagen en la
parte principal buscas la opción
“Insertar” y buscas Imagen le das clic y
examinas la foto que quieras

En la parte de abaja de tu ultimo
marco le puedes agregar los
nombres de los autores de la
página.
Y guardas el archivo .

Página 12
Terminaste tu página web
Para terminar abrir la carpeta donde se
hizo para meter todos los archivos de la
página web y darle clic a “Index” y te
debe de salir el Internet Explore y
puedes checar como quedo tu página
web y revisas todos.

Página 13

More Related Content

What's hot

Manual microsoft office word 2013
Manual microsoft office word 2013Manual microsoft office word 2013
Manual microsoft office word 2013giselasusy1919
 
Centro de bachillerato tecnológico industrial y de servicios [recuperado]
Centro de bachillerato tecnológico industrial y de servicios [recuperado]Centro de bachillerato tecnológico industrial y de servicios [recuperado]
Centro de bachillerato tecnológico industrial y de servicios [recuperado]luisfernandohiram
 
Manual de microsoft office word 2013
Manual de microsoft office  word 2013Manual de microsoft office  word 2013
Manual de microsoft office word 2013yurikacht666
 
Pasos para realizar documento en word
Pasos para realizar documento en wordPasos para realizar documento en word
Pasos para realizar documento en word940922
 
100 Ejercicios Word
100 Ejercicios Word100 Ejercicios Word
100 Ejercicios WordCBTis166
 
Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014jorgequiat
 
Manual de Microsoft Office Word 2013
Manual de Microsoft Office Word 2013Manual de Microsoft Office Word 2013
Manual de Microsoft Office Word 2013Rosmery1998
 
Nociones básicas de word
Nociones básicas de wordNociones básicas de word
Nociones básicas de wordbuquemercantil
 
Tutoriales samuel
Tutoriales samuelTutoriales samuel
Tutoriales samuelzsamzug
 
2. Instalación y uso de mozilla firefox
2. Instalación y uso de mozilla firefox2. Instalación y uso de mozilla firefox
2. Instalación y uso de mozilla firefoxAngela Maria Guerrero
 
presentaciones ofimatica
presentaciones ofimaticapresentaciones ofimatica
presentaciones ofimaticamarshall900
 
Plataforma Uniminuto Correo Estudiantil .
Plataforma Uniminuto Correo Estudiantil .Plataforma Uniminuto Correo Estudiantil .
Plataforma Uniminuto Correo Estudiantil .Viktor Rodriguez
 
MANUAL DE MiCROSOFT OFFICE WORD 2013
 MANUAL DE MiCROSOFT OFFICE WORD  2013 MANUAL DE MiCROSOFT OFFICE WORD  2013
MANUAL DE MiCROSOFT OFFICE WORD 2013edith2017
 
Creación de exámenes utilizando ms word 2010 rev taller elemental
Creación de exámenes utilizando ms word 2010 rev taller elementalCreación de exámenes utilizando ms word 2010 rev taller elemental
Creación de exámenes utilizando ms word 2010 rev taller elementalEvelyn Perez
 

What's hot (18)

Manual microsoft office word 2013
Manual microsoft office word 2013Manual microsoft office word 2013
Manual microsoft office word 2013
 
Centro de bachillerato tecnológico industrial y de servicios [recuperado]
Centro de bachillerato tecnológico industrial y de servicios [recuperado]Centro de bachillerato tecnológico industrial y de servicios [recuperado]
Centro de bachillerato tecnológico industrial y de servicios [recuperado]
 
Manual de microsoft office word 2013
Manual de microsoft office  word 2013Manual de microsoft office  word 2013
Manual de microsoft office word 2013
 
Pasos para realizar documento en word
Pasos para realizar documento en wordPasos para realizar documento en word
Pasos para realizar documento en word
 
Trabajo practico nº7
Trabajo practico nº7Trabajo practico nº7
Trabajo practico nº7
 
100 Ejercicios Word
100 Ejercicios Word100 Ejercicios Word
100 Ejercicios Word
 
Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014
 
Manual de Microsoft Office Word 2013
Manual de Microsoft Office Word 2013Manual de Microsoft Office Word 2013
Manual de Microsoft Office Word 2013
 
Nociones básicas de word
Nociones básicas de wordNociones básicas de word
Nociones básicas de word
 
Tutoriales samuel
Tutoriales samuelTutoriales samuel
Tutoriales samuel
 
2. Instalación y uso de mozilla firefox
2. Instalación y uso de mozilla firefox2. Instalación y uso de mozilla firefox
2. Instalación y uso de mozilla firefox
 
Guia de droxbox
Guia de droxboxGuia de droxbox
Guia de droxbox
 
presentaciones ofimatica
presentaciones ofimaticapresentaciones ofimatica
presentaciones ofimatica
 
Web 2
Web 2Web 2
Web 2
 
Plataforma Uniminuto Correo Estudiantil .
Plataforma Uniminuto Correo Estudiantil .Plataforma Uniminuto Correo Estudiantil .
Plataforma Uniminuto Correo Estudiantil .
 
MANUAL DE MiCROSOFT OFFICE WORD 2013
 MANUAL DE MiCROSOFT OFFICE WORD  2013 MANUAL DE MiCROSOFT OFFICE WORD  2013
MANUAL DE MiCROSOFT OFFICE WORD 2013
 
Tutorial google docs
Tutorial google docsTutorial google docs
Tutorial google docs
 
Creación de exámenes utilizando ms word 2010 rev taller elemental
Creación de exámenes utilizando ms word 2010 rev taller elementalCreación de exámenes utilizando ms word 2010 rev taller elemental
Creación de exámenes utilizando ms word 2010 rev taller elemental
 

Viewers also liked

Viewers also liked (20)

Tekstruktur materi akses internet
Tekstruktur materi akses internetTekstruktur materi akses internet
Tekstruktur materi akses internet
 
Javakuche yono
Javakuche yonoJavakuche yono
Javakuche yono
 
米国における青少年保護のためのインターネット規制と運用
米国における青少年保護のためのインターネット規制と運用米国における青少年保護のためのインターネット規制と運用
米国における青少年保護のためのインターネット規制と運用
 
Uv c tech (ficha y manual)
Uv c tech (ficha y manual)Uv c tech (ficha y manual)
Uv c tech (ficha y manual)
 
2012 02-02 leccionadultos
2012 02-02 leccionadultos2012 02-02 leccionadultos
2012 02-02 leccionadultos
 
Las capitales del mundo 2
Las capitales del mundo 2Las capitales del mundo 2
Las capitales del mundo 2
 
【第5弾】中国ec視察ツアーのご案内
【第5弾】中国ec視察ツアーのご案内 【第5弾】中国ec視察ツアーのご案内
【第5弾】中国ec視察ツアーのご案内
 
eksposisi
eksposisieksposisi
eksposisi
 
Readme
ReadmeReadme
Readme
 
8th grade 8 15-13
8th grade 8 15-138th grade 8 15-13
8th grade 8 15-13
 
Sains
SainsSains
Sains
 
Osc2013 nagoya0622moodle
Osc2013 nagoya0622moodleOsc2013 nagoya0622moodle
Osc2013 nagoya0622moodle
 
Async Programming on Ruby
Async Programming on RubyAsync Programming on Ruby
Async Programming on Ruby
 
Programma 8 februari 2012.
Programma 8 februari 2012.Programma 8 februari 2012.
Programma 8 februari 2012.
 
Módulo 2 cuentas en gmail y blogger
Módulo 2 cuentas en gmail y bloggerMódulo 2 cuentas en gmail y blogger
Módulo 2 cuentas en gmail y blogger
 
Krisan
KrisanKrisan
Krisan
 
Los rascacielos mas altos del mundo parte 2
Los rascacielos mas altos del mundo parte 2Los rascacielos mas altos del mundo parte 2
Los rascacielos mas altos del mundo parte 2
 
Manual
ManualManual
Manual
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Oss dev-04
Oss dev-04Oss dev-04
Oss dev-04
 

Similar to Manual de Pagina Web

Como hacer una pagina web en word
Como hacer una pagina web en wordComo hacer una pagina web en word
Como hacer una pagina web en wordelpaleta
 
Manual de como hacer una página web.
Manual de como hacer una página web.Manual de como hacer una página web.
Manual de como hacer una página web.Saandy Aguilaar
 
Libro 1er trimestre brenda gauna
Libro 1er trimestre brenda gaunaLibro 1er trimestre brenda gauna
Libro 1er trimestre brenda gaunaBreendi97
 
practica examen power point
practica examen power pointpractica examen power point
practica examen power pointGloria Guerra
 
¿Cómo hacer una página web en word?. Manual
¿Cómo hacer una página web en word?. Manual¿Cómo hacer una página web en word?. Manual
¿Cómo hacer una página web en word?. ManualDriverXx911
 
Microsoft publisher le ayuda a crear
Microsoft publisher le ayuda a crearMicrosoft publisher le ayuda a crear
Microsoft publisher le ayuda a crearmanu_19os
 
¿Qué es Microsoft Word.?
¿Qué es Microsoft Word.?¿Qué es Microsoft Word.?
¿Qué es Microsoft Word.?karlaTICs
 
Adjuntos fichero 143604
Adjuntos fichero 143604Adjuntos fichero 143604
Adjuntos fichero 143604EVA MAYOR
 
Tutorial notebook
Tutorial notebookTutorial notebook
Tutorial notebookcascadas
 
TIC 1°Ñ Trebajos de Word 2010
TIC 1°Ñ Trebajos de Word 2010TIC 1°Ñ Trebajos de Word 2010
TIC 1°Ñ Trebajos de Word 2010joselasmonas
 
¿Qué es Microsoft Word.?
¿Qué es Microsoft Word.?¿Qué es Microsoft Word.?
¿Qué es Microsoft Word.?karlaTICs
 

Similar to Manual de Pagina Web (20)

Como hacer una pagina web en word
Como hacer una pagina web en wordComo hacer una pagina web en word
Como hacer una pagina web en word
 
Manual de como hacer una página web.
Manual de como hacer una página web.Manual de como hacer una página web.
Manual de como hacer una página web.
 
8 ejercicio 8
8 ejercicio 88 ejercicio 8
8 ejercicio 8
 
Gicellis blanco 11 1
Gicellis blanco 11 1Gicellis blanco 11 1
Gicellis blanco 11 1
 
Libro 1er trimestre brenda gauna
Libro 1er trimestre brenda gaunaLibro 1er trimestre brenda gauna
Libro 1er trimestre brenda gauna
 
Manual
ManualManual
Manual
 
practica examen power point
practica examen power pointpractica examen power point
practica examen power point
 
¿Cómo hacer una página web en word?. Manual
¿Cómo hacer una página web en word?. Manual¿Cómo hacer una página web en word?. Manual
¿Cómo hacer una página web en word?. Manual
 
Microsoft publisher le ayuda a crear
Microsoft publisher le ayuda a crearMicrosoft publisher le ayuda a crear
Microsoft publisher le ayuda a crear
 
Manual de practicas de dreamweaver
Manual de practicas de dreamweaverManual de practicas de dreamweaver
Manual de practicas de dreamweaver
 
¿Qué es Microsoft Word.?
¿Qué es Microsoft Word.?¿Qué es Microsoft Word.?
¿Qué es Microsoft Word.?
 
Ejercicios
EjerciciosEjercicios
Ejercicios
 
Adjuntos fichero 143604
Adjuntos fichero 143604Adjuntos fichero 143604
Adjuntos fichero 143604
 
Libro info 1
Libro info 1Libro info 1
Libro info 1
 
Tutorial notebook
Tutorial notebookTutorial notebook
Tutorial notebook
 
Curso de word n°26
Curso de word n°26Curso de word n°26
Curso de word n°26
 
TIC 1°Ñ Trebajos de Word 2010
TIC 1°Ñ Trebajos de Word 2010TIC 1°Ñ Trebajos de Word 2010
TIC 1°Ñ Trebajos de Word 2010
 
Practicakompozer 3
Practicakompozer 3Practicakompozer 3
Practicakompozer 3
 
Kompozer
KompozerKompozer
Kompozer
 
¿Qué es Microsoft Word.?
¿Qué es Microsoft Word.?¿Qué es Microsoft Word.?
¿Qué es Microsoft Word.?
 

Recently uploaded

Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docxLuisAndersonPachasto
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...DavidBautistaFlores1
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORGonella
 
Presentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxPresentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxRosabel UA
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Rosabel UA
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...YobanaZevallosSantil1
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfvictorbeltuce
 
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOPLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOMARIBEL DIAZ
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesRaquel Martín Contreras
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsxJuanpm27
 
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxIII SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxMaritza438836
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Angélica Soledad Vega Ramírez
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicialLorenaSanchez350426
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfDaniel Ángel Corral de la Mata, Ph.D.
 

Recently uploaded (20)

Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIOR
 
Presentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxPresentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptx
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
 
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOPLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materiales
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
 
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxIII SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
recursos naturales america cuarto basico
recursos naturales america cuarto basicorecursos naturales america cuarto basico
recursos naturales america cuarto basico
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicial
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
 

Manual de Pagina Web

  • 1. INFORMATICA 4° “F” Mi primera página web David Ricardo Eliosa Coyotzi N.L 17 Alberto Guzmán Pérez N.L27 Christian Eric López Garzón N.L 34 Página 0
  • 2. ¿Cómo hacer una carpeta? ................................................................................................................. 1 ¿Como convertir de diseño de impresión a Pagina web? ............................................................... 1 ¿Cómo personalizar la barra de herramientas de accesos rápidos?.............................................. 2 ¿Cómo agregar marco? ................................................................................................................... 3 ¿Cómo poner los marcos en la página? ......................................................................................... 4 Guardar el archivo en HTML ........................................................................................................... 5 ¿Cómo agregar formas en la página?.............................................................................................. 6 ¿Cómo agregar texto en las formas? .............................................................................................. 7 ¿Cómo abrir otra página en blanco? ............................................................................................... 7 ¿Cómo hacer un texto en HTML? .................................................................................................... 8 ¿Cómo hacer un Smart art para página web? ................................................................................. 9 ¿Cómo poner una imagen en un texto?........................................................................................ 10 ¿Cómo poner un hipervínculo? ..................................................................................................... 11 Página principal ............................................................................................................................. 12 Terminaste tu página web............................................................................................................. 13
  • 3. ¿Cómo hacer una carpeta? Crear una carpeta con el nombre de pagina web y es donde van almacenar todo el proceso para ser la página web. ¿Como convertir de diseño de impresión a Pagina web? Después tendrás que buscar el icono de diseño web que se encuentra en la parte inferior derecha y le das clic. [Escriba texto] Página 1
  • 4. ¿Cómo personalizar la barra de herramientas de accesos rápidos? Para poder personalizar nuestra barra de acceso rápido debemos de irnos al icono de la flecha que se encuentra en la parte superior de la página de Word , le das clic y te saldrá varias opciones donde debes de buscar la opción de ”Mas comando” y le das un clic. Página 2
  • 5. ¿Cómo agregar marco? Te saldrá las opciones de Word , Buscas una opción llamada “Comandos disponibles en “ en esta opción deberás darle clic en la flechita azul y tendrás que buscar una opción que diga “Todos los comandos” después tendrás que buscar “ Marcos nuevo a la derecha , izquierda , arriba , abajo “ le das agregar a cada uno y se deben de poner en el cuadro que sale a la derecha, después buscaras “Eliminar marco” y lo agregas de la misma forma y le das aceptar y te deben de salir las opciones que seleccionaste en la parte superior de la página de Word . Página 3
  • 6. ¿Cómo poner los marcos en la página? Para agregar los marcos deberás darle clic a cada uno de ellos para hacer el diseño a tu conveniencia de preferencia deberás agregar tres marcos. Después tendrás que asignarle nombre a tus marcos para que después cuando los guardemos tengan asignados cada uno de ellos carpeta con su nombre Página 4
  • 7. Guardar el archivo en HTML Primero deberás guardar el archivo en la carpeta que le asignamos el nombre al principio que la asignamos con el nombre de” Index” después debes de encontrar la opción de “Guardas como tipo “ le das un clic a la flecha y tendras que buscar “Pagina web” le das un clic y ya lo puedes guardas en un archivo HTML. -Después que ya guardaste el archivo lo buscas en la carpeta y lo subrayas le das un clic derecho y te salen opciones le das clic a “Abrir con” y seleccionas Microsoft Word y podras realizar ya la pagina . Página 5
  • 8. ¿Cómo agregar formas en la página? En este momento de la página web te enseñaremos a ponerles formas en la primer marco y colores en las formas y fondo -Te vas en la parte donde dice inserta de ahí encontraras un icono llamado “Formas” y puedes escoger el que mas le guste. -Ya cuando tienes la forma hecha en el marco le podemos asignar colores esto se puede dándole un click en la forma y te saldrá tres espacios con diferentes colores donde tu puedes asignar el que quieran. -También le puede dar color al fondo de tu pagina en la parte de hasta arriba encontraras un nombre llamado “Diseño de pagina y de ahí encontraras Fondo de pagina, donde le darás click en “Color de pagina” Página 6
  • 9. ¿Cómo agregar texto en las formas? Para poder escribir en la formas que escogiste le darás click derecho y te saldrá Opciones y ahí encontraras la opción de “Agregar texto” le das click y podrás escribir en la forma ¿Cómo abrir otra página en blanco? Para poder cerrar la pagina “INDEX” y poder abrir otra hoja en blanco le das click a “Archivo” ahí buscaras la opción de cerrar y se pondrá en color gris Página 7
  • 10. Cuando este en gris la pagina , le das click a Archivo y buscan una palabra llamada Nuevo , ahí le daras clic en “Documento en blanco “ y le darás crear . ¿Cómo hacer un texto en HTML? Ya abriendo una nueva hojas empiezas a redactar el texto de tu pagina web . -Ya cuando tengas hecho el texto lo tienes que convertir a PDF donde le darás “Guardar como” y en donde lo vas a guardar es en la carpeta del principio , ahí le puedes poner como Nombre del archivo “Contenido “. -Tienes que cambia el tipo de archivo, donde encontraras “Guardar como tipo” le das clic y buscas la opción PDF y le das clic Página 8
  • 11. ¿Cómo hacer un Smart art para página web? Para poder poner un Smart art en tu pagina abres una nueva pagina en blanco donde te vas a “Insertar” ahí encontraras ilustración y ahí en la parte de arriba estará como opción Smart art le das clic y saldrá varios tipos escoges el que quieres .Como vez en el ejemplo hay uno de tres opciones donde le puse como referencia Fuerza, Pesas , Mancuernas y de ahí se pusieron unas fotos dándoles clic y examinado la imagen. De ahí puede poner también color a la página como lo habíamos dicho antes. -Para guardar este documento tendrás que guardarlo en la carpeta del principio, le darás “Guardar como” , como nombre del archivo Smart art de ahí buscar Guardar como tipo le das clic y buscar Pagina web y le das clic y lo guardas . Página 9
  • 12. ¿Cómo poner una imagen en un texto? Como otra opción te podemos enseñar ah ponerles una imagen a un texto -Primero puedes elegir escribir un texto y de ahí le puede dar clic al medio del texto ahí vas a la opción de insertar ahí te encontraras con la opción de “Imagen “le da clic y te sale una carpeta para buscar una imagen , agregas la que se requiere ya la insertara ahí podrás componerla cuando le das clic a “Herramienta de dibujo” te saldrán varias opciones para modificar la imagen -Este archivo lo puedes guardar como el Smart art Página 10
  • 13. ¿Cómo poner un hipervínculo? En esta parte tenemos que poner forzosamente el Hipervínculo para poder ingresar a cada una de las opciones. -Cuando tienes hechas las formas y escrito los nombres de las opciones subrayas la palabra y debe de ponerse en azul la palabra -Tenemos que buscar la opción de “Insertar” que está ubicado en “menú herramientas” en la parte superior, después iremos a la opción “Vínculos” y la primera posición es “Hipervínculo” le das clic y te saldrá una carpeta que dice “Insertar hipervínculo” ahí en “Buscar en:” buscas tu carpeta que se requirió al principio, como podrás ver te saldrá todo tu trabajo hecho encontraremos una opción llamada “Carpeta actual” puedes darle clic a Smart art y de ahí buscar la opción “ Marco de destino” le das clic y nos saldrá una pequeña ventana llamada “Establecer marco de destino” seleccionas el marco donde se encuentra la opción a la cual colocaras el hipervínculo. Por lo regular se debe colocar en el marco donde pondrás tu contenido (información, imagen, etc.) y le seleccionas “aceptar”. Para seleccionar la opción con el hipervínculo, oprimiremos la tecla “Ctrl” y daremos clic. Página 11
  • 14. Página principal Esta parte es para que le des el título en la parte principal de la página seleccionas la parte del medio y le escribes el título de lo que se va a tratar y ya cuando este escrito puedes cambiarle la forma de la letra. Después puedes ponerle imagen en la parte principal buscas la opción “Insertar” y buscas Imagen le das clic y examinas la foto que quieras En la parte de abaja de tu ultimo marco le puedes agregar los nombres de los autores de la página. Y guardas el archivo . Página 12
  • 15. Terminaste tu página web Para terminar abrir la carpeta donde se hizo para meter todos los archivos de la página web y darle clic a “Index” y te debe de salir el Internet Explore y puedes checar como quedo tu página web y revisas todos. Página 13