SlideShare uma empresa Scribd logo
1 de 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]

Mais conteúdo relacionado

Mais procurados

Interrupciones del microprocesador
Interrupciones del microprocesadorInterrupciones del microprocesador
Interrupciones del microprocesadorJorge Luis Tinoco
 
Ejercicios con Google Documentos (drive 2022)
Ejercicios con Google Documentos (drive 2022)Ejercicios con Google Documentos (drive 2022)
Ejercicios con Google Documentos (drive 2022)Agneta Gallardo
 
¿QUE ES Y DONDE SE APLICA LA PROGRAMACION ORIENTADA A OBJETOS?
¿QUE ES Y DONDE SE APLICA LA PROGRAMACION ORIENTADA A OBJETOS?¿QUE ES Y DONDE SE APLICA LA PROGRAMACION ORIENTADA A OBJETOS?
¿QUE ES Y DONDE SE APLICA LA PROGRAMACION ORIENTADA A OBJETOS?Alfa Mercado
 
SISTEMAS OPERATIVOS WINDOWS, LINUX, MACOS, ANDROID
SISTEMAS OPERATIVOS  WINDOWS, LINUX, MACOS, ANDROIDSISTEMAS OPERATIVOS  WINDOWS, LINUX, MACOS, ANDROID
SISTEMAS OPERATIVOS WINDOWS, LINUX, MACOS, ANDROIDC C
 
Sistema de-maquina-virtual
Sistema de-maquina-virtualSistema de-maquina-virtual
Sistema de-maquina-virtualkerlly villon
 
Mantenimiento de sistemas informaticos
Mantenimiento de   sistemas informaticosMantenimiento de   sistemas informaticos
Mantenimiento de sistemas informaticosismael rubio resina
 
Word, excel y power point
Word, excel y power pointWord, excel y power point
Word, excel y power pointCesarEduardo50
 
Aplicaciones informáticas
Aplicaciones informáticasAplicaciones informáticas
Aplicaciones informáticasDclanMakers
 
Manual publisher
Manual publisherManual publisher
Manual publisherk4ritho
 
Ejercicios word 2007
Ejercicios word 2007Ejercicios word 2007
Ejercicios word 2007Michael Perez
 
DISEÑO GRAFICO - COREL DRAW
DISEÑO GRAFICO - COREL DRAW DISEÑO GRAFICO - COREL DRAW
DISEÑO GRAFICO - COREL DRAW NandyAcosta
 
Sesion de computacion
Sesion de computacionSesion de computacion
Sesion de computacionjorgemoreno73
 
TUTORIAL DE MySQL WORKBENCH
TUTORIAL DE MySQL WORKBENCHTUTORIAL DE MySQL WORKBENCH
TUTORIAL DE MySQL WORKBENCHkelsy98
 

Mais procurados (20)

Interrupciones del microprocesador
Interrupciones del microprocesadorInterrupciones del microprocesador
Interrupciones del microprocesador
 
Visual studio code
Visual studio codeVisual studio code
Visual studio code
 
Ejercicios con Google Documentos (drive 2022)
Ejercicios con Google Documentos (drive 2022)Ejercicios con Google Documentos (drive 2022)
Ejercicios con Google Documentos (drive 2022)
 
¿QUE ES Y DONDE SE APLICA LA PROGRAMACION ORIENTADA A OBJETOS?
¿QUE ES Y DONDE SE APLICA LA PROGRAMACION ORIENTADA A OBJETOS?¿QUE ES Y DONDE SE APLICA LA PROGRAMACION ORIENTADA A OBJETOS?
¿QUE ES Y DONDE SE APLICA LA PROGRAMACION ORIENTADA A OBJETOS?
 
SISTEMAS OPERATIVOS WINDOWS, LINUX, MACOS, ANDROID
SISTEMAS OPERATIVOS  WINDOWS, LINUX, MACOS, ANDROIDSISTEMAS OPERATIVOS  WINDOWS, LINUX, MACOS, ANDROID
SISTEMAS OPERATIVOS WINDOWS, LINUX, MACOS, ANDROID
 
Sistema de-maquina-virtual
Sistema de-maquina-virtualSistema de-maquina-virtual
Sistema de-maquina-virtual
 
Mantenimiento de sistemas informaticos
Mantenimiento de   sistemas informaticosMantenimiento de   sistemas informaticos
Mantenimiento de sistemas informaticos
 
Word, excel y power point
Word, excel y power pointWord, excel y power point
Word, excel y power point
 
Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.
 
Aplicaciones informáticas
Aplicaciones informáticasAplicaciones informáticas
Aplicaciones informáticas
 
