SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
INFORMÁTICA: Diseño Web



Hay distintas partes que deben ser diferenciadas en una página Web y que debemos
conocer. A continuación vamos a ver ejemplos y a explicarlos brevemente.




CABECERA - HEADER: En este apartado suele aparecer un texto o dibujo identificativo de la
Web. Sea lo que sea, éste debe ser como hemos dicho, identificativo, si trata de moda, de
coches o de tecnología, haced referencia a ello aquí. Al ser la parte superior es una de las
más visibles y más importantes a la hora de atraer a nuestros visitantes.

MENÚ SUPERIOR - MENU: Este menú no siempre se encuentra en la parte superior, también
lo podemos ver en la barra lateral o sidebar. Si nuestra Web consta de varios apartados,
éstos deben aparecer aquí ya que componen las secciones principales.

Hay que diferenciar entre secciones y categorías:

   -   Secciones son aquellas partes principales que conforman nuestra Web. En nuestro
       caso son: 1º ESO, 2º ESO, 3º ESO, 4º ESO, etc.

   -   Categorías: Se refieren a palabras clave que describen un artículo en concreto, por
       ejemplo, email, google, Word, apuntes, etc.

   -   Por último, los tags, son palabras clave pero que a su vez, describen a las categorías.
       Por ejemplo, dentro de Gmail (que es una categoría) podríamos tener como tag:
       enviar, recibir, adjuntar, etc.




Colegio Escolapias Gandia. Departamento de Nuevas Tecnologías. Dani Díaz             Página 1
INFORMÁTICA: Diseño Web



BARRA LATERAL (derecha e izquierda) - SIDEBAR: El Sidebar o barra lateral hace referencia
al espacio situado a la izquierda, la derecha o ambos espacios dedicados a colocar
diferentes plugins (son pequeños programas que realizan diversas funciones). Como podéis
ver en la imagen del principio, nosotros hemos colocado una nube de tags, enlaces a Webs,
pero también podríamos mostrar el tiempo, las visitas a nuestra Web, etc. Son ampliamente
configurables pero no deja de ser información adicional.

CUERPO - BODY: Es el apartado central y más importante porque es donde escribimos la
información en posts o páginas. En él podemos insertar texto, imágenes, vídeos o
animaciones flash para dotar a nuestra página de un mayor dinamismo. Los posts o
entradas están ordenados cronológicamente, es decir, por fecha, los más recientes
aparecen en la parte superior y poco a poco se va rellenando el cuerpo.




TÍTULO e INFORMACIÓN de los POSTS – TITLE & POST MAIN INFORMATION

Siempre deberán tener el mismo formato: Fecha de publicación, autor, categorías y tags.
Un título que describa el artículo o post que se vaya a escribir en un tamaño de fuente
mayor y destacada y a continuación el texto que compone el post.

PIE DE PÁGINA - FOOTER: Bloque de la Web colocada siempre en la parte inferior. Muchas
veces se tiene como un lugar sin importancia pero por el contrario es dónde encontramos
información útil como la de contacto (teléfono, dirección, email…). Además, podemos
consultar las normas de la Web, el aviso legal, etc.




Colegio Escolapias Gandia. Departamento de Nuevas Tecnologías. Dani Díaz        Página 2

Más contenido relacionado

La actualidad más candente

T.p. nº 5 camila sandiga
T.p. nº 5 camila sandigaT.p. nº 5 camila sandiga
T.p. nº 5 camila sandigacamisandiga
 
T.p. nº 5 camila sandiga
T.p. nº 5 camila sandigaT.p. nº 5 camila sandiga
T.p. nº 5 camila sandigacamisandiga
 
Trabajo practico #5
Trabajo practico #5Trabajo practico #5
Trabajo practico #5AlgerLodecar
 
Trabajo práctico nº 2
Trabajo práctico nº 2Trabajo práctico nº 2
Trabajo práctico nº 2daianasoro
 
