COMO CREAR UN BLOG CON WORDPRESS (4 VIDEOS TUTORIALES)

Hola a tod@s!!

Os pongo estos VIDEOS TUTORIALES DE YOUTUBE de:

COMO CREAR UN BLOG WORDPRESS (en 4 partes)

VIDEO PARTE (1-4):

VIDEO PARTE (2-4):

VIDEO PARTE (3-4):

VIDEO PARTE (4-4):

Un saludo a tod@s. Susana

COMO INSTALAR WORDPRESS EN EL HOSTING 1&1 (VIDEO TUTORIAL)

Hola a tod@s!!

Os pongo un enlace a un video de Youtube con instrucciones paso a paso de como instalar WORDPRESS en el Hosting 1&1 donde tengas tu dominio para poder hacer tu pagina web con plantillas.

Un saludo. Susana

CURSILLOS GRATIS EN URBALAB GANDIA

Hola

Paco, Adolfo y yo hemos hecho un MINI-CURSILLO de 2 dias en URBALAB.

El cursillo era de WORDPRESS (Nivel Medio).

Pero para el Nivel superior ya piden nociones de PHP que no tenemos...

El Profesor nos ha dicho que va a proponer hacer un Cursillo de PHP y nos apuntaremos cuando lo haga.

(no nos busqueis en esta foto......no estamos..la he cogido de internet.......jeje)
Esta el la Pagina web de URBALAB donde podeis ver los cursos que hacen, por si os interesa a alguno.

http://www.urbalabgandia.com/

Está justo en la misma plaza que el Centro de Salud de Beniopa al lado de la Avda. Republica Argentina.

Un saludo.
Susana

PLANO PARA VISITAR LAS FALLAS EN VALENCIA

ERASE UNA VEZ....VISITA LAS FALLAS EN 8 HORAS.....EN VALENCIA

Aqui os pongo un Plano divertido para visitar las Fallas en 8 horas, donde teneis las fallas más importantes que suelen tener los primeros premios...

De todas formas....informaros cada año de cuales son los primeros premios...ya que....

PUEDE HABER NOVEDADES O SORPRESAS.... y no ser las de siempre...

Un saludo.

Susana.

PAGINA WEB PARA EMPRESA "CLEAR AND BLUE POOLDESIGN"

LA PRIMERA PAGINA QUE DISEÑO PARA UNA EMPRESA CON LO QUE HE APRENDIDO EN EL CURSILLO:

Aquí os pongo el enlace de la "famosa" Página Web de las piscinas que he estado diseñando al mismo tiempo que aprendía las cosas en el Cursillo.

Hacer click en este enlace para verla en Internet:

PAGINA WEB PARA "CLEAR AND BLUE POOLDESIGN"

Estas son unas fotos de las Pantallas:

La Primera Página de INDEX es para seleccionar los IDIOMAS (Español -Alemán-Inglés)

Y luego en cada Idioma cada una de las Páginas según el Menú de la Izquierda.

ULTIMO DIA DE PRACTICAS EN LA EMPRESA (2 MARZO)

YA HAN TERMINADO LAS PRACTICAS EN LAS EMPRESAS:

A pesar de haber empezado con "mal pié" en esta empresa..... al final hemos podido practicar los 3 haciendo páginas web....Pero...de los de la empresa no hemos aprendido nada.....ellos iban a su marcha y nos dejaban entretenidos con algo mientras entraban y salían.

Pero entre nosotros nos ibamos resolviendo las dudas y hemos aprendido cosas nuevas....

Y la PAGINA WEB de "UNIGESCO S.L" que he hecho en las PRACTICAS, la han puesto en Internet para que la vea el Cliente, por si quiere hacer cambios...
(Me alegro de que les ha gustado...aunque después de cambiarla 4 veces....)

