Headings range in size from h1 /h1 (the largest) to h6 /h6 (the smallest)
Empty Elements
In HTML and XHTML only a very few elements are declared as EMPTY. This means two things:
They do not contain any text. They are used simply as markers (and in some cases are used for whatever is contained in their attributes.
Empty attributes are not permitted to have an end-tag.
Common empty elements include.
• hr / Horizontal rule
• br / Line break
• img / Inline image
Wednesday, February 8, 2012
Lecture 4 Notes
The HTML Markup Language
• HTML is a language of tags. Think of tags as instructions written in a text document (ASCII) such as Notepad, SimpleText or Pico.
• Tags are always enclosed in angle brackets: <>.
• Tags can be thought of as 'containers', because there is usually an opening tag <> and a closing tag .
• Some tags are not containers, though. They are empty elements. These stand-alone tags include the line break and the image tag.
html
head
title /title
/head
body
/body
/html
Paragraphs
p.../p
The blockquote tag
• Used for setting off quoted text from the surrounding text
• The text in the blockquote tags is indented and there is a space above and below the quoted text.
Character Formatting:
Bolding/Strong
b.../b
strong.../strong
Italics/Emphasis
i.../i
em.../em
• HTML is a language of tags. Think of tags as instructions written in a text document (ASCII) such as Notepad, SimpleText or Pico.
• Tags are always enclosed in angle brackets: <>.
• Tags can be thought of as 'containers', because there is usually an opening tag <> and a closing tag .
• Some tags are not containers, though. They are empty elements. These stand-alone tags include the line break and the image tag.
html
head
title /title
/head
body
/body
/html
Paragraphs
p.../p
The blockquote tag
• Used for setting off quoted text from the surrounding text
• The text in the blockquote tags is indented and there is a space above and below the quoted text.
Character Formatting:
Bolding/Strong
b.../b
strong.../strong
Italics/Emphasis
i.../i
em.../em
Wednesday, January 25, 2012
Lecture 3-Design Principles
C ontrast
R epetition
A lignment
P roximity
Using the principles of C.R.A.P. provides consistency and unity
Contrast
Avoid blending elements that are merely similar
If elements are not the same, then make them VERY DIFFERENT
This goes for typeface, color, size, spacing, line thickness, etc.
Contrast is often the most important visual attraction on the page
Go for bold contrasts
Repetition
Repeat visual elements of the design throughout the piece
Repeat color, shape, texture, spatial
relationships, line thickness, size, and typeface
Creates organization and unity across the design
Alignment
Nothing should be placed on the page arbitrarily
Every item should have a visual connection with something else on the page
Make sure each elements lines up with something else on the page (use a grid)
Aligning type and graphics adds readability and intentionality, and cohesiveness
Proximity
Group related items together
Place items physically close to each other, so the related items are seen as one cohesive group rather than a bunch of unrelated pieces
Proximity creates a bond between between elements on a page - establishes a visual hierarchy
Proximity organizes the design and content
Workflow Process
1. Define: design statement, vision board and creative brief
2. Architect
3. Design: mockup, site structure
4. Build: XHTML and CSS
5. Deliver: post online
R epetition
A lignment
P roximity
Using the principles of C.R.A.P. provides consistency and unity
Contrast
Avoid blending elements that are merely similar
If elements are not the same, then make them VERY DIFFERENT
This goes for typeface, color, size, spacing, line thickness, etc.
Contrast is often the most important visual attraction on the page
Go for bold contrasts
Repetition
Repeat visual elements of the design throughout the piece
Repeat color, shape, texture, spatial
relationships, line thickness, size, and typeface
Creates organization and unity across the design
Alignment
Nothing should be placed on the page arbitrarily
Every item should have a visual connection with something else on the page
Make sure each elements lines up with something else on the page (use a grid)
Aligning type and graphics adds readability and intentionality, and cohesiveness
Proximity
Group related items together
Place items physically close to each other, so the related items are seen as one cohesive group rather than a bunch of unrelated pieces
Proximity creates a bond between between elements on a page - establishes a visual hierarchy
Proximity organizes the design and content
Workflow Process
1. Define: design statement, vision board and creative brief
2. Architect
3. Design: mockup, site structure
4. Build: XHTML and CSS
5. Deliver: post online
Wednesday, January 18, 2012
Class Notes 1-19-2012
Heuristic Evaluation Requirements
1. Visibility of System Status
Probably the two most important things that site visitors need to know are:
“Where am I?” and
“Where can I go next?”.
2. Match Between the System and the Real World
ex. Trash can = delete
3. User Control and Freedom
4. Consistency and Standards
Keyboard trends
5. Error Prevention
Avoid Errors of Custom 404 page
6. Recognition Rather than Recall
Recognizable Symbols
7. Flexibility and Ease of Use
8. Aesthetic and Minimalist Design
9. Help Users Recognize, Diagnose, and Recover from Errors
10. Help and Documentation
1. Visibility of System Status
Probably the two most important things that site visitors need to know are:
“Where am I?” and
“Where can I go next?”.
2. Match Between the System and the Real World
ex. Trash can = delete
3. User Control and Freedom
4. Consistency and Standards
Keyboard trends
5. Error Prevention
Avoid Errors of Custom 404 page
6. Recognition Rather than Recall
Recognizable Symbols
7. Flexibility and Ease of Use
8. Aesthetic and Minimalist Design
9. Help Users Recognize, Diagnose, and Recover from Errors
10. Help and Documentation
Wednesday, January 11, 2012
Notes 1/11/12
THE PROCESS
1. Define
Gather requirements and understand business and audience objectives. (Both strategic and project requirements)
Creative Brief
2. Design (Including site specifications)
Architecture
Copywriting and Visual Design
User Testing
3. Build (The Final Site)
Code
Usability Testing
QA
Launch
4. Maintain
Marketing Plans
Communication Plans
1. Define
Gather requirements and understand business and audience objectives. (Both strategic and project requirements)
Creative Brief
2. Design (Including site specifications)
Architecture
Copywriting and Visual Design
User Testing
3. Build (The Final Site)
Code
Usability Testing
QA
Launch
4. Maintain
Marketing Plans
Communication Plans
About me :-)
HELLO!!!
My name is Jessica and I am currently working on a major in Communications and a minor in Marketing. I am a Senior, planing on graduating December of 2012. I am interested in the Advertising field, especially the creative side of things. I m also a full time employee at Taco Bell, and have been thee for 7 years and running. It is my first and only job until recently when I was accepted as an intern (unpaid) at a Design Studio downtown called StudioJ 17.
In my intern I am learning all aspects, hands on, with creating and producing both print and video production. I am expecting my internship to expose me to a wide variety of things that deal highly with video, photos and design.
Final Project Ideas....
NO CLUE!!!
My name is Jessica and I am currently working on a major in Communications and a minor in Marketing. I am a Senior, planing on graduating December of 2012. I am interested in the Advertising field, especially the creative side of things. I m also a full time employee at Taco Bell, and have been thee for 7 years and running. It is my first and only job until recently when I was accepted as an intern (unpaid) at a Design Studio downtown called StudioJ 17.
In my intern I am learning all aspects, hands on, with creating and producing both print and video production. I am expecting my internship to expose me to a wide variety of things that deal highly with video, photos and design.
Final Project Ideas....
NO CLUE!!!
Friday, April 24, 2009
Microserfs Paper
Jessica Billingslea
Professor Yerks
English 106 section 002
24 April 2009
The Future of Blogging
“Clearly, we are only at the beginning, as the news industry faces one of the most significant transformations in its history” (Bradshaw 52). Blogs, message boards, and texting have all changed our way of story telling. Comparing the use of certain details to telling the full story, things such as diaries and notes are more personal to telling a full story because it is used to express the way someone feels. Blogs and other sources of social media are public, which would mean certain parts of a story are left out due to the fact that the public will be able to read what the author wrote.
Most people that write in a diary use it for venting purposes and do not let others read it. Personal bloggers tend to write blogs for feedback on situations or advice on what to do. The main reason I write in my diary is because it is a place of privacy, somewhere that I can go and express my feelings so no one can judge me or have to know about it. When talking to my friend Branden about his blog he said “I blog to network with other people and to get advice on certain issues that I need help with, like how and where to start a music career”. Those are just some of the differences of blogs and diaries.
The similar qualities and characteristics between blogs and diaries are that both are a way of expressing yourself. They both give the writer a chance to freely say what they want and announce issues that are bothering them. I use mine to think personal issues out and try to get an understanding of how or why someone else would react a certain way depending on the situation. Blogs and diaries are both opinionated writings that can be used for venting purposes or just to record something that happened on a certain day. In a way, they can be personalized journals to keep track of the events that happen to them. In the novel Microserfs by Douglas Coupland, the main character Daniel types a personal journal on his computer at work everyday. He talks about the things that go on in his work place and within his life. As the days go past the subject of death and the afterlife comes up almost everyday, which is on of the major topics within the novel, and he types the journal to get a better understanding of death because he doesn’t have an opinion on it himself. Even though he types is thoughts and feelings on the computer, he isn’t using a blog to express himself.
Observing other blogs on the web, I found that the details that were put into the stories that are written on them are vivid and was descriptive and others were just full of thoughts that were to be followed by comments from other bloggers that were following up on that person’s blog. For example, the Grimes Family blog was describing their trip to China and goes as follows:
Last week this time we were preparing to land in Jax and see our boys. I couldn't wait to wrap my arms around both of them. Over the last 3 years we have flown occasionally, and each time we came back home I would say, "one day we're gonna come around this cornor with our little girl!" That day finally came! As you might imagine, it was quite emotional. My sweet Jason tenderly cried on his daddy's shoulder before greeting his sister with a sweet kiss. Andrew was running late due to an out of town tennnis match. His Aunt Cheryl was not gonna allow this moment to slip away from him, so she rallied our youth pastor to rendevous with the team and Andrew made it to the airport while we were in luggage claim. He was adorable as he ran through the airport to meet his sister. My heart was so full in that moment! They are so loving and patient with their sister. She is blessed to have them!
Depending on the writer of the blog and the purpose of the blog makes a big difference as to how much detail and description is put into the blog. Blogs aren’t just used for personal purposes, journalists use them as well.
Journalist have been adapting to the change in the use of blogging. Some feel as though “their work had been changed by the simple act of blogging” (Bradshaw 51). Some journalist “use the blog to put the call out for information and sources” (Bradshaw 51). They don’t just go out and do their own research anymore, which has its benefits and consequences, instead they blog with people that have similar interest or knowledge to get more information about their story, making the feedback from other bloggers their research. As Kate King says “journalist no longer control the message. Today digital publishing is practiced by the masses, and it is inseparable from the practice of journalism” (12). We do not know exactly how the use of blogs will contribute to the future of newspapers and scholarly articles, whether blogs are going to be the new source of information or if newspapers are going to be modified to fit with the new system of gathering information.
Considering the different uses of blogging and the different people that use them, it is hard to tell the future of blogging if it changes the effect of story telling and the life of newspapers and scholarly articles. Diaries and blogs are used for personal purposes to either vent or to get an idea out there to get a respond or some type of advice. Journalists also use blogs for their work. They use them to easily find research from people with interest on their topic or knowledge on it already. This makes their job easier in terms of having to find the information by traveling and doing face to face interviews. It looks as if blogging is going to take over the world of communications.
Works Cited
Bradshaw, Paul. "When Journalists Blog: How It Changes What They Do. " Nieman Reports 62.4 (2008): 50. ABI/INFORM Global. ProQuest. University of Michigan-Dearborn, Dearborn, MI. 19 Apr. 2009 http://www.proquest.com/
Coupland, Douglas. Microserfs. New York: HarperCollins Publishers, 1995.
Grimes Family. “First Look.” Weblog Entry. Grimes Party of Five. 25 March 2009. 20 April 2009. http://grimespartyoffive.blogspot.com/
King, Katie. "Journalism as a Conversation." Nieman Reports 62.4 (2008): 11. ABI/INFORM Global. ProQuest. University of Michigan-Dearborn, Dearborn, MI. 19 Apr. 2009 http://www.proquest.com/
Thomas, Branden. Personal Interview. 18 April 2009.
Professor Yerks
English 106 section 002
24 April 2009
The Future of Blogging
“Clearly, we are only at the beginning, as the news industry faces one of the most significant transformations in its history” (Bradshaw 52). Blogs, message boards, and texting have all changed our way of story telling. Comparing the use of certain details to telling the full story, things such as diaries and notes are more personal to telling a full story because it is used to express the way someone feels. Blogs and other sources of social media are public, which would mean certain parts of a story are left out due to the fact that the public will be able to read what the author wrote.
Most people that write in a diary use it for venting purposes and do not let others read it. Personal bloggers tend to write blogs for feedback on situations or advice on what to do. The main reason I write in my diary is because it is a place of privacy, somewhere that I can go and express my feelings so no one can judge me or have to know about it. When talking to my friend Branden about his blog he said “I blog to network with other people and to get advice on certain issues that I need help with, like how and where to start a music career”. Those are just some of the differences of blogs and diaries.
The similar qualities and characteristics between blogs and diaries are that both are a way of expressing yourself. They both give the writer a chance to freely say what they want and announce issues that are bothering them. I use mine to think personal issues out and try to get an understanding of how or why someone else would react a certain way depending on the situation. Blogs and diaries are both opinionated writings that can be used for venting purposes or just to record something that happened on a certain day. In a way, they can be personalized journals to keep track of the events that happen to them. In the novel Microserfs by Douglas Coupland, the main character Daniel types a personal journal on his computer at work everyday. He talks about the things that go on in his work place and within his life. As the days go past the subject of death and the afterlife comes up almost everyday, which is on of the major topics within the novel, and he types the journal to get a better understanding of death because he doesn’t have an opinion on it himself. Even though he types is thoughts and feelings on the computer, he isn’t using a blog to express himself.
Observing other blogs on the web, I found that the details that were put into the stories that are written on them are vivid and was descriptive and others were just full of thoughts that were to be followed by comments from other bloggers that were following up on that person’s blog. For example, the Grimes Family blog was describing their trip to China and goes as follows:
Last week this time we were preparing to land in Jax and see our boys. I couldn't wait to wrap my arms around both of them. Over the last 3 years we have flown occasionally, and each time we came back home I would say, "one day we're gonna come around this cornor with our little girl!" That day finally came! As you might imagine, it was quite emotional. My sweet Jason tenderly cried on his daddy's shoulder before greeting his sister with a sweet kiss. Andrew was running late due to an out of town tennnis match. His Aunt Cheryl was not gonna allow this moment to slip away from him, so she rallied our youth pastor to rendevous with the team and Andrew made it to the airport while we were in luggage claim. He was adorable as he ran through the airport to meet his sister. My heart was so full in that moment! They are so loving and patient with their sister. She is blessed to have them!
Depending on the writer of the blog and the purpose of the blog makes a big difference as to how much detail and description is put into the blog. Blogs aren’t just used for personal purposes, journalists use them as well.
Journalist have been adapting to the change in the use of blogging. Some feel as though “their work had been changed by the simple act of blogging” (Bradshaw 51). Some journalist “use the blog to put the call out for information and sources” (Bradshaw 51). They don’t just go out and do their own research anymore, which has its benefits and consequences, instead they blog with people that have similar interest or knowledge to get more information about their story, making the feedback from other bloggers their research. As Kate King says “journalist no longer control the message. Today digital publishing is practiced by the masses, and it is inseparable from the practice of journalism” (12). We do not know exactly how the use of blogs will contribute to the future of newspapers and scholarly articles, whether blogs are going to be the new source of information or if newspapers are going to be modified to fit with the new system of gathering information.
Considering the different uses of blogging and the different people that use them, it is hard to tell the future of blogging if it changes the effect of story telling and the life of newspapers and scholarly articles. Diaries and blogs are used for personal purposes to either vent or to get an idea out there to get a respond or some type of advice. Journalists also use blogs for their work. They use them to easily find research from people with interest on their topic or knowledge on it already. This makes their job easier in terms of having to find the information by traveling and doing face to face interviews. It looks as if blogging is going to take over the world of communications.
Works Cited
Bradshaw, Paul. "When Journalists Blog: How It Changes What They Do. " Nieman Reports 62.4 (2008): 50. ABI/INFORM Global. ProQuest. University of Michigan-Dearborn, Dearborn, MI. 19 Apr. 2009 http://www.proquest.com/
Coupland, Douglas. Microserfs. New York: HarperCollins Publishers, 1995.
Grimes Family. “First Look.” Weblog Entry. Grimes Party of Five. 25 March 2009. 20 April 2009. http://grimespartyoffive.blogspot.com/
King, Katie. "Journalism as a Conversation." Nieman Reports 62.4 (2008): 11. ABI/INFORM Global. ProQuest. University of Michigan-Dearborn, Dearborn, MI. 19 Apr. 2009 http://www.proquest.com/
Thomas, Branden. Personal Interview. 18 April 2009.
Subscribe to:
Posts (Atom)