SlideShare una empresa de Scribd logo
1 de 5
RELATORÍA
Juliana Escobar Rodríguez
Grado 11-4
Licenciado en informática
Guillermo Mondragón
INSTITUCION EDUCATIVA LICEO DEPARTAMENTAL
Noviembre 8 2019
Santiago de Cali
Para introducir esta relatoría iniciaré diciendo que el tema a abordar en general
será sobre las páginas web, y específicamente es sobre herramientas diferentes
para realizar una página web, el primer punto será sobre la lectura de las
páginas web, la primera herramienta es por medio del lenguaje de programación
para realizar una página web html y por último la realización de páginas web en
publisher. El objetivo de este trabajo es informar al lector sobre las distintas
formas de realizar una pagina web.
 LECTURAS DE PAGINA WEB
Es un documento que permite el manejo de textos, imágenes, sonidos, videos,
etc., con el fin de emitir un mensaje. Una página es un hiperdocumento que se le
pueden ingresar muchos elementos, se visualiza en Internet.
Sitio Web: es un conjunto de páginas Web.
Para colocar una página en la Web se puede hacer mediante 2 opciones:
gratuita y con pago.
Programas para diseño de páginas Web:
Word, FrontPage, dreamweaber, Publisher, god live, composer FrontPage y
Publisher viene con office, el office Premium viene con FrontPage.
Para desarrollar elementos en la página Web resulta útil apoyarse en otros
programas para que el producto quede mejor acabado. Apoyarse por ejemplo
en coreldraw - ilustration o free mand
PAUTAS PARA CREAR UN SITIO WEB
Se deben tener en cuenta
1. objetivo: permite trabajar de manera eficaz como para que se crea,
porque, como se realiza
2. a quien va dirigido: es decir el tipo de público, si este es infantil, juvenil,
técnico, profesional, etc.
De acuerdo al público se implementarán herramientas específicas como:
modas, lenguaje.
3. proveer la información exacta
4. nunca utilice textos o imágenes que estén reservadas a una empresa
5. estética: es importante cautivar la mirada del observador
 Lenguaje de programación para páginas Web HTML
El HTML no es más que una aplicación del SGML (Standard Generalized
Markup Language), un sistema para definir tipos de documentos estructurados y
lenguajes de marcas para representar esos mismos documentos. El término
HTML se suele referir a ambas cosas, tanto al tipo de documento como al
lenguaje de marcas.
Para crear una página Web se pueden utilizar varios programas especializados
en esto, como, por ejemplo, el Microsoft FrontPage o el Macromedia
Dreamweaver. Otra forma de diseñar un archivo .html, es copiar todo en el Bloc
de Notas del Windows, ya que este sencillo programa cumple con un requisito
mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este
lenguaje.
Sin HTML no existiría el Internet que hoy conocemos, si no se hubiera inventado,
seguiríamos con el aburrido FTP (Protocolo de Transferencia de Ficheros)
mandándonos o bajando archivos que a veces ni sabíamos lo que eran, sin tener
la posibilidad de visualizarlo antes. Ahora por medio de una página llena de
colores y botones por la cual se puede navegar, se puede tener acceso a bastante
información y archivos.
El lenguaje de HTML abrió una puerta al mundo permitiéndole a las personas
expresar sus ideas por medio de páginas y mostrárselas a todas las personas de
todos los países.
Todo el universo de Internet se lo debemos al HTML, ya que todas las páginas
con las que se compone la World Wide Web están hechas con el lenguaje de
programación.
 DISEÑO DE PAGINA WEB CON PUBLISHER
Pasos a seguir para hacer una página web
1. inicia el Publisher
2. mira el panel del asistente, haz clic en sitios Web (haz doble clic en el sitio
que has elegido)
3. clic en insertar página si decidiste más de una página
4. clic en relleno y sonido de fondo y elige la opción
5. sí deseas barra de exploración (las barras de navegación proporcionan
vínculos a las otras páginas de tu sitio).
6. sí deseas algún tipo de formulario, haciendo clic en la opción
seleccionada
7. clic en combinaciones de colores y elige la que prefieras
8. clic en combinaciones de fuentes y elige la deseada
9. puedes cerrar el asistente haciendo clic en la cruz del borde superior
derecho del mismo
10.puedes volver al asistente en cualquier momento, haciendo clic en el
menú formato y luego seleccionas opciones de sitios Web
11.en el menú archivo, haz clic en guardar como
12.encuentra tu carpeta del programa. Abre la carpeta ejemplos –
estudiantes. Abre la carpeta sitio- Web estudiantes
13.en el cuadro nombre de archivo, escribe un nombre para tu documento.
Publisher automáticamente agrega la extensión.pub.
14.haz clic en guardar
Como añadir páginas adicionales al sitio Web
1. en el menú insertar, haz clic en página
2. comando tipo de páginas disponibles cuando quieres cambiar el tipo de
página por otra distribución, haz clic en una distribución
3. ver más opciones
4. debajo de opciones, haz clic en duplicar todos los objetos de la página 1
5. sí deseas que un botón de la página principal vincule esta nueva página,
selecciona agregar hipervínculo a la barra de exploración de Web
6. haz clic en aceptar
nota: la barra de exploración Web solo admite 10 páginas
En conclusión, me enriquecí con esta lectura y aprendí detalladamente como
realizar una página web, reflexionando sobre la lectura me doy cuenta que hay
varias maneras de realizar una página web y el lenguaje de programación es
infinitamente interesante y muy amplio.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Erick
ErickErick
Erick
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Folleto informatica basica
Folleto informatica basicaFolleto informatica basica
Folleto informatica basica
 
