INSTITUTO KÓRIMA DE PUEBLA A.C NANCY WONG LÓPEZ INFORMATICA PORTAFOLIO DE EVIDENCIAS SEMESTRE B PARCIAL 4 PROFESORA: LILIA RIVERA GONZALEZ FECHA DE ENTREGA: 3 DE JUNIO DEL 2015
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
INDICE: INTRODUCCIÓN………………………………………………………3
SEGUNDO PARCIAL…………………………………………………4-6
TERCER PARCIAL……………………………………………………7-13
ENSAYO………………………………………………………………14-21
CONCLUSIÓN…………………………………………………………….22
2
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
Introducción: El objetivo inicial y primordial de lo que hemos aprendido es implementar todas las maneras de poder manejar y ocupar las maneras que nos han enseñado de poder diversificar nuestros conocimientos para que nosotros simplemente lo podamos resumir en referencias de datos que ocuparemos para poder exhibirlo en conjunto como lo podremos observar a continuación por las diferentes maneras de implementarlo para nuestro uso escolar que podemos manejar de la siguiente manera, lo observaremos a continuación de la manera en la que nosotros hacemos nuestro mejor esfuerzo ya que con la dedicación y el tiempo de investigación podremos hacer mejores implementaciones a lo instruido en clase para poder realizar una página web mediante nuestra imaginación para poder realizar un implemento en nuestra forma de realizar lo que hemos adquirido a lo largo de esta investigación.
3
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
PARCIAL
2 4
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
PRACTICA 1: INICIO DE PAGINA WEB OBJETIVO: Realizar una página web utilizando el block de notas ya que es una herramienta que se ocupa para que podamos convertir el texto que escribimos en la aplicación en código fuente de una página web para así poder exhibirla y poder ocupar lo que son hipervínculos y colocar imágenes así como también texto. PROCEDIMIENTO: Abrir un documento de block de notas Empezar el código fuente de la página <HTML> <BODY><HEAD> Ocupar <title> </title> esta herramienta nos ayuda a colocar un nombre en la parte superior de la pagina Ocupar <body background="nombre de la imagen con su extensión"> esto nos ayuda a poder poner un fondo en toda la pagina <EMBED SRC="nombre de la canción con su extensión" AUTOSTART=true LOOP=-1 VOLUME="60" WIDTH="0" HEIGHT="0"> nos ayuda a poder música en la página para que al momento en la que esta se abra se reproduzca automáticamente <marquee>texto que queremos que se mueva lateralmente</marquee> nos ayuda a poder colocar un texto en la parte superior utilizando la herramienta <div style=text-aligin> así como haremos que con las herramientas “center; color: white; font-size: 120px” que nos ayudara a dirigir el color y el tamaño de letra que queremos que aparezca <div id= "capa" style="position:absolute; esta herramienta la ocupamos para poder determinar en que posición de la página queremos que aparezca un objeto left: 0px; top:150px; width:40px height:20px;" con este tipo de instrucciones podemos determinar la posición el tamaño tanto en altura como en ancho de lo que necesitamos que ocupe dicho elemento> <img width="1345" height="280"src="inicio.jpg"> con esta instrucción nos ayuda a poder determinar qué imagen necesitamos que se muestre en la página así como el tamaño en ancho y
IMAGEN 1: BLok de notas IMAGEN 2: pantalla de muestra de página web alto de ella
CONCLUSION: aprendimos a utilizar las herramientas básicas que nos permiten poner imágenes y texto así como darle movimiento al texto principal del texto. 5
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
PRACTICA 2: INSERCION DE TEXTO Y VIDEOS OBJETIVO: Realizar la insercion de texto el que podemos porner en la posicion que nosotros queremos, asi tambien como colocar el video en posicion y tamaño. <div id= "capa" style="position:absolute; left:0px; width:400px; top: 450px; height: 400px"> <video src="se coloca el nombre del video con la extencion" width="370" height="288" preload="none" controls> nos ayuda a poder colocar un video con tamaño y controles que se pueden manejar desde la pagina web</video> </div>
<div id= "capa" style="position:absolute; left:430px; top:450px; width:480px"> <FONT FACE="Verdana" SIZE=7 COLOR="white"> Colocamos el texto que aparecera con el color y el tamaño que ocupemos </FONT> <FONT FACE="cursive" SIZE= 5 COLOR="#F5A9F2">podemos ocupar esta herramienta para poder ingresar el texto. <p align="justify">nos ayuda a poder determinar la posicion del texto en la que qeremos que aparezca. </FONT> </p> </div>
IMAGEN 1: ingreso del texto para poder exhibirlo en la página
IMAGEN 2: Resultado del inserto del texto
CONCLUSION: Supimos como ingresar un texto y colocar la posicion en la que este aparece asi como en el ejemplo aparece justificado
6
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
PARCIAL
3 7
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
PRACTICA 3: Colocar hiperbinculos en imágenes y colocar imágenes con movimiento OBJETIVO: Insertar hiberbinculos a las imágenes para que estas lleben a otra paguina o a otra direccion en la internet donde podamos tener mas informacion acerca del producto
<a href="se utiliza esta referencia para poder direccionar a un dominio de internet, ya sea el que nosotros elegimos ”title= se ocupa para ponerle un nombre a la imagen del hiperbinculo ><BR> <img width="80" height="50" src=”se coloca el nombre de la imagen con su extencion"></a>se ocupa para poner en pantalla la imagen y agregarla como hiperbinculo </a> <div id= "capa" style="position:absolute; left: 450px; top:1520px; width:40px height:20px;"> <marquee><img width="890" height="430"SRC=" "></marquee>se utiliza tambien esta herramienta para poder darle un efecto de movimiento a la imagen asi como modificar su tamaño de la misma manera que en los ejemplos anteriores </div>
IMAGEN 1: se colocan las herramientas con sus acciones en el block de notas
IMAGEN 2: la página cuenta con imágenes en hipervínculos para llevarlos al destino seleccionado por nosotros
CONCLUSION: Utilizando las herramientas adecuadas hemos podido implementar un hipervínculo que nos dirigirá a donde seleccionamos que nos lleve, en este caso colocamos que vaya a las páginas de Facebook, Instagram, y twitter. 8
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
PRACTICA 4: Insertar hipervínculos en texto para que nos haga una redirección a donde nosotros elijamos. OBJETIVO: Hacer una dirección para que se dirija a una página contigua en donde hemos colocado el origen y una dirección de regreso para que tenga la navegación que estamos buscando. <a href="video.html#pagina" se ocupa esta herramienta para direccionar de que pagina a donde queremos las direcciones><font color="#BFFF00 se ocupa para poder cambiar el color del texto del hiperbinculo">se coloca el texto que se desea poner en hiperbinculo</a><BR> </div>
IMAGEN 1: hemos ocupado herramientas para hacer hipervínculos entre páginas
IMAGEN 2: apreciamos los textos con color y al darles clic nos enviaran a otra dirección
CONCLUSION: Tenemos la oportunidad de colocar textos que nos dirigen a paginas o ubicaciones sin la necesidad de internet para poder navegar entre ellas ya que se encuentran en el mismo ordenador y nos ayuda a poder tener la facilidad de con un solo clic llegar a ellas.
9
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
PRACTICA 5: Inserción de una tabla en la página web OBJETIVO: Poder colocar una tabla en la página web, que nos pueda exhibir el texto encasillado para nuestra facilidad de poder interpretar los datos que deseamos mostrar <table width="575" border="4" align="center" cellspacing="0" bordercolor="#FFFF00" background="" > es una herramienta que nos determina el insertar una tabla en pantalla ya que nos determinara el tamaño del borde el color y el grosor del mismo. <tr></tr> nos ayuda a determinar el número de columnas que necesitamos
<th rowspan="2">SOMBRAS</th> una herramienta que nos ayuda a manipular la tabla en el aspecto que ocupara 2 espacios para nuestra distribución de datos en la misma
IMAGEN 1: Colocar los datos y herramientas que nos ayudara a mostrar la tabla
IMAGEN 2: La tabla se muestra exitosamente en pantalla de la página web
CONCLUSION: La facilidad de poder ocupar herramientas externas que son de una grado de dificultad media ya que esta nos permite mostrar en pantalla una tabla que nos muestra la información que necesitamos exibir en el orden que hemos seleccionado. 10
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
PRACTICA 6: Colocación del banner
OBJETIVO: Colocar las imágenes finales así como el banner que hará un extra de publicidad en nuestra pagina
<div id= "capa" style="position:absolute; left:680px; top:2160px;"> de igual manera que al principio hemos ocupado esta herramienta para posicionar lo que necesitamos. </a> href=" se coloca la dirección que pondremos en la imagen para hacer el salto al siguiente dominio en internet "><img width="550" height="455"SRC=" nombre de la imagen con extensión"></a> </div> </div> <div id= "capa" style="position:absolute; left: 0px; top: 2620px;"> <a href=" la direccion que necesitamos para el banner, porque con esto haremos que el banner funcione en su totalidad"><img width="1330" height="200" src=" el nombre de la imagen con su extensión "></a> </div>
IMAGEN 1: Ingreso de los últimos datos de la página así como su imagen final como banner
IMAGEN 2: Se muestra la imagen del banner y la posición de lo que hemos insertado
CONCLUSION: Aprendimos la manera de colocar todos los objetos e imágenes que necesitamos en la página. 11
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
PRACTICA 7: Exhibición total de la pagina
OBJETIVO: Tener en exhibición y en control todo lo que le hemos incluido a la página para su general objetivo el cual es tener la página al 100%
Se muestra la página que hemos creado al poder utilizarla sin internet, ya que hemos ocupado herramientas que nos ayuda a poder utilizar las imágenes desde el mismo ordenador. La página que hemos creado se abre desde una carpeta en donde se encuentran todos los elementos
IMAGEN 1: La exhibición total de la página donde mostramos todos los elementos
CONCLUSION: Aprender a colocar y a saber en su totalidad las funciones que se nos han mostrado en clases, y también gracias a que hemos hecho investigaciones por nuestra cuenta para poder implementar diferentes acciones y formas a nuestra página.
12
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
FORMULARIO
Es un documento, que en este caso es digital y es diseñado con el propósito de que el usuario introduzca datos estructurados como lo son: nombre, apellidos, dirección, y datos que nosotros requerimos para identificarlo, este es posicionado en las zonas del documento donde nosotros lo programemos que aparezca, se basa en un conjunto de campos de datos solicitados por un determinado programa, los cuales se almacenarán para su procesamiento y posterior uso. <FORM id “formulario”> <LABEL for="nombre">Nombre: </LABEL> <INPUT type="text" id="nombre"><BR> <LABEL for="apellido">Apellido: </LABEL> <INPUT type="text" id="apellido"><BR> <LABEL for="email">email: </LABEL> <INPUT type="text" id="email"><BR> <INPUT type="radio" name="sexo" value="Varón"> Varón<BR> <INPUT type="radio" name="sexo" value="Mujer"> Mujer<BR> <INPUT type="submit" value="Enviar"> <INPUT type="reset"> </P> </FORM>
BANNER Que en español significa banderola y se puede definir como un formato de imagen publicitario en Internet ya que se maneja de esta forma la publicidad distribuida por internet que consiste en incluir una pieza publicitaria dentro de una página web ya que es utilizada o usada para que su objetivo principal sea atraer usuarios hacia el sitio web del anunciante que paga por su publicación, quedemos en claro que el banner debe de incluir simplemente la imagen que queremos que se publique para captar la atención del cliente y así lograr que al darle un clic a la imagen lo direccione mediante un hipervínculo o vinculo externo llegue a la dirección o URL de la empresa o asociación que se anuncia con nosotros. Quedamos en claro que el uso del banner, es simplemente desde el punto de vista del programador es una simple inserción de imagen que también tendrá un hipervínculo para llevarla a donde uno desee.
13
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
ENSAYO
14
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
DISEÑO WEB El diseño web por más que complicado suene es algo básico que debemos de conocer y poder entender desde sus inicios y su significado por lo que debemos de tener mucha observación para que lleguemos a hacer una página web con una muy grande presencia debemos tener en cuenta que lo que realicemos tenemos que mantener en mente que dicho requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y video, ya que esto lo tengamos en ciento por ciento comprendido podremos entender lo siguiente: 1. Utilidad. Debemos tener en cuenta lo que el usuario necesita, cuáles serían las facilidades para entender el diseño que se relacione con lo que el busca y debe de mantenerse entretenido por nuestra manera de mostrar el producto. 2. Facilidad de navegación. Poder otorgarle una manera eficaz de distribución de información de contenido en línea ya que esto le hará poder contar con la página para saciar sus necesidades respecto a sus búsquedas. 3. Apariencia. Debe de ser lo mejor estructurada ya que necesitamos tener en cuenta que la página puede ser visitada por gente de todas las edades y clases sociales, y por ese motivo tiene que contar con colores, imágenes, texto y diseño en tendencia general. 4. Estructura clara. Manejar información totalmente digerible para todo tipo de público así como el satisfacer las necesidades de cada usuario. 5. Información actualizada, sencilla, creíble y concisa. Manejar la actualización de la página y tener al tanto las tendencias que se estarán expresando en nuestra empresa ya que es por necesidad diaria el mantener bien informado al cliente o al usuario acerca de nuestros lanzamientos. 6. Rapidez de descarga. Tener en cuenta la eficacia de cada uno de los usuarios a los que podemos llegar, y de esa manera mantener una idea de cómo ellos pueden visitar la
15
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
página de una manera más rápida ya que esto los mantendrá inmersos en la información que nosotros le queremos transmitir.
7. Pocos clics. Como en punto anterior lo comentamos, mientras menos links tenga la página para la distribución de información, será una ventaja para que nosotros lo podamos transmitir y el observador pueda entender mientras más rápido mejor 8. Evita malos hábitos. Intentar exhibir la menor cantidad de anuncios que pueden ser molestos para los usuarios ya que ventanas emergerán y pueden distraerlos de nuestras páginas 9. Interactividad. Mientras más amena la página sea mejor se recordara para la distribución de nuestra información. 10. Información de contacto. Debe de tener un contacto con gente capacitada para guiar mediante un chat la página y que pueda resolver dudas de usuarios en tiempo real. Al paso del tiempo hemos aprendido que existen muchas maneras de insertar imágenes así como el poder utilizar videos, pero lo más importante es saber que existen diferentes extensiones de las imágenes que debemos de tener en cuenta ya que cada una de ellas maneja ciertas características que harán que nuestras páginas sean más dinámicas y así mismo divertida, con lo cual podríamos utilizar un programa para nuestro beneficio en la creación de imágenes:
COREL DRAW Es una aplicación informática de manejo vectorial, que es la principal aplicación que se puede utilizar para modificar o crear imágenes que podemos utilizar en todos lados, esta aplicación es ofrecida por la corporación Corel y que está especialmente diseñada para manejar muchas y múltiples necesidades, como el dibujo, la así como la publicación web, y la facilidad es que están todas incluidas en un mismo programa, pero lo que hemos aprendido en esta faceta de esta aplicación la cual empezamos con la manipulación del texto y la creación de formas a nuestro gusto. 16
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
DIFERENCIAS DE PAGINAS WEB
Web Estática
La principal ventaja de este tipo de páginas es lo económico que resulta crearlas, así como también son una opción muy eficiente para aquellos sitios Web que solo ofrecen una descripción general de las actividades del mismo como el quiénes somos, donde estamos, que tipo de servicios ofrecemos y esto es muy ideal para aquellas empresas o usuarios particulares que solo desean informar a los visitantes acerca de sus productos o servicios Las facilidades de este tipo de páginas web que son estáticas es que no se utilizan bases de datos ni se requiere programación ardua ni complicada Lo único que necesitamos para desarrollarlas es suficiente utilizar código HTML ayudados con el block de notas y será más que suficiente poder construirlas principalmente con hipervínculos o enlaces llamados links entre las páginas que conforman el sitio para asi mostrarlas como nosotros lo deseamos.
Web Dinámica
Es aquélla que se genera a partir de lo que un usuario introduce en un web el contenido de la página no está incluido en un archivo HTML como en el caso de las páginas web estáticas las aplicaciones más conocidas de las páginas web dinámicas son: Mostraremos el contenido de una base de datos, con una fuerte base en la información que solicita un usuario. Actualizar el contenido de una base de datos ingresada por el usuario, y modificada por otros Mejorar la interacción entre el usuario y el sitio web, ya que esto ayuda a que se cree un tipo de debate ya que los usuarios pueden manejar el tipo de información necesitan más y cual tiene mayor impacto en ellos lo cual nos ayudara a identificar las mejores tendencias
17
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
Lo que más podemos realizar con las páginas web dinámicas son, encuestas y votaciones, foros de soporte, libros de visita, envío de e-mails inteligentes, reserva de productos, pedidos on-line, atención al cliente de manera personalizada, entre otros. HTML HyperText Markup Language que en español significa “lenguaje de marcas de hipertexto” es lo que hace referencia al lenguaje de marcado para la elaboración de páginas web, ya que el World Wide Web (WWW) es un sistema que contiene una cantidad de información casi infinita, lo cual nos da como resultado de aprender parte de la más grande gama de distribución de datos en line es conocer una de las características más importantes de las páginas Web es que es más conocido como hipertexto, con esto nos referimos a que las páginas no son elementos aislados, sino que están unidas a otras mediante los links o enlaces hipertexto ya que gracias a estos enlaces el usuario puede dar clic sobre un texto y este mismo texto al que podemos nombrar activo de una página para poder dirigirnos hasta otra página, será cuestión de nosotros como creadores de la página inicial decidir texto serán hipervínculos y a donde nos mandara al momento de dar clic sobre ellas.
Estructura de una página web se basa en: <html> <head></head> <body> </body> </html> Comprendemos que se empieza con la etiqueta <html> y al final se coloca </html> ya que nos ayudara a que todo lo que esté en medio será la página web, ya que dentro de <html></html> podemos posicionar una par de partes específicas como lo son: La primera <head></head> es la cual es definida como cabecera de la página, en este punto ira toda la información que se caracteriza que no es directamente el contenido de la página, una que aprendimos a utilizar dentro de la página y no afecta directamente pero si le da un sentido de lo que estamos queriendo describir es <title></title>, que indica el título de la página y lo podemos interpretar como lo que el navegador pone en la pestaña o parte
18
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
superior, dependiendo de nuestro tipo de navegador utilizado para ejecutar La segunda parte es <body></body>. Donde se coloca mas que nada el texto, las imágenes, y los videos, aquí se coloca todo el contenido de la página. HIPERBINCULOS Un hipervínculo es un enlace a otro sitio web en Internet también llamado como “sitio externo”. Que se define como un enlace o un vínculo a cualquier otro lugar fuera del sitio actual, la manera más sencilla de poder realizar con éxito un vínculo externo es cuando nosotros como programadores escribimos la manera correcta de dirigirlo y lo mejor es escribiendo la dirección completa de la página incluido http://www.... Porque al hacerlo de esta manera estamos incluyendo las rutas que siempre utilizan http://... Las podemos denominar rutas absolutas, como de la manera en la que ejemplificamos de manera en texto para que pueda ser apreciada lo siguiente, <a href="http://www.nuestra página deseada en busca.com"> esto nos permite acceder a la página web que nosotros decidamos, pero debemos de tener en cuenta que siempre debemos de cerrar el uso del hipervínculo con :</a>
En el hipervínculo distinguimos las siguientes partes: - Las etiquetas de apertura y cierre del hipervínculo <a> y </a> - El atributo href, es una sentencia de valor que se indica con el símbolo igual y la URL —siglas en inglés de uniform resource locator— es un identificador de recursos uniforme a la que dirige el hipervínculo dentro de las comillas. - Un texto que es el que ve el usuario como link.
PODEMOS DESCRIBIR Y CONOCER LOS TIPOS DE HIPERBINCULOS
hipervínculo de texto: se le conoce como un enlace que se encuentra ligado a un texto, ya que de esta forma que si hacemos clic sobre ese texto, nos dirigirá dónde hayamos colocado el hipervínculo, como característica 19
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
principal cuando hacemos un hipervínculo de texto este aparece subrayado y en un color distinto al normal, así es como se puede identificar o localizar con mayor rapidez ese enlace, otra característica muy notoria es que si volvemos a la página después de visitar el enlace, este aparecerá con otro color, aunque es importante diferenciar que el hiperenlace, es fácil de que no queramos que aparezca así, simplemente colocamos una asignación del color que nosotros queramos y así seguirá apareciendo por nuestra modificación
hipervínculo de imagen: es tan sencillo de describir ya que su nombre lo menciona en su totalidad: un enlace que se encuentra unido a una imagen, de manera que al hacer clic sobre esa imagen, iremos a dónde sea dirigido el hipervínculo. por defecto cuando creamos un hipervínculo de imagen, el cursor cambia de una punta de flecha a una mano señalando y de esta manera sabremos que esta imagen contiene un hipervínculo.
También por otra parte, los hipervínculos pueden referirse a páginas del mismo sitio web o de otros sitios web, ya que estos no son exclusivos de navegación de internet y a continuación los explicaremos, el cómo son conocido por muchos de una manera general, pero en este ensayo nosotros podremos dar a demostrar lo que es una gama o variedad de hipervínculos, así como otras maneras de nombrarlos.
Hipervínculo local o interno: es un vínculo a una página que se encuentra en el mismo ordenador (sitio local), de esta manera nos podemos crearlo con solo el poner la ruta o dirección en el disco duro. Pero cabe señalar que si se encuentra en la misma carpeta, lo único que necesitamos es poner su nombre, supongamos que tenemos un enlace desde esta página a otra que tenemos en la misma carpeta llamado enlace este sería enlace.html
Hipervínculo externo: es un vínculo a otro sitio web en internet (sitio externo). es un vínculo a cualquier otro lugar fuera del sitio actual. cuando ponemos un vínculo externo, escribimos la dirección web que se describe de esta manera< http://www...> y de esta manera se dirige al sitio web seleccionado.
20
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
Hipervínculo a una dirección de correo electrónico: este en particular se caracteriza por ser un vínculo que contiene una dirección de correo, ya que al dar clic en él, este automáticamente nos direcciona al programa de correo que tenga el usuario como predeterminado para poder escribir a esa dirección de correo o mandar archivos adjuntos.
De esta misma manera también existen diferentes clases de rutas de acceso a la hora de definir los vínculos las cuales mencionamos de esta manera:
Referencia absoluta: esta se define como la que conduce a una ubicación externa al sitio en el que se encuentra el archivo, pero con conocimiento que la ubicación es en internet, es decir toda la URL como una manera de expresar esta referencia absoluta podemos manejar que los hipervínculos externos siempre deben tener una referencia absoluta. por ejemplo: "http://www.google.com".
Referencia relativa (al sitio o al documento): es la forma en la que podemos lograr que un archivo situado dentro del mismo sitio que el documento actual viniendo del directorio raíz y al documento conduce a un archivo situado dentro del mismo sitio que el archivo actual, un ejemplo seria: colocar el vínculo: "#nombre que nosotros escojamos" (página similar)" descripción del documento # nombre que nosotros escogimos" (distinta página).
21
INSTITUTO KORIMA DE PUEBLA A.C PRACTICAS DE INFORMATICA GRADO: 3 GRUPO: A SEMESTRE B TERCER PARCIAL
CONCLUSION
Al aprender paso a paso el cómo programar y preparar una página web desde sus inicios, y sus raíces, el comprender así como el analizar y comprender las direcciones manejadas para poder ejecutar los comandos que nosotros programamos, lo que más ha sido significativo en este aprendizaje, que ha tenido más peso e importancia ha sido el poder diversificar en nuestro ingenio para poder programar una página con nuestros conocimientos pero complementarlos con la inventiva de nuestra mente para poder programar y desarrollar la página, así como el aprender a utilizar diferentes herramientas para usar y aprender a todo tipo de desarrollo de nuestras habilidades para poder crear en base de lo enseñado.
22