COMPUTACIÓN III

Ing. GISCARD MARQUEZ VALVERDE.

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.

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.

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.

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>

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.

CREACION DE UNA PAGINA WEBETIQUETAS 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.Esta etiqueta posee los siguientes argumentos o atributos• 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.

CREACION DE UNA PAGINA WEBETIQUETAS 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

Esta etiqueta posee los siguientes argumentos o atributos• HREF: indica la ruta donde se encuentra la Pagina Web.