Creación sitios web y Blog

Por Mónica Ruiz

                         

En seguida encontraran algunos los conocimientos básicos para poder crear más fácilmente sus diseños Web.

1.    El contenido es definitivamente el componente más importante de una página Web.

2.    Existe más de una metodología para diseñar Sitios Web. Investigue y seleccione la que considere más conveniente de acuerdo a sus necesidades.

3.    Es recomendable que las funciones especiales como búsquedas, chat en línea y foros de discusión sean implementadas en una segunda o tercera versión cuando el sitio esté ya produciendo un tráfico significativo.

4.   Diseñar una página Web efectiva es mucho más complejo de lo que parece en un principio.

5.    Los precios de los servicios de registro y hospedaje de dominios son muy semejantes entre un proveedor y otro por tratarse esencialmente de recursos de cómputo y comunicaciones, no así los costos de diseño de páginas Web, ya que la metodología de diseño y la calidad del producto final varía considerablemente entre una agencia y otra.

6.    Para conocer el costo de diseño de una página Web, necesita cuando menos definir el índice del contenido del sitio y los idiomas en los que desea transmitir su mensaje, también encontrará sitios en donde elaborar sus páginas web de forma gratuita.

7.    El hospedaje de sitios y el diseño Web son dos especialidades muy distintas. Por lo general es más conveniente seleccionar diferentes proveedores para estos dos servicios.

8.    En Internet, los negocios se ganan hoy en día en los motores de búsqueda, por eso es tan importante el posicionamiento en buscadores.

9.    Registrar una página en motores de búsqueda y posicionarla en los primeros lugares son dos cosas muy distintas.

10. Las páginas Web sencillas difícilmente promoverán su negocio en el Internet. Sólo si Usted hace las cosas bien, los clientes llegarán a su página Web.

Más nociones sobre diseño Web:

1.    Investigue antes de tomar decisiones. Una buena fuente de información pueden ser las experiencias de otras empresas.

2.    Todas las agencias se dicen especialistas, sin embargo pocas pueden demostrarlo.

3.    Las necesidades de los clientes no son simples, por lo mismo las páginas Web no pueden ser tan sencillas como la mayoría de las personas las conciben al diseñar un Sitio Web por primera ocasión.

4.    Los sitios se deben diseñar pensando en las necesidades de los clientes, no en nuestros propios intereses.

5.    Las páginas Web deben ser actualizadas al mismo ritmo de los cambios del negocio. El mantenimiento de un sitio es una actividad muy fácil de ejecutar cuando existe un verdadero compromiso por parte del equipo de trabajo responsable.

6.    Tenga especial cuidado con los sitios desarrollados en animación gráfica (formato tipo película), ya que el tiempo de acceso por lo general es mucho más lento, la información no es legible en algunos casos y esta técnica inhibe el posicionamiento en buscadores.

7.    Quizá para Usted resulte atractivo, pero los clientes no desean esperar 5 minutos a que comience a rodar la película de su página Web. Ellos esperan ver la información a los pocos segundos de dar un clic sobre su dirección en Internet.

8.    El diseño Web basado en marcos (frames) facilita el desarrollo del sitio, sin embargo en la actualidad no se recomienda ya su aplicación en el diseño de páginas Web de negocios por los problemas técnicos que ocasiona tanto en la operación como en el posicionamiento en buscadores.

9.    Los sitios en construcción, siempre están en construcción.

10. Es muy conveniente que Usted esté registrado como dueño de su dominio. Esto le evitará enormes dificultades en un futuro.

11. El nombre de su dominio debe ser definido junto con un especialista, ya que esto tiene más relevancia y consecuencias de lo que Usted se puede imaginar.

12. Para generar más oportunidades de negocio a través de su página Web, es necesario producir el máximo tráfico posible.

13. Su Sitio Web competirá contra cerca de 5 mil millones de páginas, así es que si Usted está interesado en hacer negocios en Internet está obligado entonces a implementar un sitio diseñado profesionalmente.