De momento la han puesto en una DIRECCION DE PRUEBAS hasta que el Cliente solucionara el acceso a su DOMINIO real (http://www.unigesco.com)

DIRECCION DE PRUEBAS: http://www.proteinworld.es

Hoy... el último día...Adolfo estaba animado...y decía que había aprendido mas cosas el último día que los demás....
Hemos estado haciéndonos preguntas entre nosotros sobre cosas que no nos acordábamos del cursillo o que no teníamos claro, o dudas que nos han surgido haciendo las páginas.etc....

LO QUE NO SABÍA UNO...LO SABÍA EL OTRO

¡¡SOMOS UN BUEN EQUIPO!!...Nos complementámos....A cada uno se nos da mejor una cosa...
Hemos estado hablando sobre "1and1" y le he explicado a Adolfo y Miguel como me he dado de alta en el Hosting con mi Dominio....Hemos ido viendo los pasos.......Como encajo las dichosas capas y tablas para que se centren...etc...jeje.....

Adolfo me ha resuelto dudas sobre "Formularios y Menus de Botones" que tiene Dreamweaver...ya que tengo que ponerlos en unas páginas que estoy haciendo.

Y como veis....nos hemos hecho una FOTO DE ULTIMO DIA con el Jefe y el Informático de la EMPRESA (únicos integrantes de la misma....)

Aunque todavía no sabemos como lo hacen....tienen bastantes clientes y bastantes páginas en marcha....además de la Académia "Quassar" en la que dan Cursos.....

LO BUENO DE TODA ESTA EXPERIENCIA es que....le hemos PERDIDO EL MIEDO a esto de las PAGINAS WEB.....

Aunque por otro lado...no hemos hecho mas que "abrir una puerta y asomarnos".....Pero....

¡¡Ya nos hemos lanzado!!...y tenemos GANAS DE MAS.....

¡¡¡¡Como me encantaría hacer otro CURSILLO que fuera una CONTINUACION DE ESTE!!!!

Partiendo de lo que ya sabemos...... (ya no nos sonaría todo a CHINO....jeje)

Y con el mismo grupo de gente que somos....

¡¡ESTARÍA BIEN!!

Después de estos últimos meses de CURSILLO INTENSIVO....se nos va a hacer raro terminar y no vernos mas....¿no creeis?

Bueno...El próximo Lunes y Martes....ULTIMOS DIAS....

¡¡Nos vemos en el Cole otra vez!!!

Y este finde...continúo terminando la FAMOSA PAGINA WEB DE "LAS PISCINAS" y los DEBERES que nos puso Quique para el Martes...jejejeje...

Un saludo. Susana

18º DIA DE PRACTICAS (29 FEB)

CAMBIO DE DISEÑO LA PAGINA DE "UNIGESCO S.L."
PARA SUBIRLA A INTERNET

¡¡QUE BIEN.....!!!

El Cliente la verá directamente en Internet y nos dirá los cambios que quiere.

Ahora está el Informático mirando la forma de ponerla en el Servidor del Cliente.

Si todo va bien....Podréis verla en http://www.unigesco.com/

He hecho el diseño con PHOTOSHOP y la maquetación con DREAMWEAVER.

Es una Página Web muy sencilla.

Os enseño como ha quedado al final el diseño con los cambios:

Un saludo.

Susana

FALLAS 2012 - LA CRIDA EN VALENCIA - EMPIEZAN LAS FALLAS

La Crida es un acto en el que la Fallera Mayor de Valéncia SANDRA MUÑOZ anuncia a todos los Valencianos QUE EMPIEZAN LAS FALLAS 2012.
Junto a ella la Fallera Mayor Infantil ROCIO PASCUAL y la Alcaldesa de Valéncia RITA BARBERA con la Corte de Honor.
Todos los Valencianos (que acuden andando desde todos los barrios de Valéncia con música y canciones) se sitúan en la frente a las TORRES DE SERRANOS (Monumento Representativo de Valéncia, puerta de la Antigua Muralla Medieval de la Ciudad).
Rita Barberá hace entrega de la LLAVE DE LA CIUDAD a la Fallera Mayor de Valéncia antes de que ésta hable a todos los Valencianos.
Este año, como novedad, se estrena también la NUEVA PLAZA PEATONAL. Anteriormente circulaban frente las Torres de Serranos los coches en una de las principales vías de circulacion que rodeaban Valéncia siguiendo el trazo de la antigua Muralla (ya no existente) y el antiguo Cauce del Rio Turia (ahora Jardín).
Maduixa Teatre reliza antes de La Crida su espectáculo "Tam Tam" con impresionantes efectos de luces y Fuegos Artificiales ante la sopresa de todos los presentes.
Finaliza la Crida con el Himno de Valéncia y un Castillo de Fuegos Artificiales.

INCLUIR UN MAPA DE GOOGLE PERSONALIZADO EN TU PAGINA WEB

La manera más sencilla de incluir un mapa de Google personalizado en tu web, sin saber programación.

En DesarrolloWeb.com tienen publicado un Manual del API de Google Maps. Este manual trata sobre el desarrollo de aplicaciones utilizando los mapas de Google, enfocado para programadores que quieran aprovechar la potencia de Google Maps en sus desarrollos. Pero en este artículo voy a explicar una manera mucho más sencilla de incluir un mapa de Google en una página web, apta para todo tipo de personas, programadores o no, y que te llevará sólo unos minutos para integrar un mapa personalizado en cualquier web.

Quería aclarar antes que con el API de Google Maps podemos hacer todo tipo de aplicaciones para mostrar mapas de cualquier parte del mundo. Por ejemplo, imaginar que estamos haciendo una página de una inmobiliaria y queremos localizar cada una de las casas en venta, además de mostrar fotos y cualquier otro contenido de los inmuebles en el propio mapa. Para esto necesitaremos forzosamente trabajar con el API, (que se explica en el manual de DesarrolloWeb.com) y combinar la base de datos de propiedades de la inmobiliaria, con la interfaz de mapas de Google Maps.

Pero imaginar un caso mucho más sencillo. Tenéis un cliente al que le estáis creando el sitio web y quiere que tenga un mapa de Google con la localización de sus oficinas y la forma de llegar a ellas. Para hacer este único mapa no es necesario utilizar el API de Google Maps, sino sería suficiente crear un único mapa estático e incrustarlo en la página del cliente. Esto se puede hacer fácilmente desde la propia página http://maps.google.com/ y no necesita ningún conocimiento de programación.

Voy a dar una receta por pasos:

1) Entrar en http://maps.google.com/

