SlideShare una empresa de Scribd logo
1 de 19
Descargar para leer sin conexión
DEFINICIÓN DE SITIO WEB




   Un sitio web esta formado por un conjunto
    de páginas Web, archivos y herramientas
    de administración necesarias para publicar
    información en la Web.
FRONTPAGE
CREACIÓN DE UN SITIO WEB
             VACÍO
   Front Page► Nuevo ► Nuevo sitio
    Web/Sitio Web de una página...►
    Opciones/ Especifique la ubicación del
    nuevo Sitio Web
EXPLORACIÓN

   Cuando un Sitio Web tiene más de una
    página, debemos especificar la navegación
    que se va a producir a través del sitio.
SELECCIÓN DE TEMA
INSERCIÓN DE IMÁGENES
INSERCIÓN DE TABLAS
INSERCIÓN DE ENLACES
   Seleccionamos
    Hipervínculo. Después
    nos aparece una
    ventana con varias
    opciones.
   Hipervínculo o enlace a
    una página Web del
    mismo Sitio Web
   Hipervínculo a una
    dirección de correo
    electrónico
   Hipervínculo a una
    página Web externa de
    Internet
PÁGINA CON MARCOS

  Los marcos son una
   forma de organizar la
   información que
   aparece en las páginas
   Web de un Sitio Web
 Los marcos permiten
   tener:
- Una parte fija en la que
   aparece el menú
- Una parte variable según
   la opción que elijamos
   en el menú
ELEMENTOS DE LOS MARCOS

a) index.htm
b) menu.htm
c)principa.htm
  PROPIEDADES DEL MARCO
- Nombre
- Página inicial
- Tamaño del marco
- Márgenes
- Mostrar barras de desplazamiento
IDENTIFICAR LOS MARCOS
Cada uno de los marcos tiene un nombre y conviene
   identificarlos bien.
a) contenido
b) principal
VISITAR PÁGINAS WEBS DE
         OTROS CENTROS
 Es una buena manera de recoger ideas sobre
  como diseñar tu propio Sitio Web.
Como por ejemplo: www.cnice.mec.es //Web de
  Centros Educativos.
 También se pueden obtener de internet
  nuemerosos elementos para la creación de un
  sitio Web, como fondos, animaciones, sonidos,
  ect. Se pueden encontrar con cualquier buscador.
CONTENIDOS DEL MENÚ

   Por cada uno de los contenidos del menú
    crearemos una carpeta y guardaremos en
    ella todas las páginas Web e imágenes
    referented a dicha opción.
FORMULARIOS

   Para añadir un formulario al nuevo Sitio
    Web:
Sitios Web creados

  En esta unidad se crearon las siguientes
   páginas Web
- Página no oficial del Museo del Prado
- Página personal de Óscar Arias
-Sitio Web del Ies Mariano José de Larra
-
Unidad 6 Diseño de Páginas Web
Unidad 6 Diseño de Páginas Web
Unidad 6 Diseño de Páginas Web

Más contenido relacionado

La actualidad más candente

Sistema gestor de base de datos
Sistema gestor de base de datosSistema gestor de base de datos
Sistema gestor de base de datos
uchuya
 
Sistema gestor de base de datos1
Sistema gestor de base de datos1Sistema gestor de base de datos1
Sistema gestor de base de datos1
beatrizdelrosario
 

La actualidad más candente (16)

3-Almacenamiento y gestion de la informacion
3-Almacenamiento y gestion de la informacion3-Almacenamiento y gestion de la informacion
3-Almacenamiento y gestion de la informacion
 
Almacenamiento y gestion de la informacion
Almacenamiento y gestion de la informacionAlmacenamiento y gestion de la informacion
Almacenamiento y gestion de la informacion
 
3 almacenamiento y gestión de la información
3 almacenamiento y gestión de la información3 almacenamiento y gestión de la información
3 almacenamiento y gestión de la información
 
Sistema gestor de base de datos
Sistema gestor de base de datosSistema gestor de base de datos
Sistema gestor de base de datos
 
3.almacenamiento y gestión de la información
3.almacenamiento y gestión de la información3.almacenamiento y gestión de la información
3.almacenamiento y gestión de la información
 
Almacenamiento y gestión de la informacion
Almacenamiento y gestión de la informacionAlmacenamiento y gestión de la informacion
Almacenamiento y gestión de la informacion
 
