Monthly Archives: July 2013

Ed Tech 502 Module 10: Virtual Field Trip to Earth’s Center:

In this week’s assignment, we created a virtual field trip.  I almost did a trip through solar system, but chose to go down & do a trip through the layers.  Finding content was challenging in that most every website, movie, image, is of all the layers rather than just one.  I will use this in class this year, most likely, students will have to do some of this outside of school as YouTube is blocked at our school.

The code was time consuming, but satisfying to create the  CSS once & then have it go to all the pages.

Here is the fieldtrip. Here is my 502 page.

AECT standards:

1.1.2.b Create instructional plans (micro-level design) that address the needs of all learners, including appropriate accommodations for learners with special needs.

1.1.2.d Incorporate contemporary instructional technology processes in the development of interactive lessons that promote student learning.

1.1.3.b Demonstrate personal skill development with at least one: computer authoring application, video tool, or electronic communication application.

1.3.b  Identify at least one instructional model and demonstrate appropriate contextualized application within practice and field experiences.

1.4.b  Describe and/or document specific learner characteristics which influence the selection of instructional strategies.

2.3.2 Design, produce, and use digital information with computer-based technologies.

2.4.1 Use authoring tools to create effective hypermedia/multimedia instructional materials or products.

2.4.2 Develop and prepare instructional materials and products for various distance education delivery technologies.

2.4.4 Use telecommunications tools such as electronic mail and browsing tools for the World Wide Web to develop instructional and professional products.

2.4.5 Develop effective Web pages with appropriate links using various technological tools.

Advertisements

Ed Tech 502 Module 9 Ed Tech home page: default.html

In this week’s assignment, we were supposed to use  a template to create our default homepage.  Great, I thought, I will follow along in the template, and basically fill in the blanks. Not so easy!  It really requires looking at both the HTML & CSS code, to interpret the template.  Also, very important to read the comments.

Since I am still working toward a solid understanding of the code, it took quite a while to understand the CSS & the CSS comments.  For me, I would read the CSS code, and change one thing such as background color to get a feel for what the CSS code went with on the page, I would then make the changes that I wanted, and create my own comment to go along with page.   I also used Inspect mode to figure out where there was too much space on the page.  I left the template comments because they were helpful to me.  All of my comments have -cooney in them to help distinguish them.

I ran into some trouble saving, didn’t  realize I needed to click on site root when I saved.  Also, the copy & paste of the CSS validation badge kept giving me errors, so I found a CSS badge and linked that to the CSS validator site.

This week’s assignment is specifically not for use in our classrooms, so I ventured away from MHS Hornet Green, Black & Gray.  I wanted to use my favorite color purple, but purple can sometimes be difficult to read, so I went with a gray and pink themed page.

Here is my default.html page.

Here is my 502 Projects Page.

AECT standards for this week:

1.1.2.b Create instructional plans (micro-level design) that address the needs of all learners, including appropriate accommodations for learners with special needs.

1.1.2.d Incorporate contemporary instructional technology processes in the development of interactive lessons that promote student learning.

1.1.3.b Demonstrate personal skill development with at least one: computer authoring application, video tool, or electronic communication application.

1.3.b  Identify at least one instructional model and demonstrate appropriate contextualized application within practice and field experiences.

1.4.b  Describe and/or document specific learner characteristics which influence the selection of instructional strategies.

2.3.2 Design, produce, and use digital information with computer-based technologies.

2.4.1 Use authoring tools to create effective hypermedia/multimedia instructional materials or products.

2.4.2 Develop and prepare instructional materials and products for various distance education delivery technologies.

2.4.4 Use telecommunications tools such as electronic mail and browsing tools for the World Wide Web to develop instructional and professional products.

2.4.5 Develop effective Web pages with appropriate links using various technological tools.

Ed Tech 502 Module 8 Jigsaw Activity: Sun, Earth, Moon system

Our second assignment for this week was to create a Jigsaw Activity on the topic of our choice.  I chose the Earth, Sun, Moon system as I needed to update this lesson plan, and the topic lends itself nicely to a Jigsaw.  Here is my main 502 Projects page.

A couple of observations for this week.  The Lynda.com videos were very helpful, more so than in past weeks.  I don’t know what I will do when this class is over & I need to create a page without access to Boise State “how to videos” or the Lynda.com videos.   Both sets of videos are my bibles as I create pages;  I am constantly referring back to both current week’s videos, and past week’s modules.

I created my skeleton in a Google doc, and when I copied & pasted into Dreamweaver, all kinds of errors were present.  Lesson here is  use Word documents for copying and pasting into Dreamweaver.  A couple of times, I left out my hyphen or semi-colon in CSS & it took a while to recognize that!

I kept the page in the same color family, but used a brighter green on the Jigsaw, which I like better.

AECT standards for this week:

1.1.2.b Create instructional plans (micro-level design) that address the needs of all learners, including appropriate accommodations for learners with special needs.

1.1.2.d Incorporate contemporary instructional technology processes in the development of interactive lessons that promote student learning.

