SlideShare uma empresa Scribd logo
1 de 34
JULIO ALBERTO GARCIA
 
Internet es una red global de equipos informáticos que se comunican mediante un lenguaje común y que se conectan entre si  formando una gran red.
Fuente de información Para la World Wide Web Un navegador web En formato HTML Enlaces a otras páginas web adaptada accesible mediante constituyendo presentada contiene La red enlazada de internet
Texto  Imágenes Audio En formatos GIF (para animaciones), JPG (para reducir el tamaño del archivo, le resta calidad) y PNG (para transparencias) MIDI, WAV y el más utilizado en las web es el MP3  por la relación de calidad/tamaño   Editable mostrado en pantalla                                                    Imagen GIF  Imagen JPG  Imagen PNG
El HTML ( Hyper Text Markup Language ) es el  lenguaje de marcado  predominante para la construcción de páginas Web. La última versión del lenguaje html en español:  http://html.conclase.net/w3c/html401-es/cover.html
Es un  programa  que permite  visualizar  la  información  que contiene una  página web . El navegador interpreta el código HTML.  Los documentos HTML deben tener la extensión “ .html ” o “ .htm ”, para poder ser visualizados en el navegador. Barra de direcciones Barra de titulo Barra de herramientas Pestañas Contenido de la pagina web Barra de estado
Las etiquetas se escriben entre los símbolos  <  y  > . La estructura del código HTML es la siguiente:
BLACK   NAVY   BLUE  TEAL  AQUA  SILVER  GRAY  YELLOW  GREEN  OLIVE  LIME  RED  MAROON   WHITE  FUCHSIA  PURPLE  RED FF0000  FF3300  CC3300  FF9999  FFCCCC  990033  MAROON 990000  FF3333  CC3333  FFCC99  CC0066  993300  FF0033  CC0033  FF9966  FF6699  660000  000000  CC0000  663333  990066  330000  LIME 66FF00  33FF33  66FF66  OLIVE 66FF00  99FF99  CCFFCC  GREEN 00FF00  00CC00   009900   006600   003300   00CC00   009900   006600   003300   009900   006600   66FF00  009900  AQUA 00FFFF  00FFFF  3333FF  TEAL 008080  6666FF  9999FF  BLUE 0000FF  33FFFF  66FFFF  99FFFF  CCFFFF  CCCCFF  0000CC   000099   000099   CCCCFF  000066   000033   000099
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Lista no ordenada: Lista ordenada:
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Celda 1 Celda 2 Celda 3 Celda 4
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Son  programas  que permiten  crear páginas web  sin la necesidad de saber código  HTML . Su interfaz gráfico es muy similar al de los  procesadores de texto . Funcionan bajo el principio  WYSIWYG ('what you see is what you get') , es decir, visualizas la pagina web al mismo tiempo que la estas creando.  El editor  NVU , es un editor muy  completo ,  fácil  de utilizar y  gratuito   http://www.nvu.com Se puede descargar la versión en español de Nvu en: http://nvu.softonic.com/
Partes del programa:
Crear un nuevo documento: ,[object Object],[object Object],[object Object]
Guardar el documento: Se pulsa el botón guardar. Se escribe el titulo de la pagina que se esta guardando. ,[object Object],[object Object],[object Object]
Colores y fondo de la pagina: En el menú formato se pueden configurar las propiedades de la pagina. Cambiar el color del texto  Poner como fondo de la pagina una imagen
Dar formato al texto:
Creación de listas:
Insertar tablas: Se puede insertar una tabla pulsando el botón  o en el menú  Insertar - Tabla .   Haciendo doble clic en la tabla se puede modificar sus propiedades.
Insertar imágenes: Se puede insertar una imagen pulsando el botón  o en el menú  Insertar - Imagen .   Dimensiones: Real o personalizada Apariencia: Alineacion y borde de la imagen Enlace: Ponerle un enlace a la imagen
Insertar enlaces: Se puede insertar un enlace pulsando el botón  o en el menú  Insertar - Enlace .   Texto mostrado en el enlace Direccion del enlace
Es conveniente comprobar como se visualiza la pagina web en los navegadores más utilizados, Internet Explorer y Firefox, y a diferentes resoluciones de pantalla.  Podemos utilizar servicios web gratuitos para hacer el test, ejemplos:  http://www.browsershots.org http://www.tawdis.net/ http://www.sidar.org/hera/
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Inscribirse:
Nombre de usuario y contraseña:
Al crear la cuenta nos envían un correo para activar el espacio:
Transferir los archivos de la pagina web al servidor: Archivos locales Archivos del servidor Visualizar la pagina web
http://altamiraweb.net/plantillasgratis.htm http://www.el-webmaster.com/descargas/plantillas_web_gratis.php http://www.zonagratuita.com/a-disenio/templates_gratis35.htm http://plantillas.astalaweb.net/Modernos/1_Modernos.asp
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Mais conteúdo relacionado