Almacenamiento y gestion de la informacion
Almacenamiento y gestion de la informacionAlmacenamiento y gestion de la informacion
Almacenamiento y gestion de la informacion
 
Sistema gestor de base de datos1
Sistema gestor de base de datos1Sistema gestor de base de datos1
Sistema gestor de base de datos1
 
Lectura 3. Almacenamiento y gestión de la información
Lectura 3. Almacenamiento y gestión de la informaciónLectura 3. Almacenamiento y gestión de la información
Lectura 3. Almacenamiento y gestión de la información
 
3) ALMACENAMIENTO Y GESTIÓN DE LA INFORMACIÓN
3) ALMACENAMIENTO Y GESTIÓN DE LA INFORMACIÓN3) ALMACENAMIENTO Y GESTIÓN DE LA INFORMACIÓN
3) ALMACENAMIENTO Y GESTIÓN DE LA INFORMACIÓN
 
Almacenamiento y gestión de la información
Almacenamiento y gestión de la información Almacenamiento y gestión de la información
Almacenamiento y gestión de la información
 
Almacenamiento y gestion de la informacion
Almacenamiento y gestion de la informacionAlmacenamiento y gestion de la informacion
Almacenamiento y gestion de la informacion
 
Los nabvegadores
Los nabvegadoresLos nabvegadores
Los nabvegadores
 
Diapositiva 3 tic
Diapositiva 3 ticDiapositiva 3 tic
Diapositiva 3 tic
 
Clase 3
Clase 3Clase 3
Clase 3
 
Diapositiva no.3 tic's
Diapositiva no.3 tic'sDiapositiva no.3 tic's
Diapositiva no.3 tic's
 

Destacado

Unidad 8... Autoedición de Word
Unidad 8... Autoedición de WordUnidad 8... Autoedición de Word
Unidad 8... Autoedición de Word
Nadia Gonzalez
 
Unidad 4 Photoshop y Gimp
Unidad 4 Photoshop y GimpUnidad 4 Photoshop y Gimp
Unidad 4 Photoshop y Gimp
Nadia Gonzalez
 
Tema 2 Informática
Tema 2 InformáticaTema 2 Informática
Tema 2 Informática
SHEILAMP11
 
Arklay mountains masivo airsoft 2011 actualizado
Arklay mountains masivo airsoft 2011 actualizadoArklay mountains masivo airsoft 2011 actualizado
Arklay mountains masivo airsoft 2011 actualizado
Julio Carte
 
Analisis rating-river-en-la-b
Analisis rating-river-en-la-bAnalisis rating-river-en-la-b
Analisis rating-river-en-la-b
OMD Argentina
 

Destacado (19)

Unidad 8... Autoedición de Word
Unidad 8... Autoedición de WordUnidad 8... Autoedición de Word
Unidad 8... Autoedición de Word
 
Unidad 4 Photoshop y Gimp
Unidad 4 Photoshop y GimpUnidad 4 Photoshop y Gimp
Unidad 4 Photoshop y Gimp
 
Tema 2 Informática
Tema 2 InformáticaTema 2 Informática
Tema 2 Informática
 
Dossier juana geyser y la imaginaria banda musical
Dossier juana geyser y la imaginaria banda musicalDossier juana geyser y la imaginaria banda musical
Dossier juana geyser y la imaginaria banda musical
 
La importancia del email marketing en los negocios por Internet
La importancia del email marketing en los negocios por InternetLa importancia del email marketing en los negocios por Internet
La importancia del email marketing en los negocios por Internet
 
Marketing, imagen y comunicación en establecimientos hosteleros #LoveClients
 Marketing, imagen y comunicación en establecimientos hosteleros #LoveClients Marketing, imagen y comunicación en establecimientos hosteleros #LoveClients
Marketing, imagen y comunicación en establecimientos hosteleros #LoveClients
 
ekonomista 2.0 - N.º 4
ekonomista 2.0 - N.º 4ekonomista 2.0 - N.º 4
ekonomista 2.0 - N.º 4
 
Arklay mountains masivo airsoft 2011 actualizado
Arklay mountains masivo airsoft 2011 actualizadoArklay mountains masivo airsoft 2011 actualizado
Arklay mountains masivo airsoft 2011 actualizado
 
Guia # 7
Guia # 7Guia # 7
Guia # 7
 
GPI PPT v3
GPI PPT v3GPI PPT v3
GPI PPT v3
 