2) Pulsar sobre el enlace “Mis Mapas”

3) Ahora pulsar sobre “Crear Mapa nuevo”

4) Nos pedirá que nos autentiquemos con nuestra cuenta Google. Una cuenta vale para todos los servicios de Google, incluido el de mapas.

5) Entonces podemos empezar a crear nuestro mapa.

Tendremos que darle el nombre y descripción del mapa.

Además, a la derecha tenéis el mapa que se va a crear. En este momento están disponibles las opciones para edición del mapa y creación de marcas, líneas, etc. Podréis ver en la esquina superior derecha del mapa una serie de iconos con los que podréis colocar los distintos elementos sobre el mapa.

Experimentar con cada tipo de dibujo que se puede colocar. Además, luego podemos personalizar cualquier cosa, como cambiar el color a las líneas o formas, o poner varios tipos de marcas sobre el mapa. Al crear cualquier elemento o señal sobre el mapa, nos abre una pequeña ventana para colocar las propiedades de este elemento.

En la anterior imagen hemos marcado con flechas varios elementos: los datos de la marca, que tenemos que rellenar en la ventana de propiedades. Un icono que se puede pulsar para acceder a otras propiedades de la marca, como la forma, el color, etc. Cuando tengamos todo, podemos pulsar el botón de Aceptar.

6) Cuando esté el mapa creado, podemos dar al botón de Guardar y luego al botón marcado como “Listo”, que aparecen a la izquierda.

7) Obtener el código para incluir el mapa en cualquier web.

Este paso tiene varias maneras de hacerse, todas a través del enlace que pone “Enlazar”, situado a la derecha. La opción más versátil es incluir el mapa con un IFRAME, pero debemos personalizar el mapa antes, para que el IFRAME sea exactamente como nosotros queremos.

Primero, como decía, pulsamos sobre “Enlazar” y luego pulsamos sobre “Personalizar y obtener vista previa del mapa que se va a insertar”.

Entonces se abrirá una ventana aparte donde dar las propiedades del mapa que vamos a crear para nuestra página web.

En esta página tenemos que indicar: 1) El tamaño del mapa, 2) centrar el mapa donde lo queremos y ponerle el zoom deseado y 3) copiar el código que nos dan.

8) Pegar el código del mapa en nuestra página web

Pues ya está! Una vez pegado el mapa de Google aparecerá tal cual lo hemos personalizado en la página web que deseemos.

Yo he pegado a continuación este mapa de Google de prueba, para que se pueda ver como queda al final.

Eso es todo. Podemos haber tardado un poco más para aprender a crear el mapa, pero una vez sepamos, nos llevará menos de 5 minutos incorporar un mapa de Google en una página web.

12º DIA DE PRACTICAS (23 FEB)

Hola...

Estoy enferma en casa varios dias...Pero sigo sentada en frente del ordenador trabajando en la PAGINA WEB que me han encargado en la oficina.

Al principio intenté hacerla con una plantilla de Joomla, pero despues de instalar XAMP y JOOMLA....Poner la carpeta en su sitio...etc...Me puse a buscar plantillas y encontré una que me gustaba.

Pero la página que tengo que hacer es muy sencilla y le sobraban muchas cosas....

Una vez abierto Joomla e instalada la plantilla....NO SABIA POR DONDE TIRAR....