Html
HtmlHtml
Html
 
Almacenamiento virtual
Almacenamiento virtualAlmacenamiento virtual
Almacenamiento virtual
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Tutorial mevv
Tutorial mevvTutorial mevv
Tutorial mevv
 
Tutorial
TutorialTutorial
Tutorial
 
Resumen html
Resumen htmlResumen html
Resumen html
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html 2016
Html 2016Html 2016
Html 2016
 
CUADRO COMPARATIVO HERRAMIENTAS DE LA WEB 2.0
CUADRO COMPARATIVO HERRAMIENTAS DE LA WEB 2.0CUADRO COMPARATIVO HERRAMIENTAS DE LA WEB 2.0
CUADRO COMPARATIVO HERRAMIENTAS DE LA WEB 2.0
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Similar a relatoria (20)

Lecturas de paginas web
Lecturas de paginas webLecturas de paginas web
Lecturas de paginas web
 
Tecnologia
Tecnologia Tecnologia
Tecnologia
 
Lectura de paginas wed
Lectura de paginas wedLectura de paginas wed
Lectura de paginas wed
 
Relatoria
RelatoriaRelatoria
Relatoria
 
Lectura de paginas wed
Lectura de paginas wedLectura de paginas wed
Lectura de paginas wed
 
Relatoria
RelatoriaRelatoria
Relatoria
 
Presentación post
Presentación postPresentación post
Presentación post
 
5. Establecimiento de contenidos en formato digital-HTML Y PDF.pdf
5. Establecimiento de contenidos en formato digital-HTML Y PDF.pdf5. Establecimiento de contenidos en formato digital-HTML Y PDF.pdf
5. Establecimiento de contenidos en formato digital-HTML Y PDF.pdf
 
Paginas web ok
Paginas web okPaginas web ok
Paginas web ok
 
Informe de informatica kleiver y laura
Informe de informatica kleiver y lauraInforme de informatica kleiver y laura
Informe de informatica kleiver y laura
 
HTML 5
HTML 5HTML 5
HTML 5
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
pagina web
pagina webpagina web
pagina web
 
Herramientas tecnologicas de trabajo colaborativo
Herramientas tecnologicas de trabajo colaborativoHerramientas tecnologicas de trabajo colaborativo
Herramientas tecnologicas de trabajo colaborativo
 
Jean trabajo
Jean trabajoJean trabajo
Jean trabajo
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Issuu1 a.v.v.m
Issuu1 a.v.v.mIssuu1 a.v.v.m
Issuu1 a.v.v.m
 
BLOGG
BLOGGBLOGG
BLOGG
 
caracteristicas de un blog
caracteristicas de un blogcaracteristicas de un blog
caracteristicas de un blog
 

Más de Juliana Escobar

Más de Juliana Escobar (7)

DERECHOS DE AUTOR
DERECHOS DE AUTORDERECHOS DE AUTOR
DERECHOS DE AUTOR
 
RESULTADOS DE ENCUESTA
RESULTADOS DE ENCUESTARESULTADOS DE ENCUESTA
RESULTADOS DE ENCUESTA
 
RESULTADOS DE ENCUESTA
RESULTADOS DE ENCUESTARESULTADOS DE ENCUESTA
RESULTADOS DE ENCUESTA
 
Formato de encuesta
Formato de encuestaFormato de encuesta
Formato de encuesta
 
El circuito paralelo
El circuito paraleloEl circuito paralelo
El circuito paralelo
 
Proyecto de aula_periodo1
Proyecto de aula_periodo1Proyecto de aula_periodo1
Proyecto de aula_periodo1
 
Conceptos de access
Conceptos de accessConceptos de access
Conceptos de access
 

Último

La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
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
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFlor Idalia Espinoza Ortega
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxinformacionasapespu
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
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
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 

Último (20)

La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
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
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamica
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
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
 
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
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Razonamiento Matemático 1. Deta del año 2020
Razonamiento Matemático 1. Deta del año 2020Razonamiento Matemático 1. Deta del año 2020
Razonamiento Matemático 1. Deta del año 2020
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parte
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
Unidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDIUnidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDI
 

