http://www.kizoa.es/Editar-Videos-Movie-Maker/d69033414k3330512o1l1/psicopedagogia

Publicación de la pagina web

Al haberse registrado en: http://www.hostinger.es/

Sigue rellenar  los espacios que nos pide Filezilla con los datos que nos arrojo hostigar ya sea:

• ·         Servidor.
• ·         Nombre de usuario.
• ·         Contraseña.
• ·         Puerto que seria 21.
• ·         Y por ultimo conexión rápida.

Ya hecho esto, se selecciona y en la parte de abajo donde dice: sitio local/ y seleccionamos el lugar en donde esta guardado nuestra pagina que se desea subir a Internet. Inmediatamente en la parte de abajo saldaran las carpetas ya seleccionadas y en la parte izquierda tendremos que arrastrar las carpetas ya apunto de subir.

Pero antes que nada debemos saber que los documentos a salir debe estar acomodados dela siguiente manera:

Aquí se puede observar que index no se encuentra guardada en ninguna carpeta, osea esta afuera.Y el nombre de index debe estar en minúsculas.

 Aquí pueden encontrar mi pagina web
http://casasroxy.bl.ee/

P-22 Sitios Gratis

http://www.ikanus.com/2009/09/20-sitios-para-alojar-tu-pagina-web.html

VENTANA DE DREAMWEVER

PRACTICA 18

1.        Dreamwever CS5: Las funciones de edición visual de Dreamweaver CS5 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.

http://www.aulaclic.es/dreamweaver-cs5/t_1_1.htm#ap_01_01

2.        CSS: Acrónimo para Cascading Style Sheet, es el lenguaje recomendado por la W3C para darle el estilo a una página Web (como tamaño de la letra, color, espacios, tipo de letras, etc).

http://www.webmentor.cr/educacion/terminologia-web/#a-f

3.       Las plantillas: Son una especie de copia de la página en la que van a estar basadas el resto de páginas del sitio web, pero que incluyen la posibilidad de establecer unas zonas editables y otras zonas que serán fijas, que no podrán ser modificadas.

http://www.aulaclic.es/dreamweaver-cs5/t_11_1.htm#ap_11_02

4.       Contenedor: Caja en la que se guardan carpetas como: imágenes, videos, etc.

5.       Sitio Local: Lugar donde se guardarán físicamente todos los archivos de nuestra web.

http://www.inforteca.es/Cursohtml/DefinirSitio.html

6.     Sitio Dinámico: Son aquellas en las que la información presentada se genera a partir de una petición del usuario de la página.

http://www.buyto.es/general-diseno-web/que-es-una-pagina-web-dinamica-para-que-sirve-una-pagina-web-dinamica

7.      Sitio Interactivo:Permite a los usuarios participar y aportar contenido. Un sitio interactivo es básicamente un sitio dinámico al que se le han añadido prestaciones interactivas.

http://www.designioweb.com/interactivos.html

8.    Regiones editables: Son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla.

http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13263

9.     La maquetación: oficio del Señor diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas. 

http://es.wikipedia.org/wiki/Maquetaci%C3%B3n_(edici%C3%B3n)

10.               Etiqueta Div:  Esta etiqueta sirve para agrupar elementos. Todos los elementos que estén agrupados en ella tendrán las mismas características. 

http://www.terra.com.ar/tecnologia/d2/ej5.htm

11.               Tabla: herramienta potente para presentar datos e imágenes en páginas HTML. Las tablas proporcionan a los diseñadores Web formas de añadir estructura vertical y horizontal a una página. 

http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13243

12.                 Formulario: Permiten interactuar con los visitantes del sitio o recopilar   información de ellos.

http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13290

13.                Formulario de Contacto:  Sirve para ayudar a los clientes a pagar un mensaje a través de su sitio web.

http://www.webdnevnik.com/es/tutorijali/dreamweaver/457-dreamweaver-contact-form-kontakt-forma.html

1.2 INTRODUCCION AL HTML

 ¿Qué entiendes por una pagina HTML? Es como un diseñador por el cual puedes construir tu propia pagina web.

2.    Define cada una de las letras que conforman HTML: 

