Youtube is not just funny stuff and silly videos, i recommend you to watch and listen to the words of the former CEO and creator of Apple and Pixar, Steve Jobs. Then you´ll get your own conclussions.
Steve Jobs speech
miércoles, 25 de abril de 2007
Web advertising task
1. Check out the advert section on terra.com.co or eltiempo.com ("paute con nosotros"), those links are in the bottom of the home pages.
2. There you´ll find the options of advertising pieces used by those portals, select one of those options.
3. You´ve got three possible clients: Museo Nacional de Colombia, Adidas or Pandora.com. Select one of these options and think about the target of your client, decide how to offer its benefits or features to the public. Also define in wich portal you´ll set the piece.
4. Design the piece under the lineaments specified by the portals about size, weight, format and ubication.
Example:
Client: Adidas
Piece: Section banner (banner de sección) used by eltiempo.com
Size: 468x60 pixels
Max. weight: 12
Format: gif
Ubication: guiaacademica.com
*Visit also e-planning.net and check out the examples used by other iberoamerican portals with rich media formats.
2. There you´ll find the options of advertising pieces used by those portals, select one of those options.
3. You´ve got three possible clients: Museo Nacional de Colombia, Adidas or Pandora.com. Select one of these options and think about the target of your client, decide how to offer its benefits or features to the public. Also define in wich portal you´ll set the piece.
4. Design the piece under the lineaments specified by the portals about size, weight, format and ubication.
Example:
Client: Adidas
Piece: Section banner (banner de sección) used by eltiempo.com
Size: 468x60 pixels
Max. weight: 12
Format: gif
Ubication: guiaacademica.com
*Visit also e-planning.net and check out the examples used by other iberoamerican portals with rich media formats.
miércoles, 28 de marzo de 2007
Site of the week 5
After check out last "site of the week" it`s probable you are having several questions about how does flash work. In my opinion flash is a huge field, where is possible to create almost everything we want, but unknown and certain times not as easy as it could.
Anyway, people arround the world using flash have a site where they can share their discoveries, developments, reviews and so on. That site is Flashkit, where you'd find resources for your flash project.
miércoles, 21 de marzo de 2007
Basic web sites design using dreamweaver
This is a basic tutorial about web site design:
1. Create a new folder with the name of your project, inside create a folder to keep images, a new one for css, and so on. (further i´ll explain you about those diferents files and formats).
2. Once you have done it, open dreamweaver. Over the right side there is a column with different panels, one of those panels is "files". There you can find "manage sites" and there you will search for "new site".
3. You´ve got two ways to define your site, basic or avanced. We will start with basic, firstable give a name to your site. We don´t have an url yet, so just leave it blank. Then it will ask you about a server technology, choice the first option. About the manage of your files, for this time choice edit local files, and search for the folder. Now we will say we are using "none" remote server connection. Finally click on "done", so there you are, a new site. Must got something like this:
4. Create a new html file. To could see and understand about the code generated, choice the split view.
5. On the upper side of the document you will find the views options, the toolbars, the elements such as tables, images, links, etc. Please explore those options to get an overview of this software.
6. Remember, designing with tables is like playing with a puzzle. You must cut the pieces on your design and then join them inside a table. So, think about a good way to create logical tables, and get the pieces inside. Try to create as few tables as possible, each new table means weight on your files.
7. With our example we will create a table with 2 rows and 2 columns, width= 780 pixels, border=0 and space between cells= 0. By control+j we can define page attributes, such as margins, background or font.
8. Select the first column and define the width on the lower side of the document, we will give 319 pixels because the pencil´s image size defines it. It´s recomendable to defines widths, but not to defines heights, becuase it could generate visualization conflicts.
9. Go to the firts row, set the image "cabezote.jpg" as a background. Include this image in the first cell to define the height of the row.
10. Include the image "lapiz.jpg" in the first cell of the second row.
11. One of the ways to solve this design is creating a new table inside the last cell, it will have text, links and the image called badge. Next class we will see it.
1. Create a new folder with the name of your project, inside create a folder to keep images, a new one for css, and so on. (further i´ll explain you about those diferents files and formats).
2. Once you have done it, open dreamweaver. Over the right side there is a column with different panels, one of those panels is "files". There you can find "manage sites" and there you will search for "new site".
3. You´ve got two ways to define your site, basic or avanced. We will start with basic, firstable give a name to your site. We don´t have an url yet, so just leave it blank. Then it will ask you about a server technology, choice the first option. About the manage of your files, for this time choice edit local files, and search for the folder. Now we will say we are using "none" remote server connection. Finally click on "done", so there you are, a new site. Must got something like this:
4. Create a new html file. To could see and understand about the code generated, choice the split view.
5. On the upper side of the document you will find the views options, the toolbars, the elements such as tables, images, links, etc. Please explore those options to get an overview of this software.
6. Remember, designing with tables is like playing with a puzzle. You must cut the pieces on your design and then join them inside a table. So, think about a good way to create logical tables, and get the pieces inside. Try to create as few tables as possible, each new table means weight on your files.
7. With our example we will create a table with 2 rows and 2 columns, width= 780 pixels, border=0 and space between cells= 0. By control+j we can define page attributes, such as margins, background or font.
8. Select the first column and define the width on the lower side of the document, we will give 319 pixels because the pencil´s image size defines it. It´s recomendable to defines widths, but not to defines heights, becuase it could generate visualization conflicts.
9. Go to the firts row, set the image "cabezote.jpg" as a background. Include this image in the first cell to define the height of the row.
10. Include the image "lapiz.jpg" in the first cell of the second row.
11. One of the ways to solve this design is creating a new table inside the last cell, it will have text, links and the image called badge. Next class we will see it.
Site of the week 4
Within web design theres a kind of issue about flash benefits or features. Jakob Nielsen, the usability´s guru dares to say "flash is web cancer", althought his risky words most of the sites arround the globe have integrated flash in their designs. Besides some questions about it´s usability, or downloading capacity, there is a true underneath (or above, in other words) all discussions: flash is quite attractive and well used is really stunning.
That is the main reason to enjoy this web site, where you can find most of the best flash sites ever. There you would know how to give good use to flash aplications. Before thinking about making an outlandish animation with flying stuff and so on it´s good to check out some good examples of flash uses.
This is the link:
www.thefwa.com
The following link contains an interesting reading about use of flash:
http://www.alistapart.com/articles/semanticflash
That is the main reason to enjoy this web site, where you can find most of the best flash sites ever. There you would know how to give good use to flash aplications. Before thinking about making an outlandish animation with flying stuff and so on it´s good to check out some good examples of flash uses.
This is the link:
www.thefwa.com
The following link contains an interesting reading about use of flash:
http://www.alistapart.com/articles/semanticflash
miércoles, 21 de febrero de 2007
Site of the week 3
Are you tired of keep your photos for yourself? Would you want to show out your skills as photographer, but don´t know how? Flickr will help with those issues. This is a photo sharing and managment web site.
You could, besides upload your photos, organize them using keyword tags that categorize the images. Invite your friends and family to share those memories in private groups, or your show your images to everyone in the public files, where also can find photos of people from everywhere.
This is the link:
www.flickr.com
You could, besides upload your photos, organize them using keyword tags that categorize the images. Invite your friends and family to share those memories in private groups, or your show your images to everyone in the public files, where also can find photos of people from everywhere.
This is the link:
www.flickr.com
Step one, designing with tables
Despite the fact web design is turning on css (cascading style sheets) design, it´s imperative to understand the foundation of html based design. Take a look at the abbreviation itself, html, hyper text markup language. It means we used tags that works as labels declaring the content after them (or between them).
This is a list with some few tips that would help you on your way to understand the html tables configuration:
- Html documents have a head and a body.
- Inside the head and the body we use tags that are used to markup the elements.
- Tags usually come in pairs, the first <> is the start and the second the end.
- Tables are definied by tag "table" and are divided into rows "tr" and cell "td".
- The cells can contain the elements inside the site.
Check out this web site, it´s quite complete and usefull:
www.w3schools.com
This is a list with some few tips that would help you on your way to understand the html tables configuration:
- Html documents have a head and a body.
- Inside the head and the body we use tags that are used to markup the elements.
- Tags usually come in pairs, the first <> is the start and the second the end.
- Tables are definied by tag "table" and are divided into rows "tr" and cell "td".
- The cells can contain the elements inside the site.
Check out this web site, it´s quite complete and usefull:
www.w3schools.com
miércoles, 7 de febrero de 2007
Site of the week 2
Think about this: you are trying to remember that cool website you visited two months ago but you don´t have a clue about it´s url. Ok, i know, you can search it using google but you can´t keep it there or share it with your mates, so you can use your own personalize bookmarks online.
Del.icio.us is a bookmarking website where you can build your favorites collection. There you´ll store sites, discover new information, and share your faves. Learn more reading del.icio.us about
Remember, all of you can recomend a site for this post. This is the link:
del.icio.us
Del.icio.us is a bookmarking website where you can build your favorites collection. There you´ll store sites, discover new information, and share your faves. Learn more reading del.icio.us about
Remember, all of you can recomend a site for this post. This is the link:
del.icio.us
Web, internet and hypertext
The idea of an interconected network that allows information exchange between distant points, was born in a the middle of a divided world, after second world war. From ARPA (Advanced Research Projects Agency) to W3C (world wide web consortium) the mission pursued by the information highway and web has changed, facing communicational needings involved in globalization, but leading technological development.
It´s relevant to especify about terms meaning related, and differences between them. Firstable the "internet" concept is about the network itself, the linked computer connections that we call "Information Highway". "Web" , in the other hand, is the interconected information or documents linked by "hypertexts" or "hyperlinks". Those "hyper" are data units (words, images or other resources) that relates several information estructures.
It´s relevant to especify about terms meaning related, and differences between them. Firstable the "internet" concept is about the network itself, the linked computer connections that we call "Information Highway". "Web" , in the other hand, is the interconected information or documents linked by "hypertexts" or "hyperlinks". Those "hyper" are data units (words, images or other resources) that relates several information estructures.
miércoles, 31 de enero de 2007
Site of the week
Introducing music on web, pandora and last.fm gives you what you want to listen.
Pandora´s project has as goal to create a kind of musical dna, analysing personal tastes and musical attributes. You can create your own radio station entering your favorite artist or song, and it would give you new related music. You can also decide if you do like or don´t music playing. Is quite easy to use it, but could be limitated.
Last.fm is a web 2.0 product going further, it allows people create comunnities, recommendations, know about events and charts. It joins music, friends network and world wide information. Despite those benefits you must like surfing through it´s pages, otherwise you´d rather using pandora. Here you are new web music options:
www.pandora.com
www.last.fm
Pandora´s project has as goal to create a kind of musical dna, analysing personal tastes and musical attributes. You can create your own radio station entering your favorite artist or song, and it would give you new related music. You can also decide if you do like or don´t music playing. Is quite easy to use it, but could be limitated.
Last.fm is a web 2.0 product going further, it allows people create comunnities, recommendations, know about events and charts. It joins music, friends network and world wide information. Despite those benefits you must like surfing through it´s pages, otherwise you´d rather using pandora. Here you are new web music options:
www.pandora.com
www.last.fm
Stand up for your Choice!
Every single carrer has a hard road to walk, even if you want to be a baker or an aerospace engineer, but sometimes we don´t like those aspects that makes a good professional possible. Throughout that question it is remaining the idea of becoming succesful, but as soon and easy as it could be. As a nowadays famous advert says : “ good things take time”, being a good professional -in any subject you´d like- will take tears blood and much sweat. As a designer you´ve got the chance to become into a perceiver of cultures and lifestyles, it means you must be always aware of events and be update, giving an objective interpretation based on analysis and studying of human behavior understanding. Anyway, studying, creating, or training would give you the foundation to put down solid statments in order to develop your professional and personal success.
miércoles, 24 de enero de 2007
So... you want to be a web designer?
Welcome to web design, you have chosen a nice way to improve your comunication skills but i must warn you, could be quite addicitve.
Firstable is just fair questioning about how is our relationship with the web. Am i a consumer, a creator or an analyst? Think about your favorite web site, what do you like about it? It´s so common to not realize those details that make it special or useful. So this is my very first advice: keep your eyes wide open, that´s the difference a designer made.
Here you are the first text, enjoy and comment it!
http://www.thinkvitamin.com/features/design/stand-up-for-your-rights
Firstable is just fair questioning about how is our relationship with the web. Am i a consumer, a creator or an analyst? Think about your favorite web site, what do you like about it? It´s so common to not realize those details that make it special or useful. So this is my very first advice: keep your eyes wide open, that´s the difference a designer made.
Here you are the first text, enjoy and comment it!
http://www.thinkvitamin.com/features/design/stand-up-for-your-rights
Suscribirse a:
Comentarios (Atom)