SlideShare ist ein Scribd-Unternehmen logo
1 von 5
Downloaden Sie, um offline zu lesen
INFORMÁTICA: Diseño Web. Blogs, foros y páginas Web
Colegio Escolapias Gandia. Departamento de Nuevas Tecnologías. Dani Díaz Página 1
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.
INFORMÁTICA: Diseño Web. Blogs, foros y páginas Web
Colegio Escolapias Gandia. Departamento de Nuevas Tecnologías. Dani Díaz Página 2
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.
INFORMÁTICA: Diseño Web. Blogs, foros y páginas Web
Colegio Escolapias Gandia. Departamento de Nuevas Tecnologías. Dani Díaz Página 3
DIFERENCIAS ENTRE BLOG, FORO y PÁGINA WEB: Un blog básicamente es un diario. Su
nombre en castellano es “bitácora o cuaderno de bitácora” que eran los diarios de a bordo
de los capitanes de los barcos.
La estructura de un BLOG, como ya hemos hablado, es bien sencilla y la información se
organiza principalmente en entradas, estando las más recientes al inicio de la página.
Contiene además, una cabecera, una o más barras laterales y un pie de página.
INFORMÁTICA: Diseño Web. Blogs, foros y páginas Web
Colegio Escolapias Gandia. Departamento de Nuevas Tecnologías. Dani Díaz Página 4
Los FOROS por el contrario, tienen una estructura totalmente diferente. Su función no es
otra que la de crear discusiones acerca de un tema. Se organizan por temas principales y
se ramifican en subtemas. Se puede decir que tiene estructura de árbol. Las normas
básicas de TODOS los foros son las del respeto, educación y no escribir en mayúsculas ya
que equivale a estar gritando. Todo foro es llevado y controlado por uno o más
MODERADORES y los que contribuyen asiduamente se les llama COLABORADORES.
El funcionamiento es el siguiente:
- Se plantea un tema
- La gente va respondiendo acerca de él.
- Todas aquellas aportaciones que se salgan del tema, suelen ser moderadas y
eliminadas.
 La colaboración es fundamental en los foros. Está creado por y para los usuarios. Sé
agradecido y colabora pues el día de mañana quizá necesites tú ayuda.
INFORMÁTICA: Diseño Web. Blogs, foros y páginas Web
Colegio Escolapias Gandia. Departamento de Nuevas Tecnologías. Dani Díaz Página 5
Las PÁGINAS WEB hoy día, han quedado eclipsadas por los Blogs e incluso por software
como Joomla! que permite la creación de sitios Web profesionales sin casi conocimientos
de programación. Hoy día, sólo las empresas profesiones solicitan la creación de páginas
Web en programación pura ya que necesitan un 100% de efectividad en su funcionamiento.
Ni siquiera las tiendas virtuales son ya Webs al uso, como decimos, Joomla! y otros
paquetes, permiten la instalación de plugins que realicen todo tipo de tareas.

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (19)

Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Slideshare. dillan congo
Slideshare. dillan congoSlideshare. dillan congo
Slideshare. dillan congo
 
Slide share
Slide shareSlide share
Slide share
 
Pagina web y cazatesoro
Pagina web y cazatesoroPagina web y cazatesoro
Pagina web y cazatesoro
 
Presencia de internet
Presencia de internetPresencia de internet
Presencia de internet
 
Maria jose cortez
Maria jose cortezMaria jose cortez
Maria jose cortez
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
ACTIVIDAD DRECURSOS WEB
ACTIVIDAD DRECURSOS WEBACTIVIDAD DRECURSOS WEB
ACTIVIDAD DRECURSOS WEB
 
Plataformas DigitaLes
Plataformas DigitaLesPlataformas DigitaLes
Plataformas DigitaLes
 
Tutorial slideshare
Tutorial slideshareTutorial slideshare
Tutorial slideshare
 
Purihuaman medina lidia
Purihuaman medina lidiaPurihuaman medina lidia
Purihuaman medina lidia
 
