HOSTING GRATIS Y DE PAGA

PASOS PARA SUBIR LA PÁGINA WEB

Primeramente buscamos los hosting gratuitos o puede ser de paga para tener un almacenamiento en la la red.
Fácilmente después de la búsqueda que realizamos en las practicas anteriores de ahí se puede elegir el servidor que uno desee ya después de elegir  el programa  nos registramos y al termino del registro el servidor nos mandara al correo una serie de información donde nos proporcionaran los datos que son el nombre del servidor, contraseña el usuario ftp y una serie mas de códigos que de alguna manera nos servirá para la pagina .
Ya que uno este registrado sera la segunda etapa que es subir la pagina a la red  mediante un programa que ayude a subirla este puede ser el filezilla es una programa que ayuda a ejecutar  la pagina donde nos pide el usuario, servidor y contraseña y se le da clic en conexión rápida y el programa solo ejecutara y al ver que el estado este conectado solo es cuestión de arrastrar los elementos que se utilizaron para crear nuestra pagina. Y ya solo faltaría registrarla en los navegadores y con eso se da por terminada el subimiento de la pagina

Y con estos pasos ya esta la pagina y con el URL que el servidor nos brinda con eso ya podemos buscar nuestra página

GUAPPAS & GUAPPOS

LISTO 
solo da click 
Guappas & Guappos.

conceptos básicos en dreanweaver

Dreamweaver cs5


es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es uno de los programas más utilizados en el sector del diseño y la programación web por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.


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






Css


(siglas en inglés de cascading style sheets) es un lenguaje usado para definir y crear la presentación de un documento estructurado escrito en HTML o XML2 (y por extensión en XHTML). ElWorld Wide Web Consortium (W3C) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.


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






Plantilla de dreanweaver


Las Plantillas Dreamweaver son plantillas profesionales prediseñadas para sitios Web que se pueden editar y personalizar fácilmente utilizando Adobe Dreamweaver. Nuestras plantillas Dreamweaver para sitios web le permitirán ahorrar tiempo y dinero ya que sólo cuestan una mínima parte de lo que una empresa de diseño web cobraría por esos servicios.


http://www.plantillasdreamweaver.com/plantillas-dreamweaver.html


Contenedor en dreanweaver


un contenedor no es más que un archivo que permite almacenar simultáneamente datos de distinto tipo. Cualquier archivo comprimido, por ejemplo los de extensión ZIP, es un contenedor.


En el caso del vídeo digital, un contenedor es un archivo que incluye vídeo y audio (a veces también subtítulos) sin importar el formato en que estén codificados o comprimidos estos datos. Las extensiones de archivo de los contenedores más conocidos son AVI, MPG, OGM, MP4, MKV y MKA (Matroska) y MOV.


http://www.blog.sxinformatica.net/tag/contenedor






Comportamientos en dreanweaver




Los comportamientos son acciones, programadas normalmente en código JavaScript, que suceden cuando los usuarios realizan algún evento sobre un objeto (en lenguaje Dreamweaver) ya sea imagen, texto, capa, ... Los comportamientos de Dreamweaver introducen en los documentos código JavaScript que permite a los visitantes interactuar con la página Web para modificarla de diversas maneras o para que se realicen determinadas tareas. Un comportamiento es una combinación de un evento con una acción que desencadena ese evento.




http://www.deciencias.net/disenoweb/elaborardw/paginas/comporta.htm


Sitio local


Almacena los archivos con los que está trabajando. Dreamweaver se refiere a esta carpeta como el “sitio local”. Esta carpeta suele encontrarse en el equipo local, pero también se puede encontrar en un servidor de red.


https://helpx.adobe.com/es/dreamweaver/using/dreamweaver-sites.html






Sitio dinámico


Un sitio web dinámico es aquel que está desarrollado para interactuar con bases de datos. Está compuesto por un número ilimitado de páginas y diseñado para interactuar con el usuario.


Estos sitios web utilizan generalmente varias tecnologías y es la tendencia que hay en el mercado actual por la facilidad de actualización y porque el cliente no depende de un proveedor para actualizar los contenidos de su sitio. http://www.analisiscreativo.com/otros-servicios/web-dinamico


Sitio interactivo


los sitios web en general son interactivos, dado que el usuario puede interactuar a través del teclado y el mouse, recibiendo una "respuesta" del mismo. Es cierto que existen sitios web mucho más interactivos que otros, pudiendo interactuar (es decir, intercambiar información y comandos constantemente desde el sitio web hacia el usuario y viceversa) de muchas otras formas. - See more at: http://www.alegsa.com.ar/Diccionario/C/5226.php#sthash.fXDWieLY.dpuf


Región editable


regiones editables son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla. Las regiones bloqueadas (no editables) son las partes del diseño de la página que permanecen constantes de una página a otra.


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


Maquetación


La maquetación es la distribución de los elementos en nuestra página. Piensa en una página web cualquiera. Seguro que distingues algunos elementos claramente diferenciados, como un encabezado, columnas, y un pie de página. http://www.aulaclic.es/dreamweaver-cs5/t_18_1.htm


Etiqueta div


Puede utilizar etiquetas div para crear bloques de diseño CSS y colocarlos en el documento. Esto resulta útil si ha adjuntado al documento una hoja de estilos CSS con estilos de posición. Dreamweaver le permite insertar rápidamente una etiqueta div y aplicar a ésta estilos existentes. https://helpx.adobe.com/es/dreamweaver/using/div-tags.html


Tabla


Las tablas son una 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. Utilice las tablas para presentar datos tabulares, diseñar columnas o disponer texto o gráficos en una página Web. Podrá agregar contenido; añadir, eliminar, dividir y combinar filas y columnas; modificar las propiedades de tablas, de filas o de celdas para añadir color y alineaciones, así como copiar y pegar celdas


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


