Federico's Blog

New Portfolio Website

2011-07-11T17:37:00.000-07:00

Check out my new portfolio website.

www.fclasing.com

Grading Rubric

2010-12-14T14:13:00.000-08:00

Design - 4 points.
The design is visually appealing, the color scheme used represents our vision, and we have interactivity within the website. The content is useful for our target audience and I think users will feel identified with campus penguin.

Images - 3 points.
We don’t have many images but the ones in the home page which have been integrated in a flash slider which visually looks really good but not all the devices would see them.
The rest of the images are uploaded by the users.

Layout – 4 point.
The layout of our site is consistent through all the different links, information is easy to find. Titles, paragraphs and images are placed properly one uploaded and easily identified.

Text – 4 points.
Although we don’t have a lot of text and almost all will be uploaded by the users we placed it and gave it a certain color and size so once uploaded it is easy to read and has a proper visual hierarchy within the site.

Navigation – 4 points.
The site is well organized and easy to navigate making the information easy to find. The navigation is consistent throughout the entire site and pages have adequate titles.

Mechanics – 4 points.
Every thing works fine on the website and on the different browsers.

HTML/XTML/CSS – 4 points.
Although most of the CSS is in wordpress everything all the code is clean without misused tags and commented so it is easy to find and change specific elements.

Credibility – 4 points.
The site feels like a professional site, it is live and we are starting to make publicity towards it. It is ready for anyone to register and start using it!!!!!!!

www.campuspenguin.com

User-testing - Campus Penguin

2010-12-07T10:30:00.000-08:00

For my User-testing I showed the prototype of Campus Penguin to my roommate and observed what things he would click on and the way he navigated through the site.
The thing that he interacted more with was the rotating slider on the home page. After that he started clicking on the categories we have but after that he started having problems with the navigation and finding the information because we had a problem with the design layout. We are working on fixing this little issues and once they are ready it will look very good and everything will work perfectly.

Scroll up Tutorial - Jquery

2010-11-23T13:54:00.000-08:00

I made this scroll up in J query using a tutorial. I think it looks really great and its definitely something that we can add to our website because there are pats that may have a lot of information and its a very nice way to scroll up to the top.

Link:

http://fclasingr.aisites.com/jquery/

Weekly Update 11/23/10

2010-11-23T10:40:00.000-08:00

For this week we worked on the Design documentation of Campus Penguin. We decided on one logo and on the color scheme we would be using. As far as the design goes we all agreed on one and we are starting to put everything together so we can have it working. Everything looks good so far and we haven't had any technical issues with the design.

Here is a part of the Design documentation:

Week Update 11/16/10

2010-11-16T10:29:00.000-08:00

We have kept working really hard and now we can start to see how our website is going to look. So far we have almost all the design part done we just have to decide how we are going to place our logo and we are still missing a tag line which I think is very important because our title "Campus Penguin" although its good and I really like it, it does not describe what our website is about. The programing is also going really good and we will have everything ready so we can start imputing content and start working.

Search Engine Optimization

2010-11-16T10:28:00.000-08:00

SEO is the process of improving the visibility of a website in search engines.

The more frequently a website appears in the search result list, the more visitors it will receive from the search engine. SEO may target different kinds of search, including image search, local search, video search and industry specific vertical search engines. All this gives a website more web presence and an easier way for users to find it.

SEO is an Internet marketing strategy and it considers how search engines work and what people search for.

The leading search engines, such as Google and Yahoo, use crawlers to find pages for their algorithmic search result. Some search engines operate a paid submission service that guarantee crawling for either a set fee or cost per click. Such programs usually guarantee inclusion in the database, but do not guarantee specific ranking within the research results.

A variety of methods can increase the prominence of a webpage within the search results. Cross-linking between pages of the same website to provide more links to most important pages may improve its visibility. Adding relevant keywords to a webpage’s Meta data, including the title tag and Meta description, will tend to improve the relevancy of a site’s search listings. Updating content so as to keep search engines crawling back frequently and give additional weight to your website.

SEO techniques are classified by some into two broad categories: techniques that search engines recommend as part of good design, and those techniques that search engines do not approve of and attempt to minimize the effect of, referred to as spamdexing. Some industry commentators classify these methods, and the practitioners who employ them, as either white hat SEO, or black hat SEO. White hats tend to produce results that last a long time, whereas black hats anticipate that their sites will eventually be banned once the search engines discover what they are doing.

A SEO tactic, technique or method is considered white hat if it conforms to the search engines' guidelines and involves no deception. As the search engine guidelines are not written as a series of rules or commandments, this is an important distinction to note. White hat SEO is not just about following guidelines, but is about ensuring that the content a search engine indexes and subsequently ranks is the same content a user will see.

