|
|
| (334 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | == Thursday (5/2/13) ==
| |
| − | * CSS Templates Walk-through
| |
| − | ** Templates - [http://designshack.net/articles/css/715-awesomely-simple-and-free-css-layouts/ Awesomely Simple & Free CSS Layouts]
| |
| − | ** Colors - [http://colorschemedesigner.com/ Color Scheme Designer]
| |
| − | ** Fonts - [http://www.google.com/webfonts Google Web Fonts]
| |
| − | ** Backgrounds - [http://subtlepatterns.com/ Subtle Patterns (backgrounds)]
| |
| − | ** Random Tips/Tricks
| |
| − | *** [http://www.css3.info/preview/rounded-border/ CSS Rounded Corners]
| |
| − | *** [http://www.w3schools.com/css/css_navbar.asp CSS Navigation Bars]
| |
| − |
| |
| − | == Tuesday (4/30/13) ==
| |
| − | '''Agenda:'''
| |
| − | * HTML & CSS Quiz
| |
| − | * Complete any missing assignments
| |
| − | ** All HTML and CSS Codecademy
| |
| − | ** Website Layout Research Assignment (see below)
| |
| − | * Explore the following web resources and begin picking what you like
| |
| − | ** [http://www.google.com/fonts/ Google Fonts]
| |
| − | ** [http://subtlepatterns.com/ Subtle Patterns (backgrounds)]
| |
| − | ** [http://colorschemedesigner.com/ Color Scheme Designer]
| |
| − |
| |
| − | == Wednesday - Friday (4/24/13 - 4/26/13) ==
| |
| − | '''Agenda:'''
| |
| − | * HTML Quiz
| |
| − | * Complete up through [http://www.codecademy.com/courses/web-beginner-en-WF0CF?curriculum_id=50579fb998b470000202dc8b CSS Classes and IDs]
| |
| − | * Complete the [http://www.codecademy.com/courses/web-beginner-en-jNuXw?curriculum_id=50579fb998b470000202dc8b Project: Sorting Your Friends]
| |
| − | * CSS Selectors Review & Assignment
| |
| − | * Complete [http://www.codecademy.com/courses/web-beginner-en-6merh?curriculum_id=50579fb998b470000202dc8b CSS Positioning]
| |
| − | * Complete [http://www.codecademy.com/courses/web-beginner-en-9x6JW-WnAFv/0/1?curriculum_id=50579fb998b470000202dc8b Build a Resume]
| |
| − | * HTML & CSS Syntax Quiz on '''Tuesday (4/30/12)'''
| |
| − |
| |
| − | '''Website Layout Research Assignment:'''
| |
| − | # Find 3 websites that you like to visit and that you feel are good website designs
| |
| − | # On blank paper, sketch the skeletal design/layout of the webpages (each sketch should be 1/2 a page)
| |
| − | # On your sketch, label '''all''' the major elements/divisions of the page
| |
| − | #* Navigation bar (vertical? horizontal? both?)
| |
| − | #* Logo?
| |
| − | #* Header?
| |
| − | #* Any other side bars?
| |
| − | #* Main content?
| |
| − | #* Any subsections of the main content?
| |
| − | #* Footers?
| |
| − | #* Major links?
| |
| − | # Make sure you put your name on the top of the page, staple, and turn them in
| |
| − |
| |
| − | '''Web Resources - search for things you like'''
| |
| − | * [http://www.google.com/fonts/ Google Fonts]
| |
| − | * [http://subtlepatterns.com/ Subtle Patterns (backgrounds)]
| |
| − | * [http://colorschemedesigner.com/ Color Scheme Designer]
| |
| − |
| |
| − | == Monday (4/22/13) ==
| |
| − | '''Agenda:'''
| |
| − | * Carney JAMTech - Game Design Workshop - [http://www.teamcarney.com/jamtech/ http://www.teamcarney.com/jamtech/]
| |
| − | ** Saturday, May 11th
| |
| − | ** Be sure to register [http://www.teamcarney.com/jamtech/ on-line]
| |
| − | * CSS Review
| |
| − | * Complete up through [http://www.codecademy.com/courses/web-beginner-en-WF0CF?curriculum_id=50579fb998b470000202dc8b CSS Classes and IDs]
| |
| − | * Complete the [http://www.codecademy.com/courses/web-beginner-en-jNuXw?curriculum_id=50579fb998b470000202dc8b Project: Sorting Your Friends]
| |
| − | * '''HTML Quiz on Wednesday (4/24/13)'''
| |
| − | ** You must be able to correctly identify any of the the HTML tags from HTML 1, 2, & 3
| |
| − | ** You must be able to identify HTML syntax errors
| |
| − |
| |
| − | == Thursday (4/18/13) ==
| |
| − | '''Agenda:'''
| |
| − | * Complete [http://www.codecademy.com/courses/web-beginner-en-TlhFi?curriculum_id=50579fb998b470000202dc8b Introduction to CSS]
| |
| − | * Complete [http://www.codecademy.com/courses/web-beginner-en-UuBLw/0/1?curriculum_id=50579fb998b470000202dc8b Project: Designing a button for your website]
| |
| − | * If you have completed all of the CSS tutorials, then you may begin designing and creating your website
| |
| − |
| |
| − | == Tuesday (4/16/13) ==
| |
| − | '''Agenda:'''
| |
| − | * [http://www.codecademy.com/courses/web-beginner-en-y2Yjd?curriculum_id=50579fb998b470000202dc8b HTML Basics II] check
| |
| − | * [http://www.codecademy.com/courses/web-beginner-en-9x6JW?curriculum_id=50579fb998b470000202dc8b Project: Social Networking Profile] check
| |
| − | * [http://www.codecademy.com/courses/web-beginner-en-f8mcL?curriculum_id=50579fb998b470000202dc8b HTML Basics III] check
| |
| − | * [http://www.codecademy.com/courses/web-beginner-en-zrZ6c?curriculum_id=50579fb998b470000202dc8b Project: Clickable Photo Page] check
| |
| − | * If you are done with all of the above, then take out a sheet of paper and draft a design for your own website. If you don't have any ideas, check out different webpages and analyze how they layout their websites. You can change your design as many times as you like, but you can start thinking about it now.
| |
| − | ** Layout?
| |
| − | ** Navigation bars?
| |
| − | ** Links?
| |
| − | ** Gallery?
| |
| − | ** Content?
| |
| − | ** etc.
| |
| − |
| |
| − | == Friday (4/12/13) ==
| |
| − | '''Agenda:'''
| |
| − | * Work on completing [http://www.codecademy.com/courses/web-beginner-en-f8mcL?curriculum_id=50579fb998b470000202dc8b HTML Basics III]
| |
| − | * Mr. Bui will check for progress on Tuesday (4/15/13)
| |
| − |
| |
| − | == Wednesday (4/10/13) ==
| |
| − | '''Agenda:'''
| |
| − | * Review ordered and unordered lists
| |
| − | * Font Styles
| |
| − | ** Complete [http://www.codecademy.com/courses/web-beginner-en-y2Yjd?curriculum_id=50579fb998b470000202dc8b Styling the font!]
| |
| − | * Other Styles
| |
| − | ** Complete [http://www.codecademy.com/courses/web-beginner-en-y2Yjd?curriculum_id=50579fb998b470000202dc8b Other styles!]
| |
| − | * Complete [http://www.codecademy.com/courses/web-beginner-en-9x6JW/0/1?curriculum_id=50579fb998b470000202dc8b Social networking profile project]
| |
| − |
| |
| − | == Monday (4/8/13) ==
| |
| − | '''Warmup:'''
| |
| − | # Define the difference between a '''webpage''' and a '''website'''
| |
| − | # How do you think we make websites?
| |
| − |
| |
| − | '''Agenda:'''
| |
| − | * How to link multiple HTML files to make a website
| |
| − | * Demo completion of [http://www.codecademy.com/tracks/web Introduction to HTML]
| |
| − | ** HTML Basics
| |
| − | ** Build Your Own Webpage
| |
| − | * Ordered and Unordered Lists
| |
| − | ** Complete [http://www.codecademy.com/courses/web-beginner-en-y2Yjd?curriculum_id=50579fb998b470000202dc8b Making lists]
| |
| − |
| |
| − | == Tuesday - Thursday (4/2/13 - 4/4/13) ==
| |
| − | '''Warmup:'''
| |
| − | * Define the following terms:
| |
| − | ** hypertext
| |
| − | ** http
| |
| − | ** HTML
| |
| − | * Be able to explain what each of them to a 10-year old
| |
| − |
| |
| − | '''Agenda:'''
| |
| − | * Introduction to HTML
| |
| − | ** Creating an HTML file
| |
| − | ** Markup tags
| |
| − | ** Your first website
| |
| − | * [http://www.codecademy.com/ Code Academy]
| |
| − | ** Sign up for an account
| |
| − | ** We will complete [http://www.codecademy.com/courses/web-beginner-en-HZA3b Introduction to HTML] as a class
| |
| − | ** Complete [http://www.codecademy.com/courses/web-beginner-en-HZA3b Body elements] yourself
| |
| − | ** Complete [http://www.codecademy.com/courses/web-beginner-en-HZA3b Adding images to your site!]
| |
| − | ** Complete [http://www.codecademy.com/courses/web-beginner-en-LceTK/0?curriculum_id=50579fb998b470000202dc8b#!/exercises/0 Build Your Own Webpage]
| |
| − |
| |
| | == Archives == | | == Archives == |
| − | * [[CS1 - 1213 - March]] | + | * CS1 - 1819 (Poland) - APS Canvas |
| − | * [[CS1 - 1213 - February]] | + | * CS1 - 1718 (Poland) - APS Canvas |
| − | * [[CS1 - 1213 - January]] | + | * CS1 - 1617 (Poland) - Google Classroom |
| − | * [[CS1 - 1213 - December]] | + | ** [https://docs.google.com/a/apsva.us/document/d/1VnXYBgVIABKBGVYNuoQQ6E_6kUzcNah2TFlM5QgTOW0/edit?usp=sharing 2017 Syllabus] |
| − | * [[CS1 - 1213 - November]] | + | * [https://sites.google.com/a/apsva.us/ocopcompsci/ CS1 - 1516 (MacLeod)] |
| − | * [[CS1 - 1213 - October]] | + | * [[CS1 - 1415]] |
| − | * [[CS1 - 1213 - September]] | + | * [[CS1 - 1314]] |
| | + | * [[CS1 - 1213]] |
| | + | * [[CS1 - 1112]] |
| | + | * [[CS1 - 1011]] |
| | + | * [[CS1 - 0910]] |
| | + | * [[CS1 - 0809]] |
| | + | * [http://www.paulbui.net/wl0708/cs1 CS1 - 0708] |
| | + | * [http://www.paulbui.net/wl0607/cs1/schedule.html CS1 - 0607] |
