Ing. GISCARD MARQUEZ VALVERDE.

Presentación del tema: "Ing. GISCARD MARQUEZ VALVERDE."— Transcripción de la presentación:

1 Ing. GISCARD MARQUEZ VALVERDE.
COMPUTACIÓN III Ing. GISCARD MARQUEZ VALVERDE.

2 CONCEPTOS BÁSICOS Internet : El Internet, algunas veces llamado simplemente "La Red", es un sistema mundial de redes de computadoras, un conjunto integrado por las diferentes redes de cada país del mundo, por medio del cual un usuario en cualquier computadora puede, en caso de contar con los permisos apropiados, accesar información de otra computadora y poder tener inclusive comunicación directa con otros usuarios en otras computadoras. World Wide Web: Es el universo de información accesible a través de Internet. Su característica sobresaliente es el texto remarcado, un método para referencias cruzadas instantáneas. En la mayoría de los Sitios Web, ciertas palabras aparecen en texto de otro color diferente al resto del documento. Se tiene acceso a millones de páginas de información. La exploración en el Web se realiza por medio de un software especial denominado Browser o Explorador. Sitio Web : Es un conjunto de archivos electrónicos y páginas Web referentes a un tema en particular, que incluye una página inicial de bienvenida, generalmente denominada home page, con un nombre de dominio y dirección en Internet específicos. Hospedaje Web: Es el servicio de almacenamiento, acceso y mantenimiento de los archivos que integran un Sitio Web. Una empresa que pretenda hospedar su Sitio Web en sus propias instalaciones, requiera invertir una fuerte cantidad en recursos de equipos, sistemas y medios de comunicación generalmente caros.

3 CONCEPTOS BÁSICOS Página Web : Una página de Internet o página Web es un documento electrónico que contiene información específica de un tema en particular y que es almacenado en algún sistema de cómputo que se encuentre conectado a la red mundial de información denominada Internet, de tal forma que este documento pueda ser consultado por cualesquier persona que se conecte a esta red mundial de comunicaciones y que cuente con los permisos apropiados para hacerlo. CARACTERISTICAS : Puede contener textos, gráficos, fotos, sonidos y hasta videos pequeños. Puede ser interactivas. Se puede efectuar transacciones directas, efectuar operaciones de compra y venta. Se debe actualizar la información periódicamente. FORMAS DE CREAR PAGINA WEB Cualquier editor de textos permite crear paginas web. Solo se necesita guardar el documento con extensión HTML ó HTM. Incluso se puede utilizar el bloc de notas o Notep para incluir el código HTML y el browser para visualizar que puede ser el Internet Explorer, Mozilla, Firefox, Opensource, etc. Para darle una presentación mas profesional a nuestras paginas se puede utilizar editores gráficos como: Macromedia, FrontPage, Word, AdobePagemill, CutePage.

4 CONCEPTOS BÁSICOS ORGANIZACION DE UN WEB SITE:
Crear un boceto inicial para facilitar la tarea de navegación, mantenimiento y modificaciones. Se debe fijar los objetivos que deseamos alcanzar con nuestra página. Organizar el contenido por temas o secciones de acuerdo a nuestros objetivos, reuniendo la información relacionada Es necesario dividir los temas en subtemas para realizar la navegación mas amigable. GUIAS GENERALES PARA LA CONSTRUCCION Reunir los elementos en una carpeta principal y si es necesario en subcarpetas. Nomenclatura : como el objetivo principal es de publicarlo en internet se debe seguir algunas reglas en la nomenclatura de archivos tales como : Los nombre de archivos y carpetas deben ir generalmente en minúscula. No usar espacios en blancos, ni la letra ñ, ni caracteres especiales. No usar tilde en los nombres de archivos y carpetas. La pagina principal debe tener el nombre de index.htm o index.html Facilidad de Navegación: Control de flujo de navegación. Cuidado con el tamaño de las páginas. Pruebe su web cuidadosamente antes de publicarla.

