Crear una página web en código HTML es algo sorprendentemente fácil de aprenderincluso para personas no técnicas y algo a lo que le sacarás muchísimo partido, ya sea con webs hechas en HTML puro o cocss n webs basadas en WP, Blogger u otros CMS.

- ©

Tanto es así que, en un simple blog post como éste, ya puedes aprender lo suficiente para hacer cosas realmenteinteresantes en HTML y eso es precisamente lo que haremos el día de hoy.

Ahora bien, ya antes de ponernos con ello, debes preguntarte si crear páginas web en HTML es verdaderamente lo que necesitas.

Me explico: hoy en día hay dos vías de crear una web y sus páginas:

• La vía artesanal(la «antigua»): componer tu web a base de crear «a mano» el código HTML de cada una de esas páginas de tu página web y enlazarlas entre sí.
• La vía moderna: emplear un CMScomo, por poner un ejemplo, WordPress, trabajando de forma visual, sintener que codificar y maquetar el contenido en código HTML.

Hoy en día, las webs se hacen prácticamente en un 100 por ciento con CMS, la enorme mayoría con WordPress, que es la vía que te recomiendo encarecidamentepara crear tu página web.

Al final de este post, en el Anejo, tienes nuestro mega-tutorialque te enseña a crear una web con un diseño profesional por esta vía. Te invito a muchísmoque le eches una ojeada, no tiene desperdicio, te lo aseguro 🙂

Pero, ¿quiere decir esto que no tiene sentido que leas el resto de este artículo?

Obviamente no. Sigue teniendo muchísimo sentido aprender HTML. Si no, obviamente, no habría escrito este blog post 🙂

Por eso, si no tenías claro esto que te acabo de explicar, valora primero si crear páginas en HTML es lo más conveniente para tu casoo si te resulta conveniente más utilizar un Content Management System como Wordpress o bien Joomla.

Por eso, he incluido al final de este blog post un anejo dedicado a este tema que te ayudará a tomar la decisión adecuada (tienes el link al final de la tabla de contenidos).

¿Qué encontrarás aquí?

Ahora, centrémonos en el tema principal de este post: cómo crear una página web en HTML.

Existen muchos tutoriales en Internet que enseñan a crear una página web en WordPress. Tantos que puedes llegar a perderte.

Me considero un apasionado de WP. Llevo diez años creando páginas con este sistema y con este artículo me gustaría aclarar todas las preguntas que durante un buen tiempo me habéis consultado.

Utiliza esta guía para crear cualquier página Wordpress. Y ya sabes que si tienes alguna duda estaré encantado de responderte en el área de los comentarios o bien en ruben(a)siemprendes.com.

Empecemos desde el principio…

Menú para Impacientes

Back to top

1) ¿Qué es WordPress?

WordPress es un sistema de gestión de contenido, también llamado(CMS). Al principio se usaba únicamente para crear Blogs, mas con el tiempo se ha convertido en una de las mayores herramientas de creación web.

WordPress cuenta con unaque hace que cada vez sea más potente. Actualizan el sistema cada poco tiempo y a día de hoy puedes crear una página web de cualquier tipo.

WordPress es gratis y libre(con algún mas que ahora veremos). Se distribuye mediante.

En resumidas cuentas Wordpress es un gestor de contenido muy potente que permite publicar una página web sin necesidad de tener conocimientos de programación.

1.1) ¿A quién va Dirigido Wordpress?

Sin embargo WordPress no es para todo el mundo.

Hay bastantes personas que se dedican a “evangelizar” un sistema y lo defienden a capa y espada. Yo soy de la opinión que no hay una herramienta mejor o peor porque todo dependerá de la situación de cada uno para escoger entre una u otra.

Te aconsejo utilizar WordPress si…

• Tienes tiempo para invertir en aprender.
• Quieres ser único responsable de tu proyecto (la versión wordpress.org)
• Te quieres dedicar profesionalmente a crear páginas web.
• Quieres crear una web con una proyección media-alta.

NO emplees Wordpress si:

1.2) Diferencias entre Wordpress.com y WordPress.org

Antes de proseguir hay que dejar claro algo importante.

ofrece un servicio que permite crear una página web o bien weblog utilizando WP sin necesidad de contratar un alojamiento web ni un dominio. Se puede iniciar utilizar un dominio gratis de tipo tupaginaweb.wordpress.com. Este servicio es ofrecido por la compañía. Si quieres más o bien menos opciones tendrás que pagarsegún las necesidades de tu proyecto.

