SUBMODULO 3 ELABORACIÓN DE PAGINAS WEB

miércoles, 11 de mayo de 2016

cuestionario pagina 85

1.-¿que es necesario para crear una pagina web?

necesitamos un objetivo, un tema, un plan para crearlo tener claro para que así se pueda entender lo que de verdad queremos dar a demostrar.

2.-que consejos debemos seguir cuando creamos una pagina web?

tener claro que es lo que de verdad queremos dar a entender con esa pagina web, que sea clara y saber que es lo que damos a entender cuando lo hacemos, que el emisor y receptor es lo que da a entender.

3.-¿que tipo de editores de HTML conoces?

CoffeCup Free Edito

TextWrangle

TextMate

4.- ¿cuales son los pasos a seguir después de escribir el código html con el editor notepad?

Los requisitos principales y fundamentales, para escribir código HTML y crear páginas web, son básicamente dos: saber HTML (esto lo conseguirás siguiendo este curso) y un editor de texto (nosotros utilizaremos el Notepad++, aunque se pueden usar otros editores o programas). Hay muchos profesionales que crean sus páginas en Dreamweaver, usando Flash u otros programas o tecnologías.

12.- Utiliza las TICS para investigar, resolver problemas, producir materiales y transmitir información.

4.-Escucha, interpreta y emite MSJ pertinentes e distintos conceptos mediante la utilizacio de medios, codigos y herramientas adecuadas.

auto evaluación

1.-¿entre que signos debe colocarse el código HTML?

A.-<Y>

2.- ¿HTML es abreviación para?

a.- lenguaje e marcacion de hipertexto

3.-¿que significa WYSIWYG?

a.- un tipo de editor

4.-¿a donde pertenece el marcador <litle> en HTML?

A.- al cuerpo

5.-¿de que partes consta las paginas web?

B.- marco y cuerpo alrededor

6.-¿entre que juego de marcadores tiene que ser colocado la mayor parte del contenido de tu pagina web?

a.-<tex><text>

7.-HTML es.................

d.- formato grafico comun en la web

8.-¿en que partye del documento HTML se encontraria la informacion de la etiqueta META?

B.-en el cuerpo

8.-¿que etiqueta dice al navegador a donde termina el codigo?

</html>

9.-¿cuales de los siguientes NO puede ser encontrado en la parte <head>?

c.- tablas

12.- Utiliza las TICS para investigar, resolver problemas, producir materiales y transmitir información.

4.-Escucha, interpreta y emite MSJ pertinentes e distintos conceptos mediante la utilizacio de medios, codigos y herramientas adecuadas.

ACTIVIDAD PAGINA. 72

ESTRUCTURA BASICA DE UNA PAGINA WEB CREADA CON EL LENGUAJE HTML

La estructura básica de una página web es la siguiente:

Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.

La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).

La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la página anterior, el siguiente código

<html>
<head>
<title>Esto es el título de la página.</title>
</head>
<body>
Hola mundo! 
Esto es negrita. 
Y esto itálica. 
</body>
</html>

generará el siguiente resultado (abre la página en otra ventana, dale al botón derecho => ver código fuente, y verás así el código HTML de la página):

Ver ejemplo en una página aparte.

Observad el título en la parte superior izquierda de la página. Además, dentro de <body></body> distinguimos varias etiquetas:

=> Indica salto de línea. En HTML un salto de línea normal (púlsando la tecla Enter) no produce un salto de línea en el resultado. Es necesario escribir (u otra etiqueta similar).

=> Indica comienzo y fin de negrita.

=> Itálica.

También observamos el código &iaacute; => Esto indica que queremos poner una "i" con acento, es decir, "í". Esto se explicará en un capítulo posterior.

Es importante mencionar que las etiquetas se pueden escribir indistintamente en mayúsculas o minúsculas, es decir Esto es negrita. y Esto es negrita. 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 símbolo /), si no, el navegador podría dar resultados inesperados. Excepciones a esto son algunas etiquetas que no lo necesitan, como o <hr>.

12.- Utiliza las TICS para investigar, resolver problemas, producir materiales y transmitir información.

4.-Escucha, interpreta y emite MSJ pertinentes e distintos conceptos mediante la utilizacio de medios, codigos y herramientas adecuadas.

actividad pagina 57

https://groups.yahoo.com/neo

http://www.tuchat.com/chat/

http://www.latinchat.com/

http://www.chateagratis.net/

https://chat.terra.com/

http://www.amigar.com/

http://www.elchat.com/chat/

http://www.terra.com.mx/

4.- escucha y emite mensajes pertinentes en distintos contextos mediante la utilización de medios códigos y herramientas.

12.-utiliza las TICS para investigar problemas, producir materiales y transmitir informacion.

Tipos deprogramas para crear paginas web

adobe dreamweaver 2015

http://www.websitetooltester.com/es/programas-para-crear-paginas-web/