Mais procurados (20)

Temas de html
Temas de htmlTemas de html
Temas de html
 
Manual html
Manual htmlManual html
Manual html
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Reactivos diseño web parcial
Reactivos diseño web parcialReactivos diseño web parcial
Reactivos diseño web parcial
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Silem htmll
Silem htmllSilem htmll
Silem htmll
 
Tema 03 formateando texto en html
Tema 03 formateando texto en htmlTema 03 formateando texto en html
Tema 03 formateando texto en html
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Asasfgfg
AsasfgfgAsasfgfg
Asasfgfg
 
HTML
HTMLHTML
HTML
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Front Page ==
Front Page ==Front Page ==
Front Page ==
 
Guia 4 lenguaje html
Guia 4   lenguaje htmlGuia 4   lenguaje html
Guia 4 lenguaje html
 

Destaque

Navegación en la red
Navegación en la redNavegación en la red
Navegación en la redamforgabo
 
Fórmulas y funciones 2
Fórmulas y funciones 2Fórmulas y funciones 2
Fórmulas y funciones 2jmed_T
 
Herramientas de las presentaciones multimedia
Herramientas de las presentaciones multimediaHerramientas de las presentaciones multimedia
Herramientas de las presentaciones multimediaGominolas30
 
presentacion de ventanas de microsoft office by elvin alexander
presentacion de ventanas de microsoft office by elvin alexanderpresentacion de ventanas de microsoft office by elvin alexander
presentacion de ventanas de microsoft office by elvin alexanderelvin76651152
 
Vb II, Unidad 2, Manejo De Archivos
Vb II, Unidad 2, Manejo De ArchivosVb II, Unidad 2, Manejo De Archivos
Vb II, Unidad 2, Manejo De ArchivosUTP, TA
 
Transmision de datos yanedis gerardino unad
Transmision de datos yanedis gerardino unadTransmision de datos yanedis gerardino unad
Transmision de datos yanedis gerardino unadKaysinho Dev
 
Ambientes virtuales de aprendizaje
Ambientes virtuales de aprendizajeAmbientes virtuales de aprendizaje
Ambientes virtuales de aprendizajecristian varela
 
Diapositivas AVAs
Diapositivas AVAsDiapositivas AVAs
Diapositivas AVAsedwin villa
 
Presentación Unidades de medida (almacenamiento y frecuencia) y memoria ram
Presentación Unidades de medida (almacenamiento y frecuencia) y memoria ramPresentación Unidades de medida (almacenamiento y frecuencia) y memoria ram
Presentación Unidades de medida (almacenamiento y frecuencia) y memoria ramVictor M
 
Unidades de medida informatica
Unidades de medida informaticaUnidades de medida informatica
Unidades de medida informaticaANDRES SALAZAR
 
La hoja Electrónica
La hoja ElectrónicaLa hoja Electrónica
La hoja Electrónicapaalvaradox
 

Destaque (20)

Guadalinex parte2
Guadalinex parte2Guadalinex parte2
Guadalinex parte2
 
S.O
S.OS.O
S.O
 
Navegación en la red
Navegación en la redNavegación en la red
Navegación en la red
 
La hoja electrónica
La hoja electrónicaLa hoja electrónica
La hoja electrónica
 
Fórmulas y funciones 2
Fórmulas y funciones 2Fórmulas y funciones 2
Fórmulas y funciones 2
 
Herramientas de las presentaciones multimedia
Herramientas de las presentaciones multimediaHerramientas de las presentaciones multimedia
Herramientas de las presentaciones multimedia
 
