SlideShare una empresa de Scribd logo
1 de 14
Katherin Cortes
     11º
   Un editor de páginas web es una
    aplicación diseñada con el fin de facilitar
    la creación de documentos HTMLo XHTML.
    Su complejidad puede variar desde la de
    un simple editor de texto plano,
    entornos         WYSIWYG,           hasta
    editores WYSIWYM.
   En realidad no necesitamos de muchos
    conocimientos para la edición o realización
    de una página Web, con tal solo saber en
    que lenguaje vamos a editarla y manejar
    dicho lenguaje es suficiente, aunque en la
    actualidad hay mucho software editor de
    páginas web (por ejemplo Dream Weaver,
    Netscape Compser, etc.) y que muchos de
    ellos son gratuitos en Internet y que resultan
    eficientes si deseamos algo versátil, sencillo y
    rápido, ahora si lo que deseamos es calidad,
    podemos tener en cuenta algunos lenguajes
    para la edición de dichas páginas.
   Normalmente, un sitio Web, incluso una página Web personal, no
    está formada por una única página Web que contiene toda
    la información, sino par varias páginas Web relacionadas. Además,
    cada página puede incluir diferentes objetos, tales como gráficos,
    sonidos o películas de vídeo. "Es muy importante utilizar una
    carpeta para almacenar todos los objetos que se van a usar en un
    conjunto de páginas Web. Podemos crear subcarpetas dentro de
    esta carpeta para organizarse mejor, par ejemplo, una subcarpeta
    llamada Gráficos para almacenar todas las imágenes. Si estamos
    creando a la vez páginas Web de proyectos distintos, utilice una
    carpeta diferente para almacenar cada conjunto de páginas
    Web y objetos relacionados." Una de las ventajas de tener todos
    los objetos dentro de la misma carpeta (o dentro de subcarpetas
    de la misma carpeta) es que cuando quiera publicar las páginas
    en Internet sólo ha de transferir la estructura de esa carpeta
    directamente a la carpeta de un servidor Web, sin tener que
    buscar par su disco duro todos los objetos usados en coda página
    Web.
Como primera cosa, se necesita que el
usuario tenga un conocimiento avanzado en
el uso de computadoras; además, el material
que se necesita para la creación de las
páginas es el siguiente:
Computadora         PC       o     Macintosh.
Para efectos nuestros, todo se hará tomando
en     cuenta      que    se    trabaja   en
una computadora PC con sistema operativo
WINDOWS 9x.
Cualquier programa editor de páginas WEB.
Cualquier programa editor de páginas WEB.
   En este caso podemos elegir un editor como
   el NETSCAPE COMPOSER o cualquier otro que
   sea de nuestra preferencia o agrado y que
   sepamos manejar claro.
Dirección en el servidor en donde se guardará la
   página                               creada.
   Tenemos que asegurarnos que nuestro
   proveedor de servicio de Internet (ISP) le
   asigne este espacio. Si su proveedor no le
   facilita este espacio, nosotros podemos
   encontrar en Internet muchos sitios donde
   otorgan espacio para poner páginas WEB
   sin costo.
Cualquier programa editor de archivos
  gráficos.
  Entre ellos pueden estar COREL DRAW, FREE
  HAND, PAGE MAKER o cualquier otro que
  sepamos utilizar o sea de nuestro agrado.
Cualquier programa editor de TEXTOS en
  formato ASCII.
  En nuestra PC con el programa Wordpad es
  suficiente o también podemos utilizar el Block
  de Notas (también llamado Notepad).

El lenguaje de formato HiperText Markup
Language, HTML es como cualquier otro de los
que se utilizan en los procesadores de texto
(Word, WordPerfect, Notepad, etc.) una seria
de códigos que definen el formato de un texto
ASCII, que se mostrara en la pantalla de un
programa denominado browser (hojeador
en español o navegador) de Internet que
tiene la capacidad de interpretar los códigos
HTML en ASCII para visualizarlos con sus
características reales de formato.
Esta estructura tiene comandos que tienen una
   orden de inicio y otra de fin que no es mas
   que el mismo comando, pero que el cual
   indica el final precede por el símbolo /, la
   secuencia        de   estas      ordenes     son:
   Inicio del documento HTML.
 Inicio del título.
 Título, el cual permite identificar las páginas.
 Final del título.
 Inicio del cuerpo de la página, esto es, todo
   aquello que queremos visualizar.
 Fin del cuerpo de la página.
 Fin del documento HTML.