Formulario


Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, etc.


Una vez el usuario rellena los datos y pulsa el botón para enviar el formulario se arrancará un programa que recibirá los datos y hará el tratamiento correspondiente.






Formulario de contacto



los formularios de contacto representan una manera eficiente de interactuar con los visitantes de tu web y recolectar información importante, de crear cuestionarios y recibir pedidos de clientes. Puesto que el antiguo método de contactar a los usuarios

introducción a Dreamweaver ventana y barra de herramientas.

conceptos básicos de HTML

Block 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. - See more at: http://www.alegsa.com.ar/Dic/bloc%20de%20notas.php#sthash.MYQMzyns.dpuf

Buscador:

Un buscador es una página de internet que permite realizar búsquedas en la red. Su forma de utilización es muy sencilla, basta con introducir una o más palabras clave en una casilla y el buscador generará una lista de páginas web que se supone guardan relación con el tema solicitado. Digo se supone porque como veremos más adelante, esto no es siempre así. 

http://www.alu.ua.es/r/rac6/Buscadores/que_es_un_buscador.html

Compatible:

La 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

Estructura de página web:

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

http://html.hazunaweb.com/102.php

Etiqueta

El concepto de etiqueta tiene distintos usos y significados. Se trata de una señal, marca, rótulo o marbete que se adhiere a un objeto para su identificación, clasificación

Una etiqueta HTML consiste en un signo menor "<", un nombre de una directiva (orden o comando para el navegador), seguido de los parámetros o atributos y un signo mayor ">". Para cualquier etiqueta que indica un el inicio de un elemento hay otra de cierre que indica que esa directiva ya no debe actuar sobre el texto que sigue (en algunas ocasiones no es necesario poner, o no existe, la etiqueta de cierre correspondiente).  o valoración.

: Definición de etiqueta - Qué es, Significado y Concepto http://definicion.de/etiqueta/#ixzz3U7Szr2ih

Hipertextos:

El hipertexto es una herramienta de software con estructura secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos

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

.Lenguaje HTML:

El lenguaje HTML se basa en la sintaxis SGML (Standard Generalized Markup Language). Esto quiere decir que los diferentes elementos (párrafos, encabezamientos, tablas, listas, ...) de un documento para la WWW se señalan intercalando etiquetas que indican al navegador cómo debe mostrarlo.

http://www.juntadeandalucia.es/averroes/~04000134/informatica/html.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.

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

http://www.alegsa.com.ar/Dic/tag.php#sthash.iISolq12.dpuf

Navegador:

Un navegador o navegador web, o browser, es un software que permite el acceso a Internet, interpretando la información de distintos tipos de archivos y sitios web para que éstos puedan ser visualizados.

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

Pagina web:

Se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los conten

http://definicion.de/pagina-web/#ixzz3UBejcjxn

Sitio web:

Programa que permite navegar por internet u otra red informática de comunicaciones.

"la mayoría de los navegadores permiten también enviar y recibir mensajes de correo electrónico"

es.wikipedia.org/wiki/Navegador_web

Plataforma:

una 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.

http://es.wikipedia.org/wiki/Plataforma_%28inform%C3%A1tica%29

Servidor web:

Servidores Web. Es la tecnología que tiene implícito programas informáticos que procesan aplicaciones realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el cliente, generando o cediendo una respuesta en cualquier lenguaje o aplicación del lado del cliente.

http://www.ecured.cu/index.php/Servidores_Web

Vínculos:

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://www.internetglosario.com/letra-v.htmlhttp://www.internetglosario.com/letra-v.html

introduccion al HTML

Introducción  al                 HTML

¿ que entiendes por una pagina HTML?

HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web.

HIPER* ES LO CONTRARIO DE  LINEAL

TEXTO* SE REFIERE AL TEXTO DE LA PAGINA WEB

MARCADO* ES LO QUE HACES CON EL TEXTO

LENGUAJE* ES LO QUE ES HTML

http://www.desarrolloweb.com/articulos/que-es-html.html

 Define las letras de HTML:

HTML, siglas de HyperText Markup Language

¿ quien invento 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.

¿Cuál era el objetivo de crear HTML?

Este lenguaje fue desarrollado por la Organización Europea de Investigación Nuclear (CERN) en el año 1945 con la finalidad de desarrollar un sistema de almacenamiento donde las cosas no se perdieran, que pudieran ser conectadas a través de hipervínculos. Primeramente crearon un dispositivo llamado “memex”, el cual era considerado como un suplemento para la memoria.
Definición de html – Qué es, Significado y Concepto http://definicion.de/html/#ixzz3U7LyT4Gt

Menciona 4 características de HTML:

es un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen que ver con el formato de los documentos.

E crean etiquetas que aparecen especificadas a través de corchetes o paréntesis angulares: < y >. Entre sus componentes, los elementos dan forma a la estructura esencial del lenguaje, ya que tienen dos propiedades (el contenido en sí mismo y sus atributos).

Menciona 7 reglas básica que debes seguir para crear el diseño de una pagina web:

1.       TENER algo interesante que decir en tu pagina web

2.       Todo mundo ya conoce las herramientas de búsqueda y los enlaces sean pertenecientes al tema

3.       Mantén tu pagina con un máximo de 15k en imágenes o fraccionala  si esta muy grande

4.       No usar gráficas de otros autores si no esta autorizado

5.       Reconocer el trabajo de los demás

6.       Verificar la ultima fecha de versión  indicar la ultima versión

7.       Verificar sus enlaces periódicamente.

Esta información fue sacada del libro de informática de cobach pagina 6