14. Su página Web no necesita estar en 1000 motores de búsqueda, sólo en los 5 más importantes.

15. El posicionamiento en motores de búsqueda es complejo, laborioso y costoso, pero muy redituable en términos del retorno de inversión.

16. Muchas de las estrategias que siguen las empresas en su intento de posicionar su página Web terminan en fracaso porque no son efectivas.

17. Si su página Web no fue diseñada desde un principio con el objetivo de lograr posicionamiento en motores de búsqueda, es muy probable que tenga que ser rediseñada enteramente para lograr el posicionamiento que Usted desea.

18. Para saber qué tan efectiva es una página Web, no la evalúe en términos de cómo luce visualmente sino más bien en cómo se desempeña al usarla.

19. El costo de una falla en el servicio de hospedaje y/o correo electrónico es mucho mayor que el costo anual del propio servicio, por lo mismo, es muy importante seleccionar una compañía que nos garantice un alto desempeño en sus comunicaciones y la continuidad en la operación.

20. Vender en línea es mucho más complejo que simplemente incorporar un carrito de compras a su página Web.

Definición y Estructura

Es una carpeta almacenada en un Servidor Web. Dentro de esta carpeta se pueden localizar diferentes tipos de archivos conocidos como páginas web, entre estos tenemos: páginas ASP, páginas HTML, imágenes, animaciones, scripts, bases de datos, etc.

Se entiende por estructura de un sitio Web a la manera en que se almacenan lógicamente los archivos dentro de este (carpetas y subcarpetas) y la manera en que se vinculan entre sí estos archivos a través de los Enlaces (acceso a otras páginas o Web). En la figura siguiente, se muestra la forma como se pueden enlazar diferentes páginas conservando una estructura organizada. Es decir, dentro del conjunto de archivos de páginas Web del Sitio existe una página especial denominada Página de Inicio (Home, Default, Índex, etc.) que es aquella que se visualiza en el navegador después de colocar una dirección URL dentro de la barra de direcciones del Navegador; esta página contendrá los hipervínculos o enlaces necesarios para acceder a los demás archivos que componen el Sitio.

                                

El Formato de un Sito Web

Todos los Sitio Web poseen una apariencia característica; distintos tipos de letras (fuentes), colores, imágenes, maneras de representar los hipervínculos, etc. Podría decirse entonces que el formato del Sitio es la apariencia estética en que se presentan las diferentes páginas que lo componen ante cualquier navegante que lo recorre.

Creación de un documento HTML.

Antes de continuar HTML (lenguaje de hipertexto basado en marcas) es un lenguaje que se usa en las páginas web. Está compuesto por una serie de palabras claves utilizadas para definir las propiedades del texto, tipos de letra, estilos, imágenes y otros elementos que forman parte de la página web.

Para comenzar abra un editor de texto como Bloc de Notas, Worpad, Gedit o cualquiera que esté disponible y guarde el archivo vacío con extensión HTML. Tenga cuidado que el archivo quede con la extensión correcta. Si utiliza block de notas siga estos pasos:

1. Inicie el editor Bloc de Notas.

2. Haga clic en el menú archivo “guardar como”. En el espacio para el nombre escriba el nombre del archivo con la extensión HTML. Por ejemplo: El_Sol.html

3. En recuadro “Tipo:” elija “Todos los archivos (*.*)”.

4. Haga clic en el botón “Guardar”.

Recomendación: Cuando inicie la elaboración de su página web cree una carpeta y guarde allí todos los archivos que la constituyen, por ejemplo imágenes, archivos HTML, vídeos, sonidos entre otros.