Back to top

1) Introducción

El propósito de este artículo es estudiar las etapas del diseño de una web o bien una aplicación informática y analizar cuál es el modo perfecto de proceder al acometer un proyecto, teniendo en cuenta además el momento actual en el desarrollo de webs y aplicaciones informáticas en el que hay multitud de dispositivos, algo que previsiblemente se acentuará en el futuro. Además, realizaremos una introducción a las primordiales herramientas que un diseñador puede usar para progresar la calidad de su trabajo y de su productividad.

Antes de nada, veremos qué es y que no es un sketch, un wireframe , un mockup y un prototipo, conceptos sobre los que hay bastante confusión y no deben ser confundidos unos con otros y sobre los que es complicado hallar información precisa. Esta confusión es singularmente relevante entre wireframe y mockup ya que muchos programas de ayuda en el diseño dejan hacer las dos actividades en exactamente el mismo programa. No sólo hay diferencias ideales entre unos y otros, sino también hay que tener en consideración pueden existir repercusiones económicas en un proyecto, puesto que usar uno u otro influye en la cantidad de horas de invertidas en el desarrollo/diseño y por tanto acrecentar los costes asociados.

Todos estos pasos son parte integral del proceso de diseño UX, y así a cada uno hay que darle la debida atención

Antes de pasar a la fase de desarrollo de un sitio o bien aplicación, es conveniente pasar por estas etapas preliminares. Estas etapas también permiten al equipo de trabajo y, a veces, para grandes proyectos, que algunos usuarios o los denominados beta-tester pongan a prueba la apariencia, estructura y funcionalidad antes de su lanzamiento.

Lo ideal es que estas etapas preliminares permitan localizar cualquier problema mientras está todavía en fase inicial y afinar así su diseño, estructura o bien funcionalidad, para comunicar su mensaje con más claridad.

Antes de continuar, hay que aclarar el significado de UX, si bien es algo conocido por los diseñadores, no lo es tanto por las personas que se están empezando en este sector.

Encontrar una definición consensuada para UX o experiencia de usuario(Usuario experience ), un concepto de tan reciente aparición en el campo del diseño no resulta fácil. Para Arhippainen y Tähti la Experiencia del Usuario es simplemente como la experiencia que consigue el usuario cuando interactúa con un producto en condiciones particulares. No obstante Knapp Bjerén la define como «el conjunto de ideas, sensaciones y valoraciones del usuario resultado de la interacción con un producto; es resultado de los objetivos del usuario, las variables culturales y el diseño del interfaz».

¿Cuánto cuesta una página web?

Si me pagaran un euro por toda vez que me hacen esta pregunta creo que sería una de las personas más ricas de España. Amancio Ortega temblaría únicamente con mi sola presencia, te lo digo yo.

Por eso publico el día de hoy este artículo: para responder a la pregunta del millón, a esa pregunta que me elabora la gente un día sí y otro también.

Y puede que te estés preguntando: “¿Jose, de veras es necesario todo un artículo para responder cuánto cuesta una página web?”

Pues amigo mío, la contestación definitiva y concluyentes es sí. Precisamente pues no es una contestación tan fácil de contestar sin tener datos sobre:

1. Qué tipo de serviciodeseas recibir.
2. A qué tipo de profesionaldeseas contratar.
3. Qué resultadoesperas conseguir.
4. Qué es lo que deseas realizaren tu página web .
5. Cómo deseas que se realice.
6. Cual es el volumen de trabajode lo que deseas efectuar.

Si te has quedado un tanto parado con esta contestación, apacible. Sólo hemos empezado a rascar la superficie. Simplemente te digo esto para meterte en contexto.

No deseo ni pretendo ser equívoco. Hoy deseo dejarte todo claro y responder a el interrogante de cuanto cuesta una página web como te he dicho al principio.

Vamos a analizar cada una de estas cuestiones paso por paso y al final te diré qué rango de costes manejo yo en función del tipo de servicio qué ofrezco a mis clientes.

Pero primero, quiero que entiendas por qué esta cuestión no puede responderse a la ligera, así que te lo explicaré mejor con un caso.

Índice de contenidos

Back to top

1) Cuánto cuesta una página web: el ejemplo con el que lo entenderás todo

Vale, vamos a olvidarnos durante un momento del “misterioso y desconocido” planeta en línea.

Imagina que te quieres adquirir una casa.

