SlideShare a Scribd company logo
1 of 40
Microsoft Office  es una suite ofimática. ,[object Object],[object Object],[object Object],Desarrollada por Microsoft Funciona bajo las plataformas operativas:
ALGUNAS APLICACIONES DE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],.
Internet Internet es una red global de equipos informáticos que se comunican mediante un lenguaje común y que se conectan entre si  formando una gran red.
World Wide Web (el Web o WWW)   Proporciona una interfaz gráfica  por la que es fácil desplazarse para buscar documentos en Internet. Estos documentos, así como los vínculos entre ellos, componen una red de información.   ,[object Object],[object Object],[object Object],[object Object],[object Object],CARACTERÍSTICAS
¿Cómo creo una página Web con Frompage? ,[object Object],[object Object]
[object Object],[object Object],[object Object],Estas imágenes deben de guardarse en  la carpeta que hemos creado anteriormente  !!!!!
Para guardar nuestra página ,[object Object]
El nombre de archivo  (index en el ejemplo) no admite espacios en blanco,sín guiones bajos. Sólo se admiten letras del alfabeto inglés, es decir no se admiten ni eñes ni acentos. Es mejor no utilizar mayúsculas porque algunos servidores  dan problemas.  En el título  se puede utilizar espacios, eñes, acentos, mayúsculas, etc. Escribimos  un nombre de archivo y en "Cambiar..." un título de página .
DISEÑO DE LA PÁGINA WEB  ,[object Object]
A continuación se abre esta ventana: Podemos personalizar el  fondo de la página, los márgenes, etc. Si seleccionamos la segunda pestaña (fondo), podemos colocar como fondo de la página alguna imagen o un color. También podemos seleccionar el color, de texto y de hipervínculos.
La estructura: tablas y celdas ,[object Object],[object Object]
Aparece una ventana como la siguiente: Podemos seleccionar el numero de columnas y de filas de la tabla.  Alinear las celdas, ponerles un borde o quitárselo, etc.  Si ponemos los bordes a 0 la tabla no se verá en la vista previa.
Una vez elegidas las propiedades le damos a aceptar y ya podemos trabajar sobre nuestra tabla.  Esta nos servirá de plantilla para construir nuestra página Web
Si pinchamos con el botón derecho del ratón dentro de una celda y seleccionamos opciones de celda, se nos abre una ventana en donde podemos modificar las características, ponerle un color de fondo, una imagen, etc. De la misma manera también podemos modificar las propiedades de la tabla y de la página pinchando sobre estas opciones.
Vamos a crear una página sobre nuestras mascotas
A continuación: abrimos, más o menos, el número de páginas que pensamos utilizar y les damos un nombre .  A medida que la vamos creando podemos añadir nuevas páginas. Por ejemplo, añadimos tres páginas más a parte de la principal a las que llamaremos perros, gatos y fotos respectivamente.
Hipervínculos Los hipervínculos  es lo que nos permite establecer los saltos de una página a otra. Una forma de crearlos, es seleccionar con el ratón el trozo de texto que queremos que salte. Por ejemplo, seleccionamos la palabra perros, y con el cursos  pinchamos sobre el logo hipervínculo:
Pulsamos sobre la página a la que queramos ir por ejemplo perros.htm y aceptamos. Ya está el vínculo creado, cada vez que pinchemos sobre la palabra perros nos llevará a una página nueva (la que creamos con el nombre de perros)
[object Object],[object Object],[object Object]
LAS IMÁGENES ,[object Object]
De esta manera se abre la siguiente ventana: En  “ Buscar en”  seleccionamos la carpeta  “ My Web” ,  y en el submenú aparece la carpeta  “ imágenes”.   Pinchando   en ésta se nos muestran las imágenes que tenemos guardadas. Sólo tenemos que seleccionar la que queramos y darle a insertar. Vista previa
También existe la opción de “ Imágenes prediseñadas”  o la de  “nueva galería de fotografías”  desde las que también podemos insertar imágenes Las imágenes pueden colocarse en una tabla, en una parte de la página o utilizarla como fondo tanto de tabla como de página
En nuestra página fotos hemos colocado estas imágenes con la ayuda de una tabla: Podemos enlazar esta página con la página de  “ inicio”  o con las otras dos páginas “ perros ” y “ gatos ”
Podemos cambiar las propiedades de la imagen una vez insertada. Para ello hacemos clic sobre la imagen con el botón derecho del ratón y pinchamos en  propiedades de imagen :
[object Object],[object Object],[object Object]
Haciendo doble clic con el botón   izquierdo del ratón sobre la imagen aparecerá una barra de herramientas con la que podremos añadir un marco, cambiar el color, aumentar o disminuir el brillo, recortarla, establecer un color transparente de la imagen, mapear la imagen, etc
¿Cómo publicamos nuestra página? ,[object Object],[object Object],Dos opciones:
A través de FTP (protocolo de transferencia de ficheros) ,[object Object],[object Object]
 
