lunes, 9 de junio de 2014

sitios de alojamiento de pago

SITIOS DE COBRO
Compañía
País
Servicios
Costo paquete mínimo
(Mensual)

Descripción: http://i1312.photobucket.com/albums/t523/rcanessa/Godaddy_zps16a4c0a7.jpg
USA
-Hosting compartido.
-Cloud Hosting.
-Registro de dominios.
-Servidores dedicados virtuales.
-Servidores dedicados.
-Hosting gestionado.
-Almacenamiento online de archivos.
-Diseño web.
-Servicio de e-mail.
$4.99

Descripción: http://i1312.photobucket.com/albums/t523/rcanessa/Internetrcc/webcom_zps4068f703.jpg
USA
-Hosting compartido.
-Registro de dominios.
-Servicio de E-commerce.
-Servicio de Marketing.
$7.95

Descripción: http://i1312.photobucket.com/albums/t523/rcanessa/Internetrcc/ix-web-hosting_zpsb3817cc1.png
USA
-Hosting compartido.
-Registro de dominios.
-Cloud Hosting.
-Servidores Privados Virtuales.
$3.95

Descripción: http://i1312.photobucket.com/albums/t523/rcanessa/Internetrcc/servage_zps7d0fb0bb.jpg
Reino Unido
-Hosting compartido.
-Registro de dominios.
-Servidores Privados Virtuales.
$2.95

Descripción: http://i1312.photobucket.com/albums/t523/rcanessa/Internetrcc/easyspace_zpsf10e438b.jpg
Reino Unido
-Registro de dominios.
-Hosting compartido.
-Servidores Privados Virtuales.
-Servidores dedicados.
$4.64

Descripción: http://i1312.photobucket.com/albums/t523/rcanessa/Internetrcc/gridlane_zps91eb98c0.png
Suecia
-Servidores Privados Virtuales.
$10 euros

viernes, 6 de junio de 2014

sitios de alojamiento gratis

1.     Biz.nf  (PHP, MySQL, WordPress, Joomla, Dominio gratis  . co.nf , Anuncios pecado)
2.     Hosting gratuito UE  (Blog / Sitio, Sin publicidad, gratis Dominio gratis  . eu.pn )
3.     AwardSpace.com  (PHP, MySQL, envio de mails, publicidad pecado, subdominio gratis)
4.     Biz.ly  (Blog / Sitio, álbum de fotos, Dominio gratis  . biz.ly )
5.     FreeHostia.com  (PHP, MySQL, Anuncios pecado, gratis subdominio)
6.     Wix.com  (constructor de paginas párr Móviles o en flash, blogs, etc)
7.     ByetHost.com  (PHP, MySQL, phpBB, SMF, Wiki, subdominio gratis)
8.     x10Hosting.com  (Soporte cPanel, PHP, FTP, Sin publicidad, subdominio gratis)
9.     Yola.com  (constructor visual site web del, vídeos agregar, fotos, Carrito de la compra)
10. Webs.com  (constructor de easy este sitios, blog, Formularios, Encuestas, subdominio gratis)

                                                                  

miércoles, 4 de junio de 2014

TERMINOLOGIA BASICA PARA DISEÑAR PAGINAS WEB

1.DREAMWEAVER CS5
Adobe Dreamweaver es una aplicación en forma 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 el programa más utilizado 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.

2.- CSS
¿Qué es CSS?
CSS es el acrónicmo de CascadingStyle Sheets (es decir, hojas de estilo en cascada).

3.- plantilla en dreamweaver

Una plantilla es una estructura en la que hay partes no editables (que no se van a poder modificar) y otras que son modificables para llenarse de contenido.
Es una utilidad aconsejable cuando se van a repetir determinados documentos en los que unas partes van a permanecer fijas y otras van a cambiar. Ahorra trabajo y permite la presentación de determinados contenidos con una unidad de estilo.


4.-CONTENEDOR EN DREAMWEAVER

