Aprende a utilizar el Kit de Construcción!
En esta oportunidad aprenderemos a utilizar el Kit de Construcción de PaginaWebGratis.es.
El Kit de Construcción juega un papel fundamental al momento de desarrollar nuestra Pagina web gratis, ya que nos permite agregrar multiples funciones y personalizar nuestra web.
Hay varias herramientas dentro del Kit de Construcción que nos pueden ser de gran utilidad, como por ejemplo el Editor HTML, que nos permite personalizar el texto, agregar enlaces, imágenes, widgets, tablas, entre muchas más cosas.
Primero vamos a empezar por el arranque.
Arranque:
La zona de arranque es la primera pagina que nos aparece al iniciar la seción. Desde aqui podemos ver varias cosas de utilidad.
1.- Las últimas noticias: Aqui aparecen los ultimas noticias del servicio de PaginaWebGratis.
2.- Los últimos visitantes de tu página: En esta parte podemos visualizar los últimos visitantes de PWG y saber la hora en que nos visito.
3.- Opción Mostrar Todos: Al hacer click en este texto apareceran todos los visitantes que han visitado nuestra web. Esto tiene un limite de visitantes, es decir no mostrara los visitantes desde hace 2 meses por ejemplo.
_____________________________________________________________
Editar diseño:
Desde Editar Diseño podemos seleccionar un diseño para nuestra pagina web. Existen algunos diseños especiales, como Iceblue y CSS-Design que se pueden personalizar a nuestro gusto, haciendo uso de codigos CSS (Cascading Style Sheets - Hojas de estilo en cascada) [+] Información sobre CSS.
1.- Diseño basico: En esta parte podemos seleccionar un diseño para nuestra pagina web. Si eres nuevo usuario y no sabes que diseño elejir, te recomiendo empezar con Iceblue, el cual es casi 100% modificable y facil de manejar. Si ya sabes un poco sobre codigos, y quieres avanzar mas te recomiendo utilizar CSS-Design, es un diseño 100% modificable, se obtienen grandes resultados pero se necesita tener un poco de conocimiento en el tema de codigos y desarrollo web. Tambien hay otros diseños como Red, Butterfly, Colourful, Flash, etc, que no son tan utilizados y solo se pueden modificar pocas cosas.
2.- Ajustes de diseño: Aqui se encuentran las opciones de colores y tamaños del texto (solo en algunos diseños), tambien se puede utilizar el primer box para colocar encuestas, un reloj, una lista top, entre otras cosas. A este box le podemos asignar un titulo que haga referencia o de una idea de su contenido.
3.- Configuraciones Avanzadas: Esta es una zona muy util, aca se encuentran el resto de los box, y las zonas correspondientes para colocar codigos (Texto por encima/debajo de la pagina), Advertencia referente al campo de contenido y CSS Code sin Style Tags (Solo en CSS-Design). Todos estos box nos permiten colocar los codigos para que sean funcionales. Tambien esta la opción de seleccionar el encabezado (solo en algunos diseños) que nos permite seleccionar un cabezal subido previamente a nuestra cuenta desde Controlar Imagenes.
Tutoriales de Plantillas/Diseños de PWG:
- Iceblue:
http://www.paginawebgratis.es/forum/viewtopic.php?t=2381
http://www.paginawebgratis.es/forum/viewtopic.php?t=3625
http://tokarg.es.tl/Ice-Blue-Interactivo.htm
- Butterfly:
http://tokarg.es.tl/Butterfly-Interactivo.htm
http://www.paginawebgratis.es/forum/viewtopic.php?t=21659
- Red:
http://www.paginawebgratis.es/forum/viewtopic.php?t=5373
http://www.paginawebgratis.es/forum/viewtopic.php?t=32711
- CSS Design:
http://www.paginawebgratis.es/forum/viewtopic.php?t=29106
http://www.paginawebgratis.es/forum/viewtopic.php?t=19702
http://www.paginawebgratis.es/forum/viewtopic.php?t=16549
http://www.paginawebgratis.es/forum/viewtopic.php?t=13042
Como editar/crear cualquier plantilla,
http://www.paginawebgratis.es/forum/viewtopic.php?t=44287
Aprende a adaptar una plantilla para CSS-Design,
http://www.paginawebgratis.es/forum/viewtopic.php?t=43974
Cambio de diseño a Flash,
http://www.paginawebgratis.es/forum/viewtopic.php?t=18240
Diseño Grafico:
Aprende a diseñar,
http://www.paginawebgratis.es/forum/viewtopic.php?t=52537
Diseño Web [Tips],
http://www.paginawebgratis.es/forum/viewtopic.php?t=22276
- Editores y Generadores online:
Stripegenerator - Generador de fondos,
http://www.paginawebgratis.es/forum/viewtopic.php?t=52428
DoTemplate - Crea Diseños CSS Facilmente,
http://www.paginawebgratis.es/forum/viewtopic.php?t=52421
Generador de cintas diagonales,
http://www.paginawebgratis.es/forum/viewtopic.php?t=52365
FlashVortex - Animaciones Flash para tu web,
http://www.paginawebgratis.es/forum/viewtopic.php?t=52191
Pixlr.com - Editor de imagenes online,
http://www.paginawebgratis.es/forum/viewtopic.php?t=51724
18 Editores de imagenes online,
http://www.paginawebgratis.es/forum/viewtopic.php?t=14693
_____________________________________________________________
Controlar imagenes:
En la zona de Controlar imágenes podemos Administrar nuestras propias imágenes (Subir imágenes, borrarlas, moverlas) sin necesidad de utilizar un servidor externo. Cuando se trata de subir imágenes lo mas seguro es utilizar el propio hosting de PaginaWebGratis.
Tus imágenes:
En esta zona se encuentran todas las imágenes que ya han sido subidas, permite varias opciones (Borrar imágenes, mover, cambiar de Categoría).
1.- Imágenes ya subidas: En esta parte podemos visualizar las imágenes que ya estan subidas haciendo click en su respectivo nombre, haci como tambien podemos borrar y mover las imágenes de Categoría marcando las respectivas imágenes en la casilla que se encuentra a la izquierda del nombre y presionando el botón Subir.
2.- Categoría: Desde aca podemos desplazarnos de una categoría a otra, para poder visualizar las imágenes que se encuentran en la respectiva categoría.
Agregar una nueva imágen:
Desde esta zona podemos subir nuevas imágenes a nuestra cuenta con tan solo 4 pequeños pasos.
1.- Seleccionar la categoría: Aca podemos seleccionar la categoría donde se guardaran las imágenes, ademas si queremos tambien podemos crear una nueva categoría para mantener nuestras imágenes ordenadas.
2.- Elejir las imagénes: En esta parte debemos seleccionar las imágenes que queremos subir haciendo click en el botón examinar y luego seleccionando la imágen.
3.- Achicar imágen: Esta opción nos permite achicar la imágen a un tamaño determinado. Recomiendo dejarla desmarcada para si queremos que las imágenes conserven el mismo tamaño que le asignamos.
4.- Subir imágen: Finalmente esta el botón Subir imagen, haciendo click en el podemos subir las imagenes que hemos seleccionado anteriormente.
Recuerden que el nombre de las imágenes no puede ser demasiado largo, tampoco debe tener caracteres extraños como "&%$º", debe tener solamente letras desde la a hasta la z exceptuando la ñ y números desde el 0 hasta el 9, así como símbolos comunes como "," "_" "-", ademas tampoco puede tener ningún espacio en blanco y tampoco se puede subir dos imágenes con el mismo nombre .
Tutoriales de Controlar imágenes:
Como subir una imagen/banner a PWG,
http://www.paginawebgratis.es/forum/viewtopic.php?t=3622
Como subir varias imágenes simultaneamente a PWG,
http://www.paginawebgratis.es/forum/viewtopic.php?t=54256
¿Tu encabezado sale repetido en mosaicos?,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2600
Saber cuanto espacio nos queda en la cuenta,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2603
Tutoriales de Imágenes, banners y headers:
Poner un favicon (icono en el titulo del navegador),
http://www.paginawebgratis.es/forum/viewtopic.php?t=45818
Como colocar un título a una imagen,
http://www.paginawebgratis.es/forum/viewtopic.php?t=21611
Subir imágen a imageshack,
http://www.paginawebgratis.es/forum/viewtopic.php?t=3558
Imagen de carga en tu web,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2990
Colocar Imágenes, Flash, Fuente texto, etc en Boxs,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2605
Clic en imágen chica > Abre imágen grande,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2599
Poner encabezado (solo en algunos diseños),
http://www.paginawebgratis.es/forum/viewtopic.php?t=2594
Fondo en tu web,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2593
_____________________________________________________________
Controlar páginas:
Esta es una zona fundamental para editar nuestra pagina web, desde aquí podemos agregar nuevas paginas y subpaginas, haci como también podemos personalizar el texto del contenido, agregar widgets, imágenes, entre otras cosas haciendo uso del Editor HTML.
1.- Editor de páginas: Aqui aparecen las Paginas y Subpaginas, podemos editarlas haciendo click en su respectivo nombre.
2.- Agregar una página: Con esta opción podemos agregar una nueva página.
3.- Ocultar las páginas: Haciendo click en esta barrra podemos ocultar las páginas que se muestran a la izquierda y aumentar el tamaño del Editor.
4.- Título de la pagina: En esta parte podemos elejir un título para la página, haci como también asignarla Subpágina de otra página o personalizar el estilo del texto (negrilla, cursiva, subrayado) haciendo click en el botón Mostrar opciones (solo en diseños básicos como Iceblue, Red, Butterfly, etc), ademas tambien podemos cambiar el tipo de página, es decir seleccionarla como Pagina principal, punto de menu sin link o link externo.
5.- Editor HTML: Este editor es un elemento fundamental para editar nuestras páginas, con el podemos realizar multiples funciones, como personalizar el texto, agregar imágenes, agegar tablas, crear hipervinculos, entre muchas otras cosas más.
6.- Guardar: Este botón nos permite guardar los cambios para que estos surjan efecto.
¿Como utilizar el Editor HTML de PWG?:
Como ya mencione anteriormente, el Editor HTML juega un papel fundamental al momento de editar nuestras páginas. Con el podremos agregar muchas cosas interesantes ademas de personalizar muchas cosas que nos serviran de utilidad para nuestras páginas.
1.- Fuente HTML: Esta es una opción fundamental para editar nuestras páginas,desde aquí podemos colocar códigos de cualquier cosa que querramos agregar a nuestras web, como por ejemplo un widget, un efecto de imagen, una galería, etc.
2.- Plantillas: Desde aqui podemos agregar plantillas de texto a nuestras páginas, a través de alineaciones de texto e imágenes, que le da una agradable vista al contenido, puede ser utilizado para agregar una noticia con una imagen referente a la temática.
3.- Cortar: Esta opción nos permite cortar el contenido de nuestra página, solo debemos seleccionarlo previamente y luego hacer click en esta opción. Si tu navegador no permite la ejecución automática de esta opción podemos cortar el contenido utilizando el teclado con el comando Control + X.
4.- Copiar: Esta opción es parecida a la anterior, pero en lugar de cortar el contenido lo copia. Igualmente, si tu navegador no permite la ejecución puedes hacerlo manualmente con el comando Control + C.
5.- Pegar: Esta opción nos permite pegar un texto dentro de la página. También podemos utilizar el comando Control + V.
6.- Pegar como texto plano: Es una opción igual a la anterior, cumple la misma función. También se puede utilizar Control + V.
7.- Pegar desde Word: Con esta herramienta podemos pegar un texto desde Microsoft Word, aunque no recomiendo crear el contenido con Word y después pegarlo en el editor ya que después van a surgir problemas de compatibilidad.
8.- Imprimir: Desde aquí podemos imprimir el contenido de la página, al hacer click en esta opción nos llevara directamente al asistente de impresión de nuestro ordenador.
9.- Ortografía: Desde aquí podemos verificar la ortografía del texto.
10.- Deshacer: Con esta opción podemos deshacer los cambios hechos. Esto es muy útil, ya que cuando por ejemplo borramos una imagen sin querer podemos volverla a restablecer utilizando esta opción.
11.- Rehacer: Esta opción es lo contrario a la anterior, en lugar de deshacer, rehace los cambios, es decir los vuelve a implementar en el editor.
12.- Negrita: Esto sirve para colocar el texto seleccionado en negrilla.
13.- Cursiva: Esta opción sirve para colocar el texto seleccionado en cursiva.
14.- Subrayado: Con esta opción podemos subrayar el texto previamente seleccionado.
15.- Numeración: Esta opción nos permite asignarle numeración al texto en forma de lista.
16.- Viñetas: Esta opción nos permite colocarle viñetas al texto seleccionado.
17.- Disminuir sangría: Con esta opción podemos disminuir la sangría del texto.
18.- Aumentar sangría: Con esta opción podemos colocarle sangría al texto seleccionado.
19.- Alinear a izquierda: Esta opción nos permite alinear el texto a la izquierda.
20.- Centrar: Esta opción nos permite centrar el texto.
21.- Alinear a derecha: Con esta opción podemos alinear el texto a la derecha.
22.- Justificado: Con esta opción podemos justificar el texto.
23.- Inserta/Editar Vínculo: Como su nombre lo indica, esta opción nos permite insertar o editar un vínculo/enlace en nuestras páginas. Ademas, también podemos hacer otras cosas con esta herramienta, como hacer que los vínculos se abran como ventana emergente [Ver Tutorial].
24.- Eliminar Vínculo: Esta opción nos permite eliminar un vínculo previamente seleccionado.
25.- Crear contenedor (div): Esta herramienta nos permite crear un contenedor div, esto es algo avanzado por lo que si eres nuevo no te recomiendo utilizarla. Lo que hace esta opción es llamar a una etiqueta, por ejemplo <div class="menu">Contenido</div> a la cual se le puede asignar un fondo, entre otras cosas.
26.- Referencia: Nos permite asignarle una referencia a un contenido especifico, solo debemos escribir el nombre de la referencia y después para enviar un link hacia esa parte utilizamos lo siguiente,
http://tusitio.es.tl/#Referencia
27.- Color de texto: Esta opción es muy útil, ya que nos permite colocarle un color al texto.
28.- Color de fondo: Nos permite colocarle un color de fondo al texto seleccionado, sirve para resaltar un texto importante.
29.- Maximizar el tamaño del editor: Es una opción que quizás algunos no conoscan, sirve para aumentar el tamaño del editor a pantalla completa.
30.- Insertar/Editar imagen: Nos permite colocar una imagen a traves de una url determinada, haci como tambien modificarle el tamaño, colocarle un borde, asignarle un vinculo, etc.
31.- Insertar/Editar Flash: Esta opción nos permite insertar un elemento flash, como por ejemplo un intro o un banner, haci como tambien cambiarle el tamaño.
32.- Insertar/Editar Tabla: Con esta opción podemos insertar una tabla, podemos seleccionar la cantidad de filas y columnas, haci como tambien elejir el ancho y alto de la tabla.
33.- Insertar línea horizotal: Esta opción nos permite insertar una línea horizontal en el contenido, esto sirve para separar las noticias por ejemplo.
34.- Insertar Emoticonos: Nos permite colocar emoticones o caritas al contenido. Son iguales a los del Foro.
35.- Insertar Caracter especial: Con esta opción podemos insertar un caracter especial como por ejemplo: "» ® © ¥", son simbolos que no son comunes en el teclado pero sirven para personalizar un texto.
36.- Buscar: Esta opción nos permite buscar un texto especifico dentro del contenido, es muy útil ya que nos permite buscar rapidamente una palabra que necesitamos borrar o reemplazar del contenido.
37.- Reemplazar: Esta opción nos permite reemplazar un texto dentro del contenido.
38.- Seleccionar todo: Como su nombre lo indica, nos permite seleccionar todo el contenido.
39.- Eliminar formato: Nos permite eliminar el formato de un texto previamente seleccionado.
40.- Estilo: Esta opción nos permite seleccionar un estilo para el texto, puede ser un titulo rojo, una marquesina amarilla, pequeño, entre otros estilos.
41.- Formato: Nos permite seleccionar un formato para el texto, entre ellos las distintas clases de encabezado <h1>, <h2>, <h3>, etc.
42.- Fuente: Desde aca podemos cambiar la fuente del texto. Solo hay 6 fuentes, en el caso de que quieran utilizar otro tipo de fuente pueden hacerlo mediante Html,
El Kit de Construcción juega un papel fundamental al momento de desarrollar nuestra Pagina web gratis, ya que nos permite agregrar multiples funciones y personalizar nuestra web.
Hay varias herramientas dentro del Kit de Construcción que nos pueden ser de gran utilidad, como por ejemplo el Editor HTML, que nos permite personalizar el texto, agregar enlaces, imágenes, widgets, tablas, entre muchas más cosas.
Primero vamos a empezar por el arranque.
Arranque:
La zona de arranque es la primera pagina que nos aparece al iniciar la seción. Desde aqui podemos ver varias cosas de utilidad.
1.- Las últimas noticias: Aqui aparecen los ultimas noticias del servicio de PaginaWebGratis.
2.- Los últimos visitantes de tu página: En esta parte podemos visualizar los últimos visitantes de PWG y saber la hora en que nos visito.
3.- Opción Mostrar Todos: Al hacer click en este texto apareceran todos los visitantes que han visitado nuestra web. Esto tiene un limite de visitantes, es decir no mostrara los visitantes desde hace 2 meses por ejemplo.
_____________________________________________________________
Editar diseño:
Desde Editar Diseño podemos seleccionar un diseño para nuestra pagina web. Existen algunos diseños especiales, como Iceblue y CSS-Design que se pueden personalizar a nuestro gusto, haciendo uso de codigos CSS (Cascading Style Sheets - Hojas de estilo en cascada) [+] Información sobre CSS.
1.- Diseño basico: En esta parte podemos seleccionar un diseño para nuestra pagina web. Si eres nuevo usuario y no sabes que diseño elejir, te recomiendo empezar con Iceblue, el cual es casi 100% modificable y facil de manejar. Si ya sabes un poco sobre codigos, y quieres avanzar mas te recomiendo utilizar CSS-Design, es un diseño 100% modificable, se obtienen grandes resultados pero se necesita tener un poco de conocimiento en el tema de codigos y desarrollo web. Tambien hay otros diseños como Red, Butterfly, Colourful, Flash, etc, que no son tan utilizados y solo se pueden modificar pocas cosas.
2.- Ajustes de diseño: Aqui se encuentran las opciones de colores y tamaños del texto (solo en algunos diseños), tambien se puede utilizar el primer box para colocar encuestas, un reloj, una lista top, entre otras cosas. A este box le podemos asignar un titulo que haga referencia o de una idea de su contenido.
3.- Configuraciones Avanzadas: Esta es una zona muy util, aca se encuentran el resto de los box, y las zonas correspondientes para colocar codigos (Texto por encima/debajo de la pagina), Advertencia referente al campo de contenido y CSS Code sin Style Tags (Solo en CSS-Design). Todos estos box nos permiten colocar los codigos para que sean funcionales. Tambien esta la opción de seleccionar el encabezado (solo en algunos diseños) que nos permite seleccionar un cabezal subido previamente a nuestra cuenta desde Controlar Imagenes.
Tutoriales de Plantillas/Diseños de PWG:
- Iceblue:
http://www.paginawebgratis.es/forum/viewtopic.php?t=2381
http://www.paginawebgratis.es/forum/viewtopic.php?t=3625
http://tokarg.es.tl/Ice-Blue-Interactivo.htm
- Butterfly:
http://tokarg.es.tl/Butterfly-Interactivo.htm
http://www.paginawebgratis.es/forum/viewtopic.php?t=21659
- Red:
http://www.paginawebgratis.es/forum/viewtopic.php?t=5373
http://www.paginawebgratis.es/forum/viewtopic.php?t=32711
- CSS Design:
http://www.paginawebgratis.es/forum/viewtopic.php?t=29106
http://www.paginawebgratis.es/forum/viewtopic.php?t=19702
http://www.paginawebgratis.es/forum/viewtopic.php?t=16549
http://www.paginawebgratis.es/forum/viewtopic.php?t=13042
Como editar/crear cualquier plantilla,
http://www.paginawebgratis.es/forum/viewtopic.php?t=44287
Aprende a adaptar una plantilla para CSS-Design,
http://www.paginawebgratis.es/forum/viewtopic.php?t=43974
Cambio de diseño a Flash,
http://www.paginawebgratis.es/forum/viewtopic.php?t=18240
Diseño Grafico:
Aprende a diseñar,
http://www.paginawebgratis.es/forum/viewtopic.php?t=52537
Diseño Web [Tips],
http://www.paginawebgratis.es/forum/viewtopic.php?t=22276
- Editores y Generadores online:
Stripegenerator - Generador de fondos,
http://www.paginawebgratis.es/forum/viewtopic.php?t=52428
DoTemplate - Crea Diseños CSS Facilmente,
http://www.paginawebgratis.es/forum/viewtopic.php?t=52421
Generador de cintas diagonales,
http://www.paginawebgratis.es/forum/viewtopic.php?t=52365
FlashVortex - Animaciones Flash para tu web,
http://www.paginawebgratis.es/forum/viewtopic.php?t=52191
Pixlr.com - Editor de imagenes online,
http://www.paginawebgratis.es/forum/viewtopic.php?t=51724
18 Editores de imagenes online,
http://www.paginawebgratis.es/forum/viewtopic.php?t=14693
_____________________________________________________________
Controlar imagenes:
En la zona de Controlar imágenes podemos Administrar nuestras propias imágenes (Subir imágenes, borrarlas, moverlas) sin necesidad de utilizar un servidor externo. Cuando se trata de subir imágenes lo mas seguro es utilizar el propio hosting de PaginaWebGratis.
Tus imágenes:
En esta zona se encuentran todas las imágenes que ya han sido subidas, permite varias opciones (Borrar imágenes, mover, cambiar de Categoría).
1.- Imágenes ya subidas: En esta parte podemos visualizar las imágenes que ya estan subidas haciendo click en su respectivo nombre, haci como tambien podemos borrar y mover las imágenes de Categoría marcando las respectivas imágenes en la casilla que se encuentra a la izquierda del nombre y presionando el botón Subir.
2.- Categoría: Desde aca podemos desplazarnos de una categoría a otra, para poder visualizar las imágenes que se encuentran en la respectiva categoría.
Agregar una nueva imágen:
Desde esta zona podemos subir nuevas imágenes a nuestra cuenta con tan solo 4 pequeños pasos.
1.- Seleccionar la categoría: Aca podemos seleccionar la categoría donde se guardaran las imágenes, ademas si queremos tambien podemos crear una nueva categoría para mantener nuestras imágenes ordenadas.
2.- Elejir las imagénes: En esta parte debemos seleccionar las imágenes que queremos subir haciendo click en el botón examinar y luego seleccionando la imágen.
3.- Achicar imágen: Esta opción nos permite achicar la imágen a un tamaño determinado. Recomiendo dejarla desmarcada para si queremos que las imágenes conserven el mismo tamaño que le asignamos.
4.- Subir imágen: Finalmente esta el botón Subir imagen, haciendo click en el podemos subir las imagenes que hemos seleccionado anteriormente.
Recuerden que el nombre de las imágenes no puede ser demasiado largo, tampoco debe tener caracteres extraños como "&%$º", debe tener solamente letras desde la a hasta la z exceptuando la ñ y números desde el 0 hasta el 9, así como símbolos comunes como "," "_" "-", ademas tampoco puede tener ningún espacio en blanco y tampoco se puede subir dos imágenes con el mismo nombre .
Tutoriales de Controlar imágenes:
Como subir una imagen/banner a PWG,
http://www.paginawebgratis.es/forum/viewtopic.php?t=3622
Como subir varias imágenes simultaneamente a PWG,
http://www.paginawebgratis.es/forum/viewtopic.php?t=54256
¿Tu encabezado sale repetido en mosaicos?,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2600
Saber cuanto espacio nos queda en la cuenta,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2603
Tutoriales de Imágenes, banners y headers:
Poner un favicon (icono en el titulo del navegador),
http://www.paginawebgratis.es/forum/viewtopic.php?t=45818
Como colocar un título a una imagen,
http://www.paginawebgratis.es/forum/viewtopic.php?t=21611
Subir imágen a imageshack,
http://www.paginawebgratis.es/forum/viewtopic.php?t=3558
Imagen de carga en tu web,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2990
Colocar Imágenes, Flash, Fuente texto, etc en Boxs,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2605
Clic en imágen chica > Abre imágen grande,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2599
Poner encabezado (solo en algunos diseños),
http://www.paginawebgratis.es/forum/viewtopic.php?t=2594
Fondo en tu web,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2593
_____________________________________________________________
Controlar páginas:
Esta es una zona fundamental para editar nuestra pagina web, desde aquí podemos agregar nuevas paginas y subpaginas, haci como también podemos personalizar el texto del contenido, agregar widgets, imágenes, entre otras cosas haciendo uso del Editor HTML.
1.- Editor de páginas: Aqui aparecen las Paginas y Subpaginas, podemos editarlas haciendo click en su respectivo nombre.
2.- Agregar una página: Con esta opción podemos agregar una nueva página.
3.- Ocultar las páginas: Haciendo click en esta barrra podemos ocultar las páginas que se muestran a la izquierda y aumentar el tamaño del Editor.
4.- Título de la pagina: En esta parte podemos elejir un título para la página, haci como también asignarla Subpágina de otra página o personalizar el estilo del texto (negrilla, cursiva, subrayado) haciendo click en el botón Mostrar opciones (solo en diseños básicos como Iceblue, Red, Butterfly, etc), ademas tambien podemos cambiar el tipo de página, es decir seleccionarla como Pagina principal, punto de menu sin link o link externo.
5.- Editor HTML: Este editor es un elemento fundamental para editar nuestras páginas, con el podemos realizar multiples funciones, como personalizar el texto, agregar imágenes, agegar tablas, crear hipervinculos, entre muchas otras cosas más.
6.- Guardar: Este botón nos permite guardar los cambios para que estos surjan efecto.
¿Como utilizar el Editor HTML de PWG?:
Como ya mencione anteriormente, el Editor HTML juega un papel fundamental al momento de editar nuestras páginas. Con el podremos agregar muchas cosas interesantes ademas de personalizar muchas cosas que nos serviran de utilidad para nuestras páginas.
1.- Fuente HTML: Esta es una opción fundamental para editar nuestras páginas,desde aquí podemos colocar códigos de cualquier cosa que querramos agregar a nuestras web, como por ejemplo un widget, un efecto de imagen, una galería, etc.
2.- Plantillas: Desde aqui podemos agregar plantillas de texto a nuestras páginas, a través de alineaciones de texto e imágenes, que le da una agradable vista al contenido, puede ser utilizado para agregar una noticia con una imagen referente a la temática.
3.- Cortar: Esta opción nos permite cortar el contenido de nuestra página, solo debemos seleccionarlo previamente y luego hacer click en esta opción. Si tu navegador no permite la ejecución automática de esta opción podemos cortar el contenido utilizando el teclado con el comando Control + X.
4.- Copiar: Esta opción es parecida a la anterior, pero en lugar de cortar el contenido lo copia. Igualmente, si tu navegador no permite la ejecución puedes hacerlo manualmente con el comando Control + C.
5.- Pegar: Esta opción nos permite pegar un texto dentro de la página. También podemos utilizar el comando Control + V.
6.- Pegar como texto plano: Es una opción igual a la anterior, cumple la misma función. También se puede utilizar Control + V.
7.- Pegar desde Word: Con esta herramienta podemos pegar un texto desde Microsoft Word, aunque no recomiendo crear el contenido con Word y después pegarlo en el editor ya que después van a surgir problemas de compatibilidad.
8.- Imprimir: Desde aquí podemos imprimir el contenido de la página, al hacer click en esta opción nos llevara directamente al asistente de impresión de nuestro ordenador.
9.- Ortografía: Desde aquí podemos verificar la ortografía del texto.
10.- Deshacer: Con esta opción podemos deshacer los cambios hechos. Esto es muy útil, ya que cuando por ejemplo borramos una imagen sin querer podemos volverla a restablecer utilizando esta opción.
11.- Rehacer: Esta opción es lo contrario a la anterior, en lugar de deshacer, rehace los cambios, es decir los vuelve a implementar en el editor.
12.- Negrita: Esto sirve para colocar el texto seleccionado en negrilla.
13.- Cursiva: Esta opción sirve para colocar el texto seleccionado en cursiva.
14.- Subrayado: Con esta opción podemos subrayar el texto previamente seleccionado.
15.- Numeración: Esta opción nos permite asignarle numeración al texto en forma de lista.
16.- Viñetas: Esta opción nos permite colocarle viñetas al texto seleccionado.
17.- Disminuir sangría: Con esta opción podemos disminuir la sangría del texto.
18.- Aumentar sangría: Con esta opción podemos colocarle sangría al texto seleccionado.
19.- Alinear a izquierda: Esta opción nos permite alinear el texto a la izquierda.
20.- Centrar: Esta opción nos permite centrar el texto.
21.- Alinear a derecha: Con esta opción podemos alinear el texto a la derecha.
22.- Justificado: Con esta opción podemos justificar el texto.
23.- Inserta/Editar Vínculo: Como su nombre lo indica, esta opción nos permite insertar o editar un vínculo/enlace en nuestras páginas. Ademas, también podemos hacer otras cosas con esta herramienta, como hacer que los vínculos se abran como ventana emergente [Ver Tutorial].
24.- Eliminar Vínculo: Esta opción nos permite eliminar un vínculo previamente seleccionado.
25.- Crear contenedor (div): Esta herramienta nos permite crear un contenedor div, esto es algo avanzado por lo que si eres nuevo no te recomiendo utilizarla. Lo que hace esta opción es llamar a una etiqueta, por ejemplo <div class="menu">Contenido</div> a la cual se le puede asignar un fondo, entre otras cosas.
26.- Referencia: Nos permite asignarle una referencia a un contenido especifico, solo debemos escribir el nombre de la referencia y después para enviar un link hacia esa parte utilizamos lo siguiente,
http://tusitio.es.tl/#Referencia
27.- Color de texto: Esta opción es muy útil, ya que nos permite colocarle un color al texto.
28.- Color de fondo: Nos permite colocarle un color de fondo al texto seleccionado, sirve para resaltar un texto importante.
29.- Maximizar el tamaño del editor: Es una opción que quizás algunos no conoscan, sirve para aumentar el tamaño del editor a pantalla completa.
30.- Insertar/Editar imagen: Nos permite colocar una imagen a traves de una url determinada, haci como tambien modificarle el tamaño, colocarle un borde, asignarle un vinculo, etc.
31.- Insertar/Editar Flash: Esta opción nos permite insertar un elemento flash, como por ejemplo un intro o un banner, haci como tambien cambiarle el tamaño.
32.- Insertar/Editar Tabla: Con esta opción podemos insertar una tabla, podemos seleccionar la cantidad de filas y columnas, haci como tambien elejir el ancho y alto de la tabla.
33.- Insertar línea horizotal: Esta opción nos permite insertar una línea horizontal en el contenido, esto sirve para separar las noticias por ejemplo.
34.- Insertar Emoticonos: Nos permite colocar emoticones o caritas al contenido. Son iguales a los del Foro.
35.- Insertar Caracter especial: Con esta opción podemos insertar un caracter especial como por ejemplo: "» ® © ¥", son simbolos que no son comunes en el teclado pero sirven para personalizar un texto.
36.- Buscar: Esta opción nos permite buscar un texto especifico dentro del contenido, es muy útil ya que nos permite buscar rapidamente una palabra que necesitamos borrar o reemplazar del contenido.
37.- Reemplazar: Esta opción nos permite reemplazar un texto dentro del contenido.
38.- Seleccionar todo: Como su nombre lo indica, nos permite seleccionar todo el contenido.
39.- Eliminar formato: Nos permite eliminar el formato de un texto previamente seleccionado.
40.- Estilo: Esta opción nos permite seleccionar un estilo para el texto, puede ser un titulo rojo, una marquesina amarilla, pequeño, entre otros estilos.
41.- Formato: Nos permite seleccionar un formato para el texto, entre ellos las distintas clases de encabezado <h1>, <h2>, <h3>, etc.
42.- Fuente: Desde aca podemos cambiar la fuente del texto. Solo hay 6 fuentes, en el caso de que quieran utilizar otro tipo de fuente pueden hacerlo mediante Html,
Cita:
<font face="Arial">Texto<font>
El codigo se debe colocar activando la función Fuente HTML previamente, cambiando obviamente el nombre de la fuente por el de nuestra preferencia. Cabe aclarar que la fuente debe ser común en todos los ordenadores, ya que si por ejemplo elijes la fuente de Naruto y el visitante no la tiene instalada en su ordenador la vera como Times new roman o Arial, es decir perdera el formato.
43.- Tamaño: Esta opción nos permite cambiar el tamaño del texto, puede ser grande, pequeño, mediano, muy pequeño, etc. Tambien se puede cambiar mediante Html con el siguiente codigo,
Cita:
<font size="3">Texto</font>
Recuerda colocar el codigo activando la función Fuente HTML previamente, puedes cambiar el 3 para aumentar o disminuir el tamaño del texto.
44.- Contenido del editor: En esta zona se muestra el contenido que estamos editando.
45.- Incluir imagen: Nos permite subir una imagen previamente subida a nuestra cuenta desde Controlar imágenes [Ver Tutorial].
Tutoriales de Controlar Páginas:
Crear pop up - clicando link o automatico,
http://www.paginawebgratis.es/forum/viewtopic.php?t=48593
Elegir cualquier página como página de inicio,
http://www.paginawebgratis.es/forum/viewtopic.php?t=46666
Cambiar título de tu sitio,
http://www.paginawebgratis.es/forum/viewtopic.php?t=46305
Crear enlaces con descarga directa,
http://www.paginawebgratis.es/forum/viewtopic.php?t=46290
Crear página accesible pero que NO sale en el menú,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2380
Cómo usar HTML en una página,
http://www.paginawebgratis.es/forum/viewtopic.php?t=6748
Letras En HTML,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2556
Cómo crear vínculos,
http://www.paginawebgratis.es/forum/viewtopic.php?t=3620
Cómo poner descargas de archivos,
http://www.paginawebgratis.es/forum/viewtopic.php?t=3619
PWG - Primeros pasos,
http://www.paginawebgratis.es/forum/viewtopic.php?t=3624
Colocar Imágenes, Flash, Fuente texto, etc en Boxs,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2605
_____________________________________________________________
Controlar extras:
Desde Controlar Extras podemos agregar varios tipos de extras a nuestra pagina web, como libro de visitas, comentarios, intro, noticias, entre muchas otras cosas que sirven de gran utilidad para mejorar nuestras web.
Tus extras:
En esta parte podemos ver los extras que ya están activados, ademas de poder editarlos y borrarlos.
1.- Extras: En esta parte muestra muestra el nombre de los extras qu ya están activados.
2.- Cambiar extras: Haciendo click en esta opción podemos editar las opciones de los extras que ya están activados.
3.- Borrar extras: Haciendo click en esta X podemos borrar un extra.
Agregar extra:
Desde Agregar extra podemos agregar nuevos extras a nuestra pagina web.
1.- Elegir extra: En esta parte podemos elegir un nuevo extra para agregarlo a nuestra web.
2.- Agregar extra: Haciendo click en este botón podemos agregar el extra seleccionado, solo queda modificar las opciones a nuestra preferencia y guardarlo.
Utilidades de los extras:
- Extras grandes:
Intro Flash: Este extra nos permite colocar una intro flash en nuestra pagina, es bastante llamativo pero puede fallar el botón de entrada, por lo que es recomendable utilizar un botón personalizado.
Comentarios: Con este extra los visitantes podran dejar comentarios en nuestra pagina web, ademas podemos controlar los comentarios a nuestro favor ya que si se presenta un comentario no deseado podemos eliminarlo o crear una lista de malas palabras.
Contador de visitas: Nos permite colocar un contador de visitas en nuestra web, puede ser el numero de visitantes en total o los que han llegado el día de hoy. A veces se descontrola un poco, pero con el tiempo se restablece.
Encuestas: Desde este extra podemos agregar encuestas a nuestra pagina web, sirve para conocer la opinión de los visitantes sobre un tema especifico.
Formulario de contacto: Nos permite agregar un formulario de contacto a nuestra web, mediante el cual los visitantes se pueden poner en contacto con nosotros, también se puede utilizar para crear un formulario de registro de usuarios.
Foro: Este extra nos permite crear un Foro dentro de nuestra web, lo podemos personalizar a nuestro gusto.
Galería: Con este extra podemos agregar una galería muy buena a nuestra pagina web.
Intro: Nos permite agregar un Intro a nuestra web, en el cual podemos darle la bienvenida a los visitantes o invitarlos a pasarse por otro de nuestros sitios.
Libro de visitantes: Este extra nos permite agregar un libro de visitantes a nuestra pagina web, en el cual los visitantes pueden dejar su opinión sobre nuestro sitio.
Lista de links: Nos permite crear una lista de links, en el cual los visitantes pueden agregar el link de su sitio con una descripción, es como la lista top pero sin banner.
Lista top: Con este extra podemos agregar una lista top a nuestra pagina web, esto es un sistema en el cual se pueden inscribir otros webmasters con el fin de recibir mas visitantes, cuantos mas click hagan sobre nuestra publicidad en su pagina mas alto se posicionara su banner.
Mapa/Imagen satelite: Desde este extra podemos agregar un mapa a nuestra web, para indicar una ubicación, lo malo es que solo se pueden elegir pocos países.
Newsletter: Este extra nos permite agregar un Newsletter a nuestra web, es como un boletín informativo que se envía al correo de las personas que se suscriban.
Noticias: Con este extra podemos agregar un apartado de noticias a nuestra pagina web, es muy elegante y fácil de usar.
Paginas ocultas: Este extra sirve para seleccionar paginas que solo pueden ser vistas por usuarios registrados.
- Extras mas pequeños:
Barras de desplazamiento coloreadas: Nos permite seleccionar los colores de las barras de desplazamiento.
Bloqueo con el boton derecho: Con este extra podemos bloquear el botón derecho del mouse, si queremos también podemos agregarle un mensaje de advertencia.
Copos de nieve: Desde esta extra podemos agregar copos de nieve a nuestra web.
Error en la propia pagina 404: Sirve para dar un mensaje de error al acceder a una pagina que no existe.
Favicon: Con este extra podemos agregar un favicon a nuestra web, es una pequeña imagen de 16x16 px que se utilizar para dar una idea de la temática del sitio.
Firma de foro: Este extra nos permite crear una firma de foro en la cual aparece el numero de visitantes que han llegado durante el día o en total, también se puede agregar un mensaje.
Meta-Tags: Sirve para agregar etiquetas que representen a nuestra web, esto ayuda a mejorar el posicionamiento en los buscadores.
Música de fondo: Con este extra podemos agregar música de fondo a nuestra pagina web, recuerda que la url del archivo de música debe ser de extensión .mp3.
Tutoriales de extras:
Como agregar encuestas a tu pagina web,
http://www.paginawebgratis.es/forum/viewtopic.php?t=54481
Como utilizar el extra error en la propia página 404,
http://www.paginawebgratis.es/forum/viewtopic.php?t=54314
Colocar y modificar nuestro foro,
http://www.paginawebgratis.es/forum/viewtopic.php?t=52660
Crear sistema de registro de usuarios con privilegios,
http://www.paginawebgratis.es/forum/viewtopic.php?t=46673
Poner un favicon (icono imagen en titulo del navegador),
http://www.paginawebgratis.es/forum/viewtopic.php?t=45818
Extra Firma de Foro,
http://www.paginawebgratis.es/forum/viewtopic.php?t=40720
Coloca tu propia Intro Flash,
http://www.paginawebgratis.es/forum/viewtopic.php?t=3618
Bloquear click derecho del mouse,
http://www.paginawebgratis.es/forum/viewtopic.php?t=3506
Poner una Intro,
http://www.paginawebgratis.es/forum/viewtopic.php?t=3104
Cómo hacer formulario para que se registren en tu web,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2938
Cómo Poner Musica de Fondo,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2690
Crear página accesible pero que NO sale en el menú,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2380
Cómo crear páginas ocultas,
http://www.paginawebgratis.es/forum/viewtopic.php?t=3621
_____________________________________________________________
Mensajes:
Desde la zona de Mensajes podemos ver nuestra bandeja de entrada y responder a los mensajes privados (Mps). Tambien podemos borrar los mensajes o marcar como leído los mensajes seleccionados.
1.- Bandeja de entrada: En esta parte muestra los mensajes que han llegado, los que aun no han sido leídos aparecen resaltados en negrilla.
2.- Ver las otras paginas: Desde aquí podemos desplazarnos de pagina en pagina para ver los mensajes que se encuentran en las siguientes paginas o también para buscar un mensaje antiguo.
3.- Mensajes marcados: Nos permite borrar o marcar como leído los mensajes seleccionados/marcados en la casilla que se encuentra a la izquierda del titulo del mensaje.
4.- Mensajes enviados: Como su nombre lo indica, aqui se muestran los mensajes que hemos enviado.
Tutoriales de mensajes:
Aprende a enviar un Mensaje privado (MP),
http://www.paginawebgratis.es/forum/viewtopic.php?t=54393
Como recibir información en caso de nuevos mensajes,
http://www.paginawebgratis.es/forum/viewtopic.php?t=51791
_____________________________________________________________
Preferencias personales:
En la zona de Preferencias personales podemos realizar varios tipos de cambios y modificaciones para mejorar o agregar varias funciones para mejorar nuestra web o simplemente agregar información personal, entre otras cosas.
Imagen de tu perfil:
Desde esta zona podemos subir/agregar una imagen de nuestra selección a nuestro perfil.
1.- Subir una imagen: Aqui podemos subir una imagen a nuestro perfil, solo debemos seleccionar la imagen (Click en el botón examinar) y luego hacer click en Subir una imagen para tu perfil, una vez que este subida la imagen solo queda Guardar los cambios y comenzar a disfrutar de nuestra imagen.
Modificaciones de uso general:
Desde esta zona podemos hacer varias modificaciones generales, como cambiar el titulo de nuestra web, cambiar la contraseña, cambiar la zona horaria, entre otras cosas.
1.- Título de la pagina web: Aquí podemos elejir un título para nuestra pagina web.
2.- E-Mail: Desde aquí podemos asignar un E-Mail para nuestra pagina web, es importante que sea un correo real que utilicemos frecuentemente ya que allí serán enviadas las notificaciones o noticias del servicio, nuevos mensajes, etc.
3.- Contraseña: En esta parte podemos cambiar la contraseña de nuestra pagina web. Se recomienda utilizar letras y números para mejorar la seguridad de nuestra cuenta.
4.- Color de la publicidad: Esta opción se utilizaba para cambiar los colores de la publicidad, actualmente ya no es de utilidad ya que la publicidad del servicio ha sido cambiada por un banner.
5.- Idioma de nuestra pagina web: Esta de mas explicar esta opción, desde acá podemos seleccionar el idioma de nuestra web.
6.- Horario local: Desde aquí podemos seleccionar la zona horaria de nuestra web.
7.- Mostrar el box de ayuda: Esta opción nos permite elegir si queremos o no que aparezca un box de ayuda al pasar el mouse por una opción para señalar una breve explicación.
8.- Mostrar info en caso de nuevos mensajes: Al activar esta opción aparecerá una pequeña información en caso de nuevos mensajes.
9.- No informar por mail sobre nuevos mensajes: Como su nombre lo indica, nos permite elegir si queremos o no que nos lleguen notificaciones de nuevos mensajes a nuestro E-Mail.
Páginas propias:
Desde aquí podemos activar una sola función, "Bold" Nos permite resaltar en negrilla todas las páginas del menú.
1.- Bold ¿Mostrar categorías principales en el menú?: Esta opción nos permite resaltar todas las páginas del menú (solo aplica para diseños básicos como Iceblue, Butterfly, Red, etc).
Administrar imagenes:
Desde esta zona podemos activar y modificar varias funciones de gran utilidad relacionadas con la Administración de imágenes.
1.- ¿Debe ser colocada la marca automáticamente en "minimizar imagen"?: Esta opción nos permite elegir si queremos o no mostrar la opción de "Achicar imagen" al momento de subir imágenes.
2.- ¿Cuántas fotos desea descargar de una vez?: Nos permite elegir la cantidad de fotos que podemos subir simultáneamente (máximo 10).
3.- ¿A que anchura quiere que sean minimizadas las imagenes?: Desde aquí podemos elegir el tamaño al cual serán minimizadas/achicadas las imágenes en el caso de que utilicemos la función "Achicar imagen".
Datos de tu perfil:
Desde esta zona podemos hacer cambios a nuestro perfil agregando datos personales, como asignar la residencia, profesión, intereses, etc.
1.- Número-ICQ: Aquí colocamos nuestro número/dirección de ICQ.
2.- AIM-Nombre: Aquí podemos colocar nuestro nombre de AIM.
3.- Dirección-MSN: En esta parte podemos colocar nuestra dirección de MSN para que nos contacten.
4.- Nombre-Yahoo: Aquí colocamos nuestro nombre de Yahoo.
5.- Residencia: En esta parte colocamos nuestra residencia o país.
6.- Profesión: Si queremos, podemos colocar nuestra profesión en nuestra parte.
7.- Intereses: En esta parte podemos colocar nuestro intereses.
8.- Signatura para el Foro: Aquí podemos colocar nuestra firma de foro utilizando BB-Code.
Modificaciones para profesionales:
Desde esta zona podemos hacer modificaciones profesionales, si eres principiante no hagas cambios.
1.- ¿No mostrar el Editor-HTML?: Activando esta opción no se mostrara el Editor HTML, recomiendo dejarla desactivada ya que sin el Editor tendriamos que utilizar codigos Html directamente, sin las facilidades que ofrece el editor.
2.- ¿Usar Variables?: Activando esta función podemos utilizar las Variables, las variables son un par de herramientas muy útiles ya que nos permite ver la Ip del visitante, Ver el numero de visitas de la pagina en general, entre otras cosas.
3.- Nombre de usuario principal: Estas opciones nos permiten colocar nuestra web en la lista de paginas web del usuario principal que elijamos.
Más opciones:
Desde acá encontramos algunas opciones que son de mucha utilidad.
1.- Login-log: Activando esta opción podemos ver los datos de las personas que han ingresado a nuestra web como la Ip y la hora.
2.- Descargar textos: Desde aquí podemos descargar el contenido de nuestra pagina web, es como una copia de seguridad, en el caso de que se pierda información podemos restaurarla rápidamente ya que el contenido estará en nuestro ordenador.
3.- Suprimir página principal: Desde aquí podemos borrar nuestra pagina web.
Tutoriales de Preferencia personales:
Como borrar/dar de baja tu pagina web,
http://www.paginawebgratis.es/forum/viewtopic.php?t=54388
Como mantener desactivada la opción Achicar imagen,
http://www.paginawebgratis.es/forum/viewtopic.php?t=54262
Como subir varias imagenes simultaneamente a PWG,
http://www.paginawebgratis.es/forum/viewtopic.php?t=54256
Como subir una imagen a tu perfil,
http://www.paginawebgratis.es/forum/viewtopic.php?t=52140
Como recibir información en caso de nuevos mensajes,
http://www.paginawebgratis.es/forum/viewtopic.php?t=51791
Signatura / Firma de Foro de soporte,
http://www.paginawebgratis.es/forum/viewtopic.php?t=46669
Cambiar título de tu sitio,
http://www.paginawebgratis.es/forum/viewtopic.php?t=46305
Login-log - Registro de accesos a tu cuenta,
http://www.paginawebgratis.es/forum/viewtopic.php?t=46288
Como crear una copia de seguridad de tu web,
http://www.paginawebgratis.es/forum/viewtopic.php?t=40246
Sacale Provecho a PWG, utiliza las variables,
http://www.paginawebgratis.es/forum/viewtopic.php?t=38170
Más de una web en el perfíl,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2601
Cambiar zona horaria de tu web,
http://www.paginawebgratis.es/forum/viewtopic.php?t=2572