Rellenamos el formulario
Al crear la cuenta nos envían un correo con los datos que necesitamos para poder disfrutar de nuestro espacio en Internet Pinchar para activar el espacio
Activamos nuestro espacio web
Una vez contratado el espacio tenemos que buscar un programa de FTP que también sea gratuito y bajárnoslo de Internet. Uno de ellos se llama  Filezilla - FTP . Lo podemos encontrar en diferentes sitios, por ejemplo, en  www.softonic.com . En esa dirección buscamos filezilla-ftp y nos bajamos el programa a nuestro disco duro o a un disquete y después lo instalamos.
 
 
Cuando abrimos el programa nos aparece la siguiente pantalla: Lo primero que hay que hacer rellenar con los datos que nos ha dado el servidor, la dirección donde debemos dirigirnos  (Host Name/Address),  el nombre de usuario  (user ID)  y la contraseña  (password).
La pantalla de la izquierda es nuestro ordenador y la de la derecha el espacio que nos dejan en el ordenador conectado a Internet. En la pantalla de la izquierda nos vamos a la carpeta donde está nuestra web y seleccionamos todos los archivos que componen la web y los arrastramos a la ventana de la derecha.
[object Object],[object Object],RECORDAR QUE…
Por último ,[object Object]
COMO SE HACE UNA WEB ,[object Object],[object Object],[object Object]

More Related Content

What's hot

Practicas Power Point.pdf
Practicas Power Point.pdfPracticas Power Point.pdf
Practicas Power Point.pdf
brydyl
 

What's hot (20)

Herramientas del sistema
Herramientas del sistemaHerramientas del sistema
Herramientas del sistema
 
CONCEPTO BASICOS DE POWER POINT
CONCEPTO BASICOS DE POWER POINTCONCEPTO BASICOS DE POWER POINT
CONCEPTO BASICOS DE POWER POINT
 
Proveedores internet
Proveedores internetProveedores internet
Proveedores internet
 
Trabajamos con publisher 2013
Trabajamos con publisher 2013Trabajamos con publisher 2013
Trabajamos con publisher 2013
 
Presentación de Microsoft Word
Presentación de Microsoft WordPresentación de Microsoft Word
Presentación de Microsoft Word
 
Hardware y software
Hardware y softwareHardware y software
Hardware y software
 
Que es word y sus partes
Que es word y sus partesQue es word y sus partes
Que es word y sus partes
 
Html (ppt)
Html (ppt)Html (ppt)
Html (ppt)
 
Practicas Power Point.pdf
Practicas Power Point.pdfPracticas Power Point.pdf
Practicas Power Point.pdf
 
Examen de Microsoft Word Básico CIP.pdf
Examen de Microsoft Word Básico CIP.pdfExamen de Microsoft Word Básico CIP.pdf
Examen de Microsoft Word Básico CIP.pdf
 
Illustrator - Fichas de Aprendizaje 2014
Illustrator - Fichas de Aprendizaje 2014Illustrator - Fichas de Aprendizaje 2014
Illustrator - Fichas de Aprendizaje 2014
 
WINDOWS 10.pptx
WINDOWS 10.pptxWINDOWS 10.pptx
WINDOWS 10.pptx
 