SEO Method.

For this website we are going to use the technique or method considered as white hat. White hat advice is generally summed up as creating content for users, not for search engines, and then making that content easily accessible to the spiders, rather than attempting to game the algorithm. White hat SEO is in many ways similar to web development that promotes accessibility.

Some techniques that we are going to consider:

• Include keywords is in the title of your Web page.

• Use keywords in headers. If your page has several sections, consider using header tags and include important keywords in them.

• Linking to all pages on a site via text links (or image links), which search engine spiders can follow.

• Using specific keyword rich page titles, headers, sub headers, internal linking, and page copy.

•

Ensure that:

• Pages are indexed.

• Pages are well structured (with headers and sub headers etc.).

• Use descriptive page titles and other page text.

Team Bravo Update

2010-10-26T09:17:00.001-07:00

This week we started designing logos and wire frames for our website. Our idea starts to have some design and although we don't have a final design yet things are starting to look really good.
We are also working on the data base and the sign in process.
So far this is a design I have been working on:

Ensure you're reaching your target audience.

2010-10-18T23:35:00.000-07:00

To ensure you're reaching your target audience you should always test your site with people who are part of your target audience. This will help you make sure you are creating a web site that is user friendly and adequate for your users. After this have them feed it back to you, in their own words. This way you can take note in what things to change and what need more focus.

Team BravoSF

2010-10-17T22:51:00.000-07:00

So we finally decided what our project is going to be. After many ideas in mind and some actual ideas from CARE we decided to start our new project. This was very difficult because we all wanted something that we felt really comfortable with and ended up as a portfolio pice.

Our website is going to be a Website where students from the AiCaSF can be able to sell and buy books as well as many other things like post job offers or provide other services.

I think this is a great idea and we can do something really good that we are going to be very pleased at the end.

Blog Week 7 - Porfolio Site

2010-09-21T16:17:00.000-07:00

Link :
http://fclasingr.aisites.com/web_design/portfoliosite/

So I designed my portfolio site trying to make it really simple with all the information and links as clear as possible. I decided to go with a title that said what this was about "Federico Clasing´s Portfolio Site" this part I will change for a logo that I have been working on.

I choose to put the navigation bar on the top right because it looks better and I have some links under the menu so it makes it feel as a Menu and Sub Menu.

This portfolio site is directed to any potential people looking for a web designer. It is easy to navigate trough and shows what I am capable of doing. It is a clean and attractive design to catch the eye of someone visiting my site.

I will add my most recent works Like my CSS Zen Garden and a Flash site I am currently working on :)

Finished CSS :)

2010-09-21T08:29:00.000-07:00

So I finished my CSS Zen Garden with the Halloween theme. Overall I really liked it and really enjoyed working on it. I spent a lot of time on it and making the illustrations. I hope you like it !!!

http://fclasingr.aisites.com/web_design/zen/zengardenHalloween.html

CSS Zen Garden Wire Frames

2010-09-14T08:25:00.000-07:00

So I'm starting my final protect for introduction to web design and we are designing a css zen garden web site. After looking at many of the designs and different ideas I decided to go with a Halloween theme that's going to look great !!!!!

Here is my Wire Frames:

Portfolio Website

2010-08-31T09:07:00.000-07:00

Here is a link to my personal homepage.

www.fclasingr.aisites.com

Have a good day :)

Divs Homework

2010-08-03T08:12:00.001-07:00

http://fclasingr.aisites.com/web_design/divs.html

Link to classmates blogs:

2010-07-27T08:22:00.000-07:00

Konstandinos Goumenidis: http://kgwebmedia.blogspot.com/
Jenna Gerberding: http://gerberdingerson.blogspot.com/
Melissa Picardo: http://melissapicardo.tumblr.com/
Steve Chen: http://hsinyo.blogspot.com/
Tyler Souza: http://readtahtah.blogspot.com/
Alfonse Surigao: http://hallofhavoc.wordpress.com/

Flexible Text Using Ems

2010-07-26T17:00:00.001-07:00

http://fclasingr.aisites.com/web_design/hw3.html

body { font-size: 62.5%} /* Gives us a base of 10px */

h1 {font-size: 2em; } /* 20px */

h2 {font-size: 1.8em; } /* 18px */

p {font-size: 1.2em; } /* 12px */

#sidebar {font-size: 1em; } /* 10px */

Published with Blogger-droid v1.4.8

2010-07-20T08:16:00.000-07:00

2010-07-13T09:21:00.001-07:00

Hello World !!!!!!

Published with Blogger-droid v1.4.6

2010-07-13T09:09:00.000-07:00

Hi my name is Federico Clasing and this is my new Blog !!!!!