5 LENGUAJE HTML HTML corresponde a las siglas en ingles de HyperText Markup Language que significa lenguaje de marcas de Hipertextos. Un hipertexto es aquel que posee un formato diferente al resto del texto y que puede ser seleccionado para desplegar un nuevo documento, a dichos textos se le conoce como link o enlaces. Consta de ordenes, directivas, etiquetas o tags que nos permite representar los elementos. El elemento principal del lenguaje html son las etiquetas. La etiqueta es un texto incluido entre los símbolos menor que y mayor que. Existen normalmente una etiqueta de inicio y otra de fin, la etiqueta de fin contendrá el mismo texto que la de inicio añadiendo una barra inclinada (/) al principio. Las etiquetas se debe escribir por lo general en mayúsculas para que destaque con mas nitidez del resto del documento. ESTRUCTURA DE UN DOCUMENTO HTML La estructura de un documento de html se distingue dos partes importante : El encabezado en el cual se define el titulo de la página El cuerpo del documento : donde se encontrara el contenido de la página Para comenzar a crear un documento html se debe iniciar con la etiqueta <HTML>

6 CREACION DE UNA PAGINA WEB
Crear en la unidad D: una carpeta con el nombre de computación. Abrir el bloc de notas o el Notepad. ETIQUETAS DEL LENGUAJE HTML. <HTML>: Indica el inicio del documento y </HTML> indica el final del documento . <HEAD>: indica el inicio del encabezado y </HEAD> indica el fin del encabezado. <TITLE>: indica el titulo del documento y </TITLE> indica el final del titulo del documento. <BODY>: indica el inicio del cuerpo del documento y </BODY>: indica el fin del cuerpo del documento. Esta etiqueta posee los siguientes argumentos o atributos BGCOLOR: indica el color de fondo del documento, solo se utiliza sino se ha utilizado una imagen de fondo. BACKGROUND: indica una imagen de fondo del documento TEXT: indica el color del texto de todo el documento HTML Cabeceras: se puede distinguir seis tipos de cabeceras por medio de las etiquetas <H1> </H1>, <H2> </H2>, <H3> </H3>, <H4> </H4>, <H5> </H5>, <H6> </H6>. La etiqueta <H1> será la que muestre el texto de mayor tamaño. <BR> permite insertar un salto de línea. No posee etiqueta de cierre.

7 CREACION DE UNA PAGINA WEB
ETIQUETAS DEL LENGUAJE HTML. ESTILOS DE TEXTOS <B></B>: texto en negrita. <i></i>: texto en cursiva. <U></U>: texto subrayado. <SUP></SUP>: incluye un superíndice. <SUB></SUB>: incluye un subíndice. <CENTER></CENTER> texto Centrado. <FONT></FONT> Esta etiqueta posee los siguientes argumentos o atributos SIZE: indica el tamaño del texto. COLOR: indica el color del texto. FACE: indica el tipo de fuente del texto. <HR></HR> define una regla horizontal. SIZE: indica la altura que de la regla horizontal. COLOR: indica el color de la regla horizontal. WIDTH: indica el ancho de la regla horizontal.

8 CREACION DE UNA PAGINA WEB
ETIQUETAS DEL LENGUAJE HTML. ESTILOS DE TEXTOS <P></P> Define un párrafo dentro del documento html Esta etiqueta posee el siguiente argumento o atributo align: permite alinear el texto a la izquierda(left), derecha(right), centrado(center) y justificado(justify). <IMG> permite insertar una imagen en el documento html. Esta etiqueta posee los siguientes argumentos o atributos SRC: indica la ruta donde se encuentra la imagen en el computador. HEIGHT: indica la altura de la imagen. WIDTH: indica el ancho de la imagen. ALIGN : permite alinear la imagen con respecto al texto izquierda(left), derecha(right) <a> </a> permite definir un hipervínculo HREF: indica la ruta donde se encuentra la Pagina Web.