Ejercicios aplicados en Word
Ejercicios aplicados en WordEjercicios aplicados en Word
Ejercicios aplicados en Word
 
Práctica CorelDraw
Práctica  CorelDrawPráctica  CorelDraw
Práctica CorelDraw
 
Accesorios de windows
Accesorios de windowsAccesorios de windows
Accesorios de windows
 
Conceptos básicos en informática
Conceptos básicos en informáticaConceptos básicos en informática
Conceptos básicos en informática
 
Visual studio code
Visual studio codeVisual studio code
Visual studio code
 
Examen de corel draw
Examen de corel drawExamen de corel draw
Examen de corel draw
 
1 formato de texto y párrafo
1 formato de texto y párrafo1 formato de texto y párrafo
1 formato de texto y párrafo
 
PowerPoint: Clase Nº 01
PowerPoint: Clase Nº 01PowerPoint: Clase Nº 01
PowerPoint: Clase Nº 01
 

Viewers also liked

Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
tomyycerr
 
Tutorial Para Crear Tu Propia Pagina Web
Tutorial Para Crear Tu Propia Pagina WebTutorial Para Crear Tu Propia Pagina Web
Tutorial Para Crear Tu Propia Pagina Web
nismoGSR
 
Pasos para crear tu propia página web
Pasos para crear tu propia página webPasos para crear tu propia página web
Pasos para crear tu propia página web
kksspp
 
Pasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio webPasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio web
Juan Flores
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página web
adri9610
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web
marissa
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Web
colquis
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
2012diego
 
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB""Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
ogms
 

Viewers also liked (20)

Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina web
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
 
Tutorial Para Crear Tu Propia Pagina Web
Tutorial Para Crear Tu Propia Pagina WebTutorial Para Crear Tu Propia Pagina Web
Tutorial Para Crear Tu Propia Pagina Web
 
Pasos para crear tu propia página web
Pasos para crear tu propia página webPasos para crear tu propia página web
Pasos para crear tu propia página web
 
Pasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio webPasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio web
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página web
 
Guía paso a paso para crear una página web
Guía paso a paso para crear una página webGuía paso a paso para crear una página web
Guía paso a paso para crear una página web
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web
 
Pasos para crear una pagina web en linea
Pasos para crear una pagina web en lineaPasos para crear una pagina web en linea
Pasos para crear una pagina web en linea
 
TIPOS O CLASES DE PAGINAS WEB
TIPOS O CLASES DE PAGINAS WEBTIPOS O CLASES DE PAGINAS WEB
TIPOS O CLASES DE PAGINAS WEB
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Web
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
 
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB""Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
 
éTica y deontología profesional gregory ortega
éTica y deontología profesional gregory ortegaéTica y deontología profesional gregory ortega
éTica y deontología profesional gregory ortega
 
Arte y percepcion sensorial
Arte y percepcion sensorialArte y percepcion sensorial
Arte y percepcion sensorial
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina web
 
Modalidades de educación asistidas por tic
Modalidades de educación asistidas por ticModalidades de educación asistidas por tic
Modalidades de educación asistidas por tic
 

Similar to Como Crear Paginas Web

Paso a paso del programa Dreamweaver
Paso a paso del programa DreamweaverPaso a paso del programa Dreamweaver
Paso a paso del programa Dreamweaver
Lulyta Reina
 
paso a paso del programa Dreamweaver
paso a paso del programa Dreamweaverpaso a paso del programa Dreamweaver
paso a paso del programa Dreamweaver
lulytato
 
Introducción a NVU
Introducción a NVUIntroducción a NVU
Introducción a NVU
restauracio
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
Majoromeroi
 

Similar to Como Crear Paginas Web (20)

Front Page ==
Front Page ==Front Page ==
Front Page ==
 
Paso a paso del programa Dreamweaver
Paso a paso del programa DreamweaverPaso a paso del programa Dreamweaver
Paso a paso del programa Dreamweaver
 