Trabajo practico nº14
Trabajo practico nº14Trabajo practico nº14
Trabajo practico nº14germi98
 
Calameo presentacion
Calameo presentacionCalameo presentacion
Calameo presentacionAndres Lopez
 
Tutorial slideshare obradoiro bueu
Tutorial slideshare obradoiro bueuTutorial slideshare obradoiro bueu
Tutorial slideshare obradoiro bueuobradoiroturismo
 
Slideshare
SlideshareSlideshare
Slideshareulfe
 
El video profesional
El video profesionalEl video profesional
El video profesionalEvelinLazo
 
Actividad de contextualizacion 4
Actividad de contextualizacion 4Actividad de contextualizacion 4
Actividad de contextualizacion 4senadaniel
 

La actualidad más candente (16)

T.p. nº 5 camila sandiga
T.p. nº 5 camila sandigaT.p. nº 5 camila sandiga
T.p. nº 5 camila sandiga
 
T.p. nº 5 camila sandiga
T.p. nº 5 camila sandigaT.p. nº 5 camila sandiga
T.p. nº 5 camila sandiga
 
Trabajo practico #5
Trabajo practico #5Trabajo practico #5
Trabajo practico #5
 
Trabajo práctico nº 2
Trabajo práctico nº 2Trabajo práctico nº 2
Trabajo práctico nº 2
 
Trabajo practico nº14
Trabajo practico nº14Trabajo practico nº14
Trabajo practico nº14
 
Calameo presentacion
Calameo presentacionCalameo presentacion
Calameo presentacion
 
Tutorial slideshare obradoiro bueu
Tutorial slideshare obradoiro bueuTutorial slideshare obradoiro bueu
Tutorial slideshare obradoiro bueu
 
Slideshare
SlideshareSlideshare
Slideshare
 
dreamweaver
 dreamweaver dreamweaver
dreamweaver
 
Presentacion de dreamweaver
Presentacion de dreamweaverPresentacion de dreamweaver
Presentacion de dreamweaver
 
El vídeo
El vídeoEl vídeo
El vídeo
 
El video profesional
El video profesionalEl video profesional
El video profesional
 
Actividad de contextualizacion 4
Actividad de contextualizacion 4Actividad de contextualizacion 4
Actividad de contextualizacion 4
 
El Slideshare
El SlideshareEl Slideshare
El Slideshare
 
Slideshare
SlideshareSlideshare
Slideshare
 
El Slideshare
El SlideshareEl Slideshare
El Slideshare
 

Destacado

1. photoshop retoque facial
1. photoshop  retoque facial1. photoshop  retoque facial
1. photoshop retoque facialDani Díaz
 
Photoshop atajos de teclado
Photoshop  atajos de tecladoPhotoshop  atajos de teclado
Photoshop atajos de tecladoDani Díaz
 
2. photoshop piel de piedra
2. photoshop  piel de piedra2. photoshop  piel de piedra
2. photoshop piel de piedraDani Díaz
 
Manejo de herramientas en joomla 3.0.3 (configuracion)
Manejo de herramientas en joomla 3.0.3 (configuracion)Manejo de herramientas en joomla 3.0.3 (configuracion)
Manejo de herramientas en joomla 3.0.3 (configuracion)Xavier Castillo Castillo
 
Internet con google
Internet con googleInternet con google
Internet con googleDani Díaz
 
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
 
Como Crear Paginas Web
Como Crear Paginas WebComo Crear Paginas Web
Como Crear Paginas WebJose Casan
 
Phases of the Compiler - Systems Programming
Phases of the Compiler - Systems ProgrammingPhases of the Compiler - Systems Programming
Phases of the Compiler - Systems ProgrammingMukesh Tekwani
 
Compiler Design
Compiler DesignCompiler Design
Compiler DesignMir Majid
 

Destacado (12)

1. photoshop retoque facial
1. photoshop  retoque facial1. photoshop  retoque facial
1. photoshop retoque facial
 