otra de las partes de cualquier página que creemos, es la que se conoce como (que en español significa contenedor y se trata de esa caja en la que va el contenido de la web (texto, así como las imágenes, etc..., que van en un apartado dentro de dicho container  content contenido también en el  container nos encontramos con el menú de la izquierda en este ejemplo, que se conoce por  sidebar

5.-COMPORTAMIENTOS EN DREAMWEAVER
Comportamientos en Dreamweaver
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.

6.- ¿Qué es un “sitio de Dreamweaver”?

En Dreamweaver, el término “sitio” se emplea para referirse a una ubicación de almacenamiento local o remota de los documentos que pertenecen a un sitio Web. Un sitio de Dreamweaver permite organizar y administrar todos los documentos Web, cargar el sitio en un servidor Web, controlar y mantener vínculos y administrar y compartir archivos. Para aprovechar al máximo las funciones de Dreamweaver, debe definir un sitio

7.-  SITIO DINAMICO 
pesar de que proporciona una amplia gama de herramientas para construir sitios web dinámicos, los cuales están dirigidos a las bases de datos de sitios que utilizan un lenguaje de programación interpretado como PHP, puede ser difícil encontrar exactamente dónde están los instrumentos o cómo utilizarlos adecuadamente. Si tienes un poco de paciencia y te gusta solucionar problemas, te encuentras en buen camino.

8.- SITIO INTERACTIVO
Cómo crear un mapa de imagen interactivo con Dreamweaver. Los mapas de imagen son imágenes que tienen regiones interactivas conocidas como "zonas calientes". Cuando los usuarios hacen clic sobre una de las zonas calientes, son redirigidos a una página que indiques. Dreamweaver 3.0 te permite crear fácilmente mapas de imagen para dar diversión y entusiasmo a tu página.


9.- Regiones editables

En una plantilla, las 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.

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

11.-ETIQUETA DIV 
en realidad las div son divisiones que se pueden hacer en una pagina, para permitir aplicarle formato distinto por ejemplo. Entonces las Div son capas, tal como la etiqueta Layer, pero que son aceptadas por todos los navegadores. 

A una div le aplicas atributos de align y pos, y obtienes una capa. 
Por ejemplo es masutil colocar una tabla dentro de una Div, y asi definir atributos para la capa, sin modificar tu tabla.

12.- Tablas
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.
Las tablas constan de tres componentes básicos:
Filas: Espacio horizontal.
Columnas: Espacio vertical.
Celdas: Los contenedores que se originan en las intersecciones de las filas y las columnas.

13.- formularios
Los formularios permiten interactuar con los visitantes del sitio o recopilar información de ellos. Por ejemplo, puede solicitar el nombre y la dirección de correo electrónico de un usuario o hacer que los visitantes respondan a una encuesta o proporcionen comentarios acerca del sitio.

14.- formulario de contacto
Los formularios sirven para que los usuarios o visitantes de la página envien un comentario o consulta al cliente.

jueves, 27 de marzo de 2014

1.3 ELEMENTOS BASICOS DE HTML

1: BLOG DE NOTAS: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.


2: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í.
   Aunque el modo de utilización es muy fácil a nivel básico, los buscadores permiten opciones avanzadas para refinar la búsqueda, cuyo resultado puede ser en muchas ocasiones de miles de páginas. Mediante estas opciones avanzadas se puede acotar la búsqueda y obtener un número de páginas más manejable.
   Debido al gran tamaño de Internet y a su naturaleza cambiante, ningún buscador posee registro de todas las páginas que se encuentran en la red. Por ello es aconsejable visitar más de un buscador para contrastar los resultados y en ningún caso pensar que si una página no aparece en un buscador, es que no existe.

3:COMPATIBLE:
La compatibilidad es la cualidad de ser compatible, de poder concurrir en buenas condiciones con algo o alguien. Puede referirse a cualquiera de los siguientes artículos:
4:ESTRUCTURA DE UNA PAGINA

Estructura básica

  • Cada página comienza con: < HTML > .
  • A continuación viene la cabecera, delimitada por < HEAD > y < /HEAD > .
  • Después, el comando < BODY >, que indica el comienzo del cuerpo de la página. Las instrucciones HTML se escribirán a continuación, y finalizarán con < /BODY >.
  • La página acabará con < /HTML > .
Es decir:
<HTML>
<HEAD>
Definiciones de la cabecera
</HEAD>
<BODY>
Instrucciones HTML
</BODY>
</HTML>

Cabecera

La cabecera de un documento está delimitada por las etiquetas < HEAD > y </HEAD > Sus componentes son opcionales. El más importante es <TITLE> , que permite escribir el título del documento. El título no se muestra en la página, sino en la parte superior de la ventana del visualizador, como identificador en los bookmarks y en la history list. Se utiliza de la siguiente forma:
<HEAD>
<TITLE>Título del documento HTML</TITLE>
</HEAD>

Cuerpo

Es la parte delimitada por <BODY> y < /BODY > . Puede llevar los siguientes atributos:
  • BACKGROUND="imagen": define el fondo. Más adelante veremos más sobre imágenes.
  • BGCOLOR="######": color del fondo (sólo si no se define una imagen de fondo, o si ésta imagen no puede obtenerse.. Más adelante veremos más sobre colores. Por ahora nos basta saber que para los colores básicos se puede utilizar su nombre en inglés: white, blue, red, green ...
  • TEXT="######": color del texto. Por defecto será negro.
  • LINK="######": color de los links. Por defecto será azul.
  • VLINK="######": color de los links visitados. Por defecto será violeta.
Ejemplos
<body background= "fondo.gif"> El documento tendrá como fondo la imagen indicada.
<body bgcolor="white" text="blue" link="red" vlink="red"> El fondo será blanco, el texto azul, y todos los links (visitados o no) serán rojos


 

5:ETIQUETA:Etiquetas basicas de html

HTML es el lenguaje por el cual construimos una página web. Este lenguaje se basa principalmente en etiquetas, con las cuales vamos construyendo los diferentes apartados de nuestra web. Es imprescindible conocer estas etiquetas y su funcionamiento para poder crear o al menos modificar una página web.


* <HTML>: indica el comienzo del documento HTML.
* <HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title> de la web, una descripción y otras informaciones relacionadas con el contenido de la página.

* <BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web.

* <H1>, <H2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en el posicionamiento en buscadores.

* <A>: define los enlaces.

* <TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>.


* <P>: el texto dentro de esta etiqueta forma un párrafo.

* <IMG>: imágenes.

* <BR>: salto de línea.

* <UL>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de <LI> definimos cada guión dentro de la lista, y usando <OL> en lugar de <UL> tendremos listas ordenadas.

* <B> y <STRONG>: se utilizan para resaltar el texto.

* <U>: texto subrayado.

* <I>: texto en cursiva.

Ejemplo de página básica

<html>
<head>
<title>Título de la página</title>
</head>
<body>
<h1>Encabezado de la página</h2>
<h3>Encabezado de menor tamaño</h3>
<p>Este es el texto de un párrafo.</p>
<p>Este es el texto de otro párrafo. Dentro de este párrafo,
pueden ir palabras <b>en negrita</b>, <i>en cursiva</i> o lo
que quieras.</p>
<p>También podemos poner listas como la siguiente:</p>
<ul>
<li>Guión número uno.</li>
<li>Guión número dos.</li>
<li>Guión número tres.</li>
</ul>
</body>
</html>




Consejo de Atributos

bgcolor=?> <body
Establece el color de fondo, usando nombres o valores hex
text=?> <body
Establece el color del texto, usando nombres o valores hex
link=?> <body
Establece el color de los enlaces, usando nombres o valores hex
vlink=?> <body
Establece el color de los enlaces, usando nombres o valores hex
alink=?> <body
Establece el color de los enlaces con un clic

Etiquetas de texto

<pre> </ pre>
Crea texto preformateado
<h1> </ h1>
Crea un título grande
<h6> </ h6>
Crea un título pequeño
<b> </ b>
Crea texto en negrita
<i> </ i>
Crea texto en cursiva
<tt> </ tt>
Crea, o máquina de escribir estilo de texto-teletipo
<cite> </ cite>
Crea una cita, por lo general en cursiva
<em> </ em>
Hace hincapié en la palabra (con cursiva o negrita)
<strong> </ strong>
Hace hincapié en la palabra (con cursiva o negrita)
size=?> <font </ font>
Ajusta tamaño del fuente, de 1 a 7)
color=?> <font </ font>
Juegos de color de la fuente, usando nombres o valores hex

6:HIPERTEXTOX
El 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.:


7.LENGUAGE HTML: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. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es el lenguaje con el que se definen las páginas web.


8:MARCAS (tag):
Las marcas (tags) les permiten a los estudiantes y maestros describir sus intereses en una forma que es fácil para que la gente con intereses similares los encuentre. Elperfil del usuario tiene un lugar en donde se pueden poner los intereses, llo que creará o añadirá al usuario a una marca (tag) existente. Las páginas de marcas se pueden ver y las publicaciones de foro se pueden marcar..
9: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. Además, permite visitar páginas web y hacer actividades en ella, es decir, podemos enlazar un sitio con otro, imprimir, enviar y recibir correo, entre otras funcionalidades más

10:PAGINA WEB.:
Una página web se define como un documento electrónico el cual contiene información textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible mediante el uso de navegadores. Una página web forma parte de una colección de otras páginas webs dando lugar al denominado sitio web el cual se encuentra identificado bajo el nombre de un dominio.
La creación y desarrollo de una página web se realiza bajo un lenguaje de programación capaz de ser interpretados por los navegadores, lenguajes como el HTML, PHP, ASP, JSP o RUBY son ejemplos entre otros

11:SITIO WEB:Conjunto de páginas web que están relacionadas entre sí, por lo general porque se ingresan desde un mismo dominio (o porque mantienen constante la raíz de la dirección URL). Un sitio web puede estar constituido de una o más páginas web. La página web principal de un sitio web suele llamarse index, que puede tener la extensión .htm, .php, .asp, entre otras.

12: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

13:SERVIDOR WEB: es un programa que se ejecuta continuamente en un computador, manteniéndose a la espera de peticiones de ejecución que le hará un cliente o un usuario de Internet. El servidor web se encarga de contestar a estas peticiones de forma adecuada, entregando como resultado una página web o información de todo tipo de acuerdo a los comandos solicitados. En este punto es necesario aclarar lo siguiente: mientras que comúnmente se utiliza la palabra servidor para referirnos a una computadora con un software servidor instalado, en estricto rigor un servidor es el software que permite la realización de las funciones descritas.

14VINCULOS: Esta instrucción tiene el parámetro href que indica el lugar a donde nos llevará el Vínculo si lo pulsamos.
Ejemplo Se vería como
<A href = "http://www.microsoft.com/"> Pulse para ir a la página de Microsoft</A> Pulse para ir a la página de Microsoft


Lo mismo podríamos hacer con un gráfico.
Ejemplo Se veria como
FERRARI:
<A href="http://www.ferrari.com/"> <IMGsrc="logo.gif"> </A>
Pagina Ferrari

 


http://www.alegsa.com.ar/Dic/bloc%20de%20notas.php
http://www.alu.ua.es/r/rac6/Buscadores/que_es_un_buscador.html
http://es.wikipedia.org/wiki/Compatibilidad
http://fpsalmon.usc.es/genp/doc/cursos/html/estructura.html
http://www.taringa.net/posts/ciencia-educacion/11833897/Etiquetas-basicas-de-html.html
http://es.wikipedia.org/wiki/Hipertexto
http://es.wikipedia.org/wiki/HTML
http://docs.moodle.org/all/es/Marcas_(Tags)
http://es.wikipedia.org/wiki/Navegador_web
http://www.quees.info/que-es-una-pagina-web.html
http://www.alegsa.com.ar/Dic/sitio_web.php
http://www.reddeaprendizaje.com/inicio/item/47-plataforma-informatica
http://www.misrespuestas.com/que-es-un-servidor-web.html
http://www.uazuay.edu.ec/estudios/sistemas/lenguaje_iii/manual4/vinc.htm

1.2:Introduccion al HTML

  1. ¿que entiendes por una pag 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.
2.: FEFINICON DE CADA LETRA HTML

HyperText Markup Language



3:¿quien inbento HTML?En el año 1989 Tim Berners Lee creó la web, y junto con ella el lenguaje HTML. El HTML o Hypertext Markup Language, en inglés, es el lenguaje utilizado para las páginas web o de Internet."


4 al es el objetivo de crear HTML? se creó por la necesidad de un lenguaje fácil de usar a la hora de crear páginas web que sirvan para compartir información (cuando nació Internet), la idea básica detras de HTML era la tremenda facilidad que implicaba usar un lenguaje de etiquetas basado en el metalenguaje XML, HTML no seria compilado si no mas bien interpretado por un navegador web a la hora de mostrar una página Web, entonces para ahorrar ese trabajo al navegador Web (y a los programadores Web), se eligió el HTML (derivado del XML) como el lenguaje para mostar páginas Web basandose en simples etiquetas como ser:

<body></body>

a las cuales les das los atributos que quieras mostrar:

<body background="#FF0000"></body>


5  M0IONA 4 CARACTERISTICAS DE LENGUAJE HTML

es un lenguaje de marcas orientado a la publicación de documentos en Internet. La mayoría de las marcas son semánticas. Es un lenguaje extensible, al que se le pueden añadir nuevas características, marcas y funciones, dependiendo de la experiencia y la habilidad del programador



Mnciona 7 reglas basicas que debes segir para el diceno de una pag web.     

1.- Reunir información: Investigar el historial de la marca, su giro, sus servicio y la competencia.
2.- Plantear un objetivo: El objetivo debe plantearse de acuerdo a la función que hará el sitio en la red.
3.- Conocer los objetivos del cliente: Nunca se debe de olvidar la opinión del cliente, aunque tu como diseñador o creativo presentes una idea, ésta debe de ir acorde a los objetivos deseados del cliente, sin tu perder estilo.
4.- Conocer el público objetivo: Se tiene que tomar en cuenta todo tipo de datos demográficos sobre las personas que estarán frente a un monitor visitando la página. La edad, el sexo, gustos, estilo de vida, cultura y hasta lugar de residencia.
5.- Crear un mapa del sitio: Es importante antes de ponerse a diseñar y programar, bocetar las ideas y hacer distintas pruebas.
6.- Crea o reúne un contenido atractivo: El contenido tanto tipográfico como visual, debe llamar la atención de la audiencia.
7.- Planifica: Empezar con las ideas básicas y crear un calendario de avances y metas.
8.- Propón ideas frescas y nuevas al cliente: Puede que el cliente tenga una idea muy definida para su sitio, pero si éstas no funcionan, se pueden pulir con una buena propuesta de diseño, quedando todos conformes.
9.- Crear: Definir el concepto de la página y no entregar un trabajo que no se entienda y sin ningún estilo.
10.- Has pruebas: Antes de dar por terminado el proyecto, se debe realizar pruebas de que todo funcione, desde códigos, botones, textos, videos y animaciones para que el cliente no tenga quejas sobre el trabajo entregado.
11.- Crear una web que se mantenga









1
  http://www.masadelante.com/faqs/htmltp://www.desarrolloweb.com/articulos/que-es-html.html

http://www.masadelante.com/faqs/html
http://tuspreguntas.misrespuestas.com/preg.php?idPregunta=3598

https://es.answers.yahoo.com/question/index?qid=20100309033752AAwzHOK

http://www.luiscanada.com/manualHTML/caracteristicas-html.php

http://www.paredro.com/11-reglas-para-disenar-una-pagina-web/