paso a paso del programa Dreamweaver
paso a paso del programa Dreamweaverpaso a paso del programa Dreamweaver
paso a paso del programa Dreamweaver
 
Adjuntos fichero 143604
Adjuntos fichero 143604Adjuntos fichero 143604
Adjuntos fichero 143604
 
Ejercicios
EjerciciosEjercicios
Ejercicios
 
Tutorial de dreamweaver
Tutorial de dreamweaverTutorial de dreamweaver
Tutorial de dreamweaver
 
Frontpage
FrontpageFrontpage
Frontpage
 
Presentación1
Presentación1Presentación1
Presentación1
 
Web con Frontpage
Web con FrontpageWeb con Frontpage
Web con Frontpage
 
Manual front page
Manual front pageManual front page
Manual front page
 
Jimdo tutorial 1
Jimdo tutorial 1Jimdo tutorial 1
Jimdo tutorial 1
 
Creacion web jimdo
Creacion web jimdoCreacion web jimdo
Creacion web jimdo
 
CREACION DE PAGINA WEB JIMDO
CREACION DE PAGINA WEB JIMDOCREACION DE PAGINA WEB JIMDO
CREACION DE PAGINA WEB JIMDO
 
Guia de autoaprendizaje
Guia de autoaprendizajeGuia de autoaprendizaje
Guia de autoaprendizaje
 
Presentación front page
Presentación front pagePresentación front page
Presentación front page
 
Introducción a NVU
Introducción a NVUIntroducción a NVU
Introducción a NVU
 
Alejandro abella alonso
Alejandro abella alonsoAlejandro abella alonso
Alejandro abella alonso
 
Frontpage
FrontpageFrontpage
Frontpage
 
Dreamweaver mx-practicas
Dreamweaver mx-practicasDreamweaver mx-practicas
Dreamweaver mx-practicas
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 

More from Jose Casan

More from Jose Casan (17)

Impacto ambiental
Impacto ambientalImpacto ambiental
Impacto ambiental
 
Dignidad japonesa
Dignidad japonesaDignidad japonesa
Dignidad japonesa
 
Route and spring water in lemos valley
Route and spring water in lemos valleyRoute and spring water in lemos valley
Route and spring water in lemos valley
 
Ruta y fuentes del Valle de Lemos
Ruta y fuentes del Valle de LemosRuta y fuentes del Valle de Lemos
Ruta y fuentes del Valle de Lemos
 
Reproduccion sexual en animales y plantas
Reproduccion sexual en animales y plantasReproduccion sexual en animales y plantas
Reproduccion sexual en animales y plantas
 
A sida
A sidaA sida
A sida
 
Fermentacion dos azucares: Cerveza
Fermentacion dos azucares: CervezaFermentacion dos azucares: Cerveza
Fermentacion dos azucares: Cerveza
 
Extinciones
ExtincionesExtinciones
Extinciones
 
ViñOs De Galicia
ViñOs De GaliciaViñOs De Galicia
ViñOs De Galicia
 
Recursos Minerales
Recursos MineralesRecursos Minerales
Recursos Minerales
 
Energias Renovables
Energias RenovablesEnergias Renovables
Energias Renovables
 
Apaisaxe e os Residuos
Apaisaxe e os ResiduosApaisaxe e os Residuos
Apaisaxe e os Residuos
 
Residuos Peligrosos
Residuos PeligrososResiduos Peligrosos
Residuos Peligrosos
 
Relaciones entre el Hombre y el Medio Ambiente
Relaciones entre el Hombre y el Medio AmbienteRelaciones entre el Hombre y el Medio Ambiente
Relaciones entre el Hombre y el Medio Ambiente
 
La EducacióN Medioambiental
La EducacióN MedioambientalLa EducacióN Medioambiental
La EducacióN Medioambiental
 
Centrales Nucleares
Centrales NuclearesCentrales Nucleares
Centrales Nucleares
 
Enerxías Renovables
Enerxías RenovablesEnerxías Renovables
Enerxías Renovables
 

Recently uploaded

COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIACOMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
Wilian24
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
informe-de-laboratorio-metodos-de-separacion-de-mezclas.pdf
informe-de-laboratorio-metodos-de-separacion-de-mezclas.pdfinforme-de-laboratorio-metodos-de-separacion-de-mezclas.pdf
informe-de-laboratorio-metodos-de-separacion-de-mezclas.pdf
AndreaTurell
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
amelia poma
 
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
candy torres
 

Recently uploaded (20)

Presentación de la propuesta de clase.pdf
Presentación de la propuesta de clase.pdfPresentación de la propuesta de clase.pdf
Presentación de la propuesta de clase.pdf
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIACOMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
1ERGRA~2.PDF EVALUACION DIAGNOSTICA 2024
1ERGRA~2.PDF EVALUACION DIAGNOSTICA 20241ERGRA~2.PDF EVALUACION DIAGNOSTICA 2024
1ERGRA~2.PDF EVALUACION DIAGNOSTICA 2024
 
12 - Planetas Extrasolares - Seminario de las Aulas de la Experiencia UPV/EHU
12 - Planetas Extrasolares - Seminario de las Aulas de la Experiencia UPV/EHU12 - Planetas Extrasolares - Seminario de las Aulas de la Experiencia UPV/EHU
12 - Planetas Extrasolares - Seminario de las Aulas de la Experiencia UPV/EHU
 
GRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdf
GRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdfGRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdf
GRUPO 2 - LA GRAN TRIBULACIÓN 25-03-2024 vf.pdf
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLAACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
 
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docx
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docxUNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docx
UNIDAD DIDACTICA nivel inicial EL SUPERMERCADO.docx
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
Novena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan EudesNovena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan Eudes
 
informe-de-laboratorio-metodos-de-separacion-de-mezclas.pdf
informe-de-laboratorio-metodos-de-separacion-de-mezclas.pdfinforme-de-laboratorio-metodos-de-separacion-de-mezclas.pdf
informe-de-laboratorio-metodos-de-separacion-de-mezclas.pdf
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
Planeacion para 1er Grado - (2023-2024)-1.docx
Planeacion para 1er Grado - (2023-2024)-1.docxPlaneacion para 1er Grado - (2023-2024)-1.docx
Planeacion para 1er Grado - (2023-2024)-1.docx
 
REGLAMENTO FINAL DE EVALUACIÓN 2024 pdf.pdf
REGLAMENTO  FINAL DE EVALUACIÓN 2024 pdf.pdfREGLAMENTO  FINAL DE EVALUACIÓN 2024 pdf.pdf
REGLAMENTO FINAL DE EVALUACIÓN 2024 pdf.pdf
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
UNIDAD 3 -MAYO - IV CICLO para cuarto grado
UNIDAD 3 -MAYO - IV CICLO para cuarto gradoUNIDAD 3 -MAYO - IV CICLO para cuarto grado
UNIDAD 3 -MAYO - IV CICLO para cuarto grado
 
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 

