SlideShare una empresa de Scribd logo
1 de 12
PÁGINAS WEB
KAREN DANIELA SANCHEZ CARDOZO
11-1
DEFINICIÓN
Una página web es:
- Un portal de negocios
- Un medio de publicidad efectivo
- Un medio de contacto virtual efectivo
Esto hace referencia a que Una página web es un documento o información
electrónica adaptada para la World Wide Web que generalmente forma parte de
un sitio web.
clasificación
Sitio por Audiencia:
Públicos: Es un WebSite normal, una página dirigida al público general, sin
restricciones de acceso en principio.
Extranet: Son Sitios limitados por el tipo de usuarios que pueden acceder, por
ejemplo los proveedores de una empresa determinada, o los clientes.
Intranet: Son sitios cuyo acceso está restringido a una empresa u organización,
normalmente funcionan dentro de redes privadas, aunque no siempre es así.
Sitio por Dinamismo:
Interactivos: El usuario puede influir sobre el contenido del sitio que variará en
función de cada usuario y de los objetivos de éste. Normalmente, las páginas se
generan cuando el usuario las solicita, personalizando la información que se le
ofrece.
Estáticos:Los usuarios no pueden modificar o añadir nada al sitio, de cuyos
contenidos se encargan exclusivamente sus diseñadores.
Sitio por Apertura: Estructura Abierta: Todos los documentos disponen de su
dirección y los usuarios pueden acceder a cualquier punto del WebSite.
Estructura Cerrada: Limita el acceso a unos pocos puntos de entrada (incluso a
uno sólo). Un ejemplo sería un sitio que requiere un registro previo para entrar, el
usuario siempre tendría que pasar primero por el registro antes de poder acceder
al resto de la página.
Estructura Semicerrada: A medio camino entre ambas, obliga a los usuarios a
acceder por unos puntos específicos, como por ejemplo sólo la página principal y
las páginas de entrada a las secciones más importantes.
tipos de páginas
Anteriormente pudimos observar cómo se clasifican ahora
me encargare de mencionarlas ya con las características
propuestas..
HTML ,XHTML ,JAVASCRIPT ,PHP ,XML ,AJAX ,DHTML ,ASP ,ASP.NET ,C#
,PERL ,RUBY ,C ,JSP ,PYTHON ,FLASH
Estas páginas hacen referencia a Estaticas y dinamicas, estáticas son solo en
html, xhtml y las dinámicas usan tecnologías de servidor como PHP, ASP. Lo más
importante es enfocarte a la función que va a desempeñar la página web, en la
usabilidad y accesibilidad.
CARACTERÍSTICAS
Principalmente se dividen en estáticas y dinámicas: Para las estáticas vos u otro
hace el diseño, vos u otro hace la pagina y ya está terminada hasta que te digan
que tenes que hacerle un cambio. Las dinámicas son las que ahora se conocen
como web 2.0 que en realidad es lo mismo que venimos haciendo los
desarrolladores hace años con lindo nombre. Esas son las que una vez que
terminas el diseño y el armado el contenido puede ser modificado a traves de un
administrador de contenido o CMS, como serian los blogs por ejemplo, donde vos
podes subir lo que quieras. Para hacer una página dinámica tenes que aprender
PHP o ASP, o cualquier lenguaje de programación Estas dinámicas o estáticas
ademas de estar hechas en HTML también pueden estar hecha en flash, flash
son las animaciones, un ejemplo seria el reproductor de youtube, está hecho en
flash, aunque gran parte de ese sitio esta en php.
ELEMENTOS
Para uso comercial: Venta de Productos:
Debe incluir: 1) Inicio: Esto es como la introducción, lo que tendrá la página web,
por ejemplo: "Bienvenidos cibernautas, aquí encontrarás lo que sea y al mejor
precio" 2) Lista de Ítems: Los objetos que tendrás en venta, por ejemplo: "Tenis
Nick", "CD de Los Ramones", etc. 3) Precios: Los precios que tendrá cada objeto,
por ejemplo: "Camisa 'Sears sucks' ----------- 20 dólares" 4) Información: Siempre
es bueno mantener informado a los cibernautas acerca de lo que desean
comprar.
Para uso privado y personal: Privado:
Debe de contener: Información de la empresa: Esto vendría siendo el inicio, como
una entrada a lo que verán en la página Web.
Dirección: Por si la gente le interesa saber donde está la empresa.
Servicio al cliente: Esto es como un foro donde la gente puede discutír acerca del
negocio. Lista de empleados: El personal del negocio, por ejemplo: "Una foto y un
comentario que contenga el rango y lo que hace o ejecuta dentro de la empresa".
Personal:
Home: Aquí vas a poner lo que desees que aparezca en la página de inicio de la
Web page, por ejemplo: "Bienvenidos a mi sitio Web, aquí charlaremos sobre
_______, _______ y ________. Cosas así.
Fotos: Un link para fotos. Por ejemplo: "fotos de tu perro o de cualquier otra cosa
que desees agregar".
Foro: Siempre es importante tener un lugar donde conversar sobre temas en el
internet así que esto, agregalo.
REQUERIMIENTOS
Para hacer páginas web tienes que saber manejar el lenguaje html y para SUBIR
las páginas web a internet necesitas un hosting de tipo SERVICIO FTP.
El HTML es requisito, indispensable y suficiente para hacer páginas web. Pero
ojo, no es cualquier cosa, te puede llevar meses aprenderlo.
Otra alternativa es UTILIZAR UN PROGRAMA QUE ESCRIBA EL CÓDIGO
HTML POR VOS, y vos solo te limites a dar algunos clicks.
DONDE CREAR
Dejare unos links para que podamos acceder a ellos para
la creación de una página web de forma gratis:
http://www.blogger.com
http://www.obtentu.com
http://www.paginawebgratis.es
http://www.actiweb.es

