SlideShare a Scribd company logo
1 of 6
LECTURAS DE PAGINAS WEB
STEFANIA GALLEGO ROMERO
11-4
DOCENTE: GUILLERMO MONDRAGON
AREA: TECNOLOGIA
INSTITUCION EDUCATIVA LICEO DEPARTAMENTAL
AÑO LECTIVO 2019
Introducción
La relatoría contiene información sobre lecturas de páginas web, diseño de página
web en Publisher, lenguaje de programación para páginas web html.
 La relatoría tiene un objetivo claro, el cual poder resolver cualquier
inquietud sobre creaciones de páginas web en diferentes plataformas.
Páginas Web
Una página web es un documento que permite el manejo de textos, imágenes,
sonidos, videos, etc., con el fin de emitir un mensaje.
Esta información se encuentra generalmente en formato HTML o XHTML, y puede
proporcionar acceso a otras páginas web mediante enlaces de hipertexto.
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.
Para desarrollar elementos en la página Web resulta útil apoyarse en otros
programas para que el producto quede mejor acabado.
Para incluir efectos dinámicos se pueden utilizar programas como: flash
macromedia, 3d estudio max, animador, autovision.
Paginas con imágenes se trabajan con programas de edición de imágenes como:
photo paint, photo Draw, etc.
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
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. Para que varias personas
se comuniquen es necesario que éstas hablen un mismo idioma. El lenguaje que
utilizan las computadoras que están conectadas a Internet es HTML. HTML, siglas
en inglés de HyperText Markup Language, hace referencia al lenguaje de marcado
para la elaboración de páginas web.
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 PAGINAWEB CON PUBLISHER
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.
La guía nos ayuda a realizar páginas web e diferentes plataformas, conociendo
que tan factible puede ser cada página web mediante Publisher. ¿Qué otras
páginas web pueden estar relacionadas con Publisher?
BIBLIOGRAFÍA
https://tecnologiaalalcance.jimdo.com/undecimo/
Lecturas de paginas web

More Related Content

What's hot

Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerrapiratadark123
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerranicolascristancho
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerraGinoRomero13
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1anaynaroa
 
Lectores Y Reproductores
Lectores Y ReproductoresLectores Y Reproductores
Lectores Y Reproductoresvictoria
 
Presentacion de Dreamweaver
 Presentacion  de Dreamweaver Presentacion  de Dreamweaver
Presentacion de DreamweaverDohanyGamez
 
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 cmsPaola Cañas
 
Folleto informatica basica
Folleto informatica basicaFolleto informatica basica
Folleto informatica basicaNombre Apellidos
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerragask197
 
Guia página para profesores
Guia página para profesoresGuia página para profesores
Guia página para profesoresADI-UNEFM
 
Ebook manual de-nvu
Ebook manual de-nvuEbook manual de-nvu
Ebook manual de-nvuCarlos Simon
 
Apache: páginas multilenguaje
Apache: páginas multilenguajeApache: páginas multilenguaje
Apache: páginas multilenguajepablozacrosuarez
 

What's hot (17)

Html
HtmlHtml
Html
 
Sin título 1 sin imagewen
Sin título 1 sin imagewenSin título 1 sin imagewen
Sin título 1 sin imagewen
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
Edgar torres
Edgar torresEdgar torres
Edgar torres
 
Lectores Y Reproductores
Lectores Y ReproductoresLectores Y Reproductores
Lectores Y Reproductores
 
Presentacion de Dreamweaver
 Presentacion  de Dreamweaver Presentacion  de Dreamweaver
Presentacion de Dreamweaver
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
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
 
Folleto informatica basica
Folleto informatica basicaFolleto informatica basica
Folleto informatica basica
 
Erick
ErickErick
Erick
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Guia página para profesores
Guia página para profesoresGuia página para profesores
Guia página para profesores
 
Ebook manual de-nvu
Ebook manual de-nvuEbook manual de-nvu
Ebook manual de-nvu
 
Apache: páginas multilenguaje
Apache: páginas multilenguajeApache: páginas multilenguaje
Apache: páginas multilenguaje
 

Similar to Lecturas de paginas web (20)

Relatoria
RelatoriaRelatoria
Relatoria
 
HTML 5
HTML 5HTML 5
HTML 5
 
Issuu1 a.v.v.m
Issuu1 a.v.v.mIssuu1 a.v.v.m
Issuu1 a.v.v.m
 
Presentación post
Presentación postPresentación post
Presentación post
 
PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
 
Jean trabajo
Jean trabajoJean trabajo
Jean trabajo
 
Informe de informatica kleiver y laura
Informe de informatica kleiver y lauraInforme de informatica kleiver y laura
Informe de informatica kleiver y laura
 
Navegación en Internet
Navegación en InternetNavegación en Internet
Navegación en Internet
 
Paginas web ok
Paginas web okPaginas web ok
Paginas web ok
 
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
 
Teoria isabel
Teoria isabelTeoria isabel
Teoria isabel
 
Html basico
Html basicoHtml basico
Html basico
 
Manual html
Manual htmlManual html
Manual html
 
Manualhtml
ManualhtmlManualhtml
Manualhtml
 
Manual html
Manual htmlManual html
Manual html
 
TEORIA LENGUAJE HTLM
TEORIA LENGUAJE HTLMTEORIA LENGUAJE HTLM
TEORIA LENGUAJE HTLM
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuela
 
Páginas web
Páginas webPáginas web
Páginas web
 

Recently uploaded

Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024AndreRiva2
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
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
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
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
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
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
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
celula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamicacelula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamicaFlor Idalia Espinoza Ortega
 
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
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 

Recently uploaded (20)

Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
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
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
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
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
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
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
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
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
celula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamicacelula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamica
 
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
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 

Lecturas de paginas web

  • 1. LECTURAS DE PAGINAS WEB STEFANIA GALLEGO ROMERO 11-4 DOCENTE: GUILLERMO MONDRAGON AREA: TECNOLOGIA INSTITUCION EDUCATIVA LICEO DEPARTAMENTAL AÑO LECTIVO 2019
  • 2. Introducción La relatoría contiene información sobre lecturas de páginas web, diseño de página web en Publisher, lenguaje de programación para páginas web html.  La relatoría tiene un objetivo claro, el cual poder resolver cualquier inquietud sobre creaciones de páginas web en diferentes plataformas. Páginas Web Una página web es un documento que permite el manejo de textos, imágenes, sonidos, videos, etc., con el fin de emitir un mensaje. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar acceso a otras páginas web mediante enlaces de hipertexto. 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. Para desarrollar elementos en la página Web resulta útil apoyarse en otros programas para que el producto quede mejor acabado. Para incluir efectos dinámicos se pueden utilizar programas como: flash macromedia, 3d estudio max, animador, autovision. Paginas con imágenes se trabajan con programas de edición de imágenes como: photo paint, photo Draw, etc.
  • 3. 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 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. Para que varias personas se comuniquen es necesario que éstas hablen un mismo idioma. El lenguaje que utilizan las computadoras que están conectadas a Internet es HTML. HTML, siglas en inglés de HyperText Markup Language, hace referencia al lenguaje de marcado para la elaboración de páginas web. 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 PAGINAWEB CON PUBLISHER 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).
  • 4. 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
  • 5. 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. La guía nos ayuda a realizar páginas web e diferentes plataformas, conociendo que tan factible puede ser cada página web mediante Publisher. ¿Qué otras páginas web pueden estar relacionadas con Publisher? BIBLIOGRAFÍA https://tecnologiaalalcance.jimdo.com/undecimo/