1. Pautas para mi Primer
Portafolio
INSTITUCIÓN UNIVERSITARIA
CESMAG
Programa de Diseño Gráfico
Docente Encargado:
Marcela Arango
Lugar:
Secretaria del Programa
o envia tu URL y Datos personales al correo
portafoliodiagraficoiucesmag@gmail.com

2. Pautas para mi Primer
Portafolio
1 Ejemplo:
Crea un Blog
ingresa a una pagina para
creacion de blogs,
Te Tecomendamos Blogger o
Webbs
Aunque este tutorial trate de
Blogger:
Para comenzar, iremos al sitio
de blogger:
http://www.blogger.com
donde nos encontraremos con
la pantalla que vemos a
continuación, y vamos a
apretar el botón que dice
CREAR TU BLOG AHORA.
INSTITUCIÓN UNIVERSITARIA
CESMAG

3. Pautas para un buen
Portafolio
1 Ejemplo:
Al presionar dicho botón, como
veremos en la siguiente pantalla, nos
encontraremos con un formulario
para crear una cuenta de google.
¿Por qué una cuenta de google?
Pues bien, blogger pertenece a
google.
Entonces, si tenemos una cuenta de
google accedemos a ella para
evitarnos este paso Si ya tiene una
cuenta de Google, por ejemplo de
Gmail,
En caso de no tener una cuenta de
google, no hay que preocuparse; el
formulario es bastante simple y en el
mismo explica que es cada cosa que
debemos completar, así que
completémoslo. Luego presionamos
el botón de CONTINUAR.
INSTITUCIÓN UNIVERSITARIA
CESMAG

4. Pautas para un buen
Portafolio
1 Ejemplo:
Luego de eso, llegaremos a una
pantalla donde dice “Asignar un
nombre a su blog”, como vemos a
continuación.
En el campo “Título del blog”, que
será el título que aparecerá en tu
blog; Este básicamente, es el nombre
que se le quiere dar al blog.
En el campo “Dirección del blog
(URL)”, será la dirección por la cual
se podrá acceder a tu blog. Es
recomendable comprobar la
disponibilidad, haciendo click en el
link que se ve allí; para no intentar
varias veces con diferentes
nombres.
Una vez completados estos campos,
presionaremos el botón de
CONTINUAR.
INSTITUCIÓN UNIVERSITARIA
CESMAG

5. Pautas para un buen
Portafolio
1 Ejemplo:
Ahora llegamos a una pantalla donde
nos pide “Elegir una plantilla”. Aquí
vamos a elegir la apariencia que va a
tener nuestro blog; como pueden
ver, hay muchos estilos para elegir.
Así mismo, aquí, si presionamos
sobre el link de vista preliminar,
vamos a poder ver un ejemplo para
poder decidirnos mejor. Si no te
gusta ninguna de estas plantillas,
mas adelante veremos como
personalizarla o incluir una plantilla
nueva.
Una vez que hayamos elegido el que
más nos gusto, apretamos el botón
de CONTINUAR.
INSTITUCIÓN UNIVERSITARIA
CESMAG

6. Pautas para un buen
Portafolio
1 Ejemplo:
Y al fin llegamos a la pantalla donde
dice “Su blog se ha creado”. ¿Qué?
¿Ya esta listo? Pues si, así de
sencillo es crear un blog en blogger.
¿No me creían?
Ahora bien, una vez creado el blog,
es cuestión de publicar diferentes
artículos; así que vamos a ver como
funciona eso, haciendo click en el
botón de EMPEZAR A PUBLICAR.
INSTITUCIÓN UNIVERSITARIA
CESMAG

7. Pautas para un buen
Portafolio
2 Ejemplo:
Como Publico y Subo
todos mis Trabajos ?
Lo primero que verás de tu nuevo
blog será el editor de entradas. Tiene
este aspecto.
Nosotros estamos situados en
Crear, y debajo de eso podemos ver
un formulario donde se puede
ingresar él titulo de nuestra entrada;
y luego el texto (Ficha técnica) que
queremos redactar.
El lugar donde se redacta él articulo
es un lugar donde se puede escribir
(al mejor estilo “word”) y tiene una
fácil barra de herramientas donde
podemos editar el formato, corregir Una vez redactado el articulo texto, podemos o
ortografía, hasta añadir imágenes o bien guardarlo (para editarlo mas adelante)
videos. presionando el botón de GUARDAR AHORA;
O bien publicarlo para que toda la gente que
ingrese a tu blog pueda verlo presionando el
botón de PUBLICAR ENTRADA.
INSTITUCIÓN UNIVERSITARIA
CESMAG