Manual publisher
Manual publisherManual publisher
Manual publisher
 
Ejercicios word 2007
Ejercicios word 2007Ejercicios word 2007
Ejercicios word 2007
 
manual de word
manual de wordmanual de word
manual de word
 
Manual de publisher
Manual de publisherManual de publisher
Manual de publisher
 
Adaptar el texto a un trayecto
Adaptar el texto a un trayectoAdaptar el texto a un trayecto
Adaptar el texto a un trayecto
 
Efecto Power clip en corel draw X3
Efecto Power clip en corel draw X3Efecto Power clip en corel draw X3
Efecto Power clip en corel draw X3
 
MANUAL MINDOMO
MANUAL MINDOMOMANUAL MINDOMO
MANUAL MINDOMO
 
DISEÑO GRAFICO - COREL DRAW
DISEÑO GRAFICO - COREL DRAW DISEÑO GRAFICO - COREL DRAW
DISEÑO GRAFICO - COREL DRAW
 
Sesion de computacion
Sesion de computacionSesion de computacion
Sesion de computacion
 
TUTORIAL DE MySQL WORKBENCH
TUTORIAL DE MySQL WORKBENCHTUTORIAL DE MySQL WORKBENCH
TUTORIAL DE MySQL WORKBENCH
 

Destaque

Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina weblauraandrea1996
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio webtomyycerr
 
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 WebnismoGSR
 
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 webkksspp
 
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 webJuan 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 webadri9610
 
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 webLUZ ARIZPE
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Webmarissa
 
TIPOS O CLASES DE PAGINAS WEB
TIPOS O CLASES DE PAGINAS WEBTIPOS O CLASES DE PAGINAS WEB
TIPOS O CLASES DE PAGINAS WEBDanimelani
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Webcolquis
 
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 web2012diego
 
"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
 
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 notasSandra Meza
 
é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 ortegagregory ortega
 
Arte y percepcion sensorial
Arte y percepcion sensorialArte y percepcion sensorial
Arte y percepcion sensorialAngelica Leon
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina webValeriagale
 
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 ticCarlos Novoa
 

Destaque (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
 

Semelhante a 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
 

Mais de Jose Casan

Impacto ambiental
Impacto ambientalImpacto ambiental
Impacto ambientalJose Casan
 
Dignidad japonesa
Dignidad japonesaDignidad japonesa
Dignidad japonesaJose Casan
 
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 valleyJose Casan
 
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 LemosJose Casan
 
Reproduccion sexual en animales y plantas
Reproduccion sexual en animales y plantasReproduccion sexual en animales y plantas
Reproduccion sexual en animales y plantasJose Casan
 
Fermentacion dos azucares: Cerveza
Fermentacion dos azucares: CervezaFermentacion dos azucares: Cerveza
Fermentacion dos azucares: CervezaJose Casan
 
ViñOs De Galicia
ViñOs De GaliciaViñOs De Galicia
ViñOs De GaliciaJose Casan
 
Recursos Minerales
Recursos MineralesRecursos Minerales
Recursos MineralesJose Casan
 
Energias Renovables
Energias RenovablesEnergias Renovables
Energias RenovablesJose Casan
 
Apaisaxe e os Residuos
Apaisaxe e os ResiduosApaisaxe e os Residuos
Apaisaxe e os ResiduosJose Casan
 
Residuos Peligrosos
Residuos PeligrososResiduos Peligrosos
Residuos PeligrososJose Casan
 
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 AmbienteJose Casan
 
La EducacióN Medioambiental
La EducacióN MedioambientalLa EducacióN Medioambiental
La EducacióN MedioambientalJose Casan
 
Centrales Nucleares
Centrales NuclearesCentrales Nucleares
Centrales NuclearesJose Casan
 
Enerxías Renovables
Enerxías RenovablesEnerxías Renovables
Enerxías RenovablesJose Casan
 

Mais de 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
 

Último

Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024IES Vicent Andres Estelles
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxroberthirigoinvasque
 
Código Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de VenezuelaCódigo Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de Venezuelabeltranponce75
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!CatalinaAlfaroChryso
 
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdfFICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdfRaulGomez822561
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxpaogar2178
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONamelia poma
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfRosabel UA
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfJonathanCovena1
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesMarisolMartinez707897
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...jlorentemartos
 
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfEduardoJosVargasCama1
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdfDemetrio Ccesa Rayme
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxlclcarmen
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...Ars Erótica
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCCarlosEduardoSosa2
 
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++.pptxFernando Solis
 

Último (20)

Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
Código Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de VenezuelaCódigo Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de Venezuela
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!
 
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdfFICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docx
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
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
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdf
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
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
 

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.