This course is scheduled to be designed in the summer and taught and evaluated in Fall 2006.

Thursday, June 29, 2006

Course Template

The course template is done, finally. I didn't think I was going to ever be satisfied with it.

I have been thinking about the design and the different elements that I wanted to incorporate into the page. So after finishing the first unit last week, this step could not be put off any more. I had an issue trying to get training to design using Dreamweaver.

I don't have much experience building web sites and the only program that I had worked with was frontpage. Since everyone said that Dreamweaver was a better program, I decided to use that to design this. For a while, I thought I was going to have to revert back to Frontpage. Another goals was to learn how to implement CSS to the site so that future work on it was easier.

I was not able to be the training which I was hoping to get since no one at my institution who is involved with faculty development is trained in using this program. We have digital design faculty but they are too busy with classes and what I wanted to do was a bit complex for a one hour sit down session. I was able to discuss some of my design ideas with JJ Vavra who walked me through a 10 minute explanation of what the simplest way to design for my specific requirements was. I played with the program for a couple of weeks but was not satisfied with much of what I had done.

My next step was to search for sites which had components which I wanted to use. I also looked at what templates Dreamweaver had available that I could use as a starting point. I decided to dive into a CSS based template which had the CSS elements I wanted to incorporate and I also used a one page template which had some design elments that I wanted to use. I then set out to design a page to my specifications using the code in the templates as my guide.

My main goals were:

  1. Have clear navigation
  2. Present an at a glace look of the content of the page
  3. Format to include as much pertinent information on one page
  4. Minimize scrolling
  5. Personalize the page
  6. High contrast color scheme
  7. Visibly appealing color scheme
  8. CSS design




1. I wasn't sure exactly where I wanted to have my navigation bars especially since I had to think about how my design would fit into the design of WebCt Vista. Right now I still haven't decided if I'm going to host the course in my own site or if I'm going to load my pages onto Vista. I decided to go ahead and design it independently of Vista (which is good for me because of the portability of the site) and then make the Vista decision at a later point after I had had more time to play with Vista and its tools.

Vista has an entry page which opens to a set of tools chosen by the designer. I still have to ask if it is possible to go directly onto a linked page upon entry rather than going to that Main page. To me that Main page will really be an intermediary between Vista and my pages. So my goal for minimizing clicks automatically got more difficult. Vista has a content module tool which sets up frames with the linked page on the main frame to the right and a table of contents frame on the left. The way I think the course will be designed will be: enter Main Vista page with links to Content/Unit modules. The Content module will have

  1. my Dreamweaver designed Unit page--that page will then link to other content inside my site
  2. WebCt discussion link
  3. WebCt assignment link
  4. Other collaboration tools

I could have just used the content module to design the different pages for my units but then the units would be organized in a linear fashion and would not meet the different goals that I wanted. I have seen several online courses and they are just a list of things the students need to do; some do demonstrate that some thought went into the design of the page but the pages are still mostly text with very little "personality" in the design. I did find several in which I could "read" the personality of the instructor by the way in which he addressed the students in his pages. But that still was mainly communicating via the text. I found a couple and have heard of a couple of instructors who demonstrated their personality via the design but mostly in ways that was not of value to the instruction. I heard of one who used different flowers for icons, a flower lover I guess, and another who used hot pink for all her headings. These choices certainly reveal personality and that may have an important affective component but I don't think those choices had anything to do with the instructional goals.

2. One of my main objectives--this is what one of the UDL sessions recommended--was that assignments be designed in a way that all important information is clearly visible to the students. I really liked the design which Robbin Zeff used but I wanted to accomplish a bit more with it. Here is a link to her design http://www.zeff.com/cwonline/paper3.htm. I really liked the post-it note idea but when I spoke to a designer they told me that those were images which which part of the page. Well, I didn't want images. I wanted to design a page which I was going to be able to share with others and using images was not very conducive to that. So I decided to keep with the idea of including the information which she suggested in highly visible areas such as due dates but incorporating a design which is more friendly to those who do not have much experience designing web pages.

The information which I wanted clearly visible are: the media links, synopsis of the page, resources links which could change depending on the assignment, contact information, deadlines. I wasn't too sure about scrolling. I knew I wanted to design the page so that it would change depending on screen size so that there would be no horizontal scrolling which was needed. Design experts argue that users do not want to scroll across but they will scroll down indefinitely. I know that most of my unit pages will have alot of text and I want to keep all the information to gether rather than in separate pages. I'm not sure about users scrolling indefinitely so I decided that I would also include links to page sections so that students would not have to scroll but could navigate easily within the page.