Comparaciones | Sociedad y Tecnologia
Comparaciones | Sociedad y TecnologiaComparaciones | Sociedad y Tecnologia
Comparaciones | Sociedad y Tecnologia
 
Analisis rating-river-en-la-b
Analisis rating-river-en-la-bAnalisis rating-river-en-la-b
Analisis rating-river-en-la-b
 
Hitachi ID Password Manager: Enrollment, password reset and password synchron...
Hitachi ID Password Manager: Enrollment, password reset and password synchron...Hitachi ID Password Manager: Enrollment, password reset and password synchron...
Hitachi ID Password Manager: Enrollment, password reset and password synchron...
 
Wine Club Satisfaction and Segmentation Study - Presentation by Merrill Resea...
Wine Club Satisfaction and Segmentation Study - Presentation by Merrill Resea...Wine Club Satisfaction and Segmentation Study - Presentation by Merrill Resea...
Wine Club Satisfaction and Segmentation Study - Presentation by Merrill Resea...
 
Ensayo sistema monetario europeo
Ensayo sistema monetario europeoEnsayo sistema monetario europeo
Ensayo sistema monetario europeo
 
Psicología de la emergencia y autocontrol
Psicología de la emergencia y autocontrolPsicología de la emergencia y autocontrol
Psicología de la emergencia y autocontrol
 
Cisco Addresses the Full Attack Continuum
Cisco Addresses the Full Attack ContinuumCisco Addresses the Full Attack Continuum
Cisco Addresses the Full Attack Continuum
 
Power System
Power SystemPower System
Power System
 
Präsentation Energiefachstelle Liechtenstein
Präsentation Energiefachstelle LiechtensteinPräsentation Energiefachstelle Liechtenstein
Präsentation Energiefachstelle Liechtenstein
 

Similar a Unidad 6 Diseño de Páginas Web

Mi primera pagina_web[1]
Mi primera pagina_web[1]Mi primera pagina_web[1]
Mi primera pagina_web[1]
estaseylugo1992
 
Manual actiweb (equipo)
Manual actiweb (equipo)Manual actiweb (equipo)
Manual actiweb (equipo)
Peluchin Jeje
 
Archivo Pdf
Archivo PdfArchivo Pdf
Archivo Pdf
UCCI
 

Similar a Unidad 6 Diseño de Páginas Web (20)

Clase 6 periodismo 2016 wix-parte i
Clase 6 periodismo 2016 wix-parte iClase 6 periodismo 2016 wix-parte i
Clase 6 periodismo 2016 wix-parte i
 
Clase 6 comunicacion 2016 wix-parte i
Clase 6  comunicacion 2016 wix-parte iClase 6  comunicacion 2016 wix-parte i
Clase 6 comunicacion 2016 wix-parte i
 
Wix clase 6
Wix  clase 6Wix  clase 6
Wix clase 6
 
Clase 7 construccion w eb page maker
Clase 7  construccion w eb page makerClase 7  construccion w eb page maker
Clase 7 construccion w eb page maker
 
Como crear una página web usando cms
Como crear una página web usando cmsComo crear una página web usando cms
Como crear una página web usando cms
 
Pagina wix módulo 1
Pagina wix   módulo 1Pagina wix   módulo 1
Pagina wix módulo 1
 
Pagina wix módulo 1
Pagina wix   módulo 1Pagina wix   módulo 1
Pagina wix módulo 1
 
Página Web
Página WebPágina Web
Página Web
 
Mi primera pagina_web[1]
Mi primera pagina_web[1]Mi primera pagina_web[1]
Mi primera pagina_web[1]
 
Manual actiweb (equipo)
Manual actiweb (equipo)Manual actiweb (equipo)
Manual actiweb (equipo)
 
Dreamweaver mayo 2010
Dreamweaver mayo 2010Dreamweaver mayo 2010
Dreamweaver mayo 2010
 
Archivo Pdf
Archivo PdfArchivo Pdf
Archivo Pdf
 
Centro educacional perlas de la sierra
Centro educacional perlas de la sierraCentro educacional perlas de la sierra
Centro educacional perlas de la sierra
 
Miprimerapagina
MiprimerapaginaMiprimerapagina
Miprimerapagina
 
Miprimerapagina
MiprimerapaginaMiprimerapagina
Miprimerapagina
 