Para empezar, creo que no hay que explicar que no supone la misma inversión lo tener un humilde piso en un distrito obrero de una urbe que tener un chalet adosado o una casa de varias plantas.

O que no es lo mismo una casa en un pueblo pequeño de pocos habitantes que en el centro de una gran urbe como la capital de España o Barna.

O que tampoco es exactamente lo mismo estimar una casa en la playa que en la montaña.

Woocommerce VS PrestaShop: ¿Cuál es mejor?2018-04-trescientos 2 mil diecinueve-1.-10https://thesocialmediafamily.com/wp-content/uploads/2017/03/nuevo-logotipo-smf.pngThe Social Media Familyhttps://thesocialmediafamily.com/wp-content/uploads/2018/04/expedition-min-1.png200px200px

Hoy en día sabemos que no basta con tener nuestra tienda en el planeta online. Hay muchos factores que tomar en consideración en el momento de crear nuestra página web ecommerce: qué y cuántos productos vamos a vender, cuál va a ser el procedimiento de pago, cómo nos marchamos a posicionar en internet… En The Social Media Family no queremos que la improvisación juegue con tu dinero y deseamos arrojar algo de luz sobre cuáles son los mejores CMS para .

Para ello, nos hemos inspirado en 2 de las últimas jornadas más esenciales en este sentido: y . 2 estilos diferentes para comenzar con nuestro ecommerce desde cero. Vamos a adentrarnos en todos y cada una de ellas para saber cuál es la mejor para nuestro negocio.

Back to top

1) Las 7 razones por las que usar Woocommerce como CMS

Woocommerce es la forma más sencilla de crear nuestro ecommerce en Wordpress. Esta plataforma es un plugin desarrollado por Woothemes y recientemente adquirido por Automattic, la empresa de los creadores de WP. Mas vamos a las razones de peso:

¿Cuánto cuesta una página web?

Si me pagaran un euro por cada vez que me hacen esta pregunta creo que sería una de las personas más ricas de España. Amancio Ortega temblaría únicamente con mi sola presencia, te lo digo yo.

Por eso publico el día de hoy este artículo: para contestar a la pregunta del millón, a esa pregunta que me elabora la gente un día sí y otro también.

Y puede que te estés preguntando: “¿Jose, de veras es necesario todo un artículo para responder cuánto cuesta una página web?”

Pues amigo mío, la contestación rotunda y concluyentes es sí. Exactamente porque no es una contestación tan fácil de responder sin tener datos sobre:

1. Qué tipo de serviciodeseas recibir.
2. A qué tipo de profesionaldeseas contratar.
3. Qué resultadoesperas obtener.
4. Qué es lo que deseas realizaren tu web .
5. Cómo deseas que se realice.
6. Cual es el volumen de trabajode lo que quieres efectuar.

Si te has quedado un tanto parado con esta contestación, tranquilo. Sólo hemos comenzado a rascar la superficie. Simplemente te digo esto para meterte en contexto.

No quiero ni pretendo ser ambiguo. El día de hoy quiero dejarte todo claro y contestar a el interrogante de cuanto cuesta una página web como te he dicho al principio.

Vamos a examinar cada una de estas cuestiones paso por paso y al final te diré qué rango de precios manejo yo en función del tipo de servicio qué ofrezco a mis clientes del servicio.

Pero primero, deseo que entiendas por qué esta cuestión no puede responderse a la ligera, así que te lo explicaré mejor con un caso.

Índice de contenidos

Back to top

1) Cuánto cuesta una página web: el ejemplo con el que lo entenderás todo

Vale, vamos a olvidarnos durante un momento del “misterioso y desconocido” planeta on-line.

Imagina que te quieres adquirir una casa.

Para iniciar, creo que no hay que explicar que no supone exactamente la misma inversión lo tener un humilde piso en un distrito obrero de una urbe que tener un chalet adosado o una casa de varias plantas.

O que no es exactamente lo mismo una casa en un pueblo pequeño de pocos habitantes que en el centro de una gran ciudad como la villa de Madrid o bien Barcelona.

O que tampoco es lo mismo querer una casa en la playa que en la montaña.

Cuando pregunto a distintos empresarios y autónomos sobre la necesidad de una tienda on line, a diario escucho varias contestaciones sobre comercio electrónico y la inutilidad de una tienda on-line para cualquier negocio activo:

