Week 14A

Our beginning assignment was to create a logo for the Millersville University English Department in 30 mins!

And also after that I continued to work on my web page project! I added a photo and more content into the sidebar and then extended both the content box and sidebar so all the information would fit. 

Week 13- Outside of Class

Trying to figure out how to overlap, center, and shift the quote on top of the decorative header took a while and after that I played around with the background colors and added a little bit of text in the sidebar.

Week 13B

From last class I only had the outlines of the boxes where my content would be placed but when my teacher and I looked over my files they weren't quite working. So here is the revised files and a better layout for the start of my webpage. The teal box will be moved down so its directly under the decorative header.

Week 13A

From last week I had the html and css linked up but the code wasn't working for me. This week I started to build the frame work for my webpage. Along though it not completely put together it shows a possible start. I tried placing a small pattern for the background but the image only came up small even when repeat was on, so I got a little confused when it came to the background.  Also please ignore the white space going through the boxes, that just the screen shot images not aligning. 

Week 12B

Here is the start of my webpage for Lousie Fili. I have created a decorative header with her name included the only typeface used is Learning curve from dafont.com.

Our next step was to start placing it into .html and .css files but I can't seem to figure out why they aren't link or anything is coming up. I test the link by just saying the heading was a red box and that showed up but I'm guessing my image link isn't working which is why it doesn't show up. 

Week 12A

For our next project we are creating a web page that reflects our designers that we picked. The designer I picked is Lousie Fili and she can be described as everything food, italian and typography. I might change a few things but here is some ideas that I have come up with for possible website layouts.

Week 11- Outside of Class

Not much was due over the weekend but I did register for the Interdisciplinary Interaction Design Conference for November 16 at Millersville University.

Week 11B

Today we were supposed to learn more about HTML and CSS by watching videos on Lynda.com. A basic definition of each is that HTML is a language that which allows computers to communicate between one another. HTML means hypertext markup language and its created by links that make up the web. And CSS is a style sheet language developed to control the presentation of markup language. In other words HTML is the structure of the building and CSS is the skin or outside of the building to give its structure an appearance.  Although you can create style within HTML it is more efficient to complete in CSS as a style sheet because in the end you will only have to change one file of CSS rather than 20 files of html. Most of HTML should contain the link to connect to your CSS file, and most of your body copy everything else can be done within CSS. Two important elements are IDs and classes to identify elements within your files. There are lots of elements that you can add to your files like changing the background, adding fonts, adding images, using images as links and creating layouts. Doing this type of language is very technical and may seem complicated. I believe by practicing this several times that it won’t seem so overwhelming due to all the code formats and rules. 

Week 11A

Even though this is from last week I wanted to fine tune my page since it didn't work out the way I thought it would. So I basically restarted from the beginning because somewhere my file got mess up.

Continued...

I believe that this is a better representation of the ccs part 1 tutorial instead of what I did previously. 

Now is part 2 of the css tutorial which was more linear instead of step by step what to apply to your page and more like the guidelines of possible ideas that you could use on your page. In the first image below show the coding for the html file and the next 2 below that is the code for css or the style that your apply to webpages using external css. The final image is my end result from my preview draft of my first web page. 

Some things I learned from this exercise that you can either label your css file as a class selector ( . ) or ID selector ( # ). The difference between class and ID is that ID can be used to identify one element and class can be used to identify more than one. In our previous lesson we learned how to create links but now I know how to change the color of the link and allow a color change if its active or not. To allow your less time trying to write out everything we learned to create short cuts such as (margin: 1px 5px 10px 20px;) instead of writing (margin-top: 1px; margin-right: 5px; margin-bottom: 10px; margin-left: 20px;) by doing this your saving so much more time. Besides margins you can do this with borders and padding. I also know that you can use images as your background with an easy url and saying whether you want to have your image repeating or no by saying (no-repeat or repeat). Even though I didn't apply this effect to my page, I learned that you can apply layouts such as dividing text into columns.

Here is also a moldboard describing my artist that I did research on last week. (

Lousie Fili) On this moodboard contains images that capture information about Lousie without showing any of her own work.

Week 10B

Here is my Week 10A code with a style.css folder giving the plain text some type of flare.
I'm not quite sure but something got messed up trying to make my google image pop up.

Week 10- Outside of Class

In class we picked a designer who appealed to us and research them for our next project. A brief explanation of our next project is created a web page layout about our designers.

I choose Louise Fili...

As a New York based graphic designer Louise Fili is a women of many specializes in the art world. As an American graphic designer Louise Fili specializes in packaging, restaurant, logo and book design. She started out by receiving a Bachelor of Science degree with a focus of studio art from the Skidmore College. During her time at Skidmore, students either choose painting or graphic design which lead Louise to graphic design since her teacher was graphic design and guided Louise into the design world. Louise also decided to focus in graphic design because she began a love for letterform, calligraphy and books. Fili gained knowledge by attending the School of Visual Arts for a brief amount of time. In her career Louise has designed over 2,000 book jackets. She has received several gold and silver medals from the “Society of Illustrators” and the “New York Art Director Club”. As a well-known designer Louise receives opportunities to talk at lectures on graphic design and typography. Her work is also displayed in permanent collections at the Library of Congress, the Cooper Hewitt Museum and the Bibliotheque Nationale. Some well-known identities or works of design that Louise had designed is for Tiffany & Co., The Mermaid Inn, Good Housekeeping Seal of Approval and the book Scripts. Some things that have inspired her work are type, food and everything Italian. Louise bases all of her designs off of those 3 subjects, which allows her work to have a sense of style especially when it comes to Louise designing for restaurants. Her style is a very cohesive, clean and organic appearance. Growing up she took art courses not knowing what she wanted to do but she was fascinated with typography, which lead her to teach herself calligraphy. During her time in New York before working for Herb, Louise realized she had a passion for designing books for 11 years. Louise approached design covers with type as a logo instead of using type treatments on standard fonts. After the Pantheon Louise created her own studio and learned the Business side on her own by gaining clients but quickly learned that in New York restaurants were the go to in finding clients. One quote that defines Louise Fili is “I believe that every designer has to have personal projects- it’s the only way to grow and find a unique voice. At any given point in time, I’m working on an independent project in the studio and that’s very important to me- it’s what defines me as a designer”. Most designers today are all web based or do most of there designing online. As for Louise she does not use the computer even though designers of her generation are equally technology-challenged. Louise receives her excitement by doing sketches and focusing on the design to not make it look like it was done on the computer. As for future designers Louise believes that designers should combine design with passion or there is not any true reason to be designing.

Resources:

http://thegreatdiscontent.com/louise-fili

http://cristinakubota.blogspot.com/2011/10/design-hero-louise-fili.html

http://en.wikipedia.org/wiki/Louise_Fili

http://www.louisefili.com/posters/society-of-publication-designers/