Más contenido relacionado

La actualidad más candente

Pagina web angie sanchez 11
Pagina web angie sanchez 11Pagina web angie sanchez 11
Pagina web angie sanchez 11Angie Sanchez
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina webkatherinviviana
 
Diseño de paginas y buscadores
Diseño de paginas y buscadores Diseño de paginas y buscadores
Diseño de paginas y buscadores Santos Hau Kuyoc
 
Publicar en internet
Publicar en internetPublicar en internet
Publicar en internetMaricela41
 
Publicar presentaciones PowerPoint
Publicar presentaciones PowerPointPublicar presentaciones PowerPoint
Publicar presentaciones PowerPointsulfuros
 
Codigo de enlaces internos y externos
Codigo de enlaces internos y externosCodigo de enlaces internos y externos
Codigo de enlaces internos y externosJohan Gomez
 
Móntate un sitio web completo con WordPress en 4 horas
Móntate un sitio web completo con WordPress en 4 horasMóntate un sitio web completo con WordPress en 4 horas
Móntate un sitio web completo con WordPress en 4 horasIñaki Arenaza
 
Evolución del diseño web
Evolución del diseño webEvolución del diseño web
Evolución del diseño webPercy Negrete
 
Pasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio webPasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio webJuan Flores
 
Pagina web en línea
Pagina web en líneaPagina web en línea
Pagina web en líneaKpg1311
 

La actualidad más candente (17)

Pagina web angie sanchez 11
Pagina web angie sanchez 11Pagina web angie sanchez 11
Pagina web angie sanchez 11
 
Maquetación web con html5
Maquetación web con html5Maquetación web con html5
Maquetación web con html5
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
 
Tipos de paginas web.fsca
Tipos de paginas web.fscaTipos de paginas web.fsca
Tipos de paginas web.fsca
 
Diseño de paginas y buscadores
Diseño de paginas y buscadores Diseño de paginas y buscadores
Diseño de paginas y buscadores
 
Publicar en internet
Publicar en internetPublicar en internet
Publicar en internet
 
1 item
1 item1 item
1 item
 
Publicar presentaciones PowerPoint
Publicar presentaciones PowerPointPublicar presentaciones PowerPoint
Publicar presentaciones PowerPoint
 
Codigo de enlaces internos y externos
Codigo de enlaces internos y externosCodigo de enlaces internos y externos
Codigo de enlaces internos y externos
 
Móntate un sitio web completo con WordPress en 4 horas
Móntate un sitio web completo con WordPress en 4 horasMóntate un sitio web completo con WordPress en 4 horas
Móntate un sitio web completo con WordPress en 4 horas
 
