SlideShare una empresa de Scribd logo
LECTURA DE PAGINAS WED
JHULIANA ANDREA DUQUE MORA
GRADO: 11-4
PROFESOR: GUILLERMO
INSTITUCIÓN EDUCATIVA LICEO DEPARTAMENTAL
SANTIAGO DE CALI
2019
Introducción
La relatoría se enfocará en lecturas páginas Web, lenguaje de programación para
páginas web html y diseño de página Web en Publisher.
 El objetivo de esta relatoría es poder aclarar las dudas existentes sobre la
creación de las páginas web en las diferentes plataformas y la lectura del
lenguaje de programación.
PAGINAS WEB
 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.
1. Hay empresas que publican una página de forma gratuita.
2. mediante pago: se realiza una suscripción a una empresa prestadora de asistencia
en el servicio de la Web y como parte del servicio ellas cuelgan una página Web de
un número limitado de páginas.
 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.
 HTML: El HTML, Hyper Text Markup Language (Lenguaje de marcación de
Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la
WWW (World Wide Web.
HTML no es propiamente un lenguaje de programación como C++, Visual
Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún
compilador, por lo tanto algún error de sintaxis que se presente éste no lo
detectará y se visualizara en la forma como éste lo entienda
 Creación de páginas Web con lenguaje HTML: 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.
 diseño de pagina web con Publisher: Se debe crear una carpeta donde
archives tu página web.
PASO 1: COMO USAR EL ASISTENTE DEL SITIO 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. si deseas barra de exploración (la barra de navegación proporciona vínculos
a las otras páginas de tu sitio).
6. si 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
PASO 2: COMO REALZAR UN SITIO WEB
Demasiados sonidos e imágenes pueden distraer la atención y provocar lentitud al
cargar el sitio.
Recuerda cumplir con las normas legales sobre derechos de autor y marcas; incluye
las fuentes bibliográficas si fuese necesario y guarda tu trabajo con frecuencia.
PASO 3: COMO USAR EL VERIFICADOR DE DISEÑO
1. en el menú herramientas, haz clic en el verificador de diseño
2. haz clic en todas. Para verificar páginas específicas, haz clic en páginas, y
digita los números de páginas en los cuadros desde y hasta
3. haz clic en aceptar
4. Publisher verifica el diseño y abre un cuadro de dialogo si encuentran algún
problema
5. si deseas solucionar el problema, ve a la publicación y haz los cambios
6. haz clic en cerrar.
PASO 4: VISTA PREVIA DE UN SITIO WEB
1. en el menú archivo, haz clic en vista previa de páginas WEB.
2. en el cuadro de diálogo vista previa de páginas Web, haz clic en sitio Web
para tener la vista previa de todas las páginas de tu sitio WEB
3. verifica todos tus vínculos para asegurarte que funcionan correctamente.
PASO 5: COMO GUARDAR UN SITIO WEB
Antes de cargar tu sitio Web a Internet, primero guárdalo como un archivo de
Publisher. Este permite editarlo y hacerle cambios. Cuando hayas terminado,
guarda tu sitio Web como una página Web.
Como guardar como un archivo de Publisher
1. guarda tu sitio Web como un archivo de Publisher en tu carpeta de página
Web
2. en el menú archivo, haz clic en guardar.
3. encuentra tu carpeta del programa. Abre tu carpeta de ejemplos estudiantes.
Luego abre tu carpeta sitio Web- estudiantes
4. digita un nombre para tu sitio Web
5. haz clic en guardar.
Como guardar como una página Web
Guárdala una última vez como un archivo de Publisher, ya que el formato HTML no puede
ser editado en Publisher.
1. en el menú archivo, haz clic en guardar como página Web. Encuentra tu carpeta del
programa. Abre tu carpeta ejemplos- estudiantes. Abre tu carpeta sitio- Web-
estudiantes
2. haz clic en guardar
3. si deseas verificar que los vínculos de tu presentación power point funcionan, abre
MI PC o Microsoft Windows Explorer, y luego haz doble clic en el index de tu carpeta
de páginas WEB.
REACCIÓN INTELECTUAL
Claramente la guía sirve como ayuda para aprender hacer páginas y sitios web ,
pero es importante saber si ¿Existen más herramientas para elaborar páginas web,
aparte de Publisher?
BIBLIOGRAFÍA
https://tecnologiaalalcance.jimdo.com/undecimo/
https://co.godaddy.com/blog/que-es-un-sitio-web/
Guía (Proyecto periodo 3)

Más contenido relacionado

La actualidad más candente

Web 3.0
Web 3.0Web 3.0
Web 3.0
EnyerNavas
 
Pagina web
Pagina webPagina web
Pagina web
Domingo Ladera
 
trabajo de pagina web
trabajo de pagina webtrabajo de pagina web
trabajo de pagina web
argenis arteaga
 
Informe Digitalizado
Informe DigitalizadoInforme Digitalizado
Informe Digitalizado
Eduard1541
 
Informe de informatica kleiver y laura
Informe de informatica kleiver y lauraInforme de informatica kleiver y laura
Informe de informatica kleiver y laura
kleiverk
 
Como crear una página web usando cms
Como crear una página web usando cmsComo crear una página web usando cms
Como crear una página web usando cms
Paola Cañas
 
Herramientas que ofrecen las Tecnologías de la Información en los procesos de...
Herramientas que ofrecen las Tecnologías de la Información en los procesos de...Herramientas que ofrecen las Tecnologías de la Información en los procesos de...
Herramientas que ofrecen las Tecnologías de la Información en los procesos de...
Marco Vinicio López Gamboa
 
Microsoft Frontpage
Microsoft FrontpageMicrosoft Frontpage
Microsoft Frontpage
Mario1612
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1anaynaroa
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
Eliasib Silva
 
Navegación en Internet
Navegación en InternetNavegación en Internet
Navegación en InternetAndres Bonilla
 
Informe de informatica osuany Y YASMELI
Informe de informatica osuany Y YASMELIInforme de informatica osuany Y YASMELI
Informe de informatica osuany Y YASMELI
osiyasm
 

La actualidad más candente (16)

Web 3.0
Web 3.0Web 3.0
Web 3.0
 
Pagina web
Pagina webPagina web
Pagina web
 
trabajo de pagina web
trabajo de pagina webtrabajo de pagina web
trabajo de pagina web
 
Informe Digitalizado
Informe DigitalizadoInforme Digitalizado
Informe Digitalizado
 
Informe de informatica kleiver y laura
Informe de informatica kleiver y lauraInforme de informatica kleiver y laura
Informe de informatica kleiver y laura
 
Como crear una página web usando cms
Como crear una página web usando cmsComo crear una página web usando cms
Como crear una página web usando cms
 
Herramientas que ofrecen las Tecnologías de la Información en los procesos de...
Herramientas que ofrecen las Tecnologías de la Información en los procesos de...Herramientas que ofrecen las Tecnologías de la Información en los procesos de...
Herramientas que ofrecen las Tecnologías de la Información en los procesos de...
 
Microsoft Frontpage
Microsoft FrontpageMicrosoft Frontpage
Microsoft Frontpage
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
Bitacora de la unidad 4
Bitacora de la unidad 4Bitacora de la unidad 4
Bitacora de la unidad 4
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Copia de pagina web en línea maricela
Copia de pagina web en línea maricelaCopia de pagina web en línea maricela
Copia de pagina web en línea maricela
 
Jean trabajo
Jean trabajoJean trabajo
Jean trabajo
 
Navegación en Internet
Navegación en InternetNavegación en Internet
Navegación en Internet
 
Manual html
Manual htmlManual html
Manual html
 
Informe de informatica osuany Y YASMELI
Informe de informatica osuany Y YASMELIInforme de informatica osuany Y YASMELI
Informe de informatica osuany Y YASMELI
 

Similar a Lectura de paginas wed

Relatoria
RelatoriaRelatoria
Issuu1 a.v.v.m
Issuu1 a.v.v.mIssuu1 a.v.v.m
Issuu1 a.v.v.m
Simonjosueana
 
Gestiones
GestionesGestiones
Gestiones
guev
 
Tp 4 alvaro
Tp 4 alvaroTp 4 alvaro
Tp 4 alvaromausheng
 
HTML 5
HTML 5HTML 5
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
eliasib rafael silva rodriguez
 
Teoria isabel
Teoria isabelTeoria isabel
Teoria isabelISABELRJ
 
Subir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blogSubir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blogaxelpulgar80
 
Robert primera informatica(1)
Robert primera informatica(1)Robert primera informatica(1)
Robert primera informatica(1)
robert primera
 
TIC teoria Isabel
TIC teoria IsabelTIC teoria Isabel
TIC teoria IsabelISABELRJ
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuela
graciela henriquez
 
Cap 1 curso_dreamweaver 8
Cap 1 curso_dreamweaver 8Cap 1 curso_dreamweaver 8
Cap 1 curso_dreamweaver 8marichela2013
 
Jesus maria-fernanda
Jesus  maria-fernandaJesus  maria-fernanda
Jesus maria-fernanda
Jesus22barrera
 
Unidad educativa(1)
Unidad educativa(1)Unidad educativa(1)
Unidad educativa(1)
Jhon Rea
 
Manual Dreamweaver
Manual DreamweaverManual Dreamweaver
Manual Dreamweaver
paoloarevaloortiz
 
Trabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila ZamoraTrabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila Zamoraluly-z
 
Actividad 2
Actividad 2Actividad 2
Presentacion Cafu 14 Crea La Web De Tu Negocio
Presentacion Cafu 14 Crea La Web De Tu NegocioPresentacion Cafu 14 Crea La Web De Tu Negocio
Presentacion Cafu 14 Crea La Web De Tu Negocio
Anto Sánchez Guadalinfo Lupion
 

Similar a Lectura de paginas wed (20)

Relatoria
RelatoriaRelatoria
Relatoria
 
Presentación post
Presentación postPresentación post
Presentación post
 
Issuu1 a.v.v.m
Issuu1 a.v.v.mIssuu1 a.v.v.m
Issuu1 a.v.v.m
 
Gestiones
GestionesGestiones
Gestiones
 
Diseño web
Diseño webDiseño web
Diseño web
 
Tp 4 alvaro
Tp 4 alvaroTp 4 alvaro
Tp 4 alvaro
 
HTML 5
HTML 5HTML 5
HTML 5
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Teoria isabel
Teoria isabelTeoria isabel
Teoria isabel
 
Subir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blogSubir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blog
 
Robert primera informatica(1)
Robert primera informatica(1)Robert primera informatica(1)
Robert primera informatica(1)
 
TIC teoria Isabel
TIC teoria IsabelTIC teoria Isabel
TIC teoria Isabel
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuela
 
Cap 1 curso_dreamweaver 8
Cap 1 curso_dreamweaver 8Cap 1 curso_dreamweaver 8
Cap 1 curso_dreamweaver 8
 
Jesus maria-fernanda
Jesus  maria-fernandaJesus  maria-fernanda
Jesus maria-fernanda
 
Unidad educativa(1)
Unidad educativa(1)Unidad educativa(1)
Unidad educativa(1)
 
Manual Dreamweaver
Manual DreamweaverManual Dreamweaver
Manual Dreamweaver
 
Trabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila ZamoraTrabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila Zamora
 
Actividad 2
Actividad 2Actividad 2
Actividad 2
 
Presentacion Cafu 14 Crea La Web De Tu Negocio
Presentacion Cafu 14 Crea La Web De Tu NegocioPresentacion Cafu 14 Crea La Web De Tu Negocio
Presentacion Cafu 14 Crea La Web De Tu Negocio
 

Más de Angie Ayala

Filosofia 10
Filosofia 10Filosofia 10
Filosofia 10
Angie Ayala
 
Ensayo sobre los derechos de autor
Ensayo sobre los derechos de autorEnsayo sobre los derechos de autor
Ensayo sobre los derechos de autor
Angie Ayala
 
Derecho de autor
Derecho de autorDerecho de autor
Derecho de autor
Angie Ayala
 
Tecnologia
TecnologiaTecnologia
Tecnologia
Angie Ayala
 
DERECHOS DE AUTOR CECOLDA
DERECHOS DE AUTOR CECOLDADERECHOS DE AUTOR CECOLDA
DERECHOS DE AUTOR CECOLDA
Angie Ayala
 
2 ej. combinar correspondencia
2 ej. combinar correspondencia2 ej. combinar correspondencia
2 ej. combinar correspondencia
Angie Ayala
 
Maqueta de la plaza de toros de cali
Maqueta de la plaza de toros de caliMaqueta de la plaza de toros de cali
Maqueta de la plaza de toros de cali
Angie Ayala
 
Publisher
PublisherPublisher
Publisher
Angie Ayala
 
Tecnologia
TecnologiaTecnologia
Tecnologia
Angie Ayala
 
TECNOLOGIA
TECNOLOGIATECNOLOGIA
TECNOLOGIA
Angie Ayala
 
Tecnologia
TecnologiaTecnologia
Tecnologia
Angie Ayala
 
Sistemas de cadenas y piñones
Sistemas de cadenas y piñonesSistemas de cadenas y piñones
Sistemas de cadenas y piñones
Angie Ayala
 

Más de Angie Ayala (12)

Filosofia 10
Filosofia 10Filosofia 10
Filosofia 10
 
Ensayo sobre los derechos de autor
Ensayo sobre los derechos de autorEnsayo sobre los derechos de autor
Ensayo sobre los derechos de autor
 
Derecho de autor
Derecho de autorDerecho de autor
Derecho de autor
 
Tecnologia
TecnologiaTecnologia
Tecnologia
 
DERECHOS DE AUTOR CECOLDA
DERECHOS DE AUTOR CECOLDADERECHOS DE AUTOR CECOLDA
DERECHOS DE AUTOR CECOLDA
 
2 ej. combinar correspondencia
2 ej. combinar correspondencia2 ej. combinar correspondencia
2 ej. combinar correspondencia
 
Maqueta de la plaza de toros de cali
Maqueta de la plaza de toros de caliMaqueta de la plaza de toros de cali
Maqueta de la plaza de toros de cali
 
Publisher
PublisherPublisher
Publisher
 
Tecnologia
TecnologiaTecnologia
Tecnologia
 
TECNOLOGIA
TECNOLOGIATECNOLOGIA
TECNOLOGIA
 
Tecnologia
TecnologiaTecnologia
Tecnologia
 
Sistemas de cadenas y piñones
Sistemas de cadenas y piñonesSistemas de cadenas y piñones
Sistemas de cadenas y piñones
 

Último

(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
cofferub
 
Alan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentaciónAlan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentación
JuanPrez962115
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
coloradxmaria
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
Fernando Villares
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
marianabz2403
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Telefónica
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
cdraco
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
Luis Enrique Zafra Haro
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
AlejandraCasallas7
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
ManuelCampos464987
 

Último (20)

(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
 
Alan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentaciónAlan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentación
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 

Lectura de paginas wed

  • 1. LECTURA DE PAGINAS WED JHULIANA ANDREA DUQUE MORA GRADO: 11-4 PROFESOR: GUILLERMO INSTITUCIÓN EDUCATIVA LICEO DEPARTAMENTAL SANTIAGO DE CALI 2019
  • 2. Introducción La relatoría se enfocará en lecturas páginas Web, lenguaje de programación para páginas web html y diseño de página Web en Publisher.  El objetivo de esta relatoría es poder aclarar las dudas existentes sobre la creación de las páginas web en las diferentes plataformas y la lectura del lenguaje de programación. PAGINAS WEB  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. 1. Hay empresas que publican una página de forma gratuita. 2. mediante pago: se realiza una suscripción a una empresa prestadora de asistencia en el servicio de la Web y como parte del servicio ellas cuelgan una página Web de un número limitado de páginas.  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.  HTML: El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la WWW (World Wide Web. HTML no es propiamente un lenguaje de programación como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda  Creación de páginas Web con lenguaje HTML: 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
  • 3. 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.  diseño de pagina web con Publisher: Se debe crear una carpeta donde archives tu página web. PASO 1: COMO USAR EL ASISTENTE DEL SITIO 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. si deseas barra de exploración (la barra de navegación proporciona vínculos a las otras páginas de tu sitio). 6. si 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 PASO 2: COMO REALZAR UN SITIO WEB Demasiados sonidos e imágenes pueden distraer la atención y provocar lentitud al cargar el sitio. Recuerda cumplir con las normas legales sobre derechos de autor y marcas; incluye las fuentes bibliográficas si fuese necesario y guarda tu trabajo con frecuencia. PASO 3: COMO USAR EL VERIFICADOR DE DISEÑO 1. en el menú herramientas, haz clic en el verificador de diseño 2. haz clic en todas. Para verificar páginas específicas, haz clic en páginas, y digita los números de páginas en los cuadros desde y hasta 3. haz clic en aceptar 4. Publisher verifica el diseño y abre un cuadro de dialogo si encuentran algún problema 5. si deseas solucionar el problema, ve a la publicación y haz los cambios 6. haz clic en cerrar.
  • 4. PASO 4: VISTA PREVIA DE UN SITIO WEB 1. en el menú archivo, haz clic en vista previa de páginas WEB. 2. en el cuadro de diálogo vista previa de páginas Web, haz clic en sitio Web para tener la vista previa de todas las páginas de tu sitio WEB 3. verifica todos tus vínculos para asegurarte que funcionan correctamente. PASO 5: COMO GUARDAR UN SITIO WEB Antes de cargar tu sitio Web a Internet, primero guárdalo como un archivo de Publisher. Este permite editarlo y hacerle cambios. Cuando hayas terminado, guarda tu sitio Web como una página Web. Como guardar como un archivo de Publisher 1. guarda tu sitio Web como un archivo de Publisher en tu carpeta de página Web 2. en el menú archivo, haz clic en guardar. 3. encuentra tu carpeta del programa. Abre tu carpeta de ejemplos estudiantes. Luego abre tu carpeta sitio Web- estudiantes 4. digita un nombre para tu sitio Web 5. haz clic en guardar. Como guardar como una página Web Guárdala una última vez como un archivo de Publisher, ya que el formato HTML no puede ser editado en Publisher. 1. en el menú archivo, haz clic en guardar como página Web. Encuentra tu carpeta del programa. Abre tu carpeta ejemplos- estudiantes. Abre tu carpeta sitio- Web- estudiantes 2. haz clic en guardar 3. si deseas verificar que los vínculos de tu presentación power point funcionan, abre MI PC o Microsoft Windows Explorer, y luego haz doble clic en el index de tu carpeta de páginas WEB. REACCIÓN INTELECTUAL Claramente la guía sirve como ayuda para aprender hacer páginas y sitios web , pero es importante saber si ¿Existen más herramientas para elaborar páginas web, aparte de Publisher?