Slideshare
SlideshareSlideshare
Slideshare
 
Como insertar un power point en tu blog
Como insertar un power point en tu  blogComo insertar un power point en tu  blog
Como insertar un power point en tu blog
 
Dn11 u3 a3_dsdi
Dn11 u3 a3_dsdiDn11 u3 a3_dsdi
Dn11 u3 a3_dsdi
 
Slideshare
SlideshareSlideshare
Slideshare
 
¿ QUE ES SLIDESHARE ?
¿ QUE ES SLIDESHARE ? ¿ QUE ES SLIDESHARE ?
¿ QUE ES SLIDESHARE ?
 
temas grupo 13
temas grupo 13temas grupo 13
temas grupo 13
 
Actividad n 3 informatica
Actividad n 3 informaticaActividad n 3 informatica
Actividad n 3 informatica
 
Presentacion IDE9730104
Presentacion IDE9730104Presentacion IDE9730104
Presentacion IDE9730104
 

Andere mochten auch

publicación de contenidos web
publicación de contenidos webpublicación de contenidos web
publicación de contenidos webviriato6338
 
ALERTAS DE GOOGLE
ALERTAS DE GOOGLEALERTAS DE GOOGLE
ALERTAS DE GOOGLESandra Meza
 
CORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAILCORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAILSandra Meza
 
unificar cuentas de correo
unificar cuentas de correounificar cuentas de correo
unificar cuentas de correoSandra Meza
 
Publicación de páginas web
Publicación de páginas webPublicación de páginas web
Publicación de páginas webborja94
 
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOSMANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOSSandra Meza
 
Guia creacion paginas web
Guia creacion paginas webGuia creacion paginas web
Guia creacion paginas webWebasesor
 
FORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOSFORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOSSandra Meza
 
MANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIASMANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIASSandra Meza
 
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALESMANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALESSandra Meza
 
Módulo 1. La esencia y la lógica del lenguaje HTML. Curso de HTML5: "Todo lo ...
Módulo 1. La esencia y la lógica del lenguaje HTML. Curso de HTML5: "Todo lo ...Módulo 1. La esencia y la lógica del lenguaje HTML. Curso de HTML5: "Todo lo ...
Módulo 1. La esencia y la lógica del lenguaje HTML. Curso de HTML5: "Todo lo ...Josep Massó Carreras
 
7 PASOS PARA UNA TESIS EXITOSA
7 PASOS PARA UNA TESIS EXITOSA7 PASOS PARA UNA TESIS EXITOSA
7 PASOS PARA UNA TESIS EXITOSASandra Meza
 
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
 
"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
 
Introducción al lenguaje HTML
Introducción al lenguaje HTMLIntroducción al lenguaje HTML
Introducción al lenguaje HTMLUNIVA
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?Maximiliano Martin
 

Andere mochten auch (20)

Estructuras Web
Estructuras WebEstructuras Web
Estructuras Web
 
Sitios de publicación
Sitios de publicaciónSitios de publicación
Sitios de publicación
 
publicación de contenidos web
publicación de contenidos webpublicación de contenidos web
publicación de contenidos web
 
ALERTAS DE GOOGLE
ALERTAS DE GOOGLEALERTAS DE GOOGLE
ALERTAS DE GOOGLE
 
CORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAILCORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAIL
 
unificar cuentas de correo
unificar cuentas de correounificar cuentas de correo
unificar cuentas de correo
 
Publicación de páginas web
Publicación de páginas webPublicación de páginas web
Publicación de páginas web
 
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOSMANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
 
Guia creacion paginas web
Guia creacion paginas webGuia creacion paginas web
Guia creacion paginas web
 
FORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOSFORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOS
 
MANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIASMANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIAS
 
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALESMANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
 
