Transcripciones
1. Introducción: Hola. Mi nombre es Camille. Condena Makhaya y bienvenido a mi curso de escultura donde te estaré ayudando a construir y publicar tu propia página web de Weebly. En 2015 decidí iniciar un blawg y para ello tuve que averiguar cómo construir mi propio sitio web con cero conocimiento de codificación. Después de mucha investigación, decidí que creemos que sería la mejor opción para mí. Ahora también necesitas hacer lo mismo. Asegúrate de hacer investigaciones basadas en tu presupuesto y en tus necesidades para averiguar qué plataforma será el mejor lugar para iniciar tu sitio web.
2. Definir tu negocio y objetivos: antes incluso de empezar a abrir el sitio web de Weebly, hay un par de cosas que necesitas para descifrar 1er de todo, ¿tienes el tiempo y la energía para construir? Su página web generalmente me lleva alrededor de 10 a 12 horas y montones y montones de ediciones para construir un sitio web si no estás preparado para hacer este compromiso que definitivamente buscar a un profesional. Pero aunque vayas a buscar a un profesional,
es una buena idea que entiendas lo que están haciendo en el back-end de tu página web. Lo segundo que debes averiguar es ¿cuál es el propósito de tu página web? Es necesario vender un producto, crear conciencia sobre un evento o una marca. Esto te ayudará a decidir cuál es el mejor formato para tu sitio web, así que asegúrate de resolverlo desde el principio. Una vez que lo hayas descubierto, entonces podrás empezar a hacer un plan aproximado de toda la información que necesitas tener en tu página web. Después de hacer todo esto, entonces podrás iniciar el proceso de investigación para decidir el diseño de tu sitio web. Personalmente, me gusta usar Pinterest y Google para averiguar cómo quiero que se vean mis sitios web. Si estoy haciendo investigaciones más amplias que voy a Pinterest y buscaré algo como sitio web o diseño de página de inicio. Busco algo más específico de lo que iré a Google y buscaré algo así como las 100 mejores sin ánimo de lucro de un país en particular. Y a partir de ahí pasaré por cada uno de sus sitios web para decidir qué funciona mejor para ello. El área de interés en la que estoy trabajando. Ahora que has compilado toda la investigación, puedes crear una lista aún más larga de todo lo que vas a tener en este sitio web . Por lo que eso incluye la información que enumeraste antes, así
como los colores, el logotipo y cualquier idea de diseño que te hayas planteado hasta ahora. Ahora es momento de empezar a construir tu página web
3. Ajustar tu sitio web: Ahora es el momento de convertir toda esa investigación que has hecho en un sitio web aquí. Se le puede ver que creemos dot com y qué harías si no tienes un
conteo semanal ya un registro. Ya tengo uno. Entonces voy a seguir adelante e iniciar sesión. Una vez que quieras entrar, eres bienvenido por el panel semanal. Como pueden ver en mi tablero está abierto al bloque del que hablé
hace un par de lecciones . Ahora lo que voy a hacer es agregar sitio. Ya que no estamos trabajando en este bloque y me va a preguntar qué tipo de sitio web estoy creando, no
quiero un sitio web con la tienda sin tienda para este proyecto, vamos a crear un sitio web sencillo sin tienda. Entonces tienes la opción de elegir un tema para tu página web de Weebly. Voy a seguir adelante y escoger una que tenga una imagen de cabecera que va hasta la cima. Entonces este de aquí, alto p realmente no importa cuál escojas en este punto porque siempre puedes cambiar tu tema de la semana más adelante, incluso después de que publicas tu sitio web, puedes cambiar tu cosa semanal. Muy bien, he ido adelante y escogido High Peak como mi equipo de elección. Y me da la bienvenida el editor weebly. Entonces me está preguntando qué quiero Mi nombre de dominio sea tu nombre de dominio es tu fuera. Eso aparece en la parte superior de tu página. Es como la gente te encontrará en Internet. Por lo que quieres asegurarte de que escojas un nombre que sea fácil de deletrear y fácil de pronunciar. Yo voy con hacer limonada. Ahora veamos si eso está disponible. Por lo que acabo de poner en hacer limonada y hago clic en Buscar. Como puedes ver, te
da un par de opciones de lo que podría poner como mi nombre de dominio. Voy a ir con este sub dominio, que está haciendo limonada dot weebly com, Y voy con eso porque esa es una versión gratuita. Si alguna vez quiero conectar un dominio que ya poseo, eso es solo hacer limonada dot com o actualizar mi web weebly para poder comprar un dominio desde ultimamente. Eso lo puedo hacer más adelante, pero por ahora no nos vamos a preocupar por eso. Realmente solo queremos configurar este sitio web, así que parece que me equivoqué. En realidad dice que este nombre de dominio no está disponible. Esto significa que no hay haciendo limonada de que nos punto com por ahí en alguna parte. Entonces necesito hacer un cambio. Por lo que voy a llamarlo haciendo blawg de Limonada o el Bloque de Hacer Limonada. Hagámoslo, y veremos si eso está disponible. El hacer limonada block dot willie dot com está disponible. También está disponible como punto com, lo que significa que cuando estoy listo para actualizar, no
he cambiado de nombre. No me preocupo por nada de eso. Yo solo actualizo bien. Está todo configurado, y ahora es el momento de empezar a diseñar el sitio web.
4. Los fundamentos del sistema de Weebly: Lo principal que debes saber sobre Weebly y la mayoría de las demás herramientas de diseño por ahí es que operan en un sistema de arrastrar y soltar. Todo lo que significa es que cuando quieres absolutamente, tu sitio web todo lo que tienes que hacer es arrastrar un elemento de este menú, barra lateral a tu página así, y soltarlo y aparecerá. Y luego, a partir de ahí haces clic aquí para editar. Si ya no quieres ese elemento, haces clic en la X en la esquina superior derecha, y solo tienes que seguir adelante y eliminar eso. Y si realmente te gusta el equipo con el que estás trabajando, siempre
puedes solo editar los diferentes elementos que ya forman parte del tema. Entonces si solo quería cambiar este fondo de una montaña a un conjunto de limones, todo lo que hay que hacer es pincharlo en un fondo y lugar de Bear. Me pregunta de dónde me gustaría reemplazarlo. Voy a subir una foto desde mi computadora, y la tengo en mis bajos bajos, y me dieron esta imagen de stocks app dot io. Esta es una gran herramienta gratuita donde podrás obtener fotos de stock de forma gratuita que estén libres de derechos de autor. No tienes que dar atribución por estas fotos. Si no puedes encontrar un lugar para en tu sitio web, sin embargo, siempre
es útil para un fotógrafo si le das el dedo del pie a Activision al menos el sitio donde publicaron sus imágenes. Como pueden ver, mi foto de limones ha aparecido y voy a seguir adelante y sólo darle a esto un 10% de desenfoque ahora. Por lo general, yo editaría mis fotos un poco más que esto porque no quieres que tus fotos de stock se vean como fotos de stock. Por lo general utilizaría una herramienta gratuita en Canada dot com o pague herramienta light photo shop. De acuerdo, tengo el desenfoque del 10% ahí, y sólo voy a seguir adelante y ahorrar eso. Lo siguiente que quiero hacer, que probablemente debería haber sido lo primero que hice, es editar este título del sitio en la parte superior. Ahora, creemos, te
da una opción o bien poner un logotipo o texto. No tengo un local para mi sitio web, así que solo voy a editar el texto, así que voy a cambiar este texto aquí arriba. Teoh haciendo limonada. Puedo seguir adelante y cambiar este encabezado donde dice explorar 14 K a algo que coincida con mi marca un poco más. Entonces voy a cambiar eso por porque la vida no siempre es una caja de chocolates y este texto es un poco grande para mí. Entonces lo que voy a hacer es reducir el tamaño. Todo, si lo haces, es resaltar todo. Por lo que puedo o arrastrar mi cursor sobre todo el texto o hacer control a o comando a. Y entonces voy a hacer clic en este menos simple. Dice Disminuir tamaño de fuente. Ahora eso es un poco pequeño. Entonces voy a aumentar el tamaño de la fuente y actualmente eso es lo más grande que puedo hacerlo y podemos hacer cambios que más adelante. Pero esto es lo suficientemente bueno por ahora. Realmente ya no quiero este cuadro de texto aquí donde habla de recorridos de montaña. Entonces en lugar de eliminarlo y seguir teniendo este cuadro de texto aleatorio en mi página web, voy a hacer clic en esta X como ya hablé antes. Otra característica que puedes ver aquí se llama espaciador. Ahora todo lo que hacen los espaciadores es agregar espacio entre dos elementos. El espacio sólo se puede agregar horizontalmente. Desafortunadamente, no se
puede agregar espacio verticalmente. Entonces voy a seguir adelante y eliminar este espaciador. En realidad hay dos de ellos. Vamos a ir tres, vamos a seguir adelante y deshacernos de todos estos. Si te
desplazas hacia abajo, verás que también hay otro espacio aquí en el camino que puedes contar. Es decir cuando se pasa el cursor sobre un área en particular, aparece
una caja azul y eso te dice cuál es el elemento y qué tan grande es el elemento aquí. Se puede ver que tengo este cuadro de texto y se trata de este tamaño un rectángulo. Tengo este botón. También ocupa mucho espacio. Y también tengo este espacio. Como puedes ver, va bastante lejos hacia abajo. Nos vamos a deshacer de eso para que podamos hacer que esta imagen de cabecera sea un poco más pequeña. Como puedes ver, la imagen del encabezado sigue siendo bastante grande. Entonces lo que voy a hacer para ajustar eso es dar click en la imagen. Cuando hago eso, puedes ver que hay una opción para editar fondo o reemplazar el diseño del encabezado. No voy a hacer ninguna de estas cosas. Voy a arrastrar mi cursor hasta el punto azul y voy a arrastrar hacia arriba para redimensionar de nuevo. Esto es muy útil que creemos opera en un sistema de arrastrar y soltar. Por lo que no tengo que preocuparme por h m o el CSS. Hace todo eso en segundo plano para mí va a hacer eso un poco más pequeño. Cuando te
desplazas hacia abajo, ves que hay muchos otros elementos en esta página. No me voy a preocupar por eso por ahora. Pero si fuera a estar haciendo viejo este sitio web que necesitaba ser, probablemente
me desharía de todos los de y empezaría desde cero para hacer eso, lugar de volver a borrar cada elemento individualmente, voy a dar clic en el área de la parte superior parte de lo que parece una sección, y tengo la opción de eliminar realmente todo lo que hay en esta área. Si cocino aquí en la imagen de los limones, se
puede ver que la sección es de esta línea azul hacia arriba hasta la misma parte superior. Cuando hago click abajo que veo una sección diferente, y esta sección comienza en esta línea azul y va todo el camino hacia abajo a este círculo azul. Entonces me voy a deshacer de esa sección, y todo lo que tengo que hacer es hacer clic en eliminar. Si encuentras que tus secciones alguna vez se desordenan o quieres volver a cambiar la capa de tu sitio web, no
necesitas mover cada elemento de forma individual. Entonces, por ejemplo, si decidí que quiero que esta imagen de la montaña esté por debajo de mis tarifas, voy a seguir adelante y encontrar donde empieza la sección justo encima de la imagen de la montaña. Voy a dar clic en Mover Now, Esto me da la opción de moverlo a una página diferente de esta página o simplemente copiar la sección. Y si encuentras que tienes un layup que necesitas duplicar varias veces en una página o varias páginas, es más fácil usar esta función de copia que intentar recrear manualmente estos diseños en cada página. Entonces lo que voy a seguir adelante y hacer es mover esta imagen igual que puedes ver cómo se va a mover hacia abajo y voila, toda
la sección se mueve hacia abajo, y ahora mis tarifas están por encima de esta imagen
5. Cada herramienta en el menú de Weebly Builder: realmente rápidamente. Vamos a repasar las diferentes funciones de los elementos que ves en esta
barra lateral del menú . Y a partir de ahí estás listo para crear tu primera página en tu sitio web de weebly. Entonces aquí tienes el título. Este es sólo un cuadro de texto que es un poco más grande que un cuadro de texto normal. Entonces ese es tu título. Entonces tienes tu cuadro de texto que son tus párrafos regulares y la presentación de diapositivas de la galería de imágenes son todos perfectos para subir imágenes a tu sitio web. El único que es diferente entre estos tres elementos es el diseño en el que se subirán tus fotos. El elemento de imagen sube fotos individuales, la galería, varias fotos y la presentación de diapositivas múltiples fotos, pero dentro de una presentación de diapositivas, entonces tienes el mapa. Esto es genial para poner en la parte inferior de tus páginas o en sobre mí páginas para que la gente sepa dónde encontrar tu negocio. próximo año, el formulario de contacto en el formulario de newsletter, cual dirigirá las entradas a tu correo electrónico que le des. Esto es genial para las personas que quieren aprender más sobre su negocio. Me gustaría unirme a tu newsletter, entonces tienes el botón e incrustar código el botón, puedes ver un puro, dice ver tours. Simplemente te da una opción para dirigir a las personas a una página diferente o a un sitio web
diferente una manera visualmente atractiva. Eso es todo lo que es el botón. Entonces tienes código de inserción. Si estás usando la versión gratuita de Weebly de lo que no pudiste subir video HD, sin embargo puedes incrustar código. Esto no es tan complicado como suena para este ejemplo. Vamos a seguir adelante y subir un video de YouTube a este sitio. Ahora el video de YouTube no tiene nada que ver con hacer limonada, pero vamos a seguir. Todo lo que tienes que hacer es abrir YouTube y encontrar el video que quieres subir. Para efectos de este proyecto, voy a subir un video que creé sobre hacer papas fritas. Entonces todo lo que tengo que hacer es ir al video en YouTube, clic en el botón compartir, y en lugar de copiar esta puerta afuera, voy a dar click en la cama. Ahora tuba me da un código HTML que luego puedo incrustar en mi página web. Todo lo que tengo que hacer es copiar este código, volver al sitio web y arrastrar esta función de código incrustado sobre. Y dondequiera
que aparezca la línea azul, ahí es donde se va a incrustar el código. Entonces aquí dice click html personalizado. Hago eso y pego en mi boca HD personalizada. Una vez que hago clic fuera de él, mi video de YouTube está ahí. A mí me gustaría que se centrara,
así que vuelvo a hacer clic en él y cambio la posición a centrar. No se puede decir aquí todavía, pero una vez que esta página se vuelva a cargar y quiera publicarla, este video estará centrado. Eso es todo lo que tienes que hacer para subir video HD si estás usando semanalmente de forma gratuita. Si tienes la versión pagada de semanal, puedes usar esta función de video HD o la función de audio, dependiendo de lo que necesites y seguir adelante y recto. Sube el video y audio que necesites en tu página web, igual que lo harías una imagen o una galería de imágenes. Después de estos elementos básicos, tienes los elementos de estructura. En primer lugar tenemos el elemento de sección ahora hablamos de ello, pero quizá no te hayas dado cuenta de que una sección es solo un trozo de información que has decidido agrupar Así que para esto tienes esta sección aquí mismo donde dice próximo camina y baja al punto azul Entonces tienes este tramo de la montaña y baja al punto azul también. Por lo tanto, las secciones son geniales para cuando quieres que toda tu información esté en un solo lugar y fácilmente movible. Entonces, por ejemplo, aquí quería que todas las tarifas en cualquier cosa que tenga que ver con las tarifas estuvieran juntas para que si
alguna vez decido mover esto a una página diferente, simplemente
pueda mover esta sección en lugar de intentarlo. Teoh copia sólo ciertos elementos de una sección. Sólo puedo copiar toda la sección y terminarlo con ella. Por lo que las secciones son una gran herramienta de organización. Después de sección tienes divisor divisor proporciona una línea horizontal realmente atractiva visualmente . Eso es todo. Tristemente, nosotros no
apoyamos las líneas verticales en este momento utilizando esta función, pero ojalá en el futuro lo hagan. Entonces tenemos este divisor. Voy a dejarlo ahí por ahora. Y entonces tenemos espaciadores. Hablamos del espacio. Ahí está proporcionan espacio horizontal entre dos elementos así que si decido eso porque hay este gran espacio entre la palabra próxima caminata y aventuras impresionantes. Pero también quiero que haya un gran espacio entre este divisor y este videos de YouTube que son iguales. Puedo seguir adelante y poner ah, espacio o en una vez los espaciadores en Oh, esto es bastante parejo. Pero digamos que no fue parejo. Puedo seguir adelante y hacer el espacio o más pequeño o más grande, dependiendo de mis necesidades. Voy a seguir adelante y dejarlo ahí. Y como pueden ver, ya
lo mencioné antes. Pero el espacio entre las dos alturas próximas y aventuras impresionantes no es del todo igual. Y como esta es una imagen que es un poco difícil para mí ajustar, tendría que ajustar eso en photoshop o Canadá. Pero otra cosa que podría hacer es cambiar el espaciado de esta imagen. Entonces hago clic en el espaciado de clics de imagen, y no quiero que haya un margen inferior. Está bien, ese espacio se ve un poco más parejo, así que voy a dar clic fuera de Element, y estoy más feliz con eso. Entonces voy a seguir adelante. Tenemos su siguiente sección de elementos que tiene es la sección de medios. Ya hablamos de video y audio HD. Yo personalmente no uso scripted, pero de nuevo, todo lo que tienes que hacer es arrastrar y soltar una subida o enlace usando un tu out, y eso va igual para el resto. Aquí, también
puedes usar el tú para funcionar para subir videos de YouTube. Pero si utilizaras una plataforma diferente como Mimi O, entonces necesitarías seguir usando la función de código de inserción y el código de cama también es genial para cuando quieras agregar una pegatina o un medallón de metal de algún tipo a tu página web para certificar eso es auténtico, entonces el código incrustar es una gran opción. De acuerdo, vamos a seguir desplazándonos e ir al comercio electrónico porque no es un sitio web de comercio electrónico . No me preocupa esto, pero te permite agregar productos y poner tus productos dentro de categorías. Eso es lo que es. Y una vez que tengas tus productos en categorías que esta función aquí mismo te permite
enumerar esas categorías en cualquier página en la que la gente pudiera hacer clic. Voy a esa categoría de producto finalmente, tenemos ser más sección. Puedes agregar un cuadro de búsqueda tu página web si actualizas tu plan. De lo contrario, en la versión gratuita de Weebly, no se
puede utilizar la función de cuadro de búsqueda. Eso es lo que significa este pequeño relámpago. Corresponde a este botón de actualización justo aquí en tu esquina superior derecha. Después tienes un bloque de cotización de bloque. Ay es genial para cuando tienes testimonios o cualquier otro texto destacado que quieras
mostrar . Entonces solo te voy a mostrar cómo se ve eso. Lo pondremos aquí y vamos a decir las mejores papas fritas que he comido. Y luego vamos a decir comentarista de YouTube 2020. Genial. Y puedo cambiar el tamaño del impuesto como hice con el párrafo y el texto del título. Y ahí tienes tu caja de cotizaciones. De acuerdo, iconos
sociales. Los iconos sociales son exactamente lo que suena. Es una forma para que agregues iconos sociales. Estos son tus iconos de redes sociales. Lo más probable es que los pondría en la parte inferior de su página. Entonces para esto, en realidad
voy a añadir una nueva sección al fondo. Entonces todo lo que tengo que hacer es arrastrar y soltar esta sección genial. Y ahora dice elementos de drogas aquí porque es una sección en blanco. Voy a añadir iconos sociales. Una vez que añadas tus iconos sociales, puedes entrar al editor y gestionarlos. Entonces lo voy a hacer personalmente. No tengo un LinkedIn. Alguien apaga eso y me gustaría añadir un YouTube, así que voy a encenderlo. Entonces puedo entrar en cada uno de estos iconos activos y añadir el euro que necesito. Voy a seguir adelante en el centro, alinear toda esta sección, y desde aquí puedo copiar los iconos sociales de cada una de mis páginas en lugar de tener que arrastrar y soltar en cada página. Todo lo que tiene que hacer es ir a la esquina superior fuera, clic a esta flecha, y en lugar de moverme, voy a copiar a todas las páginas donde necesitaba copiado. Ahora tenemos la nuestra forma de BP y estos elemento de encuesta. Estas son dos formas para que recojas información de los usuarios de tu sitio web, al
igual que las otras dos formas de las que hablamos antes. Entonces todo lo que tienes que hacer por estos, como cualquier otro elemento es arrastrar y soltar. Y una vez que arrastras y sueltas, por ejemplo ,
este formulario R B P, te van a dar opciones de cómo quieres personalizarlo. Entonces da click aquí para editar y podría decir, haciendo limonada en vivo. Es un evento. Entonces las personas pueden responder si llegan o no al evento y a cualquier huésped adicional que tengan. Puedo entrar en cada uno de estos cuadros de texto y cambiar los títulos y hacer pequeñas ediciones a ellos como necesito a Teoh. Por lo que es muy, muy personalizable. Voy a seguir adelante y sólo dejar eso ahí. El otro formulario de la que hablé fue el formulario de encuesta Alice. Encuesta es exactamente lo mismo, pero en encuesta para después de eso tienes la opción Abdul at. Dado que esto permite generar ingresos a partir de su sitio web con el uso de anuncios de Google, el último elemento de esta sección es el elemento cookie opt out. Esto permite a sus usuarios optar por no participar en el uso de cookies. Esto es importante tener ya sea esto o un banner en ejecución en la parte inferior, que todo sitio web Weebly poco probable. Tener que permitir que las personas decidan qué información puedes y no puedes recolectar de ellas. Bajo que tengas una sección adicional llamada APS instalada, y esto te permite agregar ABS a tu página web que creemos no necesariamente ha hecho. Pero terceros han puesto y puesto a disposición de los usuarios weebly thes air. Genial. Si quieres algo así como un botón de desplazamiento hacia arriba para que cuando la gente escuche muy lejos a tu página web, puedan simplemente hacer clic en el botón. Escuela como esta significa que no tienes que preocuparte por agregar ningún código adicional. A diferencia de hace unos años en weebly, cuando tenías que actuar en código. Si quisieras tener tal botón, recomiendo encarecidamente que vayas a la tienda APP y averigres si hay algún APS ahí que pudiera ser útil para tu sitio web. Ese es cada elemento que tienes a tu disposición pre instalado en el editor Weebly. Como puedes ver, hay muchas opciones para que hagas el sitio web que necesitas
6. Elevación del diseño de tu sitio web: Ahora, con toda la información que has escuchado hasta ahora, podrías
irte y crear un sitio web de Weebly increíble. Pero vamos a repasar un par de formas más que puedes elevar el diseño de tu página web. El primer modo es cambiar ahora el fondo de tus secciones. Hablamos de ello antes cuando cambié este encabezado a limones y lo vamos a
volver a hacer para otra sección. Ahora, en lugar de cambiar el encabezado en limones, sólo
voy a ir por un color amarillo. Por lo que me desplazé hacia abajo hasta el fondo. Aquí estaban tener mis iconos sociales. Realmente no estoy sintiendo este blanco, así que lo voy a cambiar a amarillo. Tendré que hacer es hacer click en él editar fondo y en lugar de poner una imagen, voy a poner color. Voy a cambiar el color a amarillo. Y desde aquí, lo que normalmente haría es escribir este código hexadecimal en un cuaderno o en mi laptop en algún lugar para que cada vez que necesito un color amarillo en toda la página web, sé exactamente qué gritó estoy usando la segunda forma que puedes elevar rápidamente el diseño de su página web es cambiar las macetas. Por lo general, los bonos que vienen con el tema realmente no coinciden con la personalidad de tu sitio web. Entonces todo lo que tienes que hacer es hacer clic en este tema tap y seguir adelante y cambiar las fuentes. A partir de ahí, puedes entrar en cualquiera de los elementos que has puesto en tu página y cambiar la fuente En cualquier momento que
pases por encima del nombre del elemento, también crea un cuadro azul en los editores que puedes ver exactamente lo que estás cambiando. Por ejemplo, no
soy un gran fan de este texto aquí mismo y este texto se llama texto de párrafo. Entonces todo lo que tengo que hacer es bueno bajo el texto de párrafo. Aparece una caja azul. Entonces estoy seguro de que así se llama. Y entonces puedo desplazarme por todos estos bonos diferentes para averiguar qué creo que
coincidirá . Bueno, me gusta mucho este Bird's eye imagina bola con la fuente del título, y usualmente pasaría por cada una de estas fuentes y me aseguraría de que
coincidan bien. Normalmente escojo de 2 a 3 bonos que puedo usar en todo el sitio web para que siga siendo consistente pero también interesante. Otra forma de cambiar. Un tema que te han dado es ir a opciones temáticas. Esto te permite hacer pequeños ajustes. Traiga temas como cambiar lo ancho que aparece tu sitio web en pantallas de alguien que esté
lleno de cuerpo o no. Encabezado Grady Int permite agregar ingrediente a este encabezado aquí arriba, y contraste. La navegación pone una caja alrededor de tu navegación. Diferentes temas vienen con diferentes opciones temáticas. Entonces si encuentras que ninguna de estas opciones de tema y cambiar las fuentes hace que el sitio web lo que querías ser, puedes seguir adelante y cambiar tu tema por completo. Todo lo que tengo que hacer es hacer clic en cambiar tema. Una vez que haces eso, tienes la opción de previsualizar cualquiera de los temas que están en la página web que tengo que hacer. Se coloca el cursor sobre ellos y haz clic en vista previa. Esto permite ver si un tema funcionaría para tu sitio web sin tener que comprometerte él, porque perdería mucho tiempo si cambiaras de tema cada vez que creyera que un tema era interesante. Y luego entras al editor y encuentras que realmente no te gusta para que puedas previsualizar el tema. Si te gusta, podrías elegir. Si no te gusta, puedes cancelar. Y nuevamente puedes hacer este cambio en cualquier momento del proceso de diseño web. Si necesitas aún más personalización, entonces puedes cambiar el CSS y HTML de tu sitio web. Este es el código esqueleto de tu sitio web. Todo lo que tienes que hacer es todavía en esta pestaña de tema es dar click Editar html Osias nos en la parte inferior. Yo no haría esto a menos que hayas hecho una extensa investigación y sabes lo que estás haciendo porque realmente podrías fastidiar tu página web. Por suerte, vamos a permitir una vista previa en tiempo real de tus ediciones que puedes ver si realmente estás bromeando con lo que quieres estar cambiando. Y si decides que has cometido un error, todo lo que tienes que hacer es hacer click, cancelar y no hacer ningún daño. Otra forma de agregar algún código extra a tu sitio web es cambiar el
código de encabezado o pie de página. Esto no es tan complicado como suena. Todo lo que haces es ir a la configuración y s CEO, y a partir de ahí puedes agregar más código o código de cabecera, generalmente un sitio web. Te informaremos en dónde necesitas agregar el código a tu página web. Por ejemplo, Google analytics podría decir que necesita agregar un código en particular a su código de cabecera de su sitio web. Como puedes ver, hay toda una tonelada de opciones de configuración y vamos a pasar por eso y otra lección. Pero por ahora, todos están
configurados con las formas básicas y un poco más avanzadas de agregar diseño y personalidad a su sitio web.
7. Sobre las páginas: Ahora tienes todos estos elementos y técnicas que puedes usar, pero ¿dónde los pones? Ahí es donde entra la pestaña de páginas. Hasta ahora, no
hemos hablado de ninguna de estas páginas, pero vamos a pasar por ellas ahora. Todas estas páginas son solo páginas que el diseñador temático decidió que deberían estar ahí. Pero no tienes que quedarte con ninguno de estos. Simplemente podrías tener tu página principal y estar hecho con tu sitio web, o podrías agregar 10 páginas más. Todo lo que tienes que hacer es ir a la pestaña de páginas y hacer clic en cualquiera de estas páginas, y te dan opciones de lo que quieras en ellas. Podría cambiar el nombre de la página. Puedes ocultarlo en la navegación, cual es genial si tienes una promoción de Facebook en marcha,
por ejemplo, por ejemplo, y en tu página de Facebook, le dices a la gente para obtener más información al respecto. Acude a nuestra página web, pero no quieres que los visitantes generales vean esta página. Entonces puedes ocultar una navegación, pero cuando alguien tiene el enlace a este sitio web, entonces pueden ver la página. Entonces por eso tuve una navegación significa que puedes cambiar tu tipo de encabezado. Entonces si quieres o no esta zona aquí mismo, donde la montañosa Así que lo que tenemos en la primera página de los limones podrías decidir si quieres o no un encabezado como ese ahí. Si dices que no hay encabezado, entonces el encabezado desaparece y simplemente comienzas desde donde dice servicios. Si dices splash page que esencialmente vas a tener un encabezado grande en tu página. Como ves casi parece una página de inicio. Muchos sitios web tienen una página como esta donde es un título y tu navegación, y eso es todo. No hay información en esa página. Funciona como una gran página de inicio. Vamos a seguir adelante y volver a conocer Header y dejarlo ahí por ahora. Una vez que hagas eso, puedes optar por copiar esta página una y otra vez. Si realmente te gusta, o puedes entrar en cada una de estas páginas y hacer cambios en ellas. Otra opción que tienes con las páginas es cambiar la visibilidad. Esto es diferente a ocultar la navegación porque la visibilidad te permite permitir el acceso a ciertos miembros o a ciertas personas con contraseñas a tu sitio web para que puedas seguir adelante y realizar esos cambios allí. También puedes cambiar la configuración de ASIO, por lo que este cambio es lo que aparece en la parte superior. Como puedes ver en esta página, igual de weebly o en esta página de YouTube recreando Java house Kenya spice chips. Tinta roja. Tú
también, también, para que puedas cambiar el título de esta página a cualquier cosa que quieras, y puedes cambiar las páginas por Melich. Esto significa que no importa cuántas formas diferentes decidas organizar tu navegación, este enlace de páginas seguirá siendo el mismo. Esto es realmente importante, sobre todo si decides que quieres ampliar tu negocio o ampliar tu sitio web en cualquier momento que quieras asegurarte de que tu enlace de sitio web nunca cambie, por lo que es una buena idea seguir adelante y agregar enlaces de Perma a cada una de las páginas de su sitio web. Esto podría ser tan simple como sobre, así que va a ser la limonada blogger dot web dot com slash sobre. Y siempre será que no importa dónde ponga esta página en mi sitio web, puedes seguir adelante y cambiar la descripción de tu página. Y este es un poco blurb que aparece cuando google nada y tiene el
nombre del sitio web y la descripción del sitio web, Medic, palabras clave, pie de página, abrigo y código de cabecera todo tiene que ver con tu búsqueda optimización del motor tu S e o.No
me preocuparía de eso si eres principiante en diseño de sitios web. Pero a medida que tu sitio web se desarrolla, y a medida que te sientes más cómodo con lo que estás poniendo en Internet, entonces puedes seguir adelante y ver. Todo un montón de escultura, Por
supuesto, se trata de Seo y cómo hacer esto correctamente. Lo último con las páginas es que puedes cambiar la forma en que están organizadas en tu navegación. Por ejemplos, digamos que quiero que la sección sobre y la página de contacto se vinculen entre sí. Por lo que quiero que el contacto aparezca cuando la gente haga clic sobre. Como pueden ver, todo lo que tenía que hacer fue arrastrar y soltar contacto. Bajo sobre Ahora, Contacto no aparece como su propia pequeña sección en mi navegación. Está anidado debajo de la página sobre. Ahora bien, si tienes algo como tu página de servicios y quieres listar todos tus servicios en una página diferente, todo lo que tienes que hacer es dar click al plus inscribirte aquí por páginas, y vamos a hacer una página estándar y yo voy a decir, uh, limonada hecha agregaría otra que diga rodajas de limón Hecho. Yo quiero que todos estos estén listados bajo servicios, así que todo lo que tiene que hacer es arrastrar y soltar esos. obstante, no
quiero que la gente pueda dar click en esta página de servicios. Yo quiero que solo puedan tenerla sobre los servicios y luego ver una lista de todos los servicios que brindamos. Entonces lo que voy a hacer es cambiar esta página de servicios a un menú no clicable. Todo lo que hago por eso es hacer clic en este icono más, crear un menú no clicable, y voy a cambiar eso a servicios realizados, lo
voy a arrastrar en lugar de servicios, y voy a eliminar la página de servicios haciendo click en él y haciendo clic en Eliminar lo siguiente apagado. Se han deshecho mis servicios, así que todo lo que tengo que hacer es arrastrar y recrear esta secuencia de anidamiento y puedo anidar infinitamente largo. Pero todo lo que necesito es un conjunto de anidación, y aquí tenemos nuestro menú de navegación. No se puede hacer clic en los servicios, pero se puede hacer clic en rodajas de limonada y limón. Eso es todo lo que necesitas saber sobre las páginas. Como mencioné antes. Siempre puedes copiar elementos a diferentes páginas según necesites, pero estás todo listo para ir con la organización de tus páginas en tu sitio web.
8. La tienda y los ajustes: Ahora hablemos rápidamente de la tienda y ajustes Tabs en semanalmente. La pestaña de la tienda es genial para si tienes un sitio de comercio electrónico y necesitas administrar los diferentes productos y pedidos que obtienes, no
estamos construyendo sitio web de comercio electrónico. Entonces solo voy a ignorar esta ficha por ahora. Al vivir en la pestaña de ajustes en la pestaña de ajustes, tienes un par de sub menús diferentes. El 1er 1 es general. Aquí. Puedes cambiar la dirección de tu sitio para que tu sub dominio a otra cosa. Puede cambiar el título de su sitio se traga su categoría de sitio, lo que permite weebly personalizar más su experiencia de usuario. Se puede habilitar o deshabilitar SS l. recomiendo encarecidamente que se mantenga SSL y capaz de este editor semanal, por ejemplo, tiene este icono de candado aquí arriba Recon ver información del sitio. Eso es lo que es el SSL. Se trata de un certificado de seguridad. Esto permite que el software antivirus sepa si su sitio web es seguro visitar o no . Si tienes una cuenta premium weebly, entonces contendrás tu estafa favorita. Este es el pequeño ícono que aparece en la pestaña de un sitio web aquí. Creemos que puedes ver la W y todos los sitios web gratuitos tendrán eso. W también puede agregar una contraseña de sitio para que no todo el mundo pueda acceder a su sitio y usted pueda hacer ajustes a su navegación. Si deseas enviarte una copia precisa para no perderla, puedes archivarla. Como puede ver aquí, su sitio necesita ser publicado para que ese archivo sea posible. También puedes cambiar tu formato de fecha y todo eso, y eso es útil si tienes un blawg. Entonces cuando publicas blog, publica en una zona horaria y formato de hora y fecha particulares aquí abajo, tienes la opción de notificación de cookies. Esto es importante para que tengas, sobre todo con nuevas regulaciones en la U y alrededor del mundo relativas a la privacidad digital. Entonces tienes la opción de autorizar en sentido. Y para hacer eso, necesitas hacer clic en esto, leer más botón y aprender sobre lo que realmente te estás comprometiendo de Google y si quieres
o no tomar esa decisión. Íbamos a hablar de botones inéditos, así que pasemos a S. E. O. Habló brevemente de CEO. En términos generales, no
me preocuparía demasiado por tu Seo ya que estás diseñando tu sitio web. Porque realmente, solo
necesitas obtener tu información en las páginas de tu sitio web. Una vez que hagas eso, entonces podrás empezar a retocar para que se vea tu sitio web. Compra más motores de búsqueda y por lo tanto más gente. No quieres tener un sitio web optimizado que sea realmente terrible en diseño, así que concéntrate primero en tu diseño. Una vez que hagas eso, entonces podrás usar estrategias S e o para optimizar tu sitio web. Bajo eso tienes editor stop, y esto te permite permitir el acceso a tu sitio web. Dos editores diferentes. Por ejemplo, si estoy trabajando en un sitio web que no soy dueño, el propietario me agregará como editor en lugar de reunirme haciendo el sitio web usando mi
dirección de correo electrónico . Desde aquí, también
puedes monitorear a los editores para ver con qué frecuencia están iniciando sesión y los diferentes permisos que has permitido que tengan. Debajo de eso, tienes la pestaña de miembros, que te permite restringir el acceso a ciertas personas que quieres acceder al sitio de Europa debajo de que tenemos la pestaña de mis abs, y como dije, deberías ir a la APP center y averigüe qué ops le gustaría tener en su página web. Y desde aquí puedes manejarlos, desconectarlos, reconectarlos, reconectarlos, etcétera y finalmente por debajo de eso, tenemos el block tap. Si tienes un bloque en cualquier parte de tu sitio web, ya sea un bloque personal o tu empresa dirigiendo un bloque, entonces esta es una gran pestaña para aprender. Desde aquí puedes decidir cuántas publicaciones no hay en cada página y si permites compartir botones etcétera en el centro. Eso es todo para los ajustes en Weebly. Como se puede ver, hay muchos de ellos. No obstante, no necesitará todos estos ajustes todo el tiempo. Por lo que espero que esta guía te ayude a encontrar lo que necesitas para realizar cambios en tu sitio web.
9. Publicar e publicar tu sitio web y publicar tu sitio web: Ahora digamos que tu sitio web está todo listo para salir. Definitivamente no lo es esta esposa. Todavía necesito trabajar en ello por un par de horas, pero decir que estaba listo para ser consumido por el público. Todo lo que necesito hacer es hacer click. Hay un botón de publicación azul en la esquina superior de mi editor semanal y se
publica el sitio web . Entonces puedo ir a esta longitud y verlo como un espectador normal y ver qué pienso de ella. Una vez que hagas eso, aún
puedes hacer ediciones tu sitio web y en cualquier momento que lo hagas editar que te gustaría se publiquen. Necesitas volver a hacer clic en el botón publicar si en algún momento decides que tu sitio web necesita ser inédito, que es lo que tengo que hacer ahora porque no está listo. Todo lo que necesito hacer es ir a la configuración y bajo general, se desplácese hacia abajo y hay un botón de sitio inédito. Sigue adelante y haz clic en eso, y tu sitio web está inédito. Puedes seguir haciendo ediciones como lo harías normalmente, y publicarlas cuando estés listo
10. Conclusión: Muchas gracias por hacer equipo en mi curso sobre Weebly y cómo hacer tu propio sitio web de
weebly. Voy a seguir adelante y trabajar un poco más en este sitio web y te mostraré los resultados
finales más adelante. Estoy tan emocionado de ver lo que creas abajo en la sección de proyectos, así que asegúrate de dejar capturas de pantalla de tu sitio web.
Carmel Kundai Makaya, Social Media | Freelance Career
