Globedia.com

×
×

Error de autenticación

Ha habido un problema a la hora de conectarse a la red social. Por favor intentalo de nuevo

Si el problema persiste, nos lo puedes decir AQUÍ

×
cross

Suscribete para recibir las noticias más relevantes

×
Recibir alertas

¿Quieres recibir una notificación por email cada vez que Skizzo escriba una noticia?

Guias y Tutoriales de PWG (Pagina Web Gratis): 1a parte

25/02/2014 23:00 0 Comentarios Lectura: ( palabras)

Este code lo publico Nixoweb en el foro de PWG, , sirve para estirar Ice blue a pantalla completa, pero antes si tienes el codigo de centrar la web lo debes eliminar

1.- Agrandar la parte central.

Este code lo publico Nixoweb en el foro de PWG, , sirve para estirar Ice blue a pantalla completa, pero antes si tienes el codigo de centrar la web lo debes eliminar, y las imagenes de la parte central donde escribimos deben de ser de 641px de ancho, no de 568px como antes, asi me funciono a mi con esa medida:

Código: <style type="text/css">

<!--

table.edit_main_table{width: 100% !important;}

td.edit_main_tr{width: 100% !important;}

table.edit_second_table{width: 100% !important;}

td.edit_header_full{width: 100% !important;

background-position:center;background-repeat:no-repeat; }

td.edit_header_full table{width: 100% !important;}

table.edit_third_table{width: 100% !important;}

td.edit_navi_headbg{width: 15% !important;}

table.edit_rechts_tabelle{width: 100% !important;}

3.- 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.

tutoriales 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).

Guias

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.

internet Agregar una nueva imágen:

Desde esta zona podemos subir nuevas imágenes a nuestra cuenta con tan solo 4 pequeños pasos.

Blogs

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 .

pagina web gratis 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

pwg 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

2.- 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.

Guias y Tutoriales de PWG (Pagina Web Gratis)

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.

Más sobre

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.

 

FUENTES:

 

GUIAS Y TUTORIALES DE PWG (PAGINA WEB GRATIS)

 

1.- Agrandar la parte central

2.- Como utilizar el editor HTML

3.- Controlar imagenes


Sobre esta noticia

Autor:
Skizzo (470 noticias)
Visitas:
2283
Tipo:
Tutorial
Licencia:
Distribución gratuita
¿Problemas con esta noticia?
×
Denunciar esta noticia por

Denunciar

Comentarios

Aún no hay comentarios en esta noticia.