SUBMODULO 3 ELABORACIÓN DE PAGINAS WEB : 2016

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.

viernes, 11 de marzo de 2016

Topologia de Red

La topología de red se define como el mapa físico o lógico de una red para intercambiar datos. En otras palabras, es la forma en que está diseñada la red, sea en el plano físico o lógico. El concepto de red puede definirse como "conjunto de nodos interconectados".

Punto a punto
La topología más simple es un enlace permanente entre dos puntos finales conocida como punto a punto (PtP). La topología punto a punto conmutada es el pasarela básico de la telefonía convencional. El valor de una red permanente de PtP la comunicación sin obstáculos entre los dos puntos finales. El valor de una conexión PtP a demanda es proporcional al número de pares posibles de abonados y se ha expresado como la ley de Metcalfe.

Permanente (dedicada)De las distintas variaciones de la topología, es la más fácil de entender, y consiste en un canal de comunicaciones PtP para el usuario parece estar permanentemente asociado con los dos puntos finales. Un teléfono infantil de lata es un ejemplo de canal dedicado físico.

ConmutadaUtilizando tecnologías de conmutación de circuitos o conmutación de paquetes, un circuito PtP se puede configurar de forma dinámica y al dejarlo caer cuando ya no sea necesario. Este es el modo básico de la telefonía convencional.

ConvergenteRed que transmite datos, voz y vídeo utilizando el mismo medio de la computadora.

Red en estrellaLa topología en estrella reduce la posibilidad de fallo de red conectando todos los nodos a un nodo central. Cuando se aplica a una red basada en la topología estrella este concentrador central reenvía todas las transmisiones recibidas de cualquier nodo periférico a todos los nodos periféricos de la red, algunas veces incluso al nodo que lo envió. Todos los nodos periféricos se pueden comunicar con los demás transmitiendo o recibiendo del nodo central solamente. Un fallo en la línea de conexión de cualquier nodo con el nodo central provocaría el aislamiento de ese nodo respecto a los demás, pero el resto de sistemas permanecería intacto. El tipo de concentrador (hub) se utiliza en esta topología, aunque es muy obsoleto; se suele usar comúnmente un switch.

Red en árbolUna topología en árbol (también conocida como topología jerárquica) puede ser vista como una colección de redes en estrella ordenadas en una jerarquía. Este árbol tiene nodos periféricos individuales (por ejemplo, hojas) que requieren ‘transmitir a’ y ‘recibir de’ otro nodo solamente y no necesitan actuar como repetidores o regeneradores. Al contrario que en las redes en estrella, la función del nodo central se puede distribuir

PROGRAMAS PARA CREAR PAGINAS WEB

1.-Jimdo
Muy fácil de usar

Gran herramienta de comercio electrónico incluye cuenta de e-mailBuena optimización para motores de búsqueda (SEO)

2.-Wix

Impresionantes diseñosPosibilidad de añadir animacionesMuchas aplicaciones en el App-Market

3.-Weebly

Muy fácil de utilizar
Flexibilidad en el diseño
Buenos diseñosLimita el tipo de acceso a los contribuyentes de tu webBuena tienda online fácil de usar

4.-Webnode
Muy recomendado para páginas web multilingües
Funcionalidades profesionales
Buena optimización de motores de búsqueda (SEO)

5.-1&1 MiWeb

Enfoque único a varios sectores
Muy fácil de configura

viernes, 26 de febrero de 2016

EXAMEN DIAGNOSTIC

COLEGIO DE BACHILLERES DEL ESTADO DE QUERÉTARO

EVALUACIÓN DIAGNOSTICA

UNIDAD DE APRENDIZAJE CURRICULAR SUBMODULO III

ELABORACIÓN DE PÁGINAS WEB

1.- ¿para qué nos sirven las tic?

· para informarnos acerca de cosas de gran importancia o temas específicos y estar en comunicación con los demás

2.- ¿para que nos sirve desarrollar competencias en la creación de paginas web?

· para acceder a cosas importantes con responsabilidad

3.- ¿que programas conoces para elaborar paginas web?

· ninguno

4.- escribe la aplicación de publicidad que tienen las paginas web mas visitadas:

5.- ¿cual e la función de una pagina web?

· acceder a ella para obtener información sobre cosas importantes

6.- ¿que entiendes por estructura y diseño básico de una pagina web?

· debe de tener ciertas características para poder acceder a ella

7.- ¿que es animación interactiva?

· es dar la orden de iniciar una animación cuando se le da clic en un botón

8.- ¿que es dar formato a un diseño?

· es darle mas personalidad a una pagina para hacerla mas llamativa

9.- ¿para que sirven los hipervínculos?

· para pasar de una pagina a otra de una forma mas rápida

10.- ¿que es un servidor de paginas web?

11.- ¿que es alojar en un sitio web?

12.- describe las competencias genéricas que vamos a utilizar y a desarrollar en el curso:

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

· expresa ideas y conceptos mediante representaciones lingüísticas, matemáticas o gráficas.

· maneja las tic para obtener información y expresar ideas.

· desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos.

Plan de estudios

*Unidad de aprendizaje curricular (UAC): submódulo III elaboración de paginas web.*