Módulo 1. La esencia y la lógica del lenguaje HTML. Curso de HTML5: "Todo lo ...
Módulo 1. La esencia y la lógica del lenguaje HTML. Curso de HTML5: "Todo lo ...Módulo 1. La esencia y la lógica del lenguaje HTML. Curso de HTML5: "Todo lo ...
Módulo 1. La esencia y la lógica del lenguaje HTML. Curso de HTML5: "Todo lo ...
 
7 PASOS PARA UNA TESIS EXITOSA
7 PASOS PARA UNA TESIS EXITOSA7 PASOS PARA UNA TESIS EXITOSA
7 PASOS PARA UNA TESIS EXITOSA
 
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
 
"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"
 
Introducción al lenguaje HTML
Introducción al lenguaje HTMLIntroducción al lenguaje HTML
Introducción al lenguaje HTML
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?
 
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
 

Ähnlich wie Diseño Web Y Estructuras

Teoria isabel2
Teoria isabel2Teoria isabel2
Teoria isabel2ISABELRJ
 
Teoria isabel2
Teoria isabel2Teoria isabel2
Teoria isabel2ISABELRJ
 
Diseño de paginas web clase 1 lista
Diseño de paginas web clase 1 listaDiseño de paginas web clase 1 lista
Diseño de paginas web clase 1 listaJenny Palacios
 
Teoria isabel
Teoria isabelTeoria isabel
Teoria isabelISABELRJ
 
Pagina web y blog by jose hurtado
Pagina web y blog by jose hurtadoPagina web y blog by jose hurtado
Pagina web y blog by jose hurtadojose hurtado
 
Marketing Digital
Marketing DigitalMarketing Digital
Marketing DigitalDomestika
 
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 3
Trabajo practico de informatica 3Trabajo practico de informatica 3
Trabajo practico de informatica 3Belumorello
 
Trabajo practico de informatica 2
Trabajo practico de informatica 2Trabajo practico de informatica 2
Trabajo practico de informatica 2Belumorello
 
El portafolio profesional
El portafolio profesionalEl portafolio profesional
El portafolio profesionalElmer
 
Tecnico En Sistemas
Tecnico En SistemasTecnico En Sistemas
Tecnico En SistemasIsaacToxic15
 

Ähnlich wie Diseño Web Y Estructuras (20)

Teoria isabel2
Teoria isabel2Teoria isabel2
Teoria isabel2
 
Teoria isabel2
Teoria isabel2Teoria isabel2
Teoria isabel2
 
Diseño de paginas web clase 1 lista
Diseño de paginas web clase 1 listaDiseño de paginas web clase 1 lista
Diseño de paginas web clase 1 lista
 
Análisis de portales
Análisis de portales Análisis de portales
Análisis de portales
 
Teoria isabel
Teoria isabelTeoria isabel
Teoria isabel
 
Tp n°5
Tp n°5Tp n°5
Tp n°5
 
Pagina web y blog by jose hurtado
Pagina web y blog by jose hurtadoPagina web y blog by jose hurtado
Pagina web y blog by jose hurtado
 
Marketing Digital
Marketing DigitalMarketing Digital
Marketing Digital
 
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 3
Trabajo practico de informatica 3Trabajo practico de informatica 3
Trabajo practico de informatica 3
 
Trabajo practico de informatica 2
Trabajo practico de informatica 2Trabajo practico de informatica 2
Trabajo practico de informatica 2
 
BLOG Y WEB
BLOG Y WEBBLOG Y WEB
BLOG Y WEB
 
Pagina web
Pagina webPagina web
Pagina web
 
El blog y la web
El blog y la webEl blog y la web
El blog y la web
 
El portafolio profesional
El portafolio profesionalEl portafolio profesional
El portafolio profesional
 
Tecnico En Sistemas
Tecnico En SistemasTecnico En Sistemas
Tecnico En Sistemas
 
Grupo trabajo
Grupo trabajoGrupo trabajo
Grupo trabajo
 
Informatica
InformaticaInformatica
Informatica
 