8. Pautas para un buen
Portafolio
2 Ejemplo:
Como Publico y Subo
todos mis Trabajos ?
Se abrirá esta ventana en la que te
dicen que ya está publicada.
Pincha en Ver blog (en una ventana
nueva) para que el blog se abra en
otra ventana.
Recomiendo abrir en otra ventana,
porqué si has de modificar la
entrada, resulta más sencillo hacerlo
si tienes abierta esa página.
Pinchando en Editar entrada puedes
modificarla tantas veces como sea
necesario.
Y este es el aspecto de un blog con
una primera entrada sin importancia.
INSTITUCIÓN UNIVERSITARIA
CESMAG

9. Pautas para un buen
Portafolio
2 Ejemplo:
Como Publico y Subo
todos mis Trabajos ?
Puedes ver que, por defecto, el blog
ya sale con algunos elementos,
(gadgets) añadidos.
De todos estos temas, gadgets, Sobre Mi 1 Semestre 2 Semestre 3 Semestre 4 Semestre
elementos, etc.
Ahora tienes que hacer PAGINAS
estas te servirán para hacer
separaciones de los semestres, muy
al estilo de pestañas de pagina Web.
Home, sobre mi, Productos... en fin
para mejorar la presentación y
organización.
Para generar PAGINAS dentro del
mismo Blog es importante hacer lo
siguente
INSTITUCIÓN UNIVERSITARIA
CESMAG

10. Pautas para un buen
Portafolio
3 Ejemplo:
Como Hacer Paginas ?
Vamos a crear una página en un
blog. Para eso haz click en entrada
nueva o en editar entradas, si estás
en el escritorio/panel, para poder
ver el enlace a Editar páginas.
haz click y se abrirá esta página,
donde te dirán que no tienes ninguna
y el enlace Crear página nueva.
Al pincharlo se abre el editor de
textos, donde puedes crear una
entrada.
Esa no es la única entrada que
podrás crear en esa página.
Fíjate que abajo no sale la barra para
poner etiquetas. Y que solo ves eso
de opciones de entrada.
INSTITUCIÓN UNIVERSITARIA
CESMAG

11. Pautas para un buen
Portafolio
3 Ejemplo:
Como Hacer Paginas ?
Al pincharlo se abre el editor de
textos, donde puedes crear una
entrada.
Si despliegas estas opciones, verás
esto. Como puedes comprobar nada
que ver con una entrada normal.
No hay fecha ni etiquetas. Tan solo
algunas opciones de html y si vas a
permitir o no los comentarios en la
página. Por defecto está marcado
que no, ya que se supone que esas
páginas van a servir para poner
información, no entradas que se
puedan comentar.
INSTITUCIÓN UNIVERSITARIA
CESMAG

12. Pautas para un buen
Portafolio
3 Ejemplo:
Como Hacer Paginas ?
Cuando le des a publicar te
preguntarán como quieres que se
vea el gadget Páginas, que no es más
que un gadget de enlaces a tus
páginas.
Si tu plantilla es antigua, no te lo
preguntarán y se colocará
directamente en la sidebar y se verá
como un gadget de enlaces normal.
Una vez publicada la puedes editar,
ver o suprimir. Fíjate que encima se
ve el título, así que si tienes más de
una, las verás ahí, una junto a la otra NOTA: Recuerda que el título de la página es el
y con el título podrás saber cual has título de la entrada que hagas en ella.
de abrir si quieres modificarla.
Semestre 1 Semestre 2 ......
INSTITUCIÓN UNIVERSITARIA
CESMAG

13. Pautas para un buen
Portafolio
3 Ejemplo:
Como Hacer Paginas ?
También puedes modificar el gadget
desde Diseño/Elementos de la
página. Ahí puedes cambiar el orden
en que aparecen en la barra de
enlaces, solo moviendo de sitio cada
uno de los elementos, como si fuesen
gadgets.
NOTA: Recuerda que el título de la página es el
título de la entrada que hagas en ella.
Semestre 1 Semestre 2 ......
INSTITUCIÓN UNIVERSITARIA
CESMAG

14. Pautas para un buen
Portafolio
3 Ejemplo:
Como Hacer Paginas ?
Este es el aspecto del gadget en la
página principal.
Por defecto se colocará con los
colores de tu blog.
Colores que puedes cambiar en el
diseñador de Plantillas /Avanzado.
Puedes cambiar el color de las
pestañas
INSTITUCIÓN UNIVERSITARIA
CESMAG

15. Pautas para un buen
Portafolio
4
En buena hora con las explicaciones
dadas en este tutorial ya puedes hacer tu
blogger,
No olvides que cuando publiques tus
fotos debes incluir un Texto o pie de
Imagen Describiendo la misma
Ejemplo:
Nombre Completo Estudiante:***
Semestre: ***
Materia: *** Datos para Ficha Tecnica
Docente:***
Tecnica: ***
portafoliodiagraficoiucesmag@gmail.com
Cuando ya este terminado puedes
enviarl tu URL o direccion al correo
electronico con tus Datos Completos
INSTITUCIÓN UNIVERSITARIA
CESMAG