EDTC+603+-+Web+Development+for+Educational+Use

__**Have readings from each lesson complete by the lesson date. Readings listed under topic two need to be read by topic two date.**__

Revelations.... Why is web design/development important? So you as a teacher may effectively communicate to your students. Just in time communication with students. One stop shopping for information and communication.

__**Topic One: An Introduction to Web Development and Digital Learning**__


 * 1.4 Poster - The Need of an Effective Web Presence** -Post your posters in the Topic_1_Student_Page. // (Due the Friday following Class Session2.) // Discussion on this topic will occur during Class Session3.

media type="custom" key="8124182"

Finish commenting on other peoples posters!

__**Topic Two**__ When Developing your web page, think of PARKING your site P - Proximity of informaiton, put like info together A - Alignment of content, dont just center everything. Pay attention to well aligned site. R - Repetition of text, font to build cohesiveness of your site C - Contrast, make sure that fonts can be read: light vs. dark, thick vs. thin, short vs. tall. remember in contrasting text, think about heading text having no feet....and text having feet.

Your design is 'standing on one leg". Make sure that the bottom of your columns are level, or is one lower than another, causing you to 'lean'?

Try to organize your information in a list rather than in a paragraph.

When desiging a website...first think of your audience. Who are you trying to communicate to? Remember the rule of 3rds......do not do a 2 column that splits of the middle, have one column that takes up 2/3s of the space and one column that takes up 1/3 of the space.

2.1 Field experience: Complete a reflection based on our research on websites (wordpress sites) and our compiled information. Find a couple more websites (educational) and review using the criteria listed in Topic_2_Student_page (under 2.1) Check out the wordpress sites for the remainder of this field experiences? This will be checked on evening of Week 4



What makes for good web design?

__**2.3**__ __**Create the following according to the rubric**__ 1- home page (introduction) ---link to program of study 2 - About page - Educational Phylosophy, facts about you, goals of the program 3 - classes -601 ---artifacts ---bibliography ---field experience logs and write ups ---reflection -614 artifacts bibliography field experience logs and write ups reflection -603 artifacts bibliography field experience logs and write ups reflection 4 - resources Compiled annotated bibliographies bookmark pages individual and cohort bookmarks links to other cohort wikis, bookmarked pages, and wordpress sites 5 - Capstone Final Project Standards addressed in each class (NETS, 21st Century Skills)
 * 5 pages of the efolio**

Upload a few artificats to demonstrate knowledge that you can upload and have this completed by Friday, January 28th)

===2.4 Email Response - Looking at WordPress for Educational Uses === Many people consider WordPress to be only a blogging platform, though it is actually very capable of creating full-on websites. Understanding the capabilities and features of WordPress makes it a viable option for educators with busy schedules and emerging technology skills.

Step 1: Identify the similarities and differences between WordPress.com and WordPress.org. Refer to assigned readings and other independent web searches to create the following: completed in class

Step 2: Using a conversational tone, create an email response to a colleague who has just asked whether she should use WordPress to create a classroom website. Additionally, your colleague wonders what the difference is between WordPress.com and WordPress.org. What would you tell her?
 * 1) Does each of these options provide hosting services?
 * 2) What are the publishing capabilities provided by each?
 * 3) What associated cost is involved with each?
 * 4) Also, explain what overall advantages there are to using WordPress as a publishing platform (either .com or .org).
 * 5) Are there disadvantages to consider, knowing that this will be used in an educational setting?


 * Step 3:** Post your email response in the Discussion section on Topic_2_Student_Page. Read and respond to two or more of your colleagues’ email responses.
 * Finish this! **

extensive plugin/widget for wordpress [] [] []
 * complete 2.5**

__**Topic Three**__ __**3.1 Field Experience - Identify a quality website, write up a reflection on the websites that and post a response. Due week four session**__ __**3.3**__ - due Friday February 4th This is for your classroom website! NOT YOUR EFOLIO >> __**3.5 - due Friday February 4th**__ Hey you! Review breadcrumbs trails.....
 * Site map creation: (your graphic representation of content, hierarchcy, and flow of information)**
 * What content will you be putting on the site? Brainstorm everything that you can and organize it with sticky notes/index cards. Include content, pictures, links, videos, podcasts, topics, external files, handouts, multimedia, external contact resources
 * check with other people to check what would be important (teachers, parents, co workers, students - check with your endusers on what would help them draw info from the website.)
 * Categorize information - this is where you organize your content into key categories.
 * Identify content flow. How will the navigation of the site take place? How will links be organized? Where will content be stored? What order will the content be presented? Create a site map (a graphic organizer). use bubble..us/ writemaps.com.
 * First page will be your home page - what is most important to appear on this page?
 * identiry and create your parent pages (one page for each class/grade/main topics)
 * organize your children pages to appear under your parent pages.
 * Wireframe creation: (how you organize your design; links)**
 * Make a picture of how you envision the content on the site.
 * how will you columns look? Word links or picture links or combination. Where will your information live? Where will your navigation bar be?
 * draw it out (scan it into your wiki/wordpress before creating it.)

Hey Einstein! Find your field experience logs and get them scanned into your wiki/wordpress! This will be checked on Week Four session

Week 4 readings (and 3)

Learn definitions form topic 2.6 and document to prepare to do the analogies

__**Topic Four**__ [|pic_for_4.1.JPG]

__**Topic Five**__

__**Topic Six**__

__**Topic Seven**__

__**Topic Eight**__