Competencias a desarrollar:
5.- Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos.
Atributos:

· sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo.

· utiliza las tecnologías de información y comunicación para procesa e interpretar información.

Atributos:

· expresa ideas y conceptos mediante representaciones lingüísticas, matemáticas o gráficas.

· maneja las tecnologías de información y comunicación para obtener información y expresar ideas.

PROPÓSITO DE LA UNIDAD DE APRENDIZAJE CURRICULAR:
Desarrollar las competencias de creación de paginas web utilizando graficas y elementos multimedia.
BLOQUE I:
Utiliza las tecnologías de información y comunicación para investigar, resolver problemas, producir materiales y transmitir información.
DESEMPEÑOS AL CONCLUIR EL BLOQUE:
1.- elementos fundamentales del diseño.
2.- elementos básicos de una pagina web.
3.- tecnología de paginas web.
4.- estructura y diseño de una pagina web.
Diseñar una pagina web con software de aplicación.
COMPETENCIAS DE APLICACIÓN DISCIPLINARES:
DESEMPEÑOS AL CONCLUIR EL BLOQUE:
Diseñar paginas web mediante el lenguaje de programación y software de aplicación (dreamweaver)
ACTIVIDADES DE ENSEÑANZA:

Publicar paginas web
COMPETENCIAS  DE APLICACIÓN DISCIPLINARES:
DESEMPEÑOS A CONCLUIR EL BLOQUE:
Publicación de proyecto (paginas web en servidores gratuitos).
OBJETOS DE APRENDIZAJE:
Direcciones electrónicas de los sitios de alojamiento de los proyectos del bloque.
ACTIVIDADES DE ENSEÑANZA:
4.- Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiadas.
OBJETOS DE APRENDIZAJE:
1.            paginas web
2.            sitios web
3.            aplicaciones o programas para generar paginas web
ACTIVIDAD DE ENSEÑANZA:
1.            terminología de las paginas web
2.            elementos, recursos, tipos y programas para crear paginas web
3.            estructura y diseño básico de una pagina web
BLOQUE II

Manejar los elementos básicos de un lenguaje utilizable en la creacion de paginas web.

COMPETENCIAS  DE APLICACIÓN DISCIPLINARES:

12.- utiliza las tecnologías de información y comunicación para investigar, resolver problemas y producir materiales y transmitir información.

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

ATRIBUTOS:
·                     expresa ideas y conceptos mediante representación lingüística mediante gráficas.
·                     maneja las tecnologías de la información y comunicación para obtener información y expresar ideas.
DESEMPEÑOS AL CONCLUIR EL BLOQUE:

Elaboran paginas web básicas, mediante animaciones interactivas de la aplicación general y especifica en un ambiente multimedia.

ACTIVIDADES DE ENSEÑANZA:
1.            elementos de HTML llamados marcadores como son: cabeceras, párrafos, marcas, etc.
2.            atributos donde se inserten por ejemplo: fotografías, imágenes, ficheros, comentarios, etc.
3.            comandos o etiquetas, encabezados, estilos y párrafos.
4.            tipo de letra.
5.            formateo de párrafos o bloques .
6.            texto con color.
7.            enlaces y vínculos.
8.            vinculación con documentos locales.
9.            vinculación con un punto especifico del documento (enlaces, caracteres y tipos de letra internas).
10.         creación de listas.
BLOQUE III
12.- utiliza las tecnologías de información y comunicación para investigar, resolver problemas y producir materiales y transmitir información.

4.- escucha, interpreta y emite mensajes pertinentes en distintos contextos, mediante la utilización de medios, códigos y herramientas apropiados.
·                     entorno de dreamwearver
·                     elementos de dreamwearver
·                     configuración de un sitio local
·                     determinar los nombres de objetos y nombres de comandos utilizados por por dreamwearver
·                     herramientas básicas como formato de fuente, párrafo y fondo.
·                     inserción de listas, tablas, hipervinculos, etc.
·                     contenido básico (encabezado, titulo y fondo)
·                     inserción de fondo y vídeo.
·                     generar archivos electrónicos de las actividades de inserción.
·                     salto d pagina.
BLOQUE IV:
12.- utiliza las tecnologías de información y comunicación para investigar, resolver problemas y producir materiales y transmitir información.

4.- escucha, interpreta y emite mensajes pertinentes en distintos contextos, mediante la utilización de medios, códigos y herramientas apropiados.
·                     servidor web y sus características.
·                     configuración y alojamiento de un sitio web.
·                     utilizar paginas web creadas para alojarlas en un sitio.
·                     mantenimiento del sitio.
·                     reporte de alojamiento.
·                     verificar su funcionamiento.
·                     generar archivos electrónicos

Bienvenida

Hola, soy Anggi y este es mi blog de Submodulo III.

Bueno pues en este blog les mostrare como es que se realiza una pagina web, que es lo que me darán a conocer a mi y conocer mas de sus aplicaciones y sus funciones así como su elaboración.

Aquí encontraras sus características como:

-Creación

-Manejo

-Publicación

-Manejo

Espero les beneficie y la información les sirva. :)

angelica.baby.anggi27@Gmail.com