Como Crear Paginas Web

  • 1.
  • 2.
  • 3. Internet Internet es una red global de equipos informáticos que se comunican mediante un lenguaje común y que se conectan entre si formando una gran red.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8. El nombre de archivo (index en el ejemplo) no admite espacios en blanco,sín guiones bajos. Sólo se admiten letras del alfabeto inglés, es decir no se admiten ni eñes ni acentos. Es mejor no utilizar mayúsculas porque algunos servidores dan problemas. En el título se puede utilizar espacios, eñes, acentos, mayúsculas, etc. Escribimos un nombre de archivo y en "Cambiar..." un título de página .
  • 9.
  • 10. A continuación se abre esta ventana: Podemos personalizar el fondo de la página, los márgenes, etc. Si seleccionamos la segunda pestaña (fondo), podemos colocar como fondo de la página alguna imagen o un color. También podemos seleccionar el color, de texto y de hipervínculos.
  • 11.
  • 12. Aparece una ventana como la siguiente: Podemos seleccionar el numero de columnas y de filas de la tabla. Alinear las celdas, ponerles un borde o quitárselo, etc. Si ponemos los bordes a 0 la tabla no se verá en la vista previa.
  • 13. Una vez elegidas las propiedades le damos a aceptar y ya podemos trabajar sobre nuestra tabla. Esta nos servirá de plantilla para construir nuestra página Web
  • 14. Si pinchamos con el botón derecho del ratón dentro de una celda y seleccionamos opciones de celda, se nos abre una ventana en donde podemos modificar las características, ponerle un color de fondo, una imagen, etc. De la misma manera también podemos modificar las propiedades de la tabla y de la página pinchando sobre estas opciones.
  • 15. Vamos a crear una página sobre nuestras mascotas
  • 16. A continuación: abrimos, más o menos, el número de páginas que pensamos utilizar y les damos un nombre . A medida que la vamos creando podemos añadir nuevas páginas. Por ejemplo, añadimos tres páginas más a parte de la principal a las que llamaremos perros, gatos y fotos respectivamente.
  • 17. Hipervínculos Los hipervínculos es lo que nos permite establecer los saltos de una página a otra. Una forma de crearlos, es seleccionar con el ratón el trozo de texto que queremos que salte. Por ejemplo, seleccionamos la palabra perros, y con el cursos pinchamos sobre el logo hipervínculo:
  • 18. Pulsamos sobre la página a la que queramos ir por ejemplo perros.htm y aceptamos. Ya está el vínculo creado, cada vez que pinchemos sobre la palabra perros nos llevará a una página nueva (la que creamos con el nombre de perros)
  • 19.
  • 20.
  • 21. De esta manera se abre la siguiente ventana: En “ Buscar en” seleccionamos la carpeta “ My Web” , y en el submenú aparece la carpeta “ imágenes”. Pinchando en ésta se nos muestran las imágenes que tenemos guardadas. Sólo tenemos que seleccionar la que queramos y darle a insertar. Vista previa
  • 22. También existe la opción de “ Imágenes prediseñadas” o la de “nueva galería de fotografías” desde las que también podemos insertar imágenes Las imágenes pueden colocarse en una tabla, en una parte de la página o utilizarla como fondo tanto de tabla como de página
  • 23. En nuestra página fotos hemos colocado estas imágenes con la ayuda de una tabla: Podemos enlazar esta página con la página de “ inicio” o con las otras dos páginas “ perros ” y “ gatos ”
  • 24. Podemos cambiar las propiedades de la imagen una vez insertada. Para ello hacemos clic sobre la imagen con el botón derecho del ratón y pinchamos en propiedades de imagen :
  • 25.
  • 26. Haciendo doble clic con el botón izquierdo del ratón sobre la imagen aparecerá una barra de herramientas con la que podremos añadir un marco, cambiar el color, aumentar o disminuir el brillo, recortarla, establecer un color transparente de la imagen, mapear la imagen, etc
  • 27.
  • 28.
  • 29.  
  • 31. Al crear la cuenta nos envían un correo con los datos que necesitamos para poder disfrutar de nuestro espacio en Internet Pinchar para activar el espacio
  • 33. Una vez contratado el espacio tenemos que buscar un programa de FTP que también sea gratuito y bajárnoslo de Internet. Uno de ellos se llama Filezilla - FTP . Lo podemos encontrar en diferentes sitios, por ejemplo, en www.softonic.com . En esa dirección buscamos filezilla-ftp y nos bajamos el programa a nuestro disco duro o a un disquete y después lo instalamos.
  • 34.  
  • 35.  
  • 36. Cuando abrimos el programa nos aparece la siguiente pantalla: Lo primero que hay que hacer rellenar con los datos que nos ha dado el servidor, la dirección donde debemos dirigirnos (Host Name/Address), el nombre de usuario (user ID) y la contraseña (password).
  • 37. La pantalla de la izquierda es nuestro ordenador y la de la derecha el espacio que nos dejan en el ordenador conectado a Internet. En la pantalla de la izquierda nos vamos a la carpeta donde está nuestra web y seleccionamos todos los archivos que componen la web y los arrastramos a la ventana de la derecha.
  • 38.
  • 39.
  • 40.