1.1.3.b Demonstrate personal skill development with at least one: computer authoring application, video tool, or electronic communication application.

1.3.b  Identify at least one instructional model and demonstrate appropriate contextualized application within practice and field experiences.

1.4.b  Describe and/or document specific learner characteristics which influence the selection of instructional strategies.

2.3.2 Design, produce, and use digital information with computer-based technologies.

2.4.1 Use authoring tools to create effective hypermedia/multimedia instructional materials or products.

2.4.2 Develop and prepare instructional materials and products for various distance education delivery technologies.

2.4.4 Use telecommunications tools such as electronic mail and browsing tools for the World Wide Web to develop instructional and professional products.

2.4.5 Develop effective Web pages with appropriate links using various technological tools.

Ed Tech 502 Module 7: Concept Map for 1 Dimensional Motion

This week’s assignment involved creating a concept map on a topic of our choice.  I chose one dimensional motion, and broke the concept map into 3 topics: vocabulary, graphs, and equations.  The coding seemed to be a little easier.  I finally understand the /*linkstyles*/ including  a:link {color:#___}, a:visited {color:#___;},a:hover {text-decoration:none; color:#___;}.

Using Fireworks was a fun experience,(once I figured out that I needed to buy it still!).  For some reason, I thought it was part of Dreamweaver!  Fireworks is filled with lots of cool tools.  I ran into some navigation problems, but with practice, those should be reduced.

Here is the link to the concept map, and the link to my 502 projects page.

AECT standards:

1.1.2.b Create instructional plans (micro-level design) that address the needs of all learners, including appropriate accommodations for learners with special needs.

1.1.2.d Incorporate contemporary instructional technology processes in the development of interactive lessons that promote student learning.

1.1.3.b Demonstrate personal skill development with at least one: computer authoring application, video tool, or electronic communication application.

1.3.b  Identify at least one instructional model and demonstrate appropriate contextualized application within practice and field experiences.

1.4.b  Describe and/or document specific learner characteristics which influence the selection of instructional strategies.

2.3.2 Design, produce, and use digital information with computer-based technologies.

2.4.1 Use authoring tools to create effective hypermedia/multimedia instructional materials or products.

2.4.2 Develop and prepare instructional materials and products for various distance education delivery technologies.

2.4.4 Use telecommunications tools such as electronic mail and browsing tools for the World Wide Web to develop instructional and professional products.

2.4.5 Develop effective Web pages with appropriate links using various technological tools.

Ed Tech 502 Module 6: Copyright & Plagiarism Scavenger Hunt

The second project for this week was to create a scavenger hunt activity to teach a targeted audience about a topic relating to plagiarism, copyright infringement, etc.  I chose plagiarism & copyright in the high school classroom.  I had no problems developing a topic and questions.  I created a list of questions w/ the websites in Google Documents.  When I created my page in Dreamweaver, I copied the text from the doc.

A few snags (of course, this coding process really is a long process for me w/ lots of trial & error).  A couple of my anchored links would NOT work, but eventually worked through it.  Also, my copy and paste wasn’t working when I tried to copy the CSS validation badge.  The biggest problem was trying to get a You Tube video on the page or a good image.  I originally posted w/o either, but went back, and was able to add the image.  I hope I gave proper credit, especially since that was the point of the assignment!

The AECT standards this week…

1.1.2.b Create instructional plans (micro-level design) that address the needs of all learners, including appropriate accommodations for learners with special needs.

1.1.2.d Incorporate contemporary instructional technology processes in the development of interactive lessons that promote student learning.

1.1.3.b Demonstrate personal skill development with at least one: computer authoring application, video tool, or electronic communication application.

1.3.b  Identify at least one instructional model and demonstrate appropriate contextualized application within practice and field experiences.

1.4.b  Describe and/or document specific learner characteristics which influence the selection of instructional strategies.

2.3.2 Design, produce, and use digital information with computer-based technologies.

2.4.1 Use authoring tools to create effective hypermedia/multimedia instructional materials or products.

2.4.2 Develop and prepare instructional materials and products for various distance education delivery technologies.

2.4.4 Use telecommunications tools such as electronic mail and browsing tools for the World Wide Web to develop instructional and professional products.

2.4.5 Develop effective Web pages with appropriate links using various technological tools.

3.4.3 Identify and apply copyright and fair use guidelines within practice.

3.4.5 Identify policies and regulations which apply to the utilization, application, and integration of distance delivery technologies.

Ed Tech 502 Module 5: Accessibility Links Page

This was a challenging assignment…First, I needed to figure out the content, and then figure out the code.  The code is still challenging, the videos in Moodle are incredibly helpful.

Here is the link to my Accessibility Links Page, and the link to the 502 Project page.  Again, a challenging week.  The code was mostly written correctly, but there were some accessibility issues from the Wave checker page.

There were two stubborn links that I could not correct (Wave kept reporting that the links were empty!).  At long last, they worked!

AECT standards for this project…

1.1.2.b Create instructional plans (micro-level design) that address the needs of all learners, including appropriate accommodations for learners with special needs.

1.1.2.d Incorporate contemporary instructional technology processes in the development of interactive lessons that promote student learning.

1.1.3.b Demonstrate personal skill development with at least one: computer authoring application, video tool, or electronic communication application.

1.3.b  Identify at least one instructional model and demonstrate appropriate contextualized application within practice and field experiences.

1.4.b  Describe and/or document specific learner characteristics which influence the selection of instructional strategies.

2.3.2 Design, produce, and use digital information with computer-based technologies.

2.4.1 Use authoring tools to create effective hypermedia/multimedia instructional materials or products.

2.4.2 Develop and prepare instructional materials and products for various distance education delivery technologies.

2.4.4 Use telecommunications tools such as electronic mail and browsing tools for the World Wide Web to develop instructional and professional products.

2.4.5 Develop effective Web pages with appropriate links using various technological tools.

Ed Tech 502 Module 4: Netiquette Page

Here is the link to my Netiquette page, EdTech 502, week3, Module 4,

It seemed to be a little bit easier for me this week!  Still get a bit unsure of myself at times, and needed to go back & check Module 2 & 3 videos on validation badges, but was able to get it done.  Love that feeling when it passes code!  I even figured out how to link the Netiquette page on my 502 page!  Confidence is growing ( at a slow rate, but at least going in the right direction!).  

Here is the link to my original 502 w/ CSS page that has link to Netiquette.

The following AECT standards were used in this project.

1.1.2.b Create instructional plans (micro-level design) that address the needs of all learners, including appropriate accommodations for learners with special needs.

1.1.2.d Incorporate contemporary instructional technology processes in the development of interactive lessons that promote student learning.

1.1.3.b Demonstrate personal skill development with at least one: computer authoring application, video tool, or electronic communication application.

1.3.b  Identify at least one instructional model and demonstrate appropriate contextualized application within practice and field experiences.

1.4.b  Describe and/or document specific learner characteristics which influence the selection of instructional strategies.

2.3.2 Design, produce, and use digital information with computer-based technologies.

2.4.2 Develop and prepare instructional materials and products for various distance education delivery technologies.

2.4.4 Use telecommunications tools such as electronic mail and browsing tools for the World Wide Web to develop instructional and professional products.

2.4.5 Develop effective Web pages with appropriate links using various technological tools.

Ed Tech 502 Module 3: 502 page with CSS:

Week 3 for EdTech 502 is in the books.  Like last week, the tutorial videos were exceptionally helpful!  I watched the second video “502 Page Assignment Explanation”  several times, again, pausing and going to Dreamweaver to change & update my page.   The Lynda.com videos were also quite helpful at helping me understand the setup of the pages.  I feel more comfortable at figuring out where I am in a page, and how the pieces all relate as a result of watching the Lynda.com videos.  For example, in my page, h2 is part of the section which is part of the body.  Lastly, I had to go back to re-watch week 2 videos on the badges and uploading to server.

Here is the link to my 502 page.  I attempted to add a link on my original HTML page to this learning log.  I thought it was all set, as my code for it is error free but the link doesn’t work.  I will ask my classmates about this one.  Thankfully, Professor DeLoose showed me the correct code & the link now works.  Funny, I thought I had typed that originally, but there must have been some small error.  (Next, I would like to learn how to create a link that opens in a new page!)

Snags this week:  I couldn’t figure out how to get “the boxes”.  I was able to get a box around my “header 1 (h1)”, but the “section” was just a big gray blob, even though I had changed the background color.  Finally, after looking at the teacher example, I added “header 2 (h2)” information, and voila, the boxes appeared!  I am not sure if I understand why, as ‘h2’ is part of the ‘section’ , and the ‘section’ has CSS code for color, etc.  Why wasn’t it showing up?  I will revisit this as I learn more.  At one point, I needed to go through line by line, and compare my code to the teacher example, as well as the video.  Also, my HTML5 validation badge disappeared, so I needed to go back & look at the week 2 video, to add that.  I’m not sure what happened there, but it seems to be working now.    My code is error free, but does have warnings, but according to week 2 video, warnings are ok, as they are associated with the newness of the code, and how quickly it is adopted.

Another question I had was what is the difference between the units for font size?  Being a science teacher, units are very important, but I did not have a good understanding of the units used for font size.  I found this link very helpful to me (written in 2008, so a little old).  Based on this summary, it looks like % or em is the way to go.

Lastly, I chose to create my page in MHS Hornet colors.  My thought process here is that the pages I create that link to this page will be in the same color family so they seem to go together, and I might be able to use some in my classroom, so the MHS colors would make sense.

For AECT standards, I chose:

1.1.3.b Demonstrate personal skill development with at least one: computer authoring application, video tool, or electronic communication application.  2.3.2 Design, produce, and use digital information with computer-based technologies.                                                                                                                                 2.4.5 Develop effective Web pages with appropriate links using various technological tools.