presentacion de ventanas de microsoft office by elvin alexander
presentacion de ventanas de microsoft office by elvin alexanderpresentacion de ventanas de microsoft office by elvin alexander
presentacion de ventanas de microsoft office by elvin alexander
 
Transmisión de datos 1
Transmisión de datos 1Transmisión de datos 1
Transmisión de datos 1
 
Unidades de memoria
Unidades de memoriaUnidades de memoria
Unidades de memoria
 
Vb II, Unidad 2, Manejo De Archivos
Vb II, Unidad 2, Manejo De ArchivosVb II, Unidad 2, Manejo De Archivos
Vb II, Unidad 2, Manejo De Archivos
 
Transmision de datos generalidades
Transmision de datos generalidadesTransmision de datos generalidades
Transmision de datos generalidades
 
Transmision de datos yanedis gerardino unad
Transmision de datos yanedis gerardino unadTransmision de datos yanedis gerardino unad
Transmision de datos yanedis gerardino unad
 
Ambientes virtuales de aprendizaje
Ambientes virtuales de aprendizajeAmbientes virtuales de aprendizaje
Ambientes virtuales de aprendizaje
 
Diapositivas AVAs
Diapositivas AVAsDiapositivas AVAs
Diapositivas AVAs
 
Tema 5: NTA (III) Normas sobre informes
Tema 5: NTA (III) Normas sobre informesTema 5: NTA (III) Normas sobre informes
Tema 5: NTA (III) Normas sobre informes
 
Presentación Unidades de medida (almacenamiento y frecuencia) y memoria ram
Presentación Unidades de medida (almacenamiento y frecuencia) y memoria ramPresentación Unidades de medida (almacenamiento y frecuencia) y memoria ram
Presentación Unidades de medida (almacenamiento y frecuencia) y memoria ram
 
Unidades de medida informatica
Unidades de medida informaticaUnidades de medida informatica
Unidades de medida informatica
 
A) factura
A) facturaA) factura
A) factura
 
Manejo archivos
Manejo archivosManejo archivos
Manejo archivos
 
La hoja Electrónica
La hoja ElectrónicaLa hoja Electrónica
La hoja Electrónica
 

Semelhante a Creacion de paginas web (20)

Html creacion de una pagina. Adriano Mazziotti
Html  creacion de una pagina. Adriano MazziottiHtml  creacion de una pagina. Adriano Mazziotti
Html creacion de una pagina. Adriano Mazziotti
 
Html
HtmlHtml
Html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
El lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webEl lenguaje de programación en las páginas web
El lenguaje de programación en las páginas web
 
Diseño web guias 1-3
Diseño web guias 1-3Diseño web guias 1-3
Diseño web guias 1-3
 
Intro html
Intro htmlIntro html
Intro html
 
Introducción a NVU
Introducción a NVUIntroducción a NVU
Introducción a NVU
 
Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0
 
Caracteristicas de la web 2.0
Caracteristicas de la web 2.0Caracteristicas de la web 2.0
Caracteristicas de la web 2.0
 
Temas 10
Temas 10Temas 10
Temas 10
 
Clase 5 lenguaje html
Clase 5  lenguaje htmlClase 5  lenguaje html
Clase 5 lenguaje html
 
HTML introducción a lo básico de html .pdf
HTML introducción a lo básico de html .pdfHTML introducción a lo básico de html .pdf
HTML introducción a lo básico de html .pdf
 
Guia html
Guia htmlGuia html
Guia html
 
Presentación HTML
Presentación HTMLPresentación HTML
Presentación HTML
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Tpd 02
Tpd 02Tpd 02
Tpd 02
 
Clase 1
Clase 1Clase 1
Clase 1
 
Inf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarezInf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarez
 
4 Html
4 Html4 Html
4 Html
 

Último

Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024IES Vicent Andres Estelles
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfGruberACaraballo
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfcarolinamartinezsev
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresJonathanCovena1
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalJonathanCovena1
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxFernando Solis
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primariaWilian24
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxroberthirigoinvasque
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...jlorentemartos
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxBeatrizQuijano2
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOluismii249
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...JoseMartinMalpartida1
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOluismii249
 

Último (20)

Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 