5. As to personalizing the page, I have to think about that a bit more. I think adding the video and audio components will personalize the instruction but not so much the page.

I have been thinking about how important images are for me and for other students in the phd program, f2f interaction is very important. I have not been using the webcam very much and I'm not sure that I want to use that. I have decided that using pictures is a good balance. The feel of the person is there without needing to have the tech tools and fighting the bandwidth battle at school. So I added the image and the Yahoo IM presence tool.

I have one concern about the tool. I would like for it to show the user status. If the page shows that I am online but I am really not available then that may become a problem with students. So I would have to be really careful about logging out when I will be unavailable and not letting the IM idle. I wonder if there is some code to add that component to the page.

6.7. I wish I could say that my choice in color scheme was inspired by blogger but it was not until after I had finished it and that I logged in to write this entry that I realized how similar the color scheme that I chose is. I guess blogger has entered my subconscious without me being aware of it.

18 Comments:

Anonymous Jeff said...

If you're looking to 'style' your WebCT Vista Homepage so it looks a little more like the rest of your site, you can add an awful lot into the headers and footers. Just pop into Dreamweaver, grab a copy of the HTML, plop it into the headers/footers, and then modify as necessary. You can even embed CSS in the headers and footers, overriding the styles defined by default in WebCT.

8:37 AM  
Blogger Rich said...

Your design skills seem to be very good. The design of your presentation in 5364 was very strong. Sure, takes tons of time, but you're doing just fine. The CSS zenGarden site is something worth looking at if you haven't already. Yahoo has code to embed a button in HTML that says if you're online or not. See http://richrice.com/reached.htm for instance. Might be useful.

9:12 AM  
Blogger ninest123 Ninest said...

ninest123 11.18
tiffany and co, uggs outlet, nike air max, oakley sunglasses wholesale, cheap oakley sunglasses, ray ban sunglasses, oakley sunglasses, christian louboutin outlet, ray ban sunglasses, louis vuitton outlet, christian louboutin shoes, christian louboutin, michael kors outlet online, louis vuitton outlet, longchamp outlet, nike air max, polo ralph lauren outlet online, longchamp outlet, ugg boots, oakley sunglasses, tiffany jewelry, louis vuitton outlet, polo outlet, burberry outlet, ray ban sunglasses, louis vuitton, oakley sunglasses, burberry handbags, christian louboutin uk, nike free, michael kors outlet, louis vuitton, jordan shoes, michael kors outlet online, michael kors outlet online, longchamp outlet, uggs outlet, replica watches, nike outlet, prada handbags, replica watches, uggs on sale, michael kors outlet, michael kors outlet store, gucci handbags, ugg boots, tory burch outlet, prada outlet

8:25 PM  
Blogger ninest123 Ninest said...

nike roshe, sac hermes, abercrombie and fitch uk, nike air max uk, hogan outlet, hollister pas cher, true religion jeans, michael kors, polo lacoste, vans pas cher, true religion outlet, nike roshe run uk, hollister uk, north face uk, nike blazer pas cher, lululemon canada, burberry pas cher, air max, michael kors, ray ban pas cher, nike huaraches, ray ban uk, michael kors outlet, true religion outlet, nike air max uk, oakley pas cher, longchamp pas cher, true religion outlet, ralph lauren uk, michael kors pas cher, nike tn, north face, mulberry uk, louboutin pas cher, nike trainers uk, guess pas cher, timberland pas cher, nike free run, nike free uk, converse pas cher, jordan pas cher, nike air max, coach purses, new balance, coach outlet, coach outlet store online, sac longchamp pas cher, nike air force, polo ralph lauren, sac vanessa bruno

8:29 PM  
Blogger ninest123 Ninest said...

mcm handbags, nike roshe run, nike air max, iphone cases, ghd hair, giuseppe zanotti outlet, vans outlet, ferragamo shoes, valentino shoes, vans, herve leger, insanity workout, hermes belt, asics running shoes, soccer shoes, gucci, iphone 5s cases, lululemon, soccer jerseys, baseball bats, p90x workout, mac cosmetics, abercrombie and fitch, mont blanc pens, north face outlet, instyler, ray ban, ralph lauren, reebok outlet, louboutin, celine handbags, new balance shoes, jimmy choo outlet, bottega veneta, north face outlet, wedding dresses, iphone 6 cases, nfl jerseys, s6 case, iphone 6s cases, chi flat iron, babyliss, oakley, hollister, ipad cases, iphone 6 plus cases, timberland boots, iphone 6s plus cases, hollister clothing, converse, beats by dre, nike air max