Hiper es lo contrario de lineal. En los buenos viejos tiempos -cuando un ratón era un animalillo que perseguía un gato- los programas de ordenador se ejectutaban de forma lineal: cuando el programa había ejecutado una acción seguía hasta la siguiente línea, y después de ésta a la siguiente, y a la siguiente, ... HTML, sin embargo, es diferente: se puede ir donde uno quiera cuando uno quiera. Por ejemplo, no es necesario visitar MSN.com antes de visitar HTML.net.

Texto se explica por sí solo.

Marcado es lo que haces con el texto. Se marca el texto del mismo modo que en un programa de edición de textos con encabezados, viñetas, negrita, etc.

Lenguaje es lo que es HTML. Este lenguaje hace uso de muchos términos en inglés.

http://es.html.net/tutorials/html/lesson2.php

3.    ¿Quién invento el HTML? Tim Berners-Lee en 1991 describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4

http://es.html.net/tutorials/html/lesson2.php

4.    ¿Cuál era el objetivo de crear HTML? El objetivo era facilitar a científicos de diferentes universidades el acceso a los documentos de investigación de cada uno de ellos. El proyecto obtuvo un éxito mucho mayor del que Tim Berners-Lee nunca hubiese llegado a imaginar. Al inventar HTML, este científico sentó las bases de la web tal y como la conocemos hoy día.

5.    Menciona 4 características del lenguaje HTML:

*Puede ser creado y editado con cualquier editor de textos básico.
*Utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.
*Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin

http://conlinevega.blogspot.mx/2008/10/caracteristicas-principales-dhtml-html.html

6.    Menciona 7 reglas básicas que debes seguir para el diseño de una pagina web:

1º Las etiquetas de contenido (no vacias) deben llevar etiquetas que indiquen el inicio y el final. Ejemplo <div> ... </div>

2º Los elementos vacios podrán utilizar una doble etiqueta (<br></br>) o el formato minimizado de una sola etiqueta (<br />)

3º No hay que solopar etiquetas de elementos distintos. Ejemplo: <b><i> texto con bold e italica</i></b>

4º Las etiquetas deben cerrarse en el orden correto.
Mal ejemplo: <div><span> ... </div></span>
Buen ejemplo: <div><span> ... </span></div>

5º XHTML es sensible a minúsculas y mayúsculas. Todas las etiquetas y atributos deben ir obligatoriamente en minusculas.

6º Tambien es obligado usar comillas (" ") en los atributos.

7º No se permiten atributos minimizados. por ejemplo usando HTML en el elemento option de un form podrías escribir el atributoCHECKED, en XHTML deberiamos especificar checked="checked" 

http://www.programacionweb.net/articulos/articulo/10-reglas-basicas-en-xhtml/

BLOG DE NOTAS: El bloc de notas es un editor de texto gratuito incluido en todas las versiones del sistema Windows desde 1985.

Es una aplicación básica, sencilla y rápida. Generalmente graba los archivos en formato ".txt", un formato que no tiene etiquetas ni estilos.

http://www.alegsa.com.ar/Dic/bloc%20de%20notas.php

BUSCADOR: Un buscador es un tipo de software que crea índices de bases de datos o de sitios web en función de los títulos de los ficheros, de palabras clave, o del texto completo de dichos ficheros. El usuario conecta con un buscador y especifica la palabra o las palabras clave del tema que desea buscar. El buscador devuelve una lista de resultados presentados en hipertexto, es decir que se pueden pulsar y acceder directamente al fichero corresponden.

http://www.pergaminovirtual.com.ar/definicion/Buscador.htmldiente.

COMPATIBLE: A compatibilidad es la condición que hace que un programa y un sistema, arquitectura o aplicación logren comprenderse correctamente tanto directamente o indirectamente (mediante un algoritmo). A este algoritmo que hace que un programa logre ser comprendido por un sistema, arquitectura o aplicación se lo denomina emulador por el hecho de que es un intérprete entre el programa y el sistema, arquitectura o aplicación.

http://es.wikipedia.org/wiki/Compatibilidad_(inform%C3%A1tica)

ESTRUCTURA DE PAGINA WEB: Se refiere a la forma que tendrá el Sitio Web en términos generales con sus secciones, funcionalidades y sistemas de navegación. No considera ni incluye elementos gráficos (logotipos, viñetas, etc.).