Adobe Dreamweaver es el editor web más potente del mercado y el mejor programa para crear una página web de nuestra comparativa, también, el más caro. Permite la creación de páginas compatibles con teléfonos móviles y tabletas, además de sitios web tradicionales, gracias a sus funciones responsiva. Cuenta con las Herramientas fundamentales para todas las tecnologías utilizadas actualmente en la Web y se actualiza gracias a la nube, pues emplea un sistema de contrato mensual o anual que ofrece actualizaciones continuas del producto. Aparte de una vista previa en pantalla y navegador de forma simultánea, también incorpora una base de imágenes y recursos online muy amplia, así como integración con Adobe Photoshop.

01-dreamweaver-cc2015-mejor programa para crear una web

avanquest webeasy profesional 10

WebEasy se adapta a los estándares actuales de la web y proporciona más de 1.000 combinaciones con sus plantillas incluidas. Este software cuenta con una interfaz WYSIWYG y permite la edición de HTML. Ofrece más de 600 plantillas para personalizar tus diseños. WebEasy Profesional es una aplicación de diseño web funcional y fácil de usar, con módulos integrados para Google Maps®, YouTube®... y numerosas aplicaciones sociales.

MAGIX Web Designer 11

Con dos productos en su gama de programas de diseño web, el fabricante alemán Magix cuenta con una gran una reputación para la creación de productos multimedia. Magix Web Desingner 11 y su versión Premium incluyen galerías web y elementos de diseño para facilitar el proceso de creación. La meta de este software es conseguir que tengas una web lista en poco tiempo y sin complicaciones, como en otros programas. Sus funciones incluyen edición básica de imágenes, adaptación a distintos formatos de dispositivos o integración con archivos multimedia y redes sociales. Su precio para la versión básica es de 49,99€y la edición Premium está en 99,99€, esta última con alojamiento durante un año en sus servidores y un dominio de regalo. 04grafik-982-gui-webdesigner-11-premium-en

04grafik-982-gui-webdesigner-11-premium-en

Web to date 8

La versión actualizada de Web to date aporta un diseño mejorado respecto a la edición anterior del software para diseño web, pero aún no parece totalmente adaptada a los últimos sistemas operativos de Microsoft. Es un programa enfocado a un público de entornos profesionales. DataBecker ofrece con Web to date una aplicación que busca soluciones rápidas, pero que se ha quedado atrás en innovación y soporte. Su precio es de 99 €.

12.- utiliza las tics para investigar, resolver problemas, producir materiales y transmitir información.
4.- escucha, emite e interpreta msj pertinentes en distintos conceptos mediante la utilización de medios, códigos y herramientas apropiadas.

diversas redes y tipologias actididad 2. pagina 50

redes y topo logias

http://www.monografias.com/trabajos53/topologias-red/topologias-red.shtml

Red bus

Red cuya topologia se caracteriza por tener un único canal de comunicaciones (denominado bus, troncal o backbone) al cual se conectan los diferentes dispositivos. De esta forma todos los dispositivos comparten el mismo canal para comunicarse entre sí.
La topologia de bus tiene todos sus nodos conectados directamente a un enlace y no tiene ninguna otra conexión entre si. Físicamente cada host testá conectado a un cable común, por lo que se pueden comunicar directamente. La ruptura del cable hace que los hosts queden desconectados.

Los extremos del cable se terminan con una resistencia de acople denominada terminador, que además de indicar que no existen más ordenadores en el extremo, permiten cerrar el bus por medio de un acople de impadencias.

Red estrella

Una red en estrella es una red en la cual las estaciones están conectadas directamente a un punto central y todas las comunicaciones que han de hacer necesariamente a través de este.
Dado su transmisión, una red en estrella activa tiene un nodo central activo que normalmente tiene los medios para prevenir problemas relacionados con el eco.

Se utiliza sobre todo para redes locales. La mayoría de las redes de área local que tienen un enrutador (router), un conmutador (switch) o un concentrador (hub) siguen esta topología. El nodo central en estas sería el enrutador, el conmutador o el concentrador, por el que pasan todos los paquetes.

Red en anillo

tepologia de red en la que cada estación está conectada a la siguiente y la última está conectada a la primera. Cada estación tiene un receptor y un transmisor que hace la función de repetidor, pasando la señal a la siguiente estación.

En este tipo de red la comunicación se da por el paso de un token o testigo, que se puede conceptualizar como un cartero que pasa recogiendo y entregando paquetes de información, de esta manera se evitan eventuales pérdidas de información debidas a colisiones.

http://redestipostopologias.blogspot.mx/

4.- escucha y emite msj pertinentes en distintos contextos mediante la utilizacion de las tics en la utilizacion y herramientas apropiadas.
12.-utiliza las TICS para investigar, resolver, producir materiales y transmitir informacion.

Dictado pagina 6 y 7

La palabra diseñar se explica en los diccionarios como dibujar el trazo de una figura si hablamos de diseños nos referimos al proceso de creación y desarrollo para producir un nuevo objeto de medio de comunicación para el uso humano.el acto intuitivo de diseñar aplica la creatividad como evento de creación o ovacionan, si el objeto no existe o es una modificación de lo existente, ovacionan, abstracción insistente. ordenación o transformación.