Photoshop atajos de teclado
Photoshop  atajos de tecladoPhotoshop  atajos de teclado
Photoshop atajos de teclado
 
2. photoshop piel de piedra
2. photoshop  piel de piedra2. photoshop  piel de piedra
2. photoshop piel de piedra
 
Manejo de herramientas en joomla 3.0.3 (configuracion)
Manejo de herramientas en joomla 3.0.3 (configuracion)Manejo de herramientas en joomla 3.0.3 (configuracion)
Manejo de herramientas en joomla 3.0.3 (configuracion)
 
partes de un pagina
partes de un paginapartes de un pagina
partes de un pagina
 
Internet con google
Internet con googleInternet con google
Internet con google
 
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
 
Como Crear Paginas Web
Como Crear Paginas WebComo Crear Paginas Web
Como Crear Paginas Web
 
Partes de una pagina web
Partes de una pagina webPartes de una pagina web
Partes de una pagina web
 
Phases of the Compiler - Systems Programming
Phases of the Compiler - Systems ProgrammingPhases of the Compiler - Systems Programming
Phases of the Compiler - Systems Programming
 
Compiler Design
Compiler DesignCompiler Design
Compiler Design
 
Compiler Chapter 1
Compiler Chapter 1Compiler Chapter 1
Compiler Chapter 1
 

Similar a Diseño Web

Trabajo practico de informatica3
Trabajo practico de informatica3Trabajo practico de informatica3
Trabajo practico de informatica3Belumorello
 
Trabajo practico de informatica3
Trabajo practico de informatica3Trabajo practico de informatica3
Trabajo practico de informatica3Belumorello
 
Trabajo practico de informatica 2
Trabajo practico de informatica 2Trabajo practico de informatica 2
Trabajo practico de informatica 2Belumorello
 
Trabajo Practico Nº14
Trabajo Practico Nº14Trabajo Practico Nº14
Trabajo Practico Nº14rodolfogonella
 
Trabajopracticon14 121106165522-phpapp02
Trabajopracticon14 121106165522-phpapp02Trabajopracticon14 121106165522-phpapp02
Trabajopracticon14 121106165522-phpapp02anitayjime
 
Trabajo3 juanpablo
Trabajo3 juanpabloTrabajo3 juanpablo
Trabajo3 juanpabloagusciruja
 
Trabajo práctico nº 3 mely
Trabajo práctico nº 3 melyTrabajo práctico nº 3 mely
Trabajo práctico nº 3 melyMelytapia
 
TRABAJO PRACTICO N°3
TRABAJO PRACTICO N°3TRABAJO PRACTICO N°3
TRABAJO PRACTICO N°3Melytapia
 
Trabajo práctico nº 3 mely
Trabajo práctico nº 3 melyTrabajo práctico nº 3 mely
Trabajo práctico nº 3 melyMelytapia
 
Trabajo práctico nº 14
Trabajo práctico nº 14Trabajo práctico nº 14
Trabajo práctico nº 14rocioSM123
 
Trabajo practico numero 3
Trabajo practico numero 3Trabajo practico numero 3
Trabajo practico numero 3ailen0897
 
trabajo practico
trabajo practicotrabajo practico
trabajo practicodaianasoro
 
Trabajo práctico nº 3
Trabajo práctico nº 3Trabajo práctico nº 3
Trabajo práctico nº 3DiegoLux
 
Trabajo practico n°3
Trabajo practico n°3Trabajo practico n°3
Trabajo practico n°3gabriel_gar
 
Trabajo practico n° 3
Trabajo practico n° 3Trabajo practico n° 3
Trabajo practico n° 3Aiileen
 

Similar a Diseño Web (20)

Tp n°5
Tp n°5Tp n°5
Tp n°5
 
Trabajo practico de informatica3
Trabajo practico de informatica3Trabajo practico de informatica3
Trabajo practico de informatica3
 
Trabajo practico de informatica3
Trabajo practico de informatica3Trabajo practico de informatica3
Trabajo practico de informatica3
 
