SlideShare a Scribd company logo
Creative D2L
 Design, Tips & Tricks


    Dorea Hardy
What this session was…
 Thissession demonstrates how to place a
  D2L logon box on your college web site,
  use iFrames with D2L, and use widgets to
  modify the look and feel of D2L.
What this session is now…
 Thissession demonstrates how to place a
  D2L logon box on your college web site,
  use iFrames with D2L, and use widgets to
  modify the look and feel of D2L.
Tools…
Site, pre-widget
Creating a “control” widget
Name Widget appropriately
Widget Code
Style Sheet
Widget Content
Widget “Live”
Site, post-widget
Questions?

 dorea.hardy@darton.edu


 229-317-6956


 SlidesAvailable at:
  http://www.slideshare.net/chibitrowa/
  creative-d2l-design-tips-tricks

More Related Content

More from Dorea Hardy

Field Based Project - Introduction to Professional Nursing
Field Based Project - Introduction to Professional NursingField Based Project - Introduction to Professional Nursing
Field Based Project - Introduction to Professional Nursing
Dorea Hardy
 
Pecha Kucha Slides - Promoting Critical Thinking Skills Through Digital Learn...
Pecha Kucha Slides - Promoting Critical Thinking Skills Through Digital Learn...Pecha Kucha Slides - Promoting Critical Thinking Skills Through Digital Learn...
Pecha Kucha Slides - Promoting Critical Thinking Skills Through Digital Learn...
Dorea Hardy
 
Applying the Multimedia Principle
Applying the Multimedia PrincipleApplying the Multimedia Principle
Applying the Multimedia Principle
Dorea Hardy
 
Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...
Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...
Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...
Dorea Hardy
 
Managing the Electronic World
Managing the Electronic WorldManaging the Electronic World
Managing the Electronic World
Dorea Hardy
 
Socio-Economics of the Digital Divide & The Adult Learner
Socio-Economics of the Digital Divide & The Adult LearnerSocio-Economics of the Digital Divide & The Adult Learner
Socio-Economics of the Digital Divide & The Adult Learner
Dorea Hardy
 
Does Technology Acceptance Affect E-Learning in a Non-Technology Intensive Co...
Does Technology Acceptance Affect E-Learning in a Non-Technology Intensive Co...Does Technology Acceptance Affect E-Learning in a Non-Technology Intensive Co...
Does Technology Acceptance Affect E-Learning in a Non-Technology Intensive Co...
Dorea Hardy
 
Personal Philosophy of Adult & Career Education
Personal Philosophy of Adult & Career EducationPersonal Philosophy of Adult & Career Education
Personal Philosophy of Adult & Career Education
Dorea Hardy
 
Utilization of Credit for Prior Learning
Utilization of Credit for Prior LearningUtilization of Credit for Prior Learning
Utilization of Credit for Prior Learning
Dorea Hardy
 
Rock Eagle 2008
Rock Eagle 2008Rock Eagle 2008
Rock Eagle 2008
Dorea Hardy
 

More from Dorea Hardy (10)

Field Based Project - Introduction to Professional Nursing
Field Based Project - Introduction to Professional NursingField Based Project - Introduction to Professional Nursing
Field Based Project - Introduction to Professional Nursing
 
Pecha Kucha Slides - Promoting Critical Thinking Skills Through Digital Learn...
Pecha Kucha Slides - Promoting Critical Thinking Skills Through Digital Learn...Pecha Kucha Slides - Promoting Critical Thinking Skills Through Digital Learn...
Pecha Kucha Slides - Promoting Critical Thinking Skills Through Digital Learn...
 
Applying the Multimedia Principle
Applying the Multimedia PrincipleApplying the Multimedia Principle
Applying the Multimedia Principle
 
Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...
Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...
Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...
 
Managing the Electronic World
Managing the Electronic WorldManaging the Electronic World
Managing the Electronic World
 