Dreamweaver mx-practicas
Dreamweaver mx-practicasDreamweaver mx-practicas
Dreamweaver mx-practicas
 
Las características y las partes que debe tener un sitio web
Las características y las partes  que debe tener un sitio web Las características y las partes  que debe tener un sitio web
Las características y las partes que debe tener un sitio web
 
Diseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.pptDiseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.ppt
 
Mi leccion1 ok
Mi leccion1  okMi leccion1  ok
Mi leccion1 ok
 
Diseño web
Diseño webDiseño web
Diseño web
 

Más de Nadia Gonzalez

Artículos de la clase
Artículos de la claseArtículos de la clase
Artículos de la clase
Nadia Gonzalez
 
Unidad 2 Sistema Operativo de Windows
Unidad 2 Sistema Operativo de WindowsUnidad 2 Sistema Operativo de Windows
Unidad 2 Sistema Operativo de Windows
Nadia Gonzalez
 
Unidad 1 La sociedad de la Información
Unidad 1 La sociedad de la InformaciónUnidad 1 La sociedad de la Información
Unidad 1 La sociedad de la Información
Nadia Gonzalez
 
Tema 9 segunda presentación
Tema 9   segunda presentaciónTema 9   segunda presentación
Tema 9 segunda presentación
Nadia Gonzalez
 
Tema 9 segunda presentación
Tema 9   segunda presentaciónTema 9   segunda presentación
Tema 9 segunda presentación
Nadia Gonzalez
 
Tema 9 presentacion corta
Tema 9   presentacion cortaTema 9   presentacion corta
Tema 9 presentacion corta
Nadia Gonzalez
 
Tema 9 tercera presentación
Tema 9   tercera presentaciónTema 9   tercera presentación
Tema 9 tercera presentación
Nadia Gonzalez
 
Tema 9 segunda presentación
Tema 9   segunda presentaciónTema 9   segunda presentación
Tema 9 segunda presentación
Nadia Gonzalez
 
Tema 9 primera presentación
Tema 9   primera presentaciónTema 9   primera presentación
Tema 9 primera presentación
Nadia Gonzalez
 
Tema 8 resuelve pg 167
Tema 8   resuelve pg 167Tema 8   resuelve pg 167
Tema 8 resuelve pg 167
Nadia Gonzalez
 
Tema 8 revista la palanca
Tema 8   revista la palancaTema 8   revista la palanca
Tema 8 revista la palanca
Nadia Gonzalez
 
Tema 8 resuelve pg 167
Tema 8   resuelve pg 167Tema 8   resuelve pg 167
Tema 8 resuelve pg 167
Nadia Gonzalez
 
Tema 8 areas y volúmenes
Tema 8   areas y volúmenesTema 8   areas y volúmenes
Tema 8 areas y volúmenes
Nadia Gonzalez
 
Tema 8 revista la palanca
Tema 8   revista la palancaTema 8   revista la palanca
Tema 8 revista la palanca
Nadia Gonzalez
 
Tema 8 apartado de resuelve (pág 167)
Tema 8   apartado de resuelve (pág 167)Tema 8   apartado de resuelve (pág 167)
Tema 8 apartado de resuelve (pág 167)
Nadia Gonzalez
 
Tema 8 areas y volúmenes
Tema 8   areas y volúmenesTema 8   areas y volúmenes
Tema 8 areas y volúmenes
Nadia Gonzalez
 
Tema 8 historia de la informática
Tema 8   historia de la informáticaTema 8   historia de la informática
Tema 8 historia de la informática
Nadia Gonzalez
 

Más de Nadia Gonzalez (20)

Artículos de la clase
Artículos de la claseArtículos de la clase
Artículos de la clase
 
Unidad 9
Unidad 9Unidad 9
Unidad 9
 
Unidad 5 Internet
Unidad 5 InternetUnidad 5 Internet
Unidad 5 Internet
 
Unidad 2 Sistema Operativo de Windows
Unidad 2 Sistema Operativo de WindowsUnidad 2 Sistema Operativo de Windows
Unidad 2 Sistema Operativo de Windows
 
Unidad 1 La sociedad de la Información
Unidad 1 La sociedad de la InformaciónUnidad 1 La sociedad de la Información
Unidad 1 La sociedad de la Información
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Tema 9 segunda presentación
Tema 9   segunda presentaciónTema 9   segunda presentación
Tema 9 segunda presentación
 