Mi primer pagina web
Mi primer pagina webMi primer pagina web
Mi primer pagina web
 

Mehr von Dani Díaz

Internet con google
Internet con googleInternet con google
Internet con googleDani 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
 
1. photoshop retoque facial
1. photoshop  retoque facial1. photoshop  retoque facial
1. photoshop retoque facialDani 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
 

Mehr von Dani Díaz (20)

Internet con google
Internet con googleInternet con google
Internet con google
 
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
 
1. photoshop retoque facial
1. photoshop  retoque facial1. photoshop  retoque facial
1. photoshop retoque facial
 
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
 

Kürzlich hochgeladen

Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfDaniel Ángel Corral de la Mata, Ph.D.
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfDannyTola1
 
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
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxMartín Ramírez
 
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfTarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfCarol Andrea Eraso Guerrero
 
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)veganet
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
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
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfCESARMALAGA4
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
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
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIAAbelardoVelaAlbrecht1
 
PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfPPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfEDILIAGAMBOA
 

Kürzlich hochgeladen (20)

VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdf
 
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
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
 
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfTarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
 
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
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
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
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
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
 
PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfPPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdf
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 

Diseño Web Y Estructuras

  • 1. INFORMÁTICA: Diseño Web. Blogs, foros y páginas Web Colegio Escolapias Gandia. Departamento de Nuevas Tecnologías. Dani Díaz Página 1 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.
  • 2. INFORMÁTICA: Diseño Web. Blogs, foros y páginas Web Colegio Escolapias Gandia. Departamento de Nuevas Tecnologías. Dani Díaz Página 2 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.
  • 3. INFORMÁTICA: Diseño Web. Blogs, foros y páginas Web Colegio Escolapias Gandia. Departamento de Nuevas Tecnologías. Dani Díaz Página 3 DIFERENCIAS ENTRE BLOG, FORO y PÁGINA WEB: Un blog básicamente es un diario. Su nombre en castellano es “bitácora o cuaderno de bitácora” que eran los diarios de a bordo de los capitanes de los barcos. La estructura de un BLOG, como ya hemos hablado, es bien sencilla y la información se organiza principalmente en entradas, estando las más recientes al inicio de la página. Contiene además, una cabecera, una o más barras laterales y un pie de página.
  • 4. INFORMÁTICA: Diseño Web. Blogs, foros y páginas Web Colegio Escolapias Gandia. Departamento de Nuevas Tecnologías. Dani Díaz Página 4 Los FOROS por el contrario, tienen una estructura totalmente diferente. Su función no es otra que la de crear discusiones acerca de un tema. Se organizan por temas principales y se ramifican en subtemas. Se puede decir que tiene estructura de árbol. Las normas básicas de TODOS los foros son las del respeto, educación y no escribir en mayúsculas ya que equivale a estar gritando. Todo foro es llevado y controlado por uno o más MODERADORES y los que contribuyen asiduamente se les llama COLABORADORES. El funcionamiento es el siguiente: - Se plantea un tema - La gente va respondiendo acerca de él. - Todas aquellas aportaciones que se salgan del tema, suelen ser moderadas y eliminadas.  La colaboración es fundamental en los foros. Está creado por y para los usuarios. Sé agradecido y colabora pues el día de mañana quizá necesites tú ayuda.
  • 5. INFORMÁTICA: Diseño Web. Blogs, foros y páginas Web Colegio Escolapias Gandia. Departamento de Nuevas Tecnologías. Dani Díaz Página 5 Las PÁGINAS WEB hoy día, han quedado eclipsadas por los Blogs e incluso por software como Joomla! que permite la creación de sitios Web profesionales sin casi conocimientos de programación. Hoy día, sólo las empresas profesiones solicitan la creación de páginas Web en programación pura ya que necesitan un 100% de efectividad en su funcionamiento. Ni siquiera las tiendas virtuales son ya Webs al uso, como decimos, Joomla! y otros paquetes, permiten la instalación de plugins que realicen todo tipo de tareas.