Socio-Economics of the Digital Divide & The Adult Learner
Socio-Economics of the Digital Divide & The Adult LearnerSocio-Economics of the Digital Divide & The Adult Learner
Socio-Economics of the Digital Divide & The Adult Learner
 
Does Technology Acceptance Affect E-Learning in a Non-Technology Intensive Co...
Does Technology Acceptance Affect E-Learning in a Non-Technology Intensive Co...Does Technology Acceptance Affect E-Learning in a Non-Technology Intensive Co...
Does Technology Acceptance Affect E-Learning in a Non-Technology Intensive Co...
 
Personal Philosophy of Adult & Career Education
Personal Philosophy of Adult & Career EducationPersonal Philosophy of Adult & Career Education
Personal Philosophy of Adult & Career Education
 
Utilization of Credit for Prior Learning
Utilization of Credit for Prior LearningUtilization of Credit for Prior Learning
Utilization of Credit for Prior Learning
 
Rock Eagle 2008
Rock Eagle 2008Rock Eagle 2008
Rock Eagle 2008
 

Recently uploaded

adjectives.ppt for class 1 to 6, grammar
adjectives.ppt for class 1 to 6, grammaradjectives.ppt for class 1 to 6, grammar
adjectives.ppt for class 1 to 6, grammar
7DFarhanaMohammed
 
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
Nguyen Thanh Tu Collection
 
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
EduSkills OECD
 
How to Setup Default Value for a Field in Odoo 17
How to Setup Default Value for a Field in Odoo 17How to Setup Default Value for a Field in Odoo 17
How to Setup Default Value for a Field in Odoo 17
Celine George
 
Bonku-Babus-Friend by Sathyajith Ray (9)
Bonku-Babus-Friend by Sathyajith Ray  (9)Bonku-Babus-Friend by Sathyajith Ray  (9)
Bonku-Babus-Friend by Sathyajith Ray (9)
nitinpv4ai
 
A Free 200-Page eBook ~ Brain and Mind Exercise.pptx
A Free 200-Page eBook ~ Brain and Mind Exercise.pptxA Free 200-Page eBook ~ Brain and Mind Exercise.pptx
A Free 200-Page eBook ~ Brain and Mind Exercise.pptx
OH TEIK BIN
 
INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION
INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION
INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION
ShwetaGawande8
 
78 Microsoft-Publisher - Sirin Sultana Bora.pptx
78 Microsoft-Publisher - Sirin Sultana Bora.pptx78 Microsoft-Publisher - Sirin Sultana Bora.pptx
78 Microsoft-Publisher - Sirin Sultana Bora.pptx
Kalna College
 
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
ImMuslim
 
220711130083 SUBHASHREE RAKSHIT Internet resources for social science
220711130083 SUBHASHREE RAKSHIT  Internet resources for social science220711130083 SUBHASHREE RAKSHIT  Internet resources for social science
220711130083 SUBHASHREE RAKSHIT Internet resources for social science
Kalna College
 
NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...
NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...
NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...
Payaamvohra1
 
Ch-4 Forest Society and colonialism 2.pdf
Ch-4 Forest Society and colonialism 2.pdfCh-4 Forest Society and colonialism 2.pdf
Ch-4 Forest Society and colonialism 2.pdf
lakshayrojroj
 
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
TechSoup
 
HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.
deepaannamalai16
 
Contiguity Of Various Message Forms - Rupam Chandra.pptx
Contiguity Of Various Message Forms - Rupam Chandra.pptxContiguity Of Various Message Forms - Rupam Chandra.pptx
Contiguity Of Various Message Forms - Rupam Chandra.pptx
Kalna College
 
220711130100 udita Chakraborty Aims and objectives of national policy on inf...
220711130100 udita Chakraborty  Aims and objectives of national policy on inf...220711130100 udita Chakraborty  Aims and objectives of national policy on inf...
220711130100 udita Chakraborty Aims and objectives of national policy on inf...
Kalna College
 