Trabajo practico de informatica 2
Trabajo practico de informatica 2Trabajo practico de informatica 2
Trabajo practico de informatica 2
 
Trabajo Practico Nº14
Trabajo Practico Nº14Trabajo Practico Nº14
Trabajo Practico Nº14
 
Trabajopracticon14 121106165522-phpapp02
Trabajopracticon14 121106165522-phpapp02Trabajopracticon14 121106165522-phpapp02
Trabajopracticon14 121106165522-phpapp02
 
Trabajo3 juanpablo
Trabajo3 juanpabloTrabajo3 juanpablo
Trabajo3 juanpablo
 
Trabajo práctico nº 3 mely
Trabajo práctico nº 3 melyTrabajo práctico nº 3 mely
Trabajo práctico nº 3 mely
 
TRABAJO PRACTICO N°3
TRABAJO PRACTICO N°3TRABAJO PRACTICO N°3
TRABAJO PRACTICO N°3
 
Trabajo práctico nº 3 mely
Trabajo práctico nº 3 melyTrabajo práctico nº 3 mely
Trabajo práctico nº 3 mely
 
Trabajo práctico nº 14
Trabajo práctico nº 14Trabajo práctico nº 14
Trabajo práctico nº 14
 
Trabajo practico numero 3
Trabajo practico numero 3Trabajo practico numero 3
Trabajo practico numero 3
 
Tp 5 micaela rodriguez
Tp 5 micaela rodriguezTp 5 micaela rodriguez
Tp 5 micaela rodriguez
 
Tp 5 micaela rodriguez
Tp 5 micaela rodriguezTp 5 micaela rodriguez
Tp 5 micaela rodriguez
 
trabajo practico
trabajo practicotrabajo practico
trabajo practico
 
Trabajo práctico nº 3
Trabajo práctico nº 3Trabajo práctico nº 3
Trabajo práctico nº 3
 
Trabajo practico n°3
Trabajo practico n°3Trabajo practico n°3
Trabajo practico n°3
 
Tp 3
Tp 3Tp 3
Tp 3
 
Blogger avanzado
Blogger avanzadoBlogger avanzado
Blogger avanzado
 
Trabajo practico n° 3
Trabajo practico n° 3Trabajo practico n° 3
Trabajo practico n° 3
 

Más de Dani Díaz

Premiere conceptos básicos
Premiere  conceptos básicosPremiere  conceptos básicos
Premiere conceptos básicosDani Díaz
 
Wordpress Consejos
Wordpress ConsejosWordpress Consejos
Wordpress ConsejosDani Díaz
 
Navegadores Web
Navegadores WebNavegadores Web
Navegadores WebDani Díaz
 
Carpetas Y Win Rar
Carpetas Y Win RarCarpetas Y Win Rar
Carpetas Y Win RarDani Díaz
 
Propiedad Intelectual Oficial
Propiedad Intelectual OficialPropiedad Intelectual Oficial
Propiedad Intelectual OficialDani Díaz
 
Propiedad Intelectual Documento Oficial
Propiedad Intelectual Documento OficialPropiedad Intelectual Documento Oficial
Propiedad Intelectual Documento OficialDani Díaz
 
Imagen Digital
Imagen DigitalImagen Digital
Imagen DigitalDani Díaz
 
EvolucióN De Los Sistemas Operativos
EvolucióN De Los Sistemas OperativosEvolucióN De Los Sistemas Operativos
EvolucióN De Los Sistemas OperativosDani Díaz
 
Mantenimiento Pc
Mantenimiento PcMantenimiento Pc
Mantenimiento PcDani Díaz
 
Amenazas Informática
Amenazas InformáticaAmenazas Informática
Amenazas InformáticaDani Díaz
 
1º Bach Web 2.0 Y Servicios Asociados
1º Bach Web 2.0 Y Servicios Asociados1º Bach Web 2.0 Y Servicios Asociados
1º Bach Web 2.0 Y Servicios AsociadosDani Díaz
 
