1. Developing flowchart
2. Revised Computer Sketches: 2 Pages for each x 3 Concepts = total 6 pages of layouts
3. Exercise layout design (class hand-out): Add images into HTML
4. Working on your logo
5. Happy Halloween!
Wednesday, October 29, 2014
Friday, October 24, 2014
adding (link) JavaScript
- EXTRNAL:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script src="js/menu.js">
</script>
</body>
</html>
- INTERNAL
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
jQuery(document).ready(function($) {
$('a').smoothScroll({
speed: 1000,
easing: 'easeInOutCubic'
});
</script>
</body>
</html>
Thursday, October 23, 2014
Web Design Trends links:
Responsive Web Design— ARCTICAScrolling Over Clicking — OPTIC
Large, Beautiful Background Image & Videos — Crop the Block
Flat Design is Growing Up — 1 / 2 / 3 / 4
Ghost Button — Campus Bubble / Care Center
Bigger Emphasis on Typography — Get Going Today
Card Design — Google Plus
Flat Design is Growing Up (or, The Rise of Material Design?) - Google Design
Interactive Storytelling - the guardian
Large, Beautiful Background Image & Videos — Crop the Block
Flat Design is Growing Up — 1 / 2 / 3 / 4
Ghost Button — Campus Bubble / Care Center
Bigger Emphasis on Typography — Get Going Today
Card Design — Google Plus
Flat Design is Growing Up (or, The Rise of Material Design?) - Google Design
Interactive Storytelling - the guardian
Readings : Web Design Trends
Web Design Trends To Look Out For In 2015
http://www.elegantthemes.com/blog/resources/web-design-trends-to-look-out-for-in-2015
7 Tips to Speed Up Responsive Websites
http://spyrestudios.com/7-tips-to-speed-up-responsive-websites/#jPfIYg5ufPMSTkTM.99
Why responsive websites are a must have:
http://www.bizcommunity.com/Article/196/13/118096.html
http://www.elegantthemes.com/blog/resources/web-design-trends-to-look-out-for-in-2015
7 Tips to Speed Up Responsive Websites
http://spyrestudios.com/7-tips-to-speed-up-responsive-websites/#jPfIYg5ufPMSTkTM.99
Why responsive websites are a must have:
http://www.bizcommunity.com/Article/196/13/118096.html
Monday, October 20, 2014
Monday, October 13, 2014
Free Images
1. LITTLE VISUALS ( littlevisuals.co/ )
2. UNSPLASH ( unsplash.com/ )
3. Picjumbo ( picjumbo.com/ )
4.GRATISOGRAPHY ( gratisography.com/ )
5.FREE REFE MOBILE PHOTO ( getrefe.tumblr.com/ )
6. Splitshire ( splitshire.com/ )
7. New Old Stock ( nos.twnsnd.co/ )
8. Function free photos ( wefunction.com/category/free-photos/ )
9. Superfamous ( superfamous.com/ )
10. IM Free (http://www.imcreator.com/free )
Assignment by Oct. 15
1. Reading Assignment:
HTML & CSS - Chapter 15, Chapter 18.
2. Apply your design into HTML&CSS Layout:
HTML & CSS - Chapter 15, Chapter 18.
2. Apply your design into HTML&CSS Layout:
- 3 pages of HTML&CSS (links to each pages)
- Two different Style of layout (Using CSS)
Wednesday, October 8, 2014
Assignment by Oct. 13
1. design all pages of your website.
2. reading respose: ch. 10~13
3. exercise with Dreamweaver template
2. reading respose: ch. 10~13
3. exercise with Dreamweaver template
Tuesday, October 7, 2014
Monday, October 6, 2014
Assignments by Oct. 08
1. Design Development: 3 pages for 2 designs = total 6 pages.
2. Reading Response Paper: 2 pages of writing (Don't Make Me Think, Chapter 6~9)
Subscribe to:
Posts (Atom)