El diseño web es una actividad que consiste
   en     la     planificación,   diseño     e
   implementación de sitios web. No es
   simplemente una aplicación del diseño
   convencional, ya que requiere tener en
   cuenta
   la navegabilidad,interactividad, usabilidad
   , arquitectura de la información y la
   interacción       de      medios     como
   el audio, texto,imagen, enlaces y vídeo. Se
   lo considera dentro del diseño multimedia.
   El   diseño   de     páginas   web    trata
    básicamente de realizar un documento
    con información hiperenlazado con otros
    documentos y asignarle una presentación
    para diferentes dispositivos de salida (en
    una pantalla decomputador, en papel, en
    un teléfono móvil, etc).
   Estos documentos o páginas web pueden
    ser creadas:
   creando archivos de
    texto en HTML, PHP, Asp, Aspx, JavaScript, J
    SP, Python, Ruby.
   utilizando un
    programa WYSIWYG o WYSIWYM de
    creación de páginas.
   utilizando lenguajes de programación del
    lado servidor para generar la página web.
   Un correcto diseño web implica conocer
    cómo se deben utilizar cada uno de los
    elementos permitidos en el HTML, es decir,
    hacer un uso correcto de este lenguaje
    dentro de los estándares establecidos por
    la W3C y en lo referente a la web
    semántica.
   El diseño web debe seguir unos
    requerimientos mínimos de accesibilidad
    web que haga que sus sitios web o
    aplicaciones puedan ser visitados por el
    mayor     número    de   personas.   Para
    conseguir          estos         objetivos
    deaccesibilidad se han desarrollado
    pautas como las del W3C: Pautas de
    accesibilidad al contenido Web 1.0 WCAG.

Más contenido relacionado

La actualidad más candente

Tema 9 creación de páginas web v2
Tema 9  creación de páginas web v2Tema 9  creación de páginas web v2
Tema 9 creación de páginas web v2RPVed
 
La importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoLa importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoAptitud Emprendedora
 
Presentación1 de w.,jlgvjdfmkhgvfd
Presentación1 de w.,jlgvjdfmkhgvfdPresentación1 de w.,jlgvjdfmkhgvfd
Presentación1 de w.,jlgvjdfmkhgvfdWENJULI
 
2.2 lenguajes del lado cliente
2.2 lenguajes del lado cliente2.2 lenguajes del lado cliente
2.2 lenguajes del lado clienteJeremias Morales
 
El world wide web
El world wide webEl world wide web
El world wide webheli94
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerraDaniel Gómez Hdz
 
Publicacion de contenidos en la web
Publicacion de contenidos en la webPublicacion de contenidos en la web
Publicacion de contenidos en la webnoelia bernal
 

La actualidad más candente (12)

Tema 9 creación de páginas web v2
Tema 9  creación de páginas web v2Tema 9  creación de páginas web v2
Tema 9 creación de páginas web v2
 
La importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoLa importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyecto
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Presentación1 de w.,jlgvjdfmkhgvfd
Presentación1 de w.,jlgvjdfmkhgvfdPresentación1 de w.,jlgvjdfmkhgvfd
Presentación1 de w.,jlgvjdfmkhgvfd
 
paginas web
paginas webpaginas web
paginas web
 
2.2 lenguajes del lado cliente
2.2 lenguajes del lado cliente2.2 lenguajes del lado cliente
2.2 lenguajes del lado cliente
 
El world wide web
El world wide webEl world wide web
El world wide web
 
Tarea CMS
Tarea CMSTarea CMS
Tarea CMS
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Pag. web
Pag. webPag. web
Pag. web
 
Publicacion de contenidos en la web
Publicacion de contenidos en la webPublicacion de contenidos en la web
Publicacion de contenidos en la web
 
Semana 2 HTML y CSS
Semana 2   HTML y CSSSemana 2   HTML y CSS
Semana 2 HTML y CSS
 

Destacado

Editor de páginas web
Editor de páginas webEditor de páginas web
Editor de páginas webdaviteck2010
 
Editor de paginas web
Editor de paginas webEditor de paginas web
Editor de paginas webEdgarMenSil
 