Evolución del diseño web
Evolución del diseño webEvolución del diseño web
Evolución del diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Dreamweaver cs3
Dreamweaver cs3Dreamweaver cs3
Dreamweaver cs3
 
Pasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio webPasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio web
 
Pagina web en línea
Pagina web en líneaPagina web en línea
Pagina web en línea
 
Páginas web
Páginas webPáginas web
Páginas web
 
Paginas web
Paginas webPaginas web
Paginas web
 

Destacado

Cómo subir archivos en slideshare
Cómo subir archivos en slideshareCómo subir archivos en slideshare
Cómo subir archivos en slideshareRenata Rodrigues
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShareSlideShare
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksSlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShareSlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShareSlideShare
 

Destacado (7)

Que es un blog
Que es un blogQue es un blog
Que es un blog
 
Grupos VII-VI-V-IV A
Grupos VII-VI-V-IV A Grupos VII-VI-V-IV A
Grupos VII-VI-V-IV A
 
Cómo subir archivos en slideshare
Cómo subir archivos en slideshareCómo subir archivos en slideshare
Cómo subir archivos en slideshare
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & Tricks
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShare
 

Similar a Tipos y elementos básicos de páginas web (20)

paginas web
paginas web paginas web
paginas web
 
Primerperiodo
PrimerperiodoPrimerperiodo
Primerperiodo
 
Pagina web
Pagina webPagina web
Pagina web
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Actividad uno primer periodo
Actividad uno primer periodoActividad uno primer periodo
Actividad uno primer periodo
 
Páginas web
Páginas webPáginas web
Páginas web
 
Wix
WixWix
Wix
 
Actividad uno
Actividad uno Actividad uno
Actividad uno
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Camila alejandra rodriguez zambrano
Camila alejandra rodriguez zambranoCamila alejandra rodriguez zambrano
Camila alejandra rodriguez zambrano
 
Presentation web-1
Presentation web-1Presentation web-1
Presentation web-1
 
Mi primera pagina_web[1]
Mi primera pagina_web[1]Mi primera pagina_web[1]
Mi primera pagina_web[1]
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Paginas web
Paginas webPaginas web
Paginas web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Paginas Web
Paginas WebPaginas Web
Paginas Web
 
Páginas web
Páginas webPáginas web
Páginas web
 
HTML 5
HTML 5HTML 5
HTML 5
 

Último

5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdfOswaldoGonzalezCruz
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
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
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
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
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 
Procesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxProcesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxMapyMerma1
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfromanmillans
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Baker Publishing Company
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 

Último (20)

5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
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
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
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
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 
La Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdfLa Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdf
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
Procesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxProcesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptx
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
 
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...
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 