欧洲杯下注-欧洲杯下注押注官网-欧洲杯下注押注网站|【​网址​🎉ac44.net🎉​】
欧洲杯下注-欧洲杯下注押注官网-欧洲杯下注押注网站|【​网址​🎉ac44.net🎉​】欧洲杯下注-欧洲杯下注押注官网-欧洲杯下注押注网站|【​网址​🎉ac44.net🎉​】
欧洲杯下注-欧洲杯下注押注官网-欧洲杯下注押注网站|【​网址​🎉ac44.net🎉​】
andagarcia212
 
Data Structure using C by Dr. K Adisesha .ppsx
Data Structure using C by Dr. K Adisesha .ppsxData Structure using C by Dr. K Adisesha .ppsx
Data Structure using C by Dr. K Adisesha .ppsx
Prof. Dr. K. Adisesha
 
Observational Learning
Observational Learning Observational Learning
Observational Learning
sanamushtaq922
 
The basics of sentences session 7pptx.pptx
The basics of sentences session 7pptx.pptxThe basics of sentences session 7pptx.pptx
The basics of sentences session 7pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

adjectives.ppt for class 1 to 6, grammar
adjectives.ppt for class 1 to 6, grammaradjectives.ppt for class 1 to 6, grammar
adjectives.ppt for class 1 to 6, grammar
 
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
 
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
 
How to Setup Default Value for a Field in Odoo 17
How to Setup Default Value for a Field in Odoo 17How to Setup Default Value for a Field in Odoo 17
How to Setup Default Value for a Field in Odoo 17
 
Bonku-Babus-Friend by Sathyajith Ray (9)
Bonku-Babus-Friend by Sathyajith Ray  (9)Bonku-Babus-Friend by Sathyajith Ray  (9)
Bonku-Babus-Friend by Sathyajith Ray (9)
 
A Free 200-Page eBook ~ Brain and Mind Exercise.pptx
A Free 200-Page eBook ~ Brain and Mind Exercise.pptxA Free 200-Page eBook ~ Brain and Mind Exercise.pptx
A Free 200-Page eBook ~ Brain and Mind Exercise.pptx
 
INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION
INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION
INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION
 
78 Microsoft-Publisher - Sirin Sultana Bora.pptx
78 Microsoft-Publisher - Sirin Sultana Bora.pptx78 Microsoft-Publisher - Sirin Sultana Bora.pptx
78 Microsoft-Publisher - Sirin Sultana Bora.pptx
 
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
 
220711130083 SUBHASHREE RAKSHIT Internet resources for social science
220711130083 SUBHASHREE RAKSHIT  Internet resources for social science220711130083 SUBHASHREE RAKSHIT  Internet resources for social science
220711130083 SUBHASHREE RAKSHIT Internet resources for social science
 
NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...
NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...
NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...
 
Ch-4 Forest Society and colonialism 2.pdf
Ch-4 Forest Society and colonialism 2.pdfCh-4 Forest Society and colonialism 2.pdf
Ch-4 Forest Society and colonialism 2.pdf
 
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
 
HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.
 
Contiguity Of Various Message Forms - Rupam Chandra.pptx
Contiguity Of Various Message Forms - Rupam Chandra.pptxContiguity Of Various Message Forms - Rupam Chandra.pptx
Contiguity Of Various Message Forms - Rupam Chandra.pptx
 
220711130100 udita Chakraborty Aims and objectives of national policy on inf...
220711130100 udita Chakraborty  Aims and objectives of national policy on inf...220711130100 udita Chakraborty  Aims and objectives of national policy on inf...
220711130100 udita Chakraborty Aims and objectives of national policy on inf...
 
欧洲杯下注-欧洲杯下注押注官网-欧洲杯下注押注网站|【​网址​🎉ac44.net🎉​】
欧洲杯下注-欧洲杯下注押注官网-欧洲杯下注押注网站|【​网址​🎉ac44.net🎉​】欧洲杯下注-欧洲杯下注押注官网-欧洲杯下注押注网站|【​网址​🎉ac44.net🎉​】
欧洲杯下注-欧洲杯下注押注官网-欧洲杯下注押注网站|【​网址​🎉ac44.net🎉​】
 