¡¡QUE LIO!!... Ví que necesitaba mas tiempo para probar...y no quería tardar mil años en diseñar la web....

Así que... decidí pensar en el Diseño que me gustaba con PHOTOSHOP....para luego maquetarlo en DREAMWEAVER....

Y estoy en "ello".....

Os enseño algunas imágenes de como va la cosa...

PRIMERAS IDEAS:

DISEÑOS PARA EL LOGO:

(ESTE ES EL LOGO ORIGINAL DE LA EMPRESA)

Pero me dijeron que podia trabajar con el LOGO y proponer otra cosa para el diseño de la Página.

Así que lo he modificado un poco para integrarlo al diseño con PHOTOSHOP.

Y después de varias pruebas......he elegido uno y lo he integrado en el Diseño General de la Página.





Añadiendo tambien el ANAGRAMA difuminado con transparencia para fondo del Cuerpo en las Páginas Generales.

Ahora que tengo la Imagen General que me gusta.... Estoy peleándome con Dreamweaver para Maquetarlo todo y hacer que funcione.....

Ya os cuento....

Un saludo.

Susana.

PHOTOSHOP Y FRAMEWORK BLUEPRINT- DISEÑO DE PAGINA WEB USANDO GUIAS Y CSS DE BLUEPRINT

Hola a tod@s!!

Estos videos (muy largos,pero muy interesantes)... explican paso a paso el diseño de una pagina web utilizando unas guias que tiene una plantilla para Phothoshop del Pack "FRAMEWORK BLUEPRINT" que despues nos serviran para MAQUETAR LA IMAGEN y poderla convertir en nuestra PAGINA WEB maquetandola con sus CSS de estilo especificas (incluidas en el Pack).

MANUAL: http://www.desarrolloweb.com/manuales/manual-blueprint-css.html

VIDEO 1 : Diseño de una página web con Photoshop - Utilizando una Plantilla con rejilla de "Framework Blueprint".

VIDEO 2: Maquetación de la página web con los CSS de " Framework Blueprint" (Parte 1de3)

VIDEO 3: Maquetación de la página web con los CSS de " Framework Blueprint" (Parte 2de3)

VIDEO 4: Maquetación de la página web con los CSS de " Framework Blueprint" (Parte 3de3)

Un saludo.

Susana.

DISEÑO DE UNA PAGINA WEB CON DREAMWEAVER (ETIQUETAS BASICAS)

Hola a tod@s!!

Aqui os pongo unos videos paso a paso para repasar lo que hemos dado en nuestro curso sobre como diseñar una página web con DREAMWEAVER

VIDEO1:VISUALIZAR PRIMERO LAS PARTES QUE TENDRA LA PAGINA WEB

VIDEO 2: ETIQUETAS BASICAS DE DREAMWEAVER (PARTE 1)

VIDEO 3: ETIQUETAS BASICAS DE DREAMWEAVER (PARTE 2)

PHOTOSHOP- DISEÑO DE UN FORMULARIO ORIGINAL

Hola a tod@s!!

Este es un video tutorial de como diseñar un FORMULARIO muy original con Photoshop.

Aunque os aviso que va muy rapido....

Si quereis fijaros en cada paso...creo que vais a tener que ir poniendo la pausa....ejeje

Un saludo.
Susana

TUTORIAL CON VIDEOS- DISEÑO RAPIDO DE UNA PAGINA WEB DESDE "FIREWORKS" PARA TRABAJARLA LUEGO EN "DREAMWEAVER"

Hola a tod@s!!

Estos tutoriales te explican rapidamente cómo puedes componer el Diseño que deseas para la Imagen General de toda tu página web en el programa FIREWORKS y después exportarla de forma que la puedas incorporar a tu PAGINA WEB con el programa DREAMWEAVER.

VIDEO 1: Diseño con Fireworks y cómo se exportan los archivos

VIDEO2: Importar desde Dreamweaver para utilizarlo en tu página web.

Un saludo.

Susana.

COMO DISEÑAR BOTONES CON "FIREWORKS" PARA INSERTARLOS EN NUESTRA PAGINA WEB

Hola a tod@s!!

Os pongo unos videos tutoriales para diseñar botones con el programa FIREWORKS y luego insertarlos en nuestras PÁGINAS WEB.

VIDEO 1: Como crear una línea de MENU ROLLOVER con Botones con FIREWORKS

VIDEO 2 : Como exportar nuestro MENU ROLLOVER desde FIREWORKS para usar en nuestras páginas web de DREAMWEAVER.

Espero que os ayude.