Tipos y elementos básicos de páginas web

  • 1. PÁGINAS WEB KAREN DANIELA SANCHEZ CARDOZO 11-1
  • 2. DEFINICIÓN Una página web es: - Un portal de negocios - Un medio de publicidad efectivo - Un medio de contacto virtual efectivo Esto hace referencia a que Una página web es un documento o información electrónica adaptada para la World Wide Web que generalmente forma parte de un sitio web.
  • 3. clasificación Sitio por Audiencia: Públicos: Es un WebSite normal, una página dirigida al público general, sin restricciones de acceso en principio. Extranet: Son Sitios limitados por el tipo de usuarios que pueden acceder, por ejemplo los proveedores de una empresa determinada, o los clientes. Intranet: Son sitios cuyo acceso está restringido a una empresa u organización, normalmente funcionan dentro de redes privadas, aunque no siempre es así.
  • 4. Sitio por Dinamismo: Interactivos: El usuario puede influir sobre el contenido del sitio que variará en función de cada usuario y de los objetivos de éste. Normalmente, las páginas se generan cuando el usuario las solicita, personalizando la información que se le ofrece. Estáticos:Los usuarios no pueden modificar o añadir nada al sitio, de cuyos contenidos se encargan exclusivamente sus diseñadores.
  • 5. Sitio por Apertura: Estructura Abierta: Todos los documentos disponen de su dirección y los usuarios pueden acceder a cualquier punto del WebSite. Estructura Cerrada: Limita el acceso a unos pocos puntos de entrada (incluso a uno sólo). Un ejemplo sería un sitio que requiere un registro previo para entrar, el usuario siempre tendría que pasar primero por el registro antes de poder acceder al resto de la página. Estructura Semicerrada: A medio camino entre ambas, obliga a los usuarios a acceder por unos puntos específicos, como por ejemplo sólo la página principal y las páginas de entrada a las secciones más importantes.
  • 6. tipos de páginas Anteriormente pudimos observar cómo se clasifican ahora me encargare de mencionarlas ya con las características propuestas.. HTML ,XHTML ,JAVASCRIPT ,PHP ,XML ,AJAX ,DHTML ,ASP ,ASP.NET ,C# ,PERL ,RUBY ,C ,JSP ,PYTHON ,FLASH Estas páginas hacen referencia a Estaticas y dinamicas, estáticas son solo en html, xhtml y las dinámicas usan tecnologías de servidor como PHP, ASP. Lo más importante es enfocarte a la función que va a desempeñar la página web, en la usabilidad y accesibilidad.
  • 7. CARACTERÍSTICAS Principalmente se dividen en estáticas y dinámicas: Para las estáticas vos u otro hace el diseño, vos u otro hace la pagina y ya está terminada hasta que te digan que tenes que hacerle un cambio. Las dinámicas son las que ahora se conocen como web 2.0 que en realidad es lo mismo que venimos haciendo los desarrolladores hace años con lindo nombre. Esas son las que una vez que terminas el diseño y el armado el contenido puede ser modificado a traves de un administrador de contenido o CMS, como serian los blogs por ejemplo, donde vos podes subir lo que quieras. Para hacer una página dinámica tenes que aprender PHP o ASP, o cualquier lenguaje de programación Estas dinámicas o estáticas ademas de estar hechas en HTML también pueden estar hecha en flash, flash son las animaciones, un ejemplo seria el reproductor de youtube, está hecho en flash, aunque gran parte de ese sitio esta en php.
  • 8. ELEMENTOS Para uso comercial: Venta de Productos: Debe incluir: 1) Inicio: Esto es como la introducción, lo que tendrá la página web, por ejemplo: "Bienvenidos cibernautas, aquí encontrarás lo que sea y al mejor precio" 2) Lista de Ítems: Los objetos que tendrás en venta, por ejemplo: "Tenis Nick", "CD de Los Ramones", etc. 3) Precios: Los precios que tendrá cada objeto, por ejemplo: "Camisa 'Sears sucks' ----------- 20 dólares" 4) Información: Siempre es bueno mantener informado a los cibernautas acerca de lo que desean comprar.
  • 9. Para uso privado y personal: Privado: Debe de contener: Información de la empresa: Esto vendría siendo el inicio, como una entrada a lo que verán en la página Web. Dirección: Por si la gente le interesa saber donde está la empresa. Servicio al cliente: Esto es como un foro donde la gente puede discutír acerca del negocio. Lista de empleados: El personal del negocio, por ejemplo: "Una foto y un comentario que contenga el rango y lo que hace o ejecuta dentro de la empresa".
  • 10. Personal: Home: Aquí vas a poner lo que desees que aparezca en la página de inicio de la Web page, por ejemplo: "Bienvenidos a mi sitio Web, aquí charlaremos sobre _______, _______ y ________. Cosas así. Fotos: Un link para fotos. Por ejemplo: "fotos de tu perro o de cualquier otra cosa que desees agregar". Foro: Siempre es importante tener un lugar donde conversar sobre temas en el internet así que esto, agregalo.
  • 11. REQUERIMIENTOS Para hacer páginas web tienes que saber manejar el lenguaje html y para SUBIR las páginas web a internet necesitas un hosting de tipo SERVICIO FTP. El HTML es requisito, indispensable y suficiente para hacer páginas web. Pero ojo, no es cualquier cosa, te puede llevar meses aprenderlo. Otra alternativa es UTILIZAR UN PROGRAMA QUE ESCRIBA EL CÓDIGO HTML POR VOS, y vos solo te limites a dar algunos clicks.
  • 12. DONDE CREAR Dejare unos links para que podamos acceder a ellos para la creación de una página web de forma gratis: http://www.blogger.com http://www.obtentu.com http://www.paginawebgratis.es http://www.actiweb.es