Virtual Field Trip: Sydney

I realized in this week’s EdTech 502 assignment that I know more than I thought I did. Web design is finally starting to come together! What a great feeling. While I won’t be designing for Apple or Adobe anytime soon, I have come far. Just a few weeks ago I knew next to nothing about XHTML or CSS. Looking at the source code for a web page was like reading Greek. Now, while I may not understand it all, I understand most of it. I can apply it. I can start from scratch or from a template and create a professional product. This is a major improvement.

This assignment is to create a virtual field trip experience. It needs to be more than just information about a place or a set of links. It needs to be a place that students likely won’t be able to visit in person. The website needs to have audio, images, and video embedded throughout, with educational activities and questions for the student. Sydney was an easy choice for me since we gathered 21,000 photos during our two years living there. Sadly, not many students will actually get there, so it was the perfect fit. Interestingly, all of the photos and video are from my personal collection.

This was the first time I used a single CSS style sheet linked to each page. I tweaked an online CSS template to create a set of linked pages. The entire project took a huge amount of time this week, but in the end I am pleased. I feel much more confident using Dreamweaver to write and edit code, insert links and images, and adjust colors and formatting. I created a banner in Fireworks. I embedded YouTube videos and an .mp3 file. I linked to internal and external documents. I managed and organized complicated information both on the server and online at Diigo. In short, I used every skill we have used so far and it all came together. Finally!

Have a look:

Netiquette page

This week’s challenge in EDTECH 502: Internet for Educators was multi-fold. First, we were to research basic Netiquette principles with our specific students in mind. This is timely for me, since I plan to teach some of these things to my ACCESS students next week.

After completing my research, I designed and wrote the XHTML and CSS code for my website. This was my first use of a callout box (the box that floats right on calls attention to key points) and other typographical specifics. It was rather grueling, and everything is very new to me. I suppose it’s a bit like learning a new language. Hopefully some of the repetitive tasks will get easier and more routine over time.

This is a picture of my page as I first published it. I’m sure I will adjust and adapt as my skills improve, so I wanted to capture it as is. Here’s a link to my current Netiquette page.

If it looks too easy, I dare you to try it…

The evolution of a web page

I’ve used the Internet now for years, but I’m new to website design. There’s so much to learn and I’m already feeling overwhelmed!  Fortunately, this semester I am taking EDTECH 502: The Internet for Educators. Already, it’s proved quite helpful. The textbooks alone weigh more than me, and will be near-obsolete by next year with titles like Dreamweaver CS5.5 and HTML, XTHML & CSS. My favorite text is The Non-Designer’s Web Book, which is amazingly helpful for being published light years ago in 2006. I guess design principles don’t change too drastically over time.

Our first assignment was to create a plain HXTML page in Dreamweaver. Later we added CSS. I’m excited to see what this web page will become, and how my skills will grow with it. For now, I’m really proud of it.