Un saludo.

Susana.

7º Y 8º DIA DE PRACTICAS ( 16 y 17 FEB)

En la Empresa por fin nos han encargado que empecemos a trabajar con unas paginas web.

Así que Miguel y Adolfo estan con Dreamweaver con la página de "Pepito La Flor" y yo estoy con Joomla haciendo una página de una empresa de Combustibles al lado de la Vital "Unigesco,SL"

No tengo nada de material para hacer esta página. Tan solo el menu con las opciones típicas.
(Indice- Empresa-Servicios-Donde estamos-Contactos)
Pero todavía no se lo que quieren poner.

Como no tenía ni idea de que iba la empresa, al salir de la oficina he ido a verla y he hecho un par de fotos con el movil.

Por lo menos ahora tengo una idea para hacer el diseño.

He decidido hacerla usando alguna plantilla del Joomla, ya que no hay ningun parametro por parte del cliente en cuanto al diseño....y de paso....repaso todo el lío de Joomla,que me vendrá bién....

Pero por mi cuenta, también estoy haciendo la página web para un amigo y su nueva empresa
"CLEAR AND BLUE POOLSERVICE" (en 3 idiomas).

(algunos ya vísteis algo durante las clases)

También le hice el diseño de las TARJETAS....los FOLLETOS...las FACTURAS....CAMISETAS...etc....

Podeis ver lo que voy haciendo en el siguiente enlace.

http://clearandblue.es ES UNA PAGINA DE MANTENIMIENTO DE PISCINAS.

(La estoy haciendo con Dreamweaver y en el index puse un script de Java con animación y un vídeo al final)

El resto de las páginas sigue el diseño de las Tarjetas y Folletos con la imagen del agua de fondo.

EL GRAFENO: NUEVO MATERIAL QUE VA A HACER REALIDAD LA "CIENCIA FICCION"

Hola a tod@s!!!

Ví un documental muy interesante sobre el GRAFENO y sus aplicaciones en la NUEVA TECNOLOGIA DEL FUTURO.

Sustituye por sus funciones al SILICIO Y AL COBRE, materiales que actualmente son utilizados para casi todo, y que en el caso del silicio, es muy escaso.

Y hace posible que todo sea MUCHO MAS PEQUEÑO por sus cualidades. Ademas no se calienta tanto como los materiales actuales.

Muchas empresas como SONY, SAMSUNG,NOKIA,IBM, APPLE....etc....ya están creando prototipos utilizando este nuevo material en sus próximos modelos de TV, TELEFONOS y ORDENADORES, aunque el GRAFENO puede ser utilizado  en muchos más campos diferentes.

En internet ví algunos videos que os pongo a continuación porque son cortos y pueden gustaros.


VIDEO1 : DESCUBRIMIENTO DEL GRAFENO. UN MATERIAL QUE CONDUCE MEJOR LA ELECTRICIDAD QUE EL COBRE.

VIDEO 2 : EURONEWS: ADIOS SILICIO, HOLA GRAFENO.

VIDEO 3: EL GRAFENO. EL FUTURO YA ES PRESENTE

VIDEO 4: ELGRAFENO: SUS PROPIEDADES Y POSIBLES APLICACIONES.

VIDEO 5: PROTOTIPOS DE TELEFONOS DEL FUTURO UTILIZANDO EL GRAFENO.

VIDEO 6: FERIA DE TECNOLOGIA EN LAS VEGAS. PROTOTIPO DE PORTATIL SAMSUNG CON PANTALLA TRANSPARENTE DE GRAFENO.

VIDEO 7: APPLE - PROTOTIPO DE IPHONE 6 CON PANTALLA TRANSPARENTE DE GRAFENO.

¡¡ESPERO QUE OS HAYA GUSTADO TANTO COMO A MI!!

TUTORIAL DE YOUTUBE PARA HACER EL INTRO COMO MIS VIDEOS

Hola!!

Algunos habeis viso que al final del Blog puse algunos enlaces a unos videos que tengo en un CANAL DE YOUTUBE.

Cuando hago los videos siempre los empiezo con una INTRO que me hice para personalizarlos.Y me habeis comentado que os gusta y preguntásteis como se hacía.

Aqui os pongo un VIDEO TUTORIAL DE YOUTUBE que explica como hacerlo paso a paso.
(Hay muchos mas tutoriales de otras personas explicando lo mismo)

Tengo que deciros que tarda muchas horas en renderizar las imagenes a la hora de crear la película al final.....

Mejor dejarlo cuando os vais a dormir.

Un saludo.

Susana