SlideShare a Scribd company logo
1 of 2
Download to read offline
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

More Related Content

What's hot

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
 

What's hot (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
 

Viewers also liked

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
 

Viewers also liked (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 to Diseño Web

Trabajo practico de informatica 2
Trabajo practico de informatica 2Trabajo practico de informatica 2
Trabajo practico de informatica 2Belumorello
 
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 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 to Diseño Web (20)

Tp n°5
Tp n°5Tp n°5
Tp n°5
 
Trabajo practico de informatica 2
Trabajo practico de informatica 2Trabajo practico de informatica 2
Trabajo practico de informatica 2
 
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 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
 

More from 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
 

More from 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
 

Recently uploaded

SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.docRodneyFrankCUADROSMI
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfRosabel UA
 
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
 
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
 
Linea del tiempo - Filosofos Cristianos.docx
Linea del tiempo - Filosofos Cristianos.docxLinea del tiempo - Filosofos Cristianos.docx
Linea del tiempo - Filosofos Cristianos.docxEnriqueLineros1
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Katherine Concepcion Gonzalez
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...JAVIER SOLIS NOYOLA
 
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
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptNancyMoreiraMora1
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfcarolinamartinezsev
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxroberthirigoinvasque
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfMercedes Gonzalez
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIAFabiolaGarcia751855
 
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
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxBeatrizQuijano2
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfGruberACaraballo
 
Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfapunteshistoriamarmo
 

Recently uploaded (20)

SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.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
 
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
 
Linea del tiempo - Filosofos Cristianos.docx
Linea del tiempo - Filosofos Cristianos.docxLinea del tiempo - Filosofos Cristianos.docx
Linea del tiempo - Filosofos Cristianos.docx
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
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...
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
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
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
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
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 

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