Creacion de paginas web

  • 2.  
  • 3. Internet es una red global de equipos informáticos que se comunican mediante un lenguaje común y que se conectan entre si formando una gran red.
  • 4. Fuente de información Para la World Wide Web Un navegador web En formato HTML Enlaces a otras páginas web adaptada accesible mediante constituyendo presentada contiene La red enlazada de internet
  • 5. Texto Imágenes Audio En formatos GIF (para animaciones), JPG (para reducir el tamaño del archivo, le resta calidad) y PNG (para transparencias) MIDI, WAV y el más utilizado en las web es el MP3 por la relación de calidad/tamaño Editable mostrado en pantalla                                                    Imagen GIF Imagen JPG Imagen PNG
  • 6. El HTML ( Hyper Text Markup Language ) es el lenguaje de marcado predominante para la construcción de páginas Web. La última versión del lenguaje html en español: http://html.conclase.net/w3c/html401-es/cover.html
  • 7. Es un programa que permite visualizar la información que contiene una página web . El navegador interpreta el código HTML. Los documentos HTML deben tener la extensión “ .html ” o “ .htm ”, para poder ser visualizados en el navegador. Barra de direcciones Barra de titulo Barra de herramientas Pestañas Contenido de la pagina web Barra de estado
  • 8. Las etiquetas se escriben entre los símbolos < y > . La estructura del código HTML es la siguiente:
  • 9. BLACK NAVY BLUE TEAL AQUA SILVER GRAY YELLOW GREEN OLIVE LIME RED MAROON WHITE FUCHSIA PURPLE RED FF0000 FF3300 CC3300 FF9999 FFCCCC 990033 MAROON 990000 FF3333 CC3333 FFCC99 CC0066 993300 FF0033 CC0033 FF9966 FF6699 660000 000000 CC0000 663333 990066 330000 LIME 66FF00 33FF33 66FF66 OLIVE 66FF00 99FF99 CCFFCC GREEN 00FF00 00CC00 009900 006600 003300 00CC00 009900 006600 003300 009900 006600 66FF00 009900 AQUA 00FFFF 00FFFF 3333FF TEAL 008080 6666FF 9999FF BLUE 0000FF 33FFFF 66FFFF 99FFFF CCFFFF CCCCFF 0000CC 000099 000099 CCCCFF 000066 000033 000099
  • 10.
  • 11.
  • 12.
  • 13. Lista no ordenada: Lista ordenada:
  • 14.
  • 15.  
  • 16.
  • 17. Son programas que permiten crear páginas web sin la necesidad de saber código HTML . Su interfaz gráfico es muy similar al de los procesadores de texto . Funcionan bajo el principio WYSIWYG ('what you see is what you get') , es decir, visualizas la pagina web al mismo tiempo que la estas creando. El editor NVU , es un editor muy completo , fácil de utilizar y gratuito http://www.nvu.com Se puede descargar la versión en español de Nvu en: http://nvu.softonic.com/
  • 19.
  • 20.
  • 21. Colores y fondo de la pagina: En el menú formato se pueden configurar las propiedades de la pagina. Cambiar el color del texto Poner como fondo de la pagina una imagen
  • 22. Dar formato al texto:
  • 24. Insertar tablas: Se puede insertar una tabla pulsando el botón o en el menú Insertar - Tabla . Haciendo doble clic en la tabla se puede modificar sus propiedades.
  • 25. Insertar imágenes: Se puede insertar una imagen pulsando el botón o en el menú Insertar - Imagen . Dimensiones: Real o personalizada Apariencia: Alineacion y borde de la imagen Enlace: Ponerle un enlace a la imagen
  • 26. Insertar enlaces: Se puede insertar un enlace pulsando el botón o en el menú Insertar - Enlace . Texto mostrado en el enlace Direccion del enlace
  • 27. Es conveniente comprobar como se visualiza la pagina web en los navegadores más utilizados, Internet Explorer y Firefox, y a diferentes resoluciones de pantalla. Podemos utilizar servicios web gratuitos para hacer el test, ejemplos: http://www.browsershots.org http://www.tawdis.net/ http://www.sidar.org/hera/
  • 28.
  • 30. Nombre de usuario y contraseña:
  • 31. Al crear la cuenta nos envían un correo para activar el espacio:
  • 32. Transferir los archivos de la pagina web al servidor: Archivos locales Archivos del servidor Visualizar la pagina web
  • 34.