1º Bach Tema 1 TecnologíAs De La InformacióN
1º Bach Tema 1   TecnologíAs De La InformacióN1º Bach Tema 1   TecnologíAs De La InformacióN
1º Bach Tema 1 TecnologíAs De La InformacióNDani Díaz
 
Trabajar Con Win Rar
Trabajar Con Win RarTrabajar Con Win Rar
Trabajar Con Win RarDani Díaz
 
Trabajar En Word
Trabajar En WordTrabajar En Word
Trabajar En WordDani Díaz
 
Computers Hardware
Computers HardwareComputers Hardware
Computers HardwareDani Díaz
 
Netiquetas O Normas De Comportamiento
Netiquetas O Normas De ComportamientoNetiquetas O Normas De Comportamiento
Netiquetas O Normas De ComportamientoDani Díaz
 

Más de Dani Díaz (17)

Premiere conceptos básicos
Premiere  conceptos básicosPremiere  conceptos básicos
Premiere conceptos básicos
 
Wordpress Consejos
Wordpress ConsejosWordpress Consejos
Wordpress Consejos
 
Navegadores Web
Navegadores WebNavegadores Web
Navegadores Web
 
Carpetas Y Win Rar
Carpetas Y Win RarCarpetas Y Win Rar
Carpetas Y Win Rar
 
Propiedad Intelectual Oficial
Propiedad Intelectual OficialPropiedad Intelectual Oficial
Propiedad Intelectual Oficial
 
Propiedad Intelectual Documento Oficial
Propiedad Intelectual Documento OficialPropiedad Intelectual Documento Oficial
Propiedad Intelectual Documento Oficial
 
Redes
RedesRedes
Redes
 
Imagen Digital
Imagen DigitalImagen Digital
Imagen Digital
 
EvolucióN De Los Sistemas Operativos
EvolucióN De Los Sistemas OperativosEvolucióN De Los Sistemas Operativos
EvolucióN De Los Sistemas Operativos
 
Mantenimiento Pc
Mantenimiento PcMantenimiento Pc
Mantenimiento Pc
 
Amenazas Informática
Amenazas InformáticaAmenazas Informática
Amenazas Informática
 
1º Bach Web 2.0 Y Servicios Asociados
1º Bach Web 2.0 Y Servicios Asociados1º Bach Web 2.0 Y Servicios Asociados
1º Bach Web 2.0 Y Servicios Asociados
 
1º Bach Tema 1 TecnologíAs De La InformacióN
1º Bach Tema 1   TecnologíAs De La InformacióN1º Bach Tema 1   TecnologíAs De La InformacióN
1º Bach Tema 1 TecnologíAs De La InformacióN
 
Trabajar Con Win Rar
Trabajar Con Win RarTrabajar Con Win Rar
Trabajar Con Win Rar
 
Trabajar En Word
Trabajar En WordTrabajar En Word
Trabajar En Word
 
Computers Hardware
Computers HardwareComputers Hardware
Computers Hardware
 
Netiquetas O Normas De Comportamiento
Netiquetas O Normas De ComportamientoNetiquetas O Normas De Comportamiento
Netiquetas O Normas De Comportamiento
 

Último

Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
Marketing y servicios 2ºBTP Cocina DGETP
Marketing y servicios 2ºBTP Cocina DGETPMarketing y servicios 2ºBTP Cocina DGETP
Marketing y servicios 2ºBTP Cocina DGETPANEP - DETP
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDUgustavorojas179704
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfromanmillans
 
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
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
plan-de-trabajo-colegiado en una institucion educativa
plan-de-trabajo-colegiado en una institucion educativaplan-de-trabajo-colegiado en una institucion educativa
plan-de-trabajo-colegiado en una institucion educativafiorelachuctaya2
 
CULTURA NAZCA, presentación en aula para compartir
CULTURA NAZCA, presentación en aula para compartirCULTURA NAZCA, presentación en aula para compartir
CULTURA NAZCA, presentación en aula para compartirPaddySydney1
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 