8:35 PM  
Blogger ninest123 Ninest said...

karen millen uk, lancel, ugg,ugg australia,ugg italia, toms shoes, pandora charms, swarovski crystal, canada goose, barbour, coach outlet, juicy couture outlet, louis vuitton, juicy couture outlet, canada goose, canada goose jackets, louis vuitton, moncler, louis vuitton, pandora jewelry, ugg uk, doudoune moncler, swarovski, louis vuitton, canada goose uk, ugg, moncler, replica watches, michael kors outlet, ugg pas cher, marc jacobs, canada goose, pandora jewelry, canada goose outlet, pandora uk, ugg,uggs,uggs canada, canada goose outlet, moncler outlet, moncler, barbour uk, moncler, thomas sabo, ugg australia, moncler uk, montre pas cher, canada goose outlet, doke gabbana, links of london, moncler outlet, supra shoes, louis vuitton, hollister, wedding dresses, converse outlet
ninest123 11.18

8:39 PM  
Blogger chenlina said...

replica watches
jordan 13
polo ralph lauren
scarpe hogan
ugg outlet
lebron james shoes
michael kors handbags
louis vuitton handbags
oakley canada
mlb jerseys
chenlina20170309

8:22 PM  
Blogger Liu Liu said...

The conclusion wholesale nfl jerseys of a college basketball nfl jerseys season always cheap nfl jerseys seems so abrupt. We christian louboutin uk as media and fans pour so much time and christian louboutin Panettone spiked leather wallet energy into the NCAA tournament. christian louboutin men flat Everything builds to louboutin outlet the nfl jerseys sell Final Four. Christian Louboutin Women Flat And then… NFL Mouse Pads poof. We christian louboutin shoes have nothing. No games to watch. No controversial calls to debate. Nothing.

7:57 PM  
Blogger عبده العمراوى said...

شركة رش مبيدات بالخبر

5:26 AM  
Blogger tofahetadam30059 said...

تعمل على توفير كل خدمات عمليات التنظيف شركة تنظيف بالبخار بجدة بالإضافة إلى الخدمات الاخري شركة تنظيف كنب بالبخار بجدة التي تحتاجها ربات البيوت وأصحاب الشركات شركة تنظيف سجاد بالبخار بجدة والعقارات ومن خلال شركتنا المتمزية فى خدمات تنظيف المفروشات شركة تنظيف مجالس بالبخار بجدة بالبخار بافضل الاسعار تعرف على كافة شركة تنظيف بالبخار بمكة الخدمات المتميزة التى نقدمها شركة نقل عفش بمكة اليكن والى كل عملائنا الكرام

6:52 PM  
Blogger tofahetadam30059 said...

شركة نظافة خزانات بمكة تقدم خدمات لا يوجد شركة تنظيف بمكة منشأة لا تحتاج لها حيث أن الخزانات تعد من أهم المحتويات التي تحتاج لها المنشآت المختلفة خاصة شركة مكافحة حشرات بمكة في المملكة العربية السعودية التي تعتمد على المياه الجوفية ومياه الآبار شركة تنظيف خزانات بمكة والعيون وتخزينها في خزانات شركة تنظيف بالبخار بمكة بعد تصفيتها وتنقيتها لذا ظهرت الحاجة الشديدة للاستعانة بشركة متخصصة شركة نقل عفش بمكة يستعين بها مختلف الأشخاص في تنظيف وتعقيم الخزانات لديهم من أجل الحفاظ على المياه نظيفة وغير ملوثة

7:46 PM  
Blogger tofahetadam30059 said...

العمالة الفلبينية معروفة بأنها تتعلم شركة نقل عفش بجدة بسرعة كبيرة وجميع الأعمال التي تسند اليها تخرج جودتها بمستوى عالية فى حين ان مستوى الاجور لها منخفض وعليه فإن الشركة شركة تنظيف بالبخار بجدة تعمل على توفير تلك النوعية شركة تنظيف دكت المكيفات بمكة من العمالة ومن خلال افضل شركة نقل عفش بجده شركة تنظيف دكت المكيفات بجدة عمالة فلبينية سوف يتم الحصول على عمال متفوقين وقادرين شركة تنظيف دكت المكيفات بالطائف على نقل الاثاث بعناية كبيرة من اي مكان حتى الادوار العالية وتتم عملية النقل تبعا للأسلوب الحديث وهي كالتالي :-

7:57 PM  
Blogger tofahetadam30059 said...