relatoria

  • 1. RELATORÍA Juliana Escobar Rodríguez Grado 11-4 Licenciado en informática Guillermo Mondragón INSTITUCION EDUCATIVA LICEO DEPARTAMENTAL Noviembre 8 2019 Santiago de Cali
  • 2. Para introducir esta relatoría iniciaré diciendo que el tema a abordar en general será sobre las páginas web, y específicamente es sobre herramientas diferentes para realizar una página web, el primer punto será sobre la lectura de las páginas web, la primera herramienta es por medio del lenguaje de programación para realizar una página web html y por último la realización de páginas web en publisher. El objetivo de este trabajo es informar al lector sobre las distintas formas de realizar una pagina web.  LECTURAS DE PAGINA WEB Es un documento que permite el manejo de textos, imágenes, sonidos, videos, etc., con el fin de emitir un mensaje. Una página es un hiperdocumento que se le pueden ingresar muchos elementos, se visualiza en Internet. Sitio Web: es un conjunto de páginas Web. Para colocar una página en la Web se puede hacer mediante 2 opciones: gratuita y con pago. Programas para diseño de páginas Web: Word, FrontPage, dreamweaber, Publisher, god live, composer FrontPage y Publisher viene con office, el office Premium viene con FrontPage. Para desarrollar elementos en la página Web resulta útil apoyarse en otros programas para que el producto quede mejor acabado. Apoyarse por ejemplo en coreldraw - ilustration o free mand PAUTAS PARA CREAR UN SITIO WEB
  • 3. Se deben tener en cuenta 1. objetivo: permite trabajar de manera eficaz como para que se crea, porque, como se realiza 2. a quien va dirigido: es decir el tipo de público, si este es infantil, juvenil, técnico, profesional, etc. De acuerdo al público se implementarán herramientas específicas como: modas, lenguaje. 3. proveer la información exacta 4. nunca utilice textos o imágenes que estén reservadas a una empresa 5. estética: es importante cautivar la mirada del observador  Lenguaje de programación para páginas Web HTML El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas. Para crear una página Web se pueden utilizar varios programas especializados en esto, como, por ejemplo, el Microsoft FrontPage o el Macromedia Dreamweaver. Otra forma de diseñar un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje. Sin HTML no existiría el Internet que hoy conocemos, si no se hubiera inventado, seguiríamos con el aburrido FTP (Protocolo de Transferencia de Ficheros) mandándonos o bajando archivos que a veces ni sabíamos lo que eran, sin tener la posibilidad de visualizarlo antes. Ahora por medio de una página llena de colores y botones por la cual se puede navegar, se puede tener acceso a bastante información y archivos. El lenguaje de HTML abrió una puerta al mundo permitiéndole a las personas expresar sus ideas por medio de páginas y mostrárselas a todas las personas de todos los países.
  • 4. Todo el universo de Internet se lo debemos al HTML, ya que todas las páginas con las que se compone la World Wide Web están hechas con el lenguaje de programación.  DISEÑO DE PAGINA WEB CON PUBLISHER Pasos a seguir para hacer una página web 1. inicia el Publisher 2. mira el panel del asistente, haz clic en sitios Web (haz doble clic en el sitio que has elegido) 3. clic en insertar página si decidiste más de una página 4. clic en relleno y sonido de fondo y elige la opción 5. sí deseas barra de exploración (las barras de navegación proporcionan vínculos a las otras páginas de tu sitio). 6. sí deseas algún tipo de formulario, haciendo clic en la opción seleccionada 7. clic en combinaciones de colores y elige la que prefieras 8. clic en combinaciones de fuentes y elige la deseada 9. puedes cerrar el asistente haciendo clic en la cruz del borde superior derecho del mismo 10.puedes volver al asistente en cualquier momento, haciendo clic en el menú formato y luego seleccionas opciones de sitios Web 11.en el menú archivo, haz clic en guardar como 12.encuentra tu carpeta del programa. Abre la carpeta ejemplos – estudiantes. Abre la carpeta sitio- Web estudiantes 13.en el cuadro nombre de archivo, escribe un nombre para tu documento. Publisher automáticamente agrega la extensión.pub. 14.haz clic en guardar Como añadir páginas adicionales al sitio Web 1. en el menú insertar, haz clic en página
  • 5. 2. comando tipo de páginas disponibles cuando quieres cambiar el tipo de página por otra distribución, haz clic en una distribución 3. ver más opciones 4. debajo de opciones, haz clic en duplicar todos los objetos de la página 1 5. sí deseas que un botón de la página principal vincule esta nueva página, selecciona agregar hipervínculo a la barra de exploración de Web 6. haz clic en aceptar nota: la barra de exploración Web solo admite 10 páginas En conclusión, me enriquecí con esta lectura y aprendí detalladamente como realizar una página web, reflexionando sobre la lectura me doy cuenta que hay varias maneras de realizar una página web y el lenguaje de programación es infinitamente interesante y muy amplio.