Una pgina web es un documento o informacin electrnica capaz de contener
texto, sonido, vdeo, programas, enlaces, imgenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. Esta informacin se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegacin (acceso) a otras pginas web mediante enlaces de hipertexto. Las pginas web frecuentemente tambin incluyen otros recursos como ser hojas de estilo en cascada, guiones (scripts), imgenes digitales, entre otros. Las pginas web pueden estar almacenadas en un equipo local o un servidor web remoto. El servidor web puede restringir el acceso nicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede publicar las pginas en la World Wide Web. El acceso a las pginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto (HTTP).
b. Que es HTML?
HTML hace referencia al lenguaje de marcado para la elaboracin de pginas web. Es un estndar que sirve de referencia para la elaboracin de pginas web en sus diferentes versiones, define una estructura bsica y un cdigo (denominado cdigo HTML) para la definicin de contenido de una pgina web, como texto, imgenes, etc. Es un estndar a cargo de la W3C, organizacin dedicada a la estandarizacin de casi todas las tecnologas ligadas a la web, sobre todo en lo referente a su escritura e interpretacin. Es el lenguaje con el que se definen las pginas web. El lenguaje HTML basa su filosofa de desarrollo en la referenciacin. Para aadir un elemento externo a la pgina (imagen, vdeo, script, etc.), este no se incrusta directamente en el cdigo de la pgina, sino que se hace una referencia a la ubicacin de dicho elemento mediante texto. De este modo, la pgina web contiene slo texto mientras que recae en el navegador web (interpretador del cdigo) la tarea de unir todos los elementos y visualizar la pgina final. Al ser un estndar, HTML busca ser un lenguaje que permita que cualquier pgina web escrita en una determinada versin, pueda ser interpretada de la misma forma (estndar) por cualquier navegador web actualizado.
c. Que vamos a necesitar para crear un documento en HTML?
Para crear una web en HTML puedes usar un programa (Frontpage, Dreamweaver...) o mejor manualmente en el bloc de notas con HTML, eso se hace asi: Abrimos el Bloc de notas de Windows-> Colocamos al principio del documento y al final del documento , todo lo que este entre esos dos codigos es la web, ahi debemos ir insertando los codigos que estructuraran la web. ->Y un ultimo paso es guardar el documento con el nombre que queramos y terminado en .html o htm Ejemplo: miweb.html y pulsamos guardar en el directorio deseado. Para editar ese documento debemos pulsar: boton derecho->editar y se nos abrira el documento HTML para insertar o modificar el codigo. Para ver la web: doble click y se nos abrirar con Internet Explorer el resultado, para ello debeis tener un codigo puesto.
d. Que es Una Etiqueta?
Marca con clase que delimita una regin en los lenguajes basados en XML. Tambin puede referirse a un conjunto de juegos informticos interactivos que se aade a un elemento de los datos para identificarlo (Oxford English Dictionary). Esto ocurre, por ejemplo, en los archivos MP3 que guardan informacin sobre una cancin as como sobre el artista que la ha cantado o compuesto. Como ocurre en otros casos, a menudo se emplea la palabra inglesa (tag) a pesar de que etiqueta o baliza son perfectamente adecuadas. Con la llegada de laWorld Wide Web ha habido una invasin de tags. La Web se basa en el HTML, o lenguaje de marcado de hipertexto, que est basado en el uso de etiquetas. Las etiquetas (entre otras muchas cosas) le dicen al programa visualizador de pginas web (o navegador) en qu juego de caracteres est la pgina, de qu tipo es cada uno de los fragmentos de texto que contiene (por ejemplo, encabezamiento, texto normal, etc.), si estn alineados a un lado o centrados, en qu tipo de letra est el texto (cursiva, negrita, etc.), si hay tablas, de qu anchura son etc. Dicho de otro modo: las balizas dan al navegador las instrucciones necesarias para que presente la pgina en pantalla.
e. Estructura bsica de una pgina Web? La estructura bsica de una pgina web es la siguiente: <html> <head></head> <body> </body> </html> Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que est en medio ser la pgina web. Dentro de <html></html> se encuentran 2 partes diferenciadas. La primera <head></head> es la cabecera de la pgina. Aqu irn cierta informacin que no es directamente el contenido de la pgina. Aqu se pone el ttulo de la pgina, los metadatos, estilos, cdigo javascript (todo esto se estudiar en captulos venideros). La primera que se suele estudiar es <title></title>, que indica el ttulo de la pgina (lo que el navegador pone en la parte superior izquierda). La segunda parte es <body></body>. Aqu va propiamente el contenido de la pgina: fotos, prrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la pgina anterior, el siguiente cdigo <html> <head> <title>Esto es el título de la página.</title> </head> <body> Hola mundo!<br> <b>Esto es negrita.</b><br> <i>Y esto itálica.</i><br> </body> </html>
Tiene 3 etiquetas bsicas las cuales son: <br> => Indica salto de lnea. En HTML un salto de lnea normal (plsando la tecla Enter) no produce un salto de lnea en el resultado. Es necesario escribir <br> (u otra etiqueta similar) <b></b> => Indica comienzo y fin de negrita. <i></b> => Itlica.
Tambin observamos el cdigo &iaacute; => Esto indica que queremos poner una "i" con acento, es decir, "". Esto se explicar en un captulo posterior.
Es importante mencionar que las etiquetas se pueden escribir indistintamente en maysculas o minsculas, es decir <b>Esto es negrita.</b> y <B>Esto es negrita.</B> produce el mismo resultado. Por otro lado, toda etiqueta que se abre (es decir, se pone la etiqueta sin la barra /) debe cerrarse (es decir, poner su equivalente con el smbolo /), si no, el navegador podra dar resultados inesperados. Excepciones a esto son algunas etiquetas que no lo necesitan, como <br> o <hr>.
Ejemplo Un sistema est formado por varias actividades o procesos, cada uno de los cuales contiene varios sub-procesos con marcadas interrelaciones entre ellos. Por ejemplo un proceso de cuentas por pagar puede estar integrado por tres sub-procesos que podran llamarse: autorizacin de la factura, revisin del adeudo en la cuenta y elaboracin del cheque. A su vez cada sub-proceso se divide en sub-procesos ms especficos. Los nombres dados a los procesos especifican acciones y procedimientos de control que realizan Cada proceso se etiqueta adems con un nmero que identifica de donde proviene (excepto el diagrama de contexto que solo se identifica con un nivel 0 ms el nombre que se le proporcione) En trminos generales todo componente de los DFD se etiqueta con un nombre que sea representativo.
f. Que es un diagrama de flujo en programacin?
Un diagrama de flujo es una representacin grfica de un algoritmo. Se utiliza en disciplinas como la programacin, la economa, los procesos industriales y la psicologa cognitiva. Estos diagramas utilizan smbolos con significados bien definidos que representan los pasos del algoritmo, y representan el flujo de ejecucin mediante flechas que conectan los puntos de inicio y de trmino. Contenido.
g. Identifica los principales elementos de un diagrama de flujo (dibjalos y defnelos))
h. Realiza un diagrama de flujo para (Realizarlos en MS Word (formas- Diagrama de flujo))