http://www.guiadigital.gob.cl/articulo/definicion-de-la-estructura-del-sitio

ETIQUETA: Una etiqueta o marca HTML es un código que se incluye en los archivos creados con el lenguaje HTML para estructurar, añadir significado o formato al contenido a una página web.

http://www.desarrolloweb.com/wiki/etiquetas-html.html

HIPERTEXTO: Es una herramienta de software con estructura no secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos.

La forma más habitual de hipertexto en informática es la de hipervínculos o referencias cruzadas automáticas que van a otros documentos (lexías). Si el usuario selecciona un hipervínculo, el programa muestra el documento enlazado. Otra forma de hipertexto es el stretchtext que consiste en dos indicadores o aceleradores y una pantalla. El primer indicador permite que lo escrito pueda moverse de arriba hacia abajo en la pantalla.

http://es.wikipedia.org/wiki/Hipertexto

LENGUAJE HTML: HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc.

http://es.wikipedia.org/wiki/HTML

MARCAS(TAG): En informática, tag (muchas veces traducido etiqueta) puede tener múltiples significados:

* Tag (metadato), una palabra clave o término asociado con o asignado a una pieza de información. Ver:etiqueta (metadato).

* Sistema tag (tag system), un modelo computacional determinista. Ver: Sistema tag.

* Tag HTML o etiqueta HTML, parte del HTML. Ver: etiqueta HTML.

* Meta tag o Meta element, elementos HTML. Ver: metatag (HTML).

* Tag (programación), un método de pasar parámetros a subrutinas.

* Editor de tag (o tag editor), un software que sirve para editar metadatos de archivos multimedia. Ver:editor de tag.

* Tag se traduce al español como etiqueta. Ver: etiqueta.

* TAG (BBS), un programa BBS para DOS. Ver: TAG BBS.

http://www.alegsa.com.ar/Dic/tag.php

NAVEGADOR: Un navegador o navegador web, o browser, es un software que permite el acceso a Internet, interpretando la información de archivos y sitios web para que éstos puedan ser leídos.

La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados.

http://es.wikipedia.org/wiki/Navegador_web

PAGINA WEB: Una página web o página electrónica[1] , es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamadaWorld Wide Web, y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente también incluyen otros recursos como ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.

http://es.wikipedia.org/wiki/P%C3%A1gina_web

SITIO WEB: Un sitio web es una colección de páginas de internet relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet1 Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet.

http://es.wikipedia.org/wiki/Sitio_web

PLATAFORMA: es un sistema que sirve como base para hacer funcionar determinados módulos de hardware o de software con los que es compatible. Dicho sistema está definido por un estándar alrededor del cual se determina una arquitectura de hardware y una plataforma de software (incluyendo entornos de aplicaciones). Al definir plataformas se establecen los tipos de arquitectura, sistema operativo, lenguaje de programación o interfaz de usuario compatibles.

SERVIDOR WEB: Un servidor web o servidor HTTP es un programa informático que procesa una aplicación del lado del servidor, realizando conexiones bidireccionales y/o unidireccionales ysíncronas o asíncronas con el cliente y generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente. El código recibido por el cliente suele sercompilado y ejecutado por un navegador web.

http://es.wikipedia.org/wiki/Servidor_web

VINCULOS: Un vínculo es un link. Apuntadores hipertexto que sirven para saltar de una información a otra, o de un servidor web a otro, cuando se navega por Internet<--esto es un vínculo 

http://mx.answers.yahoo.com/question/index?qid=20111115185106AASOiT5

Actividad integradora parte 1

Opinión acerca de la materia de Ciencias de la Comunicacion

La materia de comunicación para mi se me hace muy importante ya que es una asignatura en donde nos enseña las formas de comunicarnos entre si y que no solamente verbal sino también de barias formas….y que consta de varios elementos….en resumen…muy interesanteJ

3.6 Compartiendo recursos

• Le di clic en Equipo...despues me meti al disco D:)
  
• Precione el boton derecho del mause y clic en propiedades..

• En la pestaña compartir.....escrbi el nombre que queria...
  
• Clic en compartir

• Listo...carpeta compartida