توفر شركة تنظيف دبي أفضل خدمات نظافة شركة تنظيف بدبي من خلال خبراء في عالم النظافة شركة تنظيف كنب بدبي لديهم احتراف ومهارة عالية وعلى درجة كبيرة من الأمانة والالتزام لديهم حلول شركة تنظيف عجمان عملية وسريعة لجميع شركة تنظيف بالشارقة مشاكل التنظيف ملتزمون بتلبية شركة تنظيف ابو ظبي رغبات العملاء وتنفيذها وعدم إهدار الوقت

8:01 PM  
Blogger tofahetadam30059 said...

تنظيف المساحات الشاسعة ليس بالأمر الهين شركة تنظيف دبي ولا يقدر عليه فرد واحد أو الخدم الذين قد يتواجدون شركة تنظيف ابو ظبي بالمنشأة حيث أنه يلزم توافر معدات خاصة شركة تنظيف كنب بدبي من أجل التنظيف تساعد شركة تنظيف بالشارقة على تقديم أفضل الخدمات وتعمل على تيسيرها بأسعار لا تعد عبء على من يبحث عن شركة تنظيف عجمان هذه الخدمات لذا تقدم الشركة كافة الخدمات التي تلزم في تنظيف الفلل شركة تنظيف العين بما تحتويه من محتويات وأغراض

8:11 PM  
Blogger tofahetadam30059 said...

سميت بحشرات الفراش لانها غالبا ما تتواجد شركة مكافحة حشرات بمكة فيه وتعيش وتتغذى على الدم سواء دم الإنسان أو الحيوان شركة تنظيف شقق بمكة تعد الحيوانات شركة تنظيف خزانات بمكة الأليفة ذات الشعر شركة مكافحة حشرات بالطائف الكثيف أيضاً أحد المصادر الناقلة لهذه العدوى تقوم حشرة البق بوضع البيض شركة نقل عفش بمكة الخاص بها على المراتب والآسرة شركة تنظيف خزانات بالطائف والذي يتميز بلون ابيض شفاف وملمس لز

8:25 PM  
Blogger tofahetadam30059 said...

يمكنكم اللجوء لتنظيف منازل عجمان إذا شركة تنظيف دبي أصبحتم في حاجة إلى تنظيف المنزل شركة تنظيف عجمان في أي وقت تحددوه أنتم , فقط اتصلوا بتنظيف منازل عجمان شركة تنظيف بالشارقة وسوف يرد عليكم فريق متخصص من خدمة العملاء والذي يحدد معكم المطلوب شركة تنظيف ابو ظبي والوقت المحدد لإتمام تلك المهمة الضرورية وفي أسرع وقت ممكن سوف تجدونها انتهت شركة تنظيف كنب بدبي , فقط انسوا هم الأسعار التي تقلق الجميع في حالة الرغبة في التعامل مع أي شركة نظافة

8:32 PM  
Blogger tofahetadam30059 said...

German Translation Legal Translation services German Translation The German German Translation dubai language has a great influence on the world because Germany plays a vital role in the European Union chinese Translation dubai . Also, the economy of Germany russian translation in dubai encourages the growth Translation services in Dubai of the English Translation dubai German translation industry.

8:45 PM  
Blogger tofahetadam30059 said...

كما يقوم فريق العمل بتنظيف الموكيت حيث أن الموكيت شركة تنظيف بدبي يعتبر من أهم الأشياء التي توجد في المنزل ويتميز بوجود الزخارف المختلفة شركة تنظيف بالعين به، لهذا فإنه يحتاج إلى التنظيف بكل دقة وحرص ويتم هذا من خلال استخدام شركة تنظيف عجمان الماء الفاتر والمنظفات المخصصة للموكيت، أو يتم تنظيفه عن طريق البخار شركة تنظيف كنب بدبي حتى يعطي أفضل النتائج وفي أسرع وقت
تعتبر طريقة التنظيف بالبخار من أفضل شركة تنظيف بدبي وأحدث الطرق التي تستخدم في عمليات التنظيف شركة تنظيف كنب بدبي للوصول إلى أفضل النتائج، وتقوم شركة تنظيف بالبخار في دبي شركة تنظيف بالشارقة في استخدامه في العديد من عمليات التنظيف؛ لهذا فإن جميع الأعمال شركة تنظيف ابو ظبي التي تقوم بها الشركة شركة تنظيف بعجمان تكون على درجة شركة تنظيف بدبي عالية من الكفاءة شركة تنظيف بالشارقة

9:05 PM  

Post a Comment

<< Home