What is an HTML File?
HTML stands for Hyper Text Markup Language
An HTML file is a text file containing small markup tags that provide instructions for how the page should appear
These markup tags tell the Web browser how to display the page
An HTML file must have an .htm or .html file extension
An HTML file can be created using a simple text editor
Where to Create HTML?
We type our HTML code directly into ASCII text editors
Notepad
TextEdit
SimpleText
We can also create clean HTML coding programs
HomeSite
We can also use WYSIWYG programs
Dreamweaver
Wednesday, February 1, 2012
Wednesday, January 25, 2012
Class Notes 1/25/12
Four Principles of Design
Proximity
Group related items together
Proximity or closeness implies a relationship
Visually separate groups
Alignment
Align objects over all with other objects to a defined edge
Repetition
Contrast
Graphic Design Principles
Avoid bad design with the following:
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
Proximity
Group related items together
Proximity or closeness implies a relationship
Visually separate groups
Alignment
Align objects over all with other objects to a defined edge
Repetition
Contrast
Graphic Design Principles
Avoid bad design with the following:
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
Sunday, January 22, 2012
Class Notes - Week 2
Define Phase
Business case (Team, Client)
Gather requirements (Team, Client)
Establish Metrics and Goals (Strategist, Client)
Creative Brief or Design Statement (Account, Creative Lead or PM)
Heuristic Evaluation (IA)
IA - Overview of Information Architecture
Planning
Content Inventory
Site Architecture
Wireframes
Tools
Visio
Axure
Power Point
Pen and Ink
Design Comps
Adherence to Design Principles
Heuristic Evaluation
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
3. User Control and Freedom
4. Consistency and Standards
5. Error Prevention
6. Recognition Rather than Recall
7. Flexibility and Ease of Use
8. Aesthetic and Minimalist Design
9. Help Users Recognize, Diagnose, and Recover from Errors
10. Help and Documentation
Business case (Team, Client)
Gather requirements (Team, Client)
Establish Metrics and Goals (Strategist, Client)
Creative Brief or Design Statement (Account, Creative Lead or PM)
Heuristic Evaluation (IA)
IA - Overview of Information Architecture
Planning
Content Inventory
Site Architecture
Wireframes
Tools
Visio
Axure
Power Point
Pen and Ink
Design Comps
Adherence to Design Principles
Heuristic Evaluation
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
3. User Control and Freedom
4. Consistency and Standards
5. Error Prevention
6. Recognition Rather than Recall
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 18, 2012
First Class Notes
Typical Roles for Web Agency:
Account Manager
Project Manager
Strategist
Paid Search Lead
Digital Media Planner
Social Media Planner
Graphic Designer
Engineer (Front End/Back End)
Web Analytic
Quality Assurance Tester
-Know the process of each.
Process
Define - Gather Requirements/understand business and audience objectives.
Design- User testing, Architecture, Copyright/Visual Design
Build- Code, QA, Launch, Usability Testing
Maintain - Marketing/Communications Plans.
Account Manager
Project Manager
Strategist
Paid Search Lead
Digital Media Planner
Social Media Planner
Graphic Designer
Engineer (Front End/Back End)
Web Analytic
Quality Assurance Tester
-Know the process of each.
Process
Define - Gather Requirements/understand business and audience objectives.
Design- User testing, Architecture, Copyright/Visual Design
Build- Code, QA, Launch, Usability Testing
Maintain - Marketing/Communications Plans.
Friday, January 13, 2012
About Me!
Hello Everyone!
My name is Kristine, and I am a senior at UMD. I am a communications and psychology major, and the plan is to graduate in April. I am very anxious for graduation day to come, it feels like I have been waiting forever for it to come, and at the same time it feels like college went by so fast!
My web history is pretty short and sweet. Facebook, Twitter, Ctools, and Victoria Secret are the websites I visit on a daily basis. My email gets sent directly to my phone, so that's always helpful to get my information fast. I have used the Internet for the common reasons people do. I have done online shopping, reservations for plane tickets and vacations, research for classes, and of course social networking.
The closest I have ever come to designing my own website, was making my Myspace profile page. When Myspace was the cool thing to do, you could design and use your own backgrounds and add photos. That's as close as I have ever come to designing anything on the web, so I am hoping this class broadens my knowledge!
My name is Kristine, and I am a senior at UMD. I am a communications and psychology major, and the plan is to graduate in April. I am very anxious for graduation day to come, it feels like I have been waiting forever for it to come, and at the same time it feels like college went by so fast!
My web history is pretty short and sweet. Facebook, Twitter, Ctools, and Victoria Secret are the websites I visit on a daily basis. My email gets sent directly to my phone, so that's always helpful to get my information fast. I have used the Internet for the common reasons people do. I have done online shopping, reservations for plane tickets and vacations, research for classes, and of course social networking.
The closest I have ever come to designing my own website, was making my Myspace profile page. When Myspace was the cool thing to do, you could design and use your own backgrounds and add photos. That's as close as I have ever come to designing anything on the web, so I am hoping this class broadens my knowledge!
Subscribe to:
Posts (Atom)