SlideShare une entreprise Scribd logo
1  sur  11
Télécharger pour lire hors ligne
República Bolivariana de Venezuela
Ministerio del Poder Popular para la Educación Superior
Instituto Universitario de Tecnología Juan Pablo Pérez Alfonzo
IUTEPAL
Ampliación – Puerto Cabello
Pagina Web
Profesora: Integrantes:
Padrón Sonia Ortiz Yoandri C.I. 21.531.534
Salcedo Alexander C.l. 25.779.817
Puerto Cabello; 08 de Agosto del 2016
Que significa las siglas WWW
WWW son las iniciales que identifican a la expresión inglesa Word Wide Web,
el sistema de documentos de hipertexto que se encuentran enlazados entre sí y a
los que se accede por medio de Internet. A través de un software conocido
como navegador, los usuarios pueden visualizar diversos sitios web (los cuales
contienen texto, imágenes, videos y otros contenidos multimedia) y navegar a
través de ellos mediante los hipervínculos.
De esta manera, podríamos decir, utilizando una comparación con el sector de las
comunicaciones telefónicas, que www es el “prefijo” que tiene todo portal que se
encuentre en la mencionada Red al que queremos acceder.
Gracias precisamente a Internet, al uso de la www y, por consiguiente, a las
diversas páginas web que aquellas presentan los ciudadanos de todo el mundo
tenemos la posibilidad de acceder a un sinfín de espacios donde podemos
encontrar la información sobre un aspecto que estamos buscando, donde tenemos
la oportunidad de entretenernos visualizando imágenes interesantes o incluso
donde podemos comunicarnos con personas de cualquier rincón de la geografía de
nuestro planeta
Que es una página WEB
Se conoce como página web al documento que forma parte de un sitio web y
que suele contar con enlaces (también conocidos como hipervínculos o links)
para facilitar la navegación entre los contenidos.
Las páginas web están desarrolladas con lenguajes de marcado como el HTML,
que pueden ser interpretados por los navegadores. De esta forma, las páginas
pueden presentar información en distintos formatos (texto, imágenes, sonidos,
videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones
interactivas.
Tipos de Pagina WEB
Las páginas web son documentos o información que se crean en formato
HTML, estos son adaptados a la Word Wide Web (WWW) y se puede acceder a
ellos por medio de un navegador. Al conjunto de páginas web enlazadas se las
conoce bajo el nombre se sitio web.
Existen distintas formas de clasificar a las páginas web, algunos criterios para ello
son:
Según su construcción:
Estáticas: este tipo de páginas web están compuestas por archivos que contienen
código HTML, es por medio de este que se pueden mostrar las imágenes, textos,
videos y todos aquellos contenidos que componen a la página en sí. Los archivos
que constituyen a la página web son almacenados en el servidor de Hosting, cuyo
formato es también en HTML. Las páginas web pueden ser editadas por medio de
programas como el Dreamweaver. Para esto, los archivos deben ser descargados
del servidor con algún software, editarlos, guardarlos y subirlos nuevamente. El
contenido de estas páginas no se modifica constantemente puesto que estas suelen
estar en manos de personas que requieren contratar a diseñadores para que se
encarguen de esto, lo que implica una serie de gastos. Además, las actualización
contante no es algo que sus dueños necesiten.
Dinámicas: en estas páginas, en cambio, los contenidos son modificados
continuamente ya que esto queda en manos de quienes las visitan. La información
de estas páginas está guardada en bases de datos de las cuales los usuarios extraen
aquello que les interese. Estas páginas se caracterizan entonces por ser sus
usuarios quienes modifican el diseño y los contenidos, se las puede actualizar muy
fácilmente, ya que no es necesario ingresar al servidor para esto. Además, tienen
numerosas funciones como foros, bases de datos, contenidos dinámicos, carritos
de compras, entre otros.
Según su tecnología:
En HTML: estas páginas están construidas con lenguaje HTML, por lo que se
requiere tener conocimientos de este para hacerlas. Un defecto de estas páginas es
que son estáticas, además ofrecen muy poco, por lo que no son recomendables
para ventas y marketing. La ventaja que ofrecen es que son muy fáciles de
construir, con conocimientos básicos de diseño, alcanza.
En Flash: estas páginas se construyen utilizando el software Flash, de Adobe, que
permite la realización de animaciones, efectos, sonidos y movimientos. Para que
los usuarios puedan visualizarlas, es necesario contar con los plug-in requeridos.
Para realizarlas sí es necesario tener conocimientos en profundidad sobre el
software, otra desventaja, es que las páginas hechas con Flash son muy pesadas,
por lo que el tiempo de descarga puede prolongarse.
En lenguaje del servidor: estas se hacen en lenguaje PHP, Ruby, ASP, entre
otros. Para desarrollar esta clase de páginas también es necesario tener
conocimientos avanzados sobre el lenguaje a utilizar. Son ideales para interactuar
con los usuarios y para el área de marketing.
Características de una página WEB
Es importante que, de un simple vistazo, se puedan identificar los siguientes
elementos de una forma clara y consistente a lo largo del sitio:
 Encabezado
 Logotipo (no borroso, no mal recortado, no pixeleado)
 Bajo el logotipo, una frase corta que indique exactamente a qué se
dedica tu empresa. Por ejemplo bajo nuestro logotipo dice “Diseño
y desarrollo de páginas y aplicaciones web”.
 Barra de navegación.
Debe permanecer en el mismo lugar en todas las páginas interiores,
aunque puede estar en otro lugar en la portada si hay una buena
justificación. Al estar siempre en el mismo lugar el visitante sabe en todo
momento donde buscar las demás opciones. Los diferentes niveles de
opciones deben indicarse visualmente con tipos de letra, negritas, colores
o menús desplegables. Los textos de cada opción deben ser claros y
concisos. Si tu sitio web tiene muchas secciones y tienes que crear dos o
tres niveles de menú, no dudes en hacerlo, siempre y cuando crees un
camino fácil de intuir.
 Área de contenido principal.
Es el área donde la vista del visitante va después de ojear rápidamente el
encabezado. Aquí debes poner tu información.
 Barra lateral de contenido (opcional).
En algunos casos es muy útil tener una barra lateral, en la cual se puede
colocar información de fácil acceso, como números telefónicos o una liga
a nuestro formulario de cotizaciones.
 Pie de página.
Debe contener un menú alterno en puro texto, con las opciones de primer
nivel. También úsalo para colocar información de contacto u otra
información importante. El contenido del pie debe aparecer en todas las
páginas.
Características que hacen placentera y útil la visita a un sitio web
Deben utilizarse de forma correcta las diferentes herramientas (HTML, CSS,
ASP.NET o algún otro lenguaje de servidor, AJAX, etc.) para lograr una
navegación que cuente con las siguientes características:
 Páginas ligeras que descarguen rápidamente.
 El formato y estilo de los diferentes elementos están centralizados en un
solo archivo, de tal forma que el navegador solamente lo tiene que leer
una vez.
 Elementos técnicos que facilitan la indexación en buscadores de Internet:
 Inclusión de Metatags “Description” y “Keywords”.
 Información bien redactada sin intentos de engañar a los
buscadores de Internet.
 Uso de etiquetas H1 a H6 para títulos.
 Imágenes optimizadas para que pesen menos.
 No utilizar marcos (frames). Esto evita algunos posibles errores de
visualización en el navegador y facilita la impresión.
 No utilizar Flash cuando no agregue valor. Los buscadores de Internet y
algunos smartphones y tabletas no pueden leer el texto en Flash.
 En la mayoría de los casos es recomendable utilizar un ancho fijo (no
expandible a todo lo ancho de la pantalla) porque facilita la lectura.
 Utilización de tipos de letra fácilmente legibles y una herramienta para
permitir crecer el texto. Existe una estimación de que el 75% de los
adultos utiliza algún tipo de anteojos para corregir la visión.
 Todas las páginas contarán con un URL absoluto. Esto es, cada página
tendrá una dirección distinta y única en la barra de direcciones de tu
navegador (puede parecer obvio, pero hay sitios web que no funcionan
así). Haciéndolo correctamente, es posible para el visitante añadir tu
página a favoritos o enviar una liga a un producto determinado por e-mail.
 De manera opcional se puede utilizar la migaja (breadcrumb) en todas las
páginas. Ejemplo: “Usted está en: Inicio –> Servicios –> Consultoría”.
 Apegarse a estándares de desarrollo para garantizar que el sitio web pueda
ser visualizado en todos los navegadores, como Internet Explorer, Firefox
, Safari, Chrome y Opera tanto en computadoras Windows como Mac.
 Establecer contacto con el visitante mediante formularios y una
herramienta de chat en línea.
 Para romper la monotonía de grandes cantidades de texto, utilizar
fotografías propias o de stock.
 Utilización de Google Analytics o alguna otra herramienta para medir los
ingresos al sitio web.
 El copy del sitio web, es decir, la información que contiene, debe tener
estas características:
 Textos bien redactados, que contengan información relevante a lo
que queremos destacar.
 No tratar de engañar a los buscadores de Internet mediante
repeticiones exageradas de palabras, utilización del mismo color
de texto y fondo, o alguna otra táctica indeseable.
 No utilizar un lenguaje muy técnico ya que nuestros posibles
clientes no son necesariamente expertos en el tema.
 Mantener los textos breves y concisos.
 Incluir alguna sección (o blog) en la que se publiquen artículos
generados por tu empresa sobre el tema que domina. Esto ayuda a
que tu página sea más relevante para los buscadores, además de
que te conviertes en una fuente de información confiable para tus
clientes y posibles clientes.
Que es un Blog
Un blog es un sitio web que incluye, a modo de diario personal de su autor o
autores, contenidos de su interés, actualizados con frecuencia y a menudo
comentados por los lectores.
Sirve como publicación en línea de historias con una periodicidad muy alta, que
son presentadas en orden cronológico inverso, es decir, lo más reciente que se ha
publicado es lo primero que aparece en la pantalla. Es muy frecuente que los
blogs dispongan de una lista de enlaces a otros blogs, a páginas para ampliar
información, citar fuentes o hacer notar que se continúa con un tema que empezó
otro blog.
Que es una Wiki
es el nombre que recibe un sitio web, cuyas páginas pueden ser editadas
directamente desde el navegador, donde los usuarios crean, modifican o eliminan
contenidos que, generalmente, comparten. No tiene por qué ser necesariamente un
sitio en la web, puesto que hay wikis instalables para uso en el escritorio de
computador personal, o portables en un llavero usb que llevan un entorno LAMP,
como por ejemplo XAMPP.
Los textos o «páginas wiki» tienen títulos únicos. Si se escribe el título de una
página wiki en algún sitio del wiki entre dobles corchetes ([[Título de la página]])
esta palabra se convierte en un «enlace web» a la página correspondiente. De este
modo, en una página sobre «alpinismo» puede haber una palabra como «piolet» o
«brújula» que esté marcada como palabra perteneciente a un título de página wiki.
La mayor parte de las implementaciones de wikis indican en el localizador de
recursos uniforme (URL) de la página el propio título de la
página wiki(en Wikipedia ocurre así: <https://es.wikipedia.org/wiki/Alpinismo>
es el URL de la página wiki Alpinismo), facilitando el uso y comprensibilidad del
enlace fuera del propio sitio web. Además, esto permite formar en muchas
ocasiones una coherencia terminológica, generando una ordenación natural del
contenido.
Que es una WebQuest
La WebQuest es una herramienta que forma parte de un proceso
de aprendizaje guiado, con recursos principalmente procedentes de Internet, que
promueve la utilización de habilidades cognitivas superiores, el trabajo
cooperativo, la autonomía de los estudiantes e incluye una evaluación auténtica.
El antecedente de estas actividades lo constituye el uso de retos (challenging
learning ) en el desarrollo de ambientes de aprendizaje basados en tecnologías de
la información y comunicación, que se aplican desde 1980.
Que es un Portafolio Digital
Un portfolio digital, en términos generales, se refiere a una recopilación de
documentos que pueden mostrar diferentes aspectos globales o parciales de una
persona (personales, académicos, profesionales...) o de una organización
(objetivos, organigrama, productos...) los cuales han estado seleccionados y
organizados de forma reflexiva y deliberada y presentados en formato digital
(texto, imágenes, animaciones, simulaciones, audio y vídeo); podríamos decir que
es una manera de presentar una identidad en forma digital.
Que es un Álbum Multimedia
El concepto se aplica a objetos y sistemas que apelan a múltiples medios
físicos y/o digitales para comunicar sus contenidos. El término también se usa en
referencia a los medios en sí que permiten almacenar y difundir contenidos con
estas características.
La comunicación multimedia facilita la comprensión y el aprendizaje, ya que
resulta muy parecida a la comunicación humana directa (cara a cara). En una
conversación, observamos al interlocutor (lo que sería equivalente a un vídeo) y lo
escuchamos (audio) mientras acompaña sus palabras con gestos y movimientos
corporales (animaciones).
Pasos para realizar una página web en Word
Abrir Word y posteriormente abrir un archivo nuevo.
Guardar el documento como: guardar como página web, con el nombre de "index"
y guardarlo en una carpeta que este dentro de la carpeta de "mis documentos"
(procura crear una carpeta única, para guardar ahí todos los documentos de la
página, incluyendo fotos, imágenes, videos, textos, etcétera).
Ir a menú formato, fondo, y seleccionar un color o un efecto de color.
Crear una tabla con dos columnas y dos líneas, la primera línea (que contiene dos
columnas) seleccionarla y convertirla en una sola.
De la segunda línea (que contiene dos columnas), poner el puntero del ratón
sobre la línea inferior de la tabla, mantener presionado el botón izquierdo del
mismo, y arrastra hacia abajo, de tal forma que la segunda línea ocupe el espacio
restante de la hoja.
Posterior al trabajo de la tabla, escribe el nombre de tu página web en la primera
línea de la tabla, este nombre deberá ir en letras mayúsculas, letras negrillas, y con
algún color que combine con el fondo (puedes poner algún logotipo que vaya de
acuerdo con tu página.
Conclusión
En conclusión, el trabajo del desarrollador web (esa especie de alquimista
obligado a dominar y combinar variables tan dispares, y a veces de apariencia
incompatible, como la usabilidad y el atractivo de cara al usuario, y la efectividad
técnica de cara a la empresa que paga sus honorarios, como por ejemplo en el caso
de tiendas on-line), este trabajo, decía, es un proceso largo que requiere un
enorme grado de instrucción y aprendizaje técnico, pero también generosas dosis
de intuición y anticipación. A fin de cuentas, la Red muta y crece cada poco
tiempo, y no podemos quedar atrás. Buena suerte.
Referencias Bibliográficas
WIKIPEDIA.COM
YAHOO.COM
DEFINICIONES.COM
DESARROLLOWEB.COM

Contenu connexe

Tendances (19)

Páginas web
Páginas webPáginas web
Páginas web
 
Centro educacional perlas de la sierra
Centro educacional perlas de la sierraCentro educacional perlas de la sierra
Centro educacional perlas de la sierra
 
Diseño pagina web- html
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html
 
Paginas web definicion
Paginas web definicionPaginas web definicion
Paginas web definicion
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Relatoria
RelatoriaRelatoria
Relatoria
 
Bitacora de la unidad 4
Bitacora de la unidad 4Bitacora de la unidad 4
Bitacora de la unidad 4
 
4 ta bitacor aa
4 ta bitacor aa4 ta bitacor aa
4 ta bitacor aa
 
4 ta bitacora
4 ta bitacora4 ta bitacora
4 ta bitacora
 
Pagina web y cazatesoro 2013
Pagina web y cazatesoro 2013Pagina web y cazatesoro 2013
Pagina web y cazatesoro 2013
 
Páginas web definición y classificación
Páginas web definición y classificaciónPáginas web definición y classificación
Páginas web definición y classificación
 
Tipos de paginas web
Tipos de paginas webTipos de paginas web
Tipos de paginas web
 
Tipos o clases de páginas web
Tipos o clases de páginas webTipos o clases de páginas web
Tipos o clases de páginas web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Tipos de pagina web
Tipos de pagina webTipos de pagina web
Tipos de pagina web
 
Tipos de página web
Tipos de página webTipos de página web
Tipos de página web
 
Diapositiva Pagina Web
Diapositiva Pagina WebDiapositiva Pagina Web
Diapositiva Pagina Web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Pagina web Yessika Morales Bueno
Pagina web Yessika Morales BuenoPagina web Yessika Morales Bueno
Pagina web Yessika Morales Bueno
 

Similaire à WWW páginas WEB blogs características

Similaire à WWW páginas WEB blogs características (20)

Informe Digitalizado
Informe DigitalizadoInforme Digitalizado
Informe Digitalizado
 
Caracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_webCaracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_web
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Informe de informática aplicada
Informe de informática aplicadaInforme de informática aplicada
Informe de informática aplicada
 
Informe de informatica revisado osuany
Informe de informatica revisado osuanyInforme de informatica revisado osuany
Informe de informatica revisado osuany
 
Informe de informatica osuany Y YASMELI
Informe de informatica osuany Y YASMELIInforme de informatica osuany Y YASMELI
Informe de informatica osuany Y YASMELI
 
Recursos web 2.0
Recursos web 2.0Recursos web 2.0
Recursos web 2.0
 
Recursos web 2.0 - 1005 Jm
Recursos web 2.0 - 1005 JmRecursos web 2.0 - 1005 Jm
Recursos web 2.0 - 1005 Jm
 
Informatica
InformaticaInformatica
Informatica
 
Informatica
InformaticaInformatica
Informatica
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Pagina web
Pagina webPagina web
Pagina web
 
Presentación evolución de la web 10-05
Presentación evolución de la web 10-05Presentación evolución de la web 10-05
Presentación evolución de la web 10-05
 
Jean trabajo
Jean trabajoJean trabajo
Jean trabajo
 
Moretti
MorettiMoretti
Moretti
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuela
 
HTML 5
HTML 5HTML 5
HTML 5
 
pagina web
pagina webpagina web
pagina web
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuela
 

Dernier

PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxEribertoPerezRamirez
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfssuser50d1252
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Angélica Soledad Vega Ramírez
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...DavidBautistaFlores1
 
sesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfsesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfpatriciavsquezbecerr
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOEveliaHernandez8
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
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
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxNataliaGonzalez619348
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsxJuanpm27
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docxLuisAndersonPachasto
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...YobanaZevallosSantil1
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORGonella
 
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
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicialLorenaSanchez350426
 
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
 

Dernier (20)

PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...
 
sesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfsesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdf
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
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
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIOR
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
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
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicial
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
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...
 

WWW páginas WEB blogs características

  • 1. República Bolivariana de Venezuela Ministerio del Poder Popular para la Educación Superior Instituto Universitario de Tecnología Juan Pablo Pérez Alfonzo IUTEPAL Ampliación – Puerto Cabello Pagina Web Profesora: Integrantes: Padrón Sonia Ortiz Yoandri C.I. 21.531.534 Salcedo Alexander C.l. 25.779.817 Puerto Cabello; 08 de Agosto del 2016
  • 2. Que significa las siglas WWW WWW son las iniciales que identifican a la expresión inglesa Word Wide Web, el sistema de documentos de hipertexto que se encuentran enlazados entre sí y a los que se accede por medio de Internet. A través de un software conocido como navegador, los usuarios pueden visualizar diversos sitios web (los cuales contienen texto, imágenes, videos y otros contenidos multimedia) y navegar a través de ellos mediante los hipervínculos. De esta manera, podríamos decir, utilizando una comparación con el sector de las comunicaciones telefónicas, que www es el “prefijo” que tiene todo portal que se encuentre en la mencionada Red al que queremos acceder. Gracias precisamente a Internet, al uso de la www y, por consiguiente, a las diversas páginas web que aquellas presentan los ciudadanos de todo el mundo tenemos la posibilidad de acceder a un sinfín de espacios donde podemos encontrar la información sobre un aspecto que estamos buscando, donde tenemos la oportunidad de entretenernos visualizando imágenes interesantes o incluso donde podemos comunicarnos con personas de cualquier rincón de la geografía de nuestro planeta Que es una página WEB Se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos. Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas. Tipos de Pagina WEB Las páginas web son documentos o información que se crean en formato HTML, estos son adaptados a la Word Wide Web (WWW) y se puede acceder a ellos por medio de un navegador. Al conjunto de páginas web enlazadas se las conoce bajo el nombre se sitio web.
  • 3. Existen distintas formas de clasificar a las páginas web, algunos criterios para ello son: Según su construcción: Estáticas: este tipo de páginas web están compuestas por archivos que contienen código HTML, es por medio de este que se pueden mostrar las imágenes, textos, videos y todos aquellos contenidos que componen a la página en sí. Los archivos que constituyen a la página web son almacenados en el servidor de Hosting, cuyo formato es también en HTML. Las páginas web pueden ser editadas por medio de programas como el Dreamweaver. Para esto, los archivos deben ser descargados del servidor con algún software, editarlos, guardarlos y subirlos nuevamente. El contenido de estas páginas no se modifica constantemente puesto que estas suelen estar en manos de personas que requieren contratar a diseñadores para que se encarguen de esto, lo que implica una serie de gastos. Además, las actualización contante no es algo que sus dueños necesiten. Dinámicas: en estas páginas, en cambio, los contenidos son modificados continuamente ya que esto queda en manos de quienes las visitan. La información de estas páginas está guardada en bases de datos de las cuales los usuarios extraen aquello que les interese. Estas páginas se caracterizan entonces por ser sus usuarios quienes modifican el diseño y los contenidos, se las puede actualizar muy fácilmente, ya que no es necesario ingresar al servidor para esto. Además, tienen numerosas funciones como foros, bases de datos, contenidos dinámicos, carritos de compras, entre otros. Según su tecnología: En HTML: estas páginas están construidas con lenguaje HTML, por lo que se requiere tener conocimientos de este para hacerlas. Un defecto de estas páginas es que son estáticas, además ofrecen muy poco, por lo que no son recomendables para ventas y marketing. La ventaja que ofrecen es que son muy fáciles de construir, con conocimientos básicos de diseño, alcanza.
  • 4. En Flash: estas páginas se construyen utilizando el software Flash, de Adobe, que permite la realización de animaciones, efectos, sonidos y movimientos. Para que los usuarios puedan visualizarlas, es necesario contar con los plug-in requeridos. Para realizarlas sí es necesario tener conocimientos en profundidad sobre el software, otra desventaja, es que las páginas hechas con Flash son muy pesadas, por lo que el tiempo de descarga puede prolongarse. En lenguaje del servidor: estas se hacen en lenguaje PHP, Ruby, ASP, entre otros. Para desarrollar esta clase de páginas también es necesario tener conocimientos avanzados sobre el lenguaje a utilizar. Son ideales para interactuar con los usuarios y para el área de marketing. Características de una página WEB Es importante que, de un simple vistazo, se puedan identificar los siguientes elementos de una forma clara y consistente a lo largo del sitio:  Encabezado  Logotipo (no borroso, no mal recortado, no pixeleado)  Bajo el logotipo, una frase corta que indique exactamente a qué se dedica tu empresa. Por ejemplo bajo nuestro logotipo dice “Diseño y desarrollo de páginas y aplicaciones web”.  Barra de navegación. Debe permanecer en el mismo lugar en todas las páginas interiores, aunque puede estar en otro lugar en la portada si hay una buena justificación. Al estar siempre en el mismo lugar el visitante sabe en todo momento donde buscar las demás opciones. Los diferentes niveles de opciones deben indicarse visualmente con tipos de letra, negritas, colores o menús desplegables. Los textos de cada opción deben ser claros y concisos. Si tu sitio web tiene muchas secciones y tienes que crear dos o
  • 5. tres niveles de menú, no dudes en hacerlo, siempre y cuando crees un camino fácil de intuir.  Área de contenido principal. Es el área donde la vista del visitante va después de ojear rápidamente el encabezado. Aquí debes poner tu información.  Barra lateral de contenido (opcional). En algunos casos es muy útil tener una barra lateral, en la cual se puede colocar información de fácil acceso, como números telefónicos o una liga a nuestro formulario de cotizaciones.  Pie de página. Debe contener un menú alterno en puro texto, con las opciones de primer nivel. También úsalo para colocar información de contacto u otra información importante. El contenido del pie debe aparecer en todas las páginas. Características que hacen placentera y útil la visita a un sitio web Deben utilizarse de forma correcta las diferentes herramientas (HTML, CSS, ASP.NET o algún otro lenguaje de servidor, AJAX, etc.) para lograr una navegación que cuente con las siguientes características:  Páginas ligeras que descarguen rápidamente.  El formato y estilo de los diferentes elementos están centralizados en un solo archivo, de tal forma que el navegador solamente lo tiene que leer una vez.  Elementos técnicos que facilitan la indexación en buscadores de Internet:  Inclusión de Metatags “Description” y “Keywords”.
  • 6.  Información bien redactada sin intentos de engañar a los buscadores de Internet.  Uso de etiquetas H1 a H6 para títulos.  Imágenes optimizadas para que pesen menos.  No utilizar marcos (frames). Esto evita algunos posibles errores de visualización en el navegador y facilita la impresión.  No utilizar Flash cuando no agregue valor. Los buscadores de Internet y algunos smartphones y tabletas no pueden leer el texto en Flash.  En la mayoría de los casos es recomendable utilizar un ancho fijo (no expandible a todo lo ancho de la pantalla) porque facilita la lectura.  Utilización de tipos de letra fácilmente legibles y una herramienta para permitir crecer el texto. Existe una estimación de que el 75% de los adultos utiliza algún tipo de anteojos para corregir la visión.  Todas las páginas contarán con un URL absoluto. Esto es, cada página tendrá una dirección distinta y única en la barra de direcciones de tu navegador (puede parecer obvio, pero hay sitios web que no funcionan así). Haciéndolo correctamente, es posible para el visitante añadir tu página a favoritos o enviar una liga a un producto determinado por e-mail.  De manera opcional se puede utilizar la migaja (breadcrumb) en todas las páginas. Ejemplo: “Usted está en: Inicio –> Servicios –> Consultoría”.  Apegarse a estándares de desarrollo para garantizar que el sitio web pueda ser visualizado en todos los navegadores, como Internet Explorer, Firefox , Safari, Chrome y Opera tanto en computadoras Windows como Mac.  Establecer contacto con el visitante mediante formularios y una herramienta de chat en línea.  Para romper la monotonía de grandes cantidades de texto, utilizar fotografías propias o de stock.
  • 7.  Utilización de Google Analytics o alguna otra herramienta para medir los ingresos al sitio web.  El copy del sitio web, es decir, la información que contiene, debe tener estas características:  Textos bien redactados, que contengan información relevante a lo que queremos destacar.  No tratar de engañar a los buscadores de Internet mediante repeticiones exageradas de palabras, utilización del mismo color de texto y fondo, o alguna otra táctica indeseable.  No utilizar un lenguaje muy técnico ya que nuestros posibles clientes no son necesariamente expertos en el tema.  Mantener los textos breves y concisos.  Incluir alguna sección (o blog) en la que se publiquen artículos generados por tu empresa sobre el tema que domina. Esto ayuda a que tu página sea más relevante para los buscadores, además de que te conviertes en una fuente de información confiable para tus clientes y posibles clientes. Que es un Blog Un blog es un sitio web que incluye, a modo de diario personal de su autor o autores, contenidos de su interés, actualizados con frecuencia y a menudo comentados por los lectores. Sirve como publicación en línea de historias con una periodicidad muy alta, que son presentadas en orden cronológico inverso, es decir, lo más reciente que se ha publicado es lo primero que aparece en la pantalla. Es muy frecuente que los blogs dispongan de una lista de enlaces a otros blogs, a páginas para ampliar
  • 8. información, citar fuentes o hacer notar que se continúa con un tema que empezó otro blog. Que es una Wiki es el nombre que recibe un sitio web, cuyas páginas pueden ser editadas directamente desde el navegador, donde los usuarios crean, modifican o eliminan contenidos que, generalmente, comparten. No tiene por qué ser necesariamente un sitio en la web, puesto que hay wikis instalables para uso en el escritorio de computador personal, o portables en un llavero usb que llevan un entorno LAMP, como por ejemplo XAMPP. Los textos o «páginas wiki» tienen títulos únicos. Si se escribe el título de una página wiki en algún sitio del wiki entre dobles corchetes ([[Título de la página]]) esta palabra se convierte en un «enlace web» a la página correspondiente. De este modo, en una página sobre «alpinismo» puede haber una palabra como «piolet» o «brújula» que esté marcada como palabra perteneciente a un título de página wiki. La mayor parte de las implementaciones de wikis indican en el localizador de recursos uniforme (URL) de la página el propio título de la página wiki(en Wikipedia ocurre así: <https://es.wikipedia.org/wiki/Alpinismo> es el URL de la página wiki Alpinismo), facilitando el uso y comprensibilidad del enlace fuera del propio sitio web. Además, esto permite formar en muchas ocasiones una coherencia terminológica, generando una ordenación natural del contenido. Que es una WebQuest La WebQuest es una herramienta que forma parte de un proceso de aprendizaje guiado, con recursos principalmente procedentes de Internet, que promueve la utilización de habilidades cognitivas superiores, el trabajo
  • 9. cooperativo, la autonomía de los estudiantes e incluye una evaluación auténtica. El antecedente de estas actividades lo constituye el uso de retos (challenging learning ) en el desarrollo de ambientes de aprendizaje basados en tecnologías de la información y comunicación, que se aplican desde 1980. Que es un Portafolio Digital Un portfolio digital, en términos generales, se refiere a una recopilación de documentos que pueden mostrar diferentes aspectos globales o parciales de una persona (personales, académicos, profesionales...) o de una organización (objetivos, organigrama, productos...) los cuales han estado seleccionados y organizados de forma reflexiva y deliberada y presentados en formato digital (texto, imágenes, animaciones, simulaciones, audio y vídeo); podríamos decir que es una manera de presentar una identidad en forma digital. Que es un Álbum Multimedia El concepto se aplica a objetos y sistemas que apelan a múltiples medios físicos y/o digitales para comunicar sus contenidos. El término también se usa en referencia a los medios en sí que permiten almacenar y difundir contenidos con estas características. La comunicación multimedia facilita la comprensión y el aprendizaje, ya que resulta muy parecida a la comunicación humana directa (cara a cara). En una conversación, observamos al interlocutor (lo que sería equivalente a un vídeo) y lo escuchamos (audio) mientras acompaña sus palabras con gestos y movimientos corporales (animaciones). Pasos para realizar una página web en Word Abrir Word y posteriormente abrir un archivo nuevo.
  • 10. Guardar el documento como: guardar como página web, con el nombre de "index" y guardarlo en una carpeta que este dentro de la carpeta de "mis documentos" (procura crear una carpeta única, para guardar ahí todos los documentos de la página, incluyendo fotos, imágenes, videos, textos, etcétera). Ir a menú formato, fondo, y seleccionar un color o un efecto de color. Crear una tabla con dos columnas y dos líneas, la primera línea (que contiene dos columnas) seleccionarla y convertirla en una sola. De la segunda línea (que contiene dos columnas), poner el puntero del ratón sobre la línea inferior de la tabla, mantener presionado el botón izquierdo del mismo, y arrastra hacia abajo, de tal forma que la segunda línea ocupe el espacio restante de la hoja. Posterior al trabajo de la tabla, escribe el nombre de tu página web en la primera línea de la tabla, este nombre deberá ir en letras mayúsculas, letras negrillas, y con algún color que combine con el fondo (puedes poner algún logotipo que vaya de acuerdo con tu página. Conclusión En conclusión, el trabajo del desarrollador web (esa especie de alquimista obligado a dominar y combinar variables tan dispares, y a veces de apariencia incompatible, como la usabilidad y el atractivo de cara al usuario, y la efectividad técnica de cara a la empresa que paga sus honorarios, como por ejemplo en el caso de tiendas on-line), este trabajo, decía, es un proceso largo que requiere un enorme grado de instrucción y aprendizaje técnico, pero también generosas dosis de intuición y anticipación. A fin de cuentas, la Red muta y crece cada poco tiempo, y no podemos quedar atrás. Buena suerte. Referencias Bibliográficas