Editores paginas web
Editores paginas webEditores paginas web
Editores paginas web3114659926
 
Editores de presentaciones en Powerpoint
Editores de presentaciones en PowerpointEditores de presentaciones en Powerpoint
Editores de presentaciones en PowerpointGaby1981
 
Grafico de ventajas y desventajas
Grafico de ventajas y desventajasGrafico de ventajas y desventajas
Grafico de ventajas y desventajasYesika Milena
 
Terapia cognitiva basada en mindfulness
Terapia cognitiva basada en mindfulnessTerapia cognitiva basada en mindfulness
Terapia cognitiva basada en mindfulnesskatherin Cortes
 
Paginas de matematicas
Paginas de matematicasPaginas de matematicas
Paginas de matematicasespanol
 

Destacado (9)

Editor de páginas web
Editor de páginas webEditor de páginas web
Editor de páginas web
 
Editor de paginas web
Editor de paginas webEditor de paginas web
Editor de paginas web
 
Editores paginas web
Editores paginas webEditores paginas web
Editores paginas web
 
Practica 2
Practica 2Practica 2
Practica 2
 
Editores de paginas web
Editores de paginas webEditores de paginas web
Editores de paginas web
 
Editores de presentaciones en Powerpoint
Editores de presentaciones en PowerpointEditores de presentaciones en Powerpoint
Editores de presentaciones en Powerpoint
 
Grafico de ventajas y desventajas
Grafico de ventajas y desventajasGrafico de ventajas y desventajas
Grafico de ventajas y desventajas
 
Terapia cognitiva basada en mindfulness
Terapia cognitiva basada en mindfulnessTerapia cognitiva basada en mindfulness
Terapia cognitiva basada en mindfulness
 
Paginas de matematicas
Paginas de matematicasPaginas de matematicas
Paginas de matematicas
 

Similar a Pagina web (20)

Diseño de paginas y buscadores
Diseño de paginas y buscadores Diseño de paginas y buscadores
Diseño de paginas y buscadores
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
El world wide web
El world wide webEl world wide web
El world wide web
 
Losdelsur
LosdelsurLosdelsur
Losdelsur
 
David cuellar
David cuellarDavid cuellar
David cuellar
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
Plataformas de desarrollo web
Plataformas de desarrollo webPlataformas de desarrollo web
Plataformas de desarrollo web
 
Diseño de paginas web
Diseño de paginas webDiseño de paginas web
Diseño de paginas web
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
Diseño y edición de páginas web 1
Diseño y edición de páginas web 1Diseño y edición de páginas web 1
Diseño y edición de páginas web 1
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 
La web alejandra acevedo 10-2
La web   alejandra acevedo 10-2La web   alejandra acevedo 10-2
La web alejandra acevedo 10-2
 
Pag. web
Pag. webPag. web
Pag. web
 
Pag. web
Pag. webPag. web
Pag. web
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastian
 
Programacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorProgramacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidor
 
Tutorial mevv
Tutorial mevvTutorial mevv
Tutorial mevv
 
Html
HtmlHtml
Html
 
Tutorial
TutorialTutorial
Tutorial
 
El diseño web
El diseño webEl diseño web
El diseño web
 

Último

TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptxTEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptxAlbertSa3
 
Programación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdfProgramación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdf20minutos
 
Mujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdfMujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdfKeilly Merlo
 
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicossEL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicossLucasJohnHuntingford
 
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...univerzalworld
 
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJORESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJOLuisFigueroa230128
 

Último (6)

TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptxTEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
 
Programación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdfProgramación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdf
 
Mujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdfMujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdf
 
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicossEL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
 
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
 
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJORESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
 