Data Structure using C by Dr. K Adisesha .ppsx
Data Structure using C by Dr. K Adisesha .ppsxData Structure using C by Dr. K Adisesha .ppsx
Data Structure using C by Dr. K Adisesha .ppsx
 
Observational Learning
Observational Learning Observational Learning
Observational Learning
 
The basics of sentences session 7pptx.pptx
The basics of sentences session 7pptx.pptxThe basics of sentences session 7pptx.pptx
The basics of sentences session 7pptx.pptx
 

Creative D2L: Design, Tips & Tricks

Editor's Notes

  1. Tools used in development:DreamweaverFirefoxFirefox Plugin – Web Developer by Chris Pederickhttp://chrispederick.com/work/web-developer/
  2. The Site, pre-widget, has a primarily white background and the widget boxes blend in. This makes it harder for the students to know what exactly they need to be looking at on the page.
  3. <!--Full URL to the cascading style sheet to be used--><p><link rel="stylesheet" type="text/css" href="https://darton2.view.usg.edu/content/_mainDesign/D2L.css" media="all" /></p><!--Additions to the widget to provide an obvious use for the widget so that instructors do not remove the widget--><div id="TechFooter"> <a href="http://www.darton.edu/TSD/service.php" target="blank">Technology Support Ticket</a> <a href="http://www.darton.edu/CoursePolicies" target="_blank">Course Policies</a> <a href="http://online.darton.edu/" target="_blank">Online Division</a></div>
  4. Copy of FULL Style Sheet Code:@charset "utf-8";/* CSS Document *//* D2L Template */body { background-color: #b0a796; }.dlay_lc, .dlay_lc .dlay_p { background-color: #b0a796; }div.dco_c { box-shadow: 2px 2px 3px #000; border-radius: 0 0 .5em .5em; background-color: #FFF; padding:0; margin:0; }.dco_cdiv.dco_c { box-shadow: 0px 0px0px #000; }.dco_t { box-shadow: 2px 2px 3px #000; /* Shadow for box title bars */ background:url('https://darton2.view.usg.edu/content/_mainDesign/drk-gradient.png') #332F26 0px -100px repeat-x; color: #fff; }.dco_t_hc { /* Box Titles */ /*background-color: #900; */ }.dlay_c { background-color: #b0a796; }table.dlay { background-color: #b0a796; padding:0; margin:0; }tr, td { padding:0; margin:0; }.drt p { padding:0; margin: 0; }#z_o { padding:0; margin: 0; }td.dlay_lcdiv.dlay_p {background-color: #b0a796; }td.dlay_lc div#pid_1301 div#cid_1776 div.dco_c,td.dlay_lcdiv.dco#z_cjdiv.dco_c,td.dlay_lcdiv.dco#z_bediv.dco_c,.dlay_lc >, { padding: 0;margin: 0;background-color: #b0a796;box-shadow: 0 0 0;border: 1px solid #b0a796; }#TechFooter { text-align: center; padding: 1em;}#TechFooter a { color: #332F26;border: 1px solid #332F26;background:url('https://darton2.view.usg.edu/content/_mainDesign/light-gradient.png') #332F26 0px -10px repeat-x; text-decoration:none;font-weight:bold; font-size: 1em; border-radius: 1em; box-shadow: 2px 2px 3px #000; padding: 5px; margin: 2px 5px;}#TechFooter a:hover { color: #fff; background:url('https://darton2.view.usg.edu/content/_mainDesign/light-gradient.png') #332F26 0px -70px repeat-x; }
  5. Questions?dorea.hardy@darton.edu229-317-6956Slides at http://www.slideshare.net/chibitrowa/creative-d2l-design-tips-tricks