LENGUAJES DE PROGRAMACION  PARA CREAR PAGINAS WEB	CARACTERISTICAS
EL HTML	Con Internet no solamente se puede ver la información sino que también se puede publicar. “y qué otra manera más fácil y más sencilla” Si Internet tiene acceso a todos los rincones del mundo. Para que varias personas se comuniquen es necesario que éstas hablen un mismo idioma. El lenguaje que utilizan las computadoras que están conectadas a Internet es HTML. El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web).Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse.  HTML no es propiamente un lenguaje de programación como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda. El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX(el editor vi o Ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .html. Estos documentos pueden ser mostrados por los visores o "browsers" de páginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer, Mozilla o Google Chrome. También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página. En realidad, DHTML no es precisamente un lenguaje de programación. Más bien se trata de una nueva capacidad de la que disponen los navegadores modernos, por la cual se puede tener un mayor control sobre la página que con el HTML simple.
PHP	Está completamente orientado al desarrollo de aplicaciones web dinámicas con acceso a información almacenada en una Base de Datos. Y puede ser embebido dentro de código HTML. Generalmente se ejecuta en un servidor web, tomando el código en PHP como su entrada y creando páginas web como salida. Puede ser desplegado en la mayoría de los servidores web y en casi todos los sistemas operativos y plataformas sin costo alguno. PHP: Es un lenguaje de programación interpretado, diseñado originalmente para la creación de páginas web dinámicas.es un lenguaje multiplataforma.  Es usado principalmente en interpretación del lado del servidor (server-side scripting) pero actualmente puede ser utilizado desde del lado del servidor (server-side scripting) pero actualmente puede ser utilizado desde una interfaz de línea de comandos o en la creación de otros tipos de programas incluyendo aplicaciones con interfaz gráfica usando las bibliotecas Qt o GTK+. Uno de los usos más extendido de las redes de comunicación es la posibilidad de compartir información. Esta utilidad es aprovechada para dar a conocer ideas, productos y servicios entre otros a través de Páginas Web que a su vez están construidas en lenguaje HTML. Es tarea  del navegador  mostrar  y manipular las páginas  web, HMTL Puede ser creado y editado  con cualquier editor de  textos básicos. Utiliza etiquetas o marcas  que consisten en breves instrucciones  de comienzo y final, mediante las cuales se determinan 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. * Capacidad de expandir su potencial utilizando la enorme cantidad de módulos (llamados ext's o extensiones). * Posee una amplia documentación en su página oficial (Sitio Oficial), entre la cual se destaca que todas las funciones del sistema están explicadas y ejemplificadas en un único archivo de ayuda. * Permite aplicar técnicas de programación orientada a objetos. * Biblioteca nativa de funciones sumamente amplia e incluida. No requiere definición de tipos de variables aunque sus variables se pueden evaluar también por el tipo que estén manejando en tiempo de ejecución. * Si bien PHP no obliga a quien lo usa a seguir una determinada metodología a la hora de programar (muchos otros lenguajes tampoco lo hacen), aun estando dirigido a alguna en particular, el programador puede aplicar en su trabajo cualquier técnica de programación y/o desarrollo que le permita escribir código ordenado, estructurado y manejable. Un ejemplo de esto son los desarrollos que en PHP se han hecho del Patrón de diseño Modelo Vista Controlador (o MVC), que permiten separar el tratamiento y acceso a los Datos, la Lógica de control y la Interfaz de usuario en tres componentes independientes.
JAVA	Es un lenguaje de programación con el que podemos realizar cualquier tipo de programa. En la actualidad es un lenguaje muy extendido y cada vez cobra más importancia tanto en el ámbito de Internet como en la informática en general. Está desarrollado por la compañía Sun Microsystems con gran dedicación y siempre enfocado a cubrir las necesidades tecnológicas más punteras. Una de las principales características por las que Java se ha hecho muy famoso es que es un lenguaje independiente de la plataforma. Eso quiere decir que si hacemos un programa en Java podrá funcionar en cualquier ordenador del mercado. Es una ventaja significativa para los desarrolladores de software, pues antes tenían que hacer un programa para cada sistema operativo, por ejemplo Windows, Linux, Apple, etc. Esto lo consigue porque se ha creado una Máquina de Java para cada sistema que hace de puente entre el sistema operativo y el programa de Java y posibilita que este último se entienda perfectamente. La independencia de plataforma es una de las razones por las que Java es interesante para Internet, ya que muchas personas deben tener acceso con ordenadores distintos. Pero no se queda ahí, Java está desarrollándose incluso para distintos tipos de dispositivos además del ordenador como móviles, agendas y en general para cualquier cosa que se le ocurra a la industria. Sun describe al lenguaje Java de la siguiente manera: Simple Orientado a Objetos Tapado estáticamente Distribuido Interpretado Robusto Seguro de Arquitectura Neutral Multadillo con Recolector de basura (Garbare Colector) Portable De Alto Rendimiento: sobre todo con la aparición de hardware especializado y mejor software. Todas esas características pueden servir para describir el lenguaje. Todas ellas son importantes, sin embargo cabe destacar tres, que son las que han proporcionado tanto interés por el lenguaje: la portabilidad, el hecho de que sea de arquitectura neutral y su simplicidad. Java ofrece toda la funcionalidad de los lenguajes potentes, pero sin las características menos usadas y más confusas de éstos.

A continuación encontrará algunos sitios en los que puede acceder para la creación de sus páginas web o blog, son asistentes fáciles de manejar y lo mejor. Gratuitos!!!!

Sitios	Características	Link
WEBNODE	·  Es gratis. Tanto el gestor de contenido, como las plantillas y el alojamiento son gratuitos. ·  Se puede tener la web lista en sólo 5 minutos. Incluye diseño gráfico moderno y contenido profesional preparado por especialistas. ·  Se puede tener la web bajo su propio dominio (p.ej. www.mipagina.com), o registrar un nombre de dominio nuevo a través de Webnode. ·  Utilizar Webnode es rápido y sencillo. Sin necesidad de conocimientos técnicos ni instalaciones. Sólo registrarse y empezar a construir. ·  Se elige entre una amplia variedad de plantillas de diseño profesional.	http://www.webnode.es/
GALEÓN BASIC	·  15 MB de espacio para alojar tu página web ·  2,5 GB mensuales de transferencia ·  2 direcciones para tu página web ·  Administración por web ·  Asistente con plantillas para principiantes ·  Editor HTML ·  Cuenta de e-mail ·  Álbum de fotos ·  Blog con Wordpress ·  Accesorios para tu página ·  Se promociona la página en la Guía Galeón ·  Es gratis	http://galeon.hispavista.com/
PaginaWebGratis.es	·  El servicio es gratuito ·  El uso es realmente fácil. ¡No es necesario tener conocimientos previos en programación ·  Con la creación de la página web se obtendrán extras como un formulario de contacto, galería de imágenes, contador de visitas y otras estadísticas sobre la web. ·  Hasta 1 GB de espacio de almacenamiento para la página web	http://www.paginawebgratis.es/
WIX	·  Fácil, rápido, increíble. Sin necesidad de códigos. ·  Wix es un editor web que ofrece avanzadas capacidades HTML5 con la sencilla tecnología de arrastrar y soltar. ·  Cientos de Hermosos Diseños. Ya sea que necesites un sitio web de negocios o personal. ·  Hosting profesional 100% Gratis. Wix provee el mejor y más confiable hosting.	http://es.wix.com/
YOLA	·  Se puede crear gratis y en minutos un sitio web profesional. ·  No se requieren conocimientos técnicos ·  Escoge entre cientos de estilos profesionalmente diseñados y completamente personalizables. ·  Los usuarios avanzados pueden fácilmente editar imágenes en línea, así como agregar código HTML, JavaScript y edición CSS en todo el sitio. ·  Todos los paquetes incluyen estadísticas del sitio. ·  Extiende tu alcance a través de la publicación de tu sitio web en teléfonos móviles, en Facebook y en la web. ·  Obtén un nombre de dominio personalizado en Yola o utiliza uno que ya tengas. Protege tu marca, ten una apariencia profesional y se recordado.	https://www.yola.com/
Blogspot.es	·  Crear y publicar en el blog es totalmente GRATIS ·  Sin Spam. Se incluyen controles y herramientas para mantener este tipo de acciones lejos del blog. ·  Disponible en cualquier dispositivo.	http://blogspot.es/