“Quiero cobrar mucho y rápido, ya, no deseo trabajar más, pues una tienda on-line requiere mucho tiempo y no es rentable (no es útil) para mi negocio”
“Tengo suficientes clientes del servicio en mi tienda física, las personas prefieren venir y probar las prendas para no confundirse con la talla, etc”
“No puedo sostener mi web pues es muy complicado y caro, debo buscar otra persona a fin de que se haga cargo de todo eso. Puedo estropear algo y tengo miedo”
“La tienda electrónica no es para mí – ya tengo un grupo en Facebook y la cuenta en Instagram, es bastante”

Después de todas estas contestaciones, explico, que cada negocio moderno, tiene que amoldarse para las nuevas necesidades del cliente.

Cada año el comercio electrónico está medrando – en un futuro vamos a pasar del comercio tradicional al comercio electrónico y dentro de poco adquiriremos pan por Internet.

Las tiendas en línea siempre y en toda circunstancia abren nuevas posibilidades a tu negocio.
Es una herramienta empresarial económica para un mercado y un canal de distribución potente, para diferentes productos y servicios.

Una gran ventaja de la tienda online o sitio es la captación de nuevos clientes – una web contiene información acerca de la empresa y sus productos, ofreciendo un mejor servicio a los visitantes.
Si no tienes tienda en línea o bien sitio web, eres invisible para clientes del servicio potenciales que prefieren ahorrar su tiempo y dinero navegando por la Red y buscando información útil sobre la reforma de una casa, un vestido para una fiesta o comunión, planear viajes, reservar regalos de Navidad y adquirir productos ofertados.

Con la tienda virtual o web, los clientes te buscarán a ti, sólo tienes que delimitar el grupo de clientes del servicio potenciales y ocupar tu nicho electrónico.

Antes sólo las grandes empresas podían tener una tienda online porque el soporte y software informático costaba mucho, ahora hay tiendas en línea económicas con perfección adaptadas para las necesidades de las pequeñas empresas.

La compra-venta on line cada año evoluciona y mejora – es muy atractiva la posibilidad de adquirir los productos y servicios desde una tienda en línea o sitio web, estando en casa y fuera del horario de apertura de una tienda física.

Back to top

1) Tienda física contra tienda virtual: ¿por qué precisas una tienda online?

Cuando pregunto a distintos empresarios y autónomos sobre la necesidad de una tienda on line, diariamente escucho múltiples respuestas sobre comercio electrónico y la inutilidad de una tienda virtual para cualquier negocio activo:

“Quiero cobrar mucho y rápido, ya, no quiero trabajar más, pues una tienda on line requiere un buen tiempo y no es rentable (no es útil) para mi negocio”
“Tengo suficientes clientes del servicio en mi tienda física, las personas prefieren venir y probar las prendas para no confundirse con la talla, etc”
“No puedo mantener mi web pues es muy complicado y costoso, tengo que buscar otra persona para que se haga cargo de todo eso. Puedo estropear algo y tengo miedo”
“La tienda electrónica no es para mí – ya tengo un conjunto en Facebook y la cuenta en Instagram, es bastante”

Después de todas y cada una estas contestaciones, explico, que cada negocio moderno, debe amoldarse para las nuevas necesidades del cliente.

Cada año el comercio electrónico está medrando – en un futuro pasaremos del comercio tradicional al comercio electrónico y dentro de poco compraremos pan por Internet.

Las tiendas en línea siempre abren nuevas posibilidades a tu negocio.
Es una herramienta empresarial económica para un mercado y un canal de distribución potente, para diferentes productos y servicios.

Tienda física VS Tienda online: ventajas y desventajas

Una gran ventaja de la tienda en línea o bien sitio web es la captación de nuevos clientes del servicio – una web contiene información acerca de la compañía y sus productos, ofertando un mejor servicio a los visitantes.
Si no tienes tienda en línea o sitio, eres invisible para clientes potenciales que prefieren ahorrar su tiempo y dinero navegando por la Red y buscando información útil sobre la reforma de una casa, un vestido para una fiesta o comunión, planear viajes, reservar regalos de Navidad y comprar productos ofertados.

Con la tienda on line o bien web, los clientes te buscarán a ti, sólo debes definir el conjunto de clientes del servicio potenciales y ocupar tu nicho de mercado electrónico.

Antes sólo las grandes empresas podían tener una tienda virtual por el hecho de que el soporte y software informático costaba mucho, ahora hay tiendas en línea económicas de forma perfecta adaptadas para las necesidades de las pequeñas empresas.