Último (20)

Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parte
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
Marketing y servicios 2ºBTP Cocina DGETP
Marketing y servicios 2ºBTP Cocina DGETPMarketing y servicios 2ºBTP Cocina DGETP
Marketing y servicios 2ºBTP Cocina DGETP
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 
Unidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDIUnidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDI
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
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...
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
plan-de-trabajo-colegiado en una institucion educativa
plan-de-trabajo-colegiado en una institucion educativaplan-de-trabajo-colegiado en una institucion educativa
plan-de-trabajo-colegiado en una institucion educativa
 
CULTURA NAZCA, presentación en aula para compartir
CULTURA NAZCA, presentación en aula para compartirCULTURA NAZCA, presentación en aula para compartir
CULTURA NAZCA, presentación en aula para compartir
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 

Diseño Web

  • 1. INFORMÁTICA: Diseño Web Hay distintas partes que deben ser diferenciadas en una página Web y que debemos conocer. A continuación vamos a ver ejemplos y a explicarlos brevemente. CABECERA - HEADER: En este apartado suele aparecer un texto o dibujo identificativo de la Web. Sea lo que sea, éste debe ser como hemos dicho, identificativo, si trata de moda, de coches o de tecnología, haced referencia a ello aquí. Al ser la parte superior es una de las más visibles y más importantes a la hora de atraer a nuestros visitantes. MENÚ SUPERIOR - MENU: Este menú no siempre se encuentra en la parte superior, también lo podemos ver en la barra lateral o sidebar. Si nuestra Web consta de varios apartados, éstos deben aparecer aquí ya que componen las secciones principales. Hay que diferenciar entre secciones y categorías: - Secciones son aquellas partes principales que conforman nuestra Web. En nuestro caso son: 1º ESO, 2º ESO, 3º ESO, 4º ESO, etc. - Categorías: Se refieren a palabras clave que describen un artículo en concreto, por ejemplo, email, google, Word, apuntes, etc. - Por último, los tags, son palabras clave pero que a su vez, describen a las categorías. Por ejemplo, dentro de Gmail (que es una categoría) podríamos tener como tag: enviar, recibir, adjuntar, etc. Colegio Escolapias Gandia. Departamento de Nuevas Tecnologías. Dani Díaz Página 1
  • 2. INFORMÁTICA: Diseño Web BARRA LATERAL (derecha e izquierda) - SIDEBAR: El Sidebar o barra lateral hace referencia al espacio situado a la izquierda, la derecha o ambos espacios dedicados a colocar diferentes plugins (son pequeños programas que realizan diversas funciones). Como podéis ver en la imagen del principio, nosotros hemos colocado una nube de tags, enlaces a Webs, pero también podríamos mostrar el tiempo, las visitas a nuestra Web, etc. Son ampliamente configurables pero no deja de ser información adicional. CUERPO - BODY: Es el apartado central y más importante porque es donde escribimos la información en posts o páginas. En él podemos insertar texto, imágenes, vídeos o animaciones flash para dotar a nuestra página de un mayor dinamismo. Los posts o entradas están ordenados cronológicamente, es decir, por fecha, los más recientes aparecen en la parte superior y poco a poco se va rellenando el cuerpo. TÍTULO e INFORMACIÓN de los POSTS – TITLE & POST MAIN INFORMATION Siempre deberán tener el mismo formato: Fecha de publicación, autor, categorías y tags. Un título que describa el artículo o post que se vaya a escribir en un tamaño de fuente mayor y destacada y a continuación el texto que compone el post. PIE DE PÁGINA - FOOTER: Bloque de la Web colocada siempre en la parte inferior. Muchas veces se tiene como un lugar sin importancia pero por el contrario es dónde encontramos información útil como la de contacto (teléfono, dirección, email…). Además, podemos consultar las normas de la Web, el aviso legal, etc. Colegio Escolapias Gandia. Departamento de Nuevas Tecnologías. Dani Díaz Página 2