Tema 9 segunda presentación
Tema 9   segunda presentaciónTema 9   segunda presentación
Tema 9 segunda presentación
 
Tema 9 presentacion corta
Tema 9   presentacion cortaTema 9   presentacion corta
Tema 9 presentacion corta
 
Tema 9 tercera presentación
Tema 9   tercera presentaciónTema 9   tercera presentación
Tema 9 tercera presentación
 
Tema 9 segunda presentación
Tema 9   segunda presentaciónTema 9   segunda presentación
Tema 9 segunda presentación
 
Tema 9 primera presentación
Tema 9   primera presentaciónTema 9   primera presentación
Tema 9 primera presentación
 
Tema 8 resuelve pg 167
Tema 8   resuelve pg 167Tema 8   resuelve pg 167
Tema 8 resuelve pg 167
 
Tema 8 revista la palanca
Tema 8   revista la palancaTema 8   revista la palanca
Tema 8 revista la palanca
 
Tema 8 resuelve pg 167
Tema 8   resuelve pg 167Tema 8   resuelve pg 167
Tema 8 resuelve pg 167
 
Tema 8 areas y volúmenes
Tema 8   areas y volúmenesTema 8   areas y volúmenes
Tema 8 areas y volúmenes
 
Tema 8 revista la palanca
Tema 8   revista la palancaTema 8   revista la palanca
Tema 8 revista la palanca
 
Tema 8 apartado de resuelve (pág 167)
Tema 8   apartado de resuelve (pág 167)Tema 8   apartado de resuelve (pág 167)
Tema 8 apartado de resuelve (pág 167)
 
Tema 8 areas y volúmenes
Tema 8   areas y volúmenesTema 8   areas y volúmenes
Tema 8 areas y volúmenes
 
Tema 8 historia de la informática
Tema 8   historia de la informáticaTema 8   historia de la informática
Tema 8 historia de la informática
 

Unidad 6 Diseño de Páginas Web

  • 1.
  • 2. DEFINICIÓN DE SITIO WEB  Un sitio web esta formado por un conjunto de páginas Web, archivos y herramientas de administración necesarias para publicar información en la Web.
  • 4. CREACIÓN DE UN SITIO WEB VACÍO  Front Page► Nuevo ► Nuevo sitio Web/Sitio Web de una página...► Opciones/ Especifique la ubicación del nuevo Sitio Web
  • 5. EXPLORACIÓN  Cuando un Sitio Web tiene más de una página, debemos especificar la navegación que se va a producir a través del sitio.
  • 9. INSERCIÓN DE ENLACES  Seleccionamos Hipervínculo. Después nos aparece una ventana con varias opciones.  Hipervínculo o enlace a una página Web del mismo Sitio Web  Hipervínculo a una dirección de correo electrónico  Hipervínculo a una página Web externa de Internet
  • 10. PÁGINA CON MARCOS  Los marcos son una forma de organizar la información que aparece en las páginas Web de un Sitio Web  Los marcos permiten tener: - Una parte fija en la que aparece el menú - Una parte variable según la opción que elijamos en el menú
  • 11. ELEMENTOS DE LOS MARCOS a) index.htm b) menu.htm c)principa.htm  PROPIEDADES DEL MARCO - Nombre - Página inicial - Tamaño del marco - Márgenes - Mostrar barras de desplazamiento
  • 12. IDENTIFICAR LOS MARCOS Cada uno de los marcos tiene un nombre y conviene identificarlos bien. a) contenido b) principal
  • 13. VISITAR PÁGINAS WEBS DE OTROS CENTROS  Es una buena manera de recoger ideas sobre como diseñar tu propio Sitio Web. Como por ejemplo: www.cnice.mec.es //Web de Centros Educativos.  También se pueden obtener de internet nuemerosos elementos para la creación de un sitio Web, como fondos, animaciones, sonidos, ect. Se pueden encontrar con cualquier buscador.
  • 14. CONTENIDOS DEL MENÚ  Por cada uno de los contenidos del menú crearemos una carpeta y guardaremos en ella todas las páginas Web e imágenes referented a dicha opción.
  • 15. FORMULARIOS  Para añadir un formulario al nuevo Sitio Web:
  • 16. Sitios Web creados  En esta unidad se crearon las siguientes páginas Web - Página no oficial del Museo del Prado - Página personal de Óscar Arias -Sitio Web del Ies Mariano José de Larra -