{"id":24233,"date":"2017-11-24T14:47:44","date_gmt":"2017-11-24T12:47:44","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=24233"},"modified":"2017-11-24T14:47:44","modified_gmt":"2017-11-24T12:47:44","slug":"como-crear-una-web-con-sitepad-website-builder-en-hostinet","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/softaculous\/como-crear-una-web-con-sitepad-website-builder-en-hostinet\/","title":{"rendered":"C\u00f3mo Crear una Web con SitePad Website Builder en Hostinet"},"content":{"rendered":"
<\/div>

\n\t\"C\u00f3mo\n<\/p>\n

\n\tUno delos mayores retos a los que se enfrenta un usuario cuando adquiere un hosting es crear la página web<\/strong>.\n<\/p>\n

\n\tNo hace mucho tiempo, si no se tenían conocimientos de HTML, PHP, CSS, etc… era muy difícil crear un sitio web con aspecto profesional, pero hoy en día esto ha cambiado.\n<\/p>\n

\n\tExisten aplicaciones conocidas como builder<\/em> con las que un usuario puede crear un sitio web basándose en arrastrar y soltar objetos<\/strong> y modificando plantillas preestablecidas.\n<\/p>\n

\n\tSi bien no son aplicaciones muy versátiles, si que son muy intuitivas<\/strong> y prácticamente cualquier usuario es capaz de crear un sitio web sencillo con unos pocos pasos.\n<\/p>\n

\n\tEn Hostinet<\/strong> ofrecemos una de estas aplicaciones a todos nuestros clientes llamada SitePad Website Builder<\/strong>\n<\/p>\n

\n\tDónde Encontrar SitePad Website Builder
\n<\/h2>\n

\n\tLa ampliación SitePad Website Builder<\/strong> viene en el paquete de aplicaciones disponible en Softaculous<\/strong> y como Softaculous está instalado en todos los alojamientos Linux compartidos que ofrecemos en Hostinet, todos tiene acceso a este builder<\/em>.\n<\/p>\n

\n\tAntes de nada hay que aclarar que esta aplicación sólo sería válida para crear un sitio web sencillo<\/strong>, presencial y que no requiera actualizaciones constantes en el contenido, para eso existen otras opciones como WordPress, pero puede serle útil a cierto tipo de clientes que sólo necesiten un sitio sencillo.\n<\/p>\n

\n\tSitepad<\/strong> lo podemos encontrar dentro de Softaculous, así que para empezar a usarlo debemos ir a la aplicación desde cPanel<\/strong>.\n<\/p>\n

\n\tSi no se recuerda cómo entrar en cPanel<\/strong>, esta guía<\/a><\/em> lo indica.\n<\/p>\n

\n\tUna vez dentro de cPanel debemos buscar la aplicación de Softaculous, que podemos encontrar en la sección de Software<\/strong>\n<\/p>\n

\n\t\"icono\n<\/p>\n

\n\tUna vez dentro de Softaculous hay que fijarse en el menú lateral izquierdo, en la parte superior deberíamos ver SitePad Website Builder<\/strong>. En caso de no encontrarla se puede utilizar el buscador.\n<\/p>\n

\n\tSi hacemos click en SitePad Website Builder<\/strong> no abrirá una nueva ventana donde podemos ver todas las opciones que ofrece.\n<\/p>\n

\n\tPara empezar a utilizar SitePad, hay que pulsar en Get Started<\/strong>\n<\/p>\n

\n\t\"sitepad\n<\/p>\n

\n\tCómo Crear un Sitio Web con SitePad
\n<\/h2>\n

\n\tAntes de empezar a diseñar<\/em> el sitio web con SitePad, hay que realizar algunos cambios en la configuración.\n<\/p>\n

\n\tPor ejemplo, en la parte superior derecha nos permite cambiar el idioma.\n<\/p>\n

\n\tTambién tenemos que decidir dónde queremos publicar el sitio web, para eso podemos hacer click en el lapiz que aparece en el segundo aviso.\n<\/p>\n

\n\t\"sitepad\n<\/p>\n

\n\tSe puede seleccionar el dominio en el caso que tengamos más de uno en el servidor y también permite seleccionar un directorio, en el caso de que queramos que se publique en wwwMiDominio.info\/blog<\/strong>, por ejemplo.\n<\/p>\n

\n\t\"sitepad\n<\/p>\n

\n\tUna vez elegida la URL ya podemos empezar a crear el nuevo sitio web.\n<\/p>\n

\n\tEn la parte izquierda tenemos un menú desde donde podemos movernos por las distintas opciones, escritorio, páginas, blog, etc… y según el menú que seleccionemos la parte central nos mostrará las opciones.\n<\/p>\n

\n\tPodemos empezar eligiendo un tema, para eso iremos a Temas<\/strong> en el menú lateral.\n<\/p>\n

\n\t\"sitepad\n<\/p>\n

\n\tLa versión de Sitepad que se usa es gratuita pero está limitada y sólo dispone de 15 temas en los que se pueden elegir. Todos los que tengan la etiqueta Premium<\/strong> no están disponibles.\n<\/p>\n

\n\tUna vez se haya elegido el tema se puede empezar a editar simplemente pulsando en Activar<\/strong> y en unos pocos segundos SitePad abrirá la página de edición del tema.\n<\/p>\n

\n\tEn la página de edición podemos ver un menú lateral a la izquierda donde podemos encontrar las distintas herramientas con las que modificar el diseño de la página.\n<\/p>\n

\n\tEn la parte central nos encontramos con todos elementos del diseño y si seleccionamos un de ellos se abre un inspector desde el cual podemos editarlo.\n<\/p>\n

\n\t\"editor\n<\/p>\n

\n\tPor ejemplo, si se selecciona un texto, podemos editarlo, cambiar de posición, la tipografía, etc…\n<\/p>\n

\n\tEn la parte superior podemos seleccionar la página a editar com la home, el pie de página (footer), la página de contacto, etc…\n<\/p>\n

\n\tY en la parte superior derecha tenemos la opción de publicar la página, actualizar, realizar una vista previa o ver cómo se verá la página en distintos dispositivos.\n<\/p>\n

\n\tEl funcionamiento es muy sencillo. Si se quiere editar algo se selecciona y con el inspector se puede editar. Si queremos añadir algo, lo seleccionamos desde el menú izquierdo, lo arrastramos donde queramos y después lo editamos con el inspector.\n<\/p>\n

\n\tUna vez se haya terminado el proceso de edición, sólo hay que pulsar en publicar<\/strong> y dejar que SitePad se encargue del resto.\n<\/p>\n

\n\t\"publicar\n<\/p>\n

\n\tCuando termine la publicación podemos visitar el sitio web para ver como ha quedado y si requiere volver a editar.\n<\/p>\n

\n\tCon esto ya se habría publicado el sitio en Internet y la página web estaría disponible para todos.\n<\/p>\n

\n\tMás Opciones de Configuración en SitePad
\n<\/h2>\n

\n\tSitePad<\/strong> ofrece algunas opciones interesantes para terminar de configurar el sitio web publicado.\n<\/p>\n

\n\tEl menú de la izquierda nos ofrece algunas opciones que se deben revisar. Para eso iríamos al menú Ajustes<\/strong>\n<\/p>\n

\n\t\"ajustes\n<\/p>\n

\n\tEn Ajustes<\/strong> podemos encontrar varias opciones interesantes. Si se ha trabajado antes con WordPress las opciones son practicante idénticas, si no es así es bastante intuitivo.\n<\/p>\n