Pagina web

  • 2. Un editor de páginas web es una aplicación diseñada con el fin de facilitar la creación de documentos HTMLo XHTML. Su complejidad puede variar desde la de un simple editor de texto plano, entornos WYSIWYG, hasta editores WYSIWYM.
  • 3. En realidad no necesitamos de muchos conocimientos para la edición o realización de una página Web, con tal solo saber en que lenguaje vamos a editarla y manejar dicho lenguaje es suficiente, aunque en la actualidad hay mucho software editor de páginas web (por ejemplo Dream Weaver, Netscape Compser, etc.) y que muchos de ellos son gratuitos en Internet y que resultan eficientes si deseamos algo versátil, sencillo y rápido, ahora si lo que deseamos es calidad, podemos tener en cuenta algunos lenguajes para la edición de dichas páginas.
  • 4. Normalmente, un sitio Web, incluso una página Web personal, no está formada por una única página Web que contiene toda la información, sino par varias páginas Web relacionadas. Además, cada página puede incluir diferentes objetos, tales como gráficos, sonidos o películas de vídeo. "Es muy importante utilizar una carpeta para almacenar todos los objetos que se van a usar en un conjunto de páginas Web. Podemos crear subcarpetas dentro de esta carpeta para organizarse mejor, par ejemplo, una subcarpeta llamada Gráficos para almacenar todas las imágenes. Si estamos creando a la vez páginas Web de proyectos distintos, utilice una carpeta diferente para almacenar cada conjunto de páginas Web y objetos relacionados." Una de las ventajas de tener todos los objetos dentro de la misma carpeta (o dentro de subcarpetas de la misma carpeta) es que cuando quiera publicar las páginas en Internet sólo ha de transferir la estructura de esa carpeta directamente a la carpeta de un servidor Web, sin tener que buscar par su disco duro todos los objetos usados en coda página Web.
  • 5. Como primera cosa, se necesita que el usuario tenga un conocimiento avanzado en el uso de computadoras; además, el material que se necesita para la creación de las páginas es el siguiente: Computadora PC o Macintosh. Para efectos nuestros, todo se hará tomando en cuenta que se trabaja en una computadora PC con sistema operativo WINDOWS 9x. Cualquier programa editor de páginas WEB.
  • 6. Cualquier programa editor de páginas WEB. En este caso podemos elegir un editor como el NETSCAPE COMPOSER o cualquier otro que sea de nuestra preferencia o agrado y que sepamos manejar claro. Dirección en el servidor en donde se guardará la página creada. Tenemos que asegurarnos que nuestro proveedor de servicio de Internet (ISP) le asigne este espacio. Si su proveedor no le facilita este espacio, nosotros podemos encontrar en Internet muchos sitios donde otorgan espacio para poner páginas WEB sin costo.
  • 7. Cualquier programa editor de archivos gráficos. Entre ellos pueden estar COREL DRAW, FREE HAND, PAGE MAKER o cualquier otro que sepamos utilizar o sea de nuestro agrado. Cualquier programa editor de TEXTOS en formato ASCII. En nuestra PC con el programa Wordpad es suficiente o también podemos utilizar el Block de Notas (también llamado Notepad).
  • 8.  El lenguaje de formato HiperText Markup Language, HTML es como cualquier otro de los que se utilizan en los procesadores de texto (Word, WordPerfect, Notepad, etc.) una seria de códigos que definen el formato de un texto ASCII, que se mostrara en la pantalla de un programa denominado browser (hojeador en español o navegador) de Internet que tiene la capacidad de interpretar los códigos HTML en ASCII para visualizarlos con sus características reales de formato.
  • 9. Esta estructura tiene comandos que tienen una orden de inicio y otra de fin que no es mas que el mismo comando, pero que el cual indica el final precede por el símbolo /, la secuencia de estas ordenes son: Inicio del documento HTML.  Inicio del título.  Título, el cual permite identificar las páginas.  Final del título.  Inicio del cuerpo de la página, esto es, todo aquello que queremos visualizar.  Fin del cuerpo de la página.  Fin del documento HTML.
  • 10. El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta la navegabilidad,interactividad, usabilidad , arquitectura de la información y la interacción de medios como el audio, texto,imagen, enlaces y vídeo. Se lo considera dentro del diseño multimedia.
  • 11. El diseño de páginas web trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla decomputador, en papel, en un teléfono móvil, etc).
  • 12. Estos documentos o páginas web pueden ser creadas:  creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript, J SP, Python, Ruby.  utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.  utilizando lenguajes de programación del lado servidor para generar la página web.
  • 13. Un correcto diseño web implica conocer cómo se deben utilizar cada uno de los elementos permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estándares establecidos por la W3C y en lo referente a la web semántica.
  • 14. El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas. Para conseguir estos objetivos deaccesibilidad se han desarrollado pautas como las del W3C: Pautas de accesibilidad al contenido Web 1.0 WCAG.