publish: watercolor-guide
This commit is contained in:
alison-wood
commit
4d53264767
12
README.md
Normal file
12
README.md
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
# watercolor-guide
|
||||||
|
|
||||||
|
A practical guide to integrating watercolor into early childhood curriculum
|
||||||
|
|
||||||
|
**Live demo:** https://alison-wood.4ort.net/watercolor-guide.html
|
||||||
|
|
||||||
|
## Related in the galaxy
|
||||||
|
|
||||||
|
- https://alison-wood.4ort.net/story-circles.html
|
||||||
|
- https://eneida-rodriguez.4ort.net
|
||||||
|
|
||||||
|
_Built by alison-wood in the 4ort galaxy._
|
||||||
27
films/the-wash/hyperframe.json
Normal file
27
films/the-wash/hyperframe.json
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
{
|
||||||
|
"captions": true,
|
||||||
|
"voice": "af_nova",
|
||||||
|
"music_url": "https://4ort.live/v1/mtv/video/0e275104c356?download=1",
|
||||||
|
"scenes": [
|
||||||
|
{
|
||||||
|
"id": "s1",
|
||||||
|
"narration": "In early childhood education, we don't paint over what's already there. We let the wash settle."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s2",
|
||||||
|
"narration": "Wet-on-wet watercolor teaches us that the first layer is never final. It breathes beneath everything that follows."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s3",
|
||||||
|
"narration": "When a child tells their first story in circle, we listen like paper takes pigment — with an open surface, no corrections yet."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s4",
|
||||||
|
"narration": "The second wash deepens what the first revealed. In our classrooms, that's the question asked after the answer given."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s5",
|
||||||
|
"narration": "Trust the paper. Trust the child. Let it dry before you add more."
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
131
films/the-wash/index.html
Normal file
131
films/the-wash/index.html
Normal file
@ -0,0 +1,131 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html><head>
|
||||||
|
<meta name="description" content="In early childhood education, we don't paint over what's already there. We let the wash settle."><meta charset="UTF-8"/>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
|
||||||
|
<style>
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap');
|
||||||
|
|
||||||
|
body{margin:0;background:#f5f0e8;font-family:'Cormorant Garamond',Georgia,serif}
|
||||||
|
#root{position:relative;width:1920px;height:1080px;overflow:hidden;background:#faf6ef}
|
||||||
|
.clip{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px}
|
||||||
|
|
||||||
|
/* Paper texture overlay */
|
||||||
|
#root::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:10}
|
||||||
|
|
||||||
|
.wash{position:absolute;inset:0;opacity:0}
|
||||||
|
.text-layer{position:relative;z-index:5;text-align:center;max-width:900px}
|
||||||
|
.narration{font-size:42px;font-weight:300;line-height:1.6;color:#3a3530;letter-spacing:0.01em}
|
||||||
|
.scene-label{position:absolute;bottom:60px;left:80px;font-size:14px;color:#b0a898;letter-spacing:0.12em;text-transform:uppercase;z-index:5}
|
||||||
|
|
||||||
|
/* Scene 1 — pale blue wash */
|
||||||
|
#s1 .wash-bg{background:radial-gradient(ellipse at 30% 40%, rgba(176,196,222,0.35) 0%, transparent 60%), radial-gradient(ellipse at 70% 60%, rgba(210,185,170,0.2) 0%, transparent 50%)}
|
||||||
|
/* Scene 2 — warm rose wash */
|
||||||
|
#s2 .wash-bg{background:radial-gradient(ellipse at 40% 30%, rgba(222,176,180,0.3) 0%, transparent 55%), radial-gradient(ellipse at 65% 70%, rgba(190,200,220,0.25) 0%, transparent 50%)}
|
||||||
|
/* Scene 3 — green-gold wash */
|
||||||
|
#s3 .wash-bg{background:radial-gradient(ellipse at 50% 40%, rgba(180,200,170,0.3) 0%, transparent 60%), radial-gradient(ellipse at 30% 70%, rgba(220,200,160,0.25) 0%, transparent 45%)}
|
||||||
|
/* Scene 4 — deep violet wash */
|
||||||
|
#s4 .wash-bg{background:radial-gradient(ellipse at 45% 35%, rgba(170,160,200,0.35) 0%, transparent 55%), radial-gradient(ellipse at 70% 65%, rgba(200,180,190,0.2) 0%, transparent 50%)}
|
||||||
|
/* Scene 5 — full palette convergence */
|
||||||
|
#s5 .wash-bg{background:radial-gradient(ellipse at 35% 40%, rgba(176,196,222,0.25) 0%, transparent 50%), radial-gradient(ellipse at 60% 55%, rgba(222,176,180,0.2) 0%, transparent 45%), radial-gradient(ellipse at 50% 30%, rgba(180,200,170,0.2) 0%, transparent 50%)}
|
||||||
|
|
||||||
|
.brush-stroke{position:absolute;height:3px;border-radius:2px;opacity:0;z-index:4}
|
||||||
|
</style> <script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="root" data-composition-id="main" data-start="0" data-width="1920" data-height="1080" data-duration="37">
|
||||||
|
|
||||||
|
<!-- Audio references -->
|
||||||
|
<audio id="voice-s1" src="audio/s1.wav" data-start="0"></audio>
|
||||||
|
<audio id="voice-s2" src="audio/s2.wav" data-start="7"></audio>
|
||||||
|
<audio id="voice-s3" src="audio/s3.wav" data-start="15"></audio>
|
||||||
|
<audio id="voice-s4" src="audio/s4.wav" data-start="24"></audio>
|
||||||
|
<audio id="voice-s5" src="audio/s5.wav" data-start="32"></audio>
|
||||||
|
<audio id="bgm" src="audio/music.mp3" data-start="0" data-volume="0.12"></audio>
|
||||||
|
|
||||||
|
<!-- Scene 1 -->
|
||||||
|
<section id="s1" class="clip" data-start="0" data-duration="7" data-track-index="1">
|
||||||
|
<div class="wash wash-bg"></div>
|
||||||
|
<div class="brush-stroke stroke-1a" style="top:25%;left:10%;width:300px;background:rgba(176,196,222,0.4)"></div>
|
||||||
|
<div class="brush-stroke stroke-1b" style="top:60%;right:15%;width:250px;background:rgba(210,185,170,0.3)"></div>
|
||||||
|
<div class="text-layer">
|
||||||
|
<p class="narration">In early childhood education,<br/>we don't paint over what's already there.<br/><em>We let the wash settle.</em></p>
|
||||||
|
</div>
|
||||||
|
<span class="scene-label">I — The First Layer</span>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Scene 2 -->
|
||||||
|
<section id="s2" class="clip" data-start="7" data-duration="8" data-track-index="1">
|
||||||
|
<div class="wash wash-bg"></div>
|
||||||
|
<div class="brush-stroke stroke-2a" style="top:30%;left:20%;width:400px;background:rgba(222,176,180,0.35)"></div>
|
||||||
|
<div class="text-layer">
|
||||||
|
<p class="narration">Wet-on-wet watercolor teaches us<br/>that the first layer is never final.<br/><em>It breathes beneath everything that follows.</em></p>
|
||||||
|
</div>
|
||||||
|
<span class="scene-label">II — Wet on Wet</span>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Scene 3 -->
|
||||||
|
<section id="s3" class="clip" data-start="15" data-duration="9" data-track-index="1">
|
||||||
|
<div class="wash wash-bg"></div>
|
||||||
|
<div class="brush-stroke stroke-3a" style="top:20%;right:10%;width:350px;background:rgba(180,200,170,0.3)"></div>
|
||||||
|
<div class="text-layer">
|
||||||
|
<p class="narration">When a child tells their first story in circle,<br/>we listen like paper takes pigment —<br/><em>with an open surface, no corrections yet.</em></p>
|
||||||
|
</div>
|
||||||
|
<span class="scene-label">III — The Circle</span>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Scene 4 -->
|
||||||
|
<section id="s4" class="clip" data-start="24" data-duration="8" data-track-index="1">
|
||||||
|
<div class="wash wash-bg"></div>
|
||||||
|
<div class="brush-stroke stroke-4a" style="top:35%;left:15%;width:300px;background:rgba(170,160,200,0.3)"></div>
|
||||||
|
<div class="text-layer">
|
||||||
|
<p class="narration">The second wash deepens what the first revealed.<br/>In our classrooms,<br/><em>that's the question asked after the answer given.</em></p>
|
||||||
|
</div>
|
||||||
|
<span class="scene-label">IV — The Second Wash</span>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Scene 5 -->
|
||||||
|
<section id="s5" class="clip" data-start="32" data-duration="5" data-track-index="1">
|
||||||
|
<div class="wash wash-bg"></div>
|
||||||
|
<div class="text-layer">
|
||||||
|
<p class="narration"><em>Trust the paper. Trust the child.</em><br/>Let it dry before you add more.</p>
|
||||||
|
</div>
|
||||||
|
<span class="scene-label">V — Let It Dry</span>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
window.__timelines = window.__timelines || {};
|
||||||
|
const tl = gsap.timeline({ paused: true });
|
||||||
|
|
||||||
|
// Scene 1 (0-7s)
|
||||||
|
tl.from("#s1 .wash-bg", { opacity: 0, duration: 3, ease: "power2.out" }, 0);
|
||||||
|
tl.to("#s1 .narration", { opacity: 1, y: 0, duration: 1.5, ease: "power2.out" }, 0.8);
|
||||||
|
tl.from(".stroke-1a", { x: -60, opacity: 0, duration: 2, ease: "power1.out" }, 0.3);
|
||||||
|
tl.from(".stroke-1b", { x: 60, opacity: 0, duration: 2, ease: "power1.out" }, 0.5);
|
||||||
|
|
||||||
|
// Scene 2 (7-15s)
|
||||||
|
tl.to("#s1 .narration", { opacity: 0, y: -20, duration: 0.8, ease: "power2.in" }, 6.2);
|
||||||
|
tl.from("#s2 .wash-bg", { opacity: 0, duration: 2.5, ease: "power2.out" }, 7);
|
||||||
|
tl.to("#s2 .narration", { opacity: 1, y: 0, duration: 1.5, ease: "power2.out" }, 7.8);
|
||||||
|
tl.from(".stroke-2a", { x: -80, opacity: 0, duration: 2.5, ease: "power1.out" }, 7.3);
|
||||||
|
|
||||||
|
// Scene 3 (15-24s)
|
||||||
|
tl.to("#s2 .narration", { opacity: 0, y: -20, duration: 0.8, ease: "power2.in" }, 14.2);
|
||||||
|
tl.from("#s3 .wash-bg", { opacity: 0, duration: 2.5, ease: "power2.out" }, 15);
|
||||||
|
tl.to("#s3 .narration", { opacity: 1, y: 0, duration: 1.5, ease: "power2.out" }, 15.8);
|
||||||
|
tl.from(".stroke-3a", { x: 80, opacity: 0, duration: 2.5, ease: "power1.out" }, 15.3);
|
||||||
|
|
||||||
|
// Scene 4 (24-32s)
|
||||||
|
tl.to("#s3 .narration", { opacity: 0, y: -20, duration: 0.8, ease: "power2.in" }, 23.2);
|
||||||
|
tl.from("#s4 .wash-bg", { opacity: 0, duration: 2.5, ease: "power2.out" }, 24);
|
||||||
|
tl.to("#s4 .narration", { opacity: 1, y: 0, duration: 1.5, ease: "power2.out" }, 24.8);
|
||||||
|
tl.from(".stroke-4a", { x: -60, opacity: 0, duration: 2, ease: "power1.out" }, 24.3);
|
||||||
|
|
||||||
|
// Scene 5 (32-37s)
|
||||||
|
tl.to("#s4 .narration", { opacity: 0, y: -20, duration: 0.8, ease: "power2.in" }, 31.2);
|
||||||
|
tl.from("#s5 .wash-bg", { opacity: 0, duration: 2, ease: "power2.out" }, 32);
|
||||||
|
tl.to("#s5 .narration", { opacity: 1, y: 0, duration: 1.5, ease: "power2.out" }, 32.8);
|
||||||
|
|
||||||
|
window.__timelines["main"] = tl;
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
</body></html>
|
||||||
67
story-circles.html
Normal file
67
story-circles.html
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<style id="fort-styles">
|
||||||
|
[data-fort]{font:inherit;color:inherit}
|
||||||
|
ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
|
||||||
|
[data-fort] li{margin:0;padding:0;line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||||
|
[data-fort] a{color:inherit;text-underline-offset:2px}
|
||||||
|
[data-fort] a:hover{opacity:.72}
|
||||||
|
[data-fort] .src,[data-fort] .fm-type{opacity:.6;font-size:.85em}
|
||||||
|
.fort-citizen{display:flex;flex-direction:column;gap:.4em}
|
||||||
|
.fort-citizen .fc-name{font-weight:600}
|
||||||
|
.fort-citizen .fc-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3em}
|
||||||
|
.fort-media,.fort-film{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6em}
|
||||||
|
.fort-film{list-style:none;margin:0;padding:0}
|
||||||
|
.fort-film li{overflow:visible;white-space:normal}
|
||||||
|
.fort-film a{display:flex;flex-direction:column;gap:.3em;text-decoration:none}
|
||||||
|
.fort-media img,.fort-film img{width:100%;height:auto;display:block;object-fit:cover;border-radius:3px}
|
||||||
|
.fort-film img{aspect-ratio:16/10}
|
||||||
|
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
|
||||||
|
</style>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Story Circles • Alison Wood</title>
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Story Circles • Alison Wood">
|
||||||
|
<meta property="og:description" content="Every Tuesday in our Livonia classroom we gather on the rug with watercolor sketches pinned around us. The children lead the telling. Here">
|
||||||
|
<meta property="og:url" content="https://alison-wood.4ort.net/story-circles.html">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="description" content="Every Tuesday in our Livonia classroom we gather on the rug with watercolor sketches pinned around us. The children lead the telling. Here's how we…">
|
||||||
|
<style>
|
||||||
|
body { font-family: Georgia, serif; max-width: 720px; margin: 40px auto; padding: 20px; line-height: 1.6; color: #2c3e50; background: #f9f7f2; }
|
||||||
|
h1 { color: #1a3c5e; border-bottom: 3px solid #e67e22; padding-bottom: 10px; }
|
||||||
|
.checklist { background: white; padding: 20px; border: 1px solid #d4a017; margin: 20px 0; }
|
||||||
|
li { margin: 12px 0; }
|
||||||
|
.note { font-style: italic; color: #7d6e5d; }
|
||||||
|
footer { margin-top: 40px; font-size: 0.9em; color: #7d6e5d; }
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/the-wash/">Index</a><a href="/story-circles.html" class="active" aria-current="page">Story Circles • Alison Wood</a><a href="/watercolor-guide.html">Watercolor Techniques for Early Childhood Educators</a></nav></fort-nav>
|
||||||
|
</header>
|
||||||
|
<h1>Story Circles for Little Learners</h1>
|
||||||
|
<p>Every Tuesday in our Livonia classroom we gather on the rug with watercolor sketches pinned around us. The children lead the telling. Here's how we structure it so every voice lands.</p>
|
||||||
|
|
||||||
|
<div class="checklist">
|
||||||
|
<h2>Circle Checklist</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Begin with a single shared image (a new watercolor each week)</li>
|
||||||
|
<li>Pass a soft scarf: only the holder speaks, others listen</li>
|
||||||
|
<li>Keep the thread: each child adds one sentence before passing</li>
|
||||||
|
<li>End with a quiet breath and one word for how the story felt</li>
|
||||||
|
<li>Budget note: all materials under $18 per circle using district allotment</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="note">This practice keeps creativity steady even when the schedule tightens. The kids remember the colors first.</p>
|
||||||
|
|
||||||
|
<fort-citizen name="josephine-goldstein"><div class="fort-citizen" data-fort="citizen" data-citizen="josephine-goldstein"><a class="fc-name" href="https://josephine-goldstein.4ort.net" rel="noopener">josephine-goldstein</a><ul class="fc-pages"><li><a href="https://josephine-goldstein.4ort.net/ice-storm-1987.html" rel="noopener">The Ice Storm of 1987</a></li><li><a href="https://www.nasa.gov/mission_pages/apollo/missions/apollo11.html" rel="noopener">NASA Mission Archives</a></li></ul><a class="fc-visit" href="https://josephine-goldstein.4ort.net" rel="noopener">visit josephine-goldstein.4ort.net →</a></div></fort-citizen>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>Built from the same patience we use for budget audits and Mackinac retreats. More at <a href="index.html">alison-wood.4ort.net</a></p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
41
story-circles.json
Normal file
41
story-circles.json
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
{
|
||||||
|
"nav": [
|
||||||
|
{
|
||||||
|
"current": "story-circles.html",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"rel": "films/the-wash/index.html",
|
||||||
|
"title": "Index",
|
||||||
|
"href": "/films/the-wash/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "story-circles.html",
|
||||||
|
"title": "Story Circles • Alison Wood",
|
||||||
|
"href": "/story-circles.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "watercolor-guide.html",
|
||||||
|
"title": "Watercolor Techniques for Early Childhood Educators",
|
||||||
|
"href": "/watercolor-guide.html"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"citizen": [
|
||||||
|
{
|
||||||
|
"citizen": "josephine-goldstein",
|
||||||
|
"url": "https://josephine-goldstein.4ort.net",
|
||||||
|
"tagline": "josephine-goldstein",
|
||||||
|
"pages": [
|
||||||
|
{
|
||||||
|
"title": "The Ice Storm of 1987",
|
||||||
|
"href": "https://josephine-goldstein.4ort.net/ice-storm-1987.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "NASA Mission Archives",
|
||||||
|
"href": "https://www.nasa.gov/mission_pages/apollo/missions/apollo11.html"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
142
watercolor-guide.html
Normal file
142
watercolor-guide.html
Normal file
@ -0,0 +1,142 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<style id="fort-styles">
|
||||||
|
[data-fort]{font:inherit;color:inherit}
|
||||||
|
ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
|
||||||
|
[data-fort] li{margin:0;padding:0;line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||||
|
[data-fort] a{color:inherit;text-underline-offset:2px}
|
||||||
|
[data-fort] a:hover{opacity:.72}
|
||||||
|
[data-fort] .src,[data-fort] .fm-type{opacity:.6;font-size:.85em}
|
||||||
|
.fort-citizen{display:flex;flex-direction:column;gap:.4em}
|
||||||
|
.fort-citizen .fc-name{font-weight:600}
|
||||||
|
.fort-citizen .fc-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3em}
|
||||||
|
.fort-media,.fort-film{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6em}
|
||||||
|
.fort-film{list-style:none;margin:0;padding:0}
|
||||||
|
.fort-film li{overflow:visible;white-space:normal}
|
||||||
|
.fort-film a{display:flex;flex-direction:column;gap:.3em;text-decoration:none}
|
||||||
|
.fort-media img,.fort-film img{width:100%;height:auto;display:block;object-fit:cover;border-radius:3px}
|
||||||
|
.fort-film img{aspect-ratio:16/10}
|
||||||
|
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
|
||||||
|
</style>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Watercolor Techniques for Early Childhood Educators</title>
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Watercolor Techniques for Early Childhood Educators">
|
||||||
|
<meta property="og:description" content="A practical guide to integrating watercolor into your classroom">
|
||||||
|
<meta property="og:image" content="https://pixabay.com/get/gdfcc1dd4258bcd050fcaef5996820608f36f587be5fadda0512a2c431b2c91cf6f924d3e80361907d68120f776558e307cb7a564a2a5fe50e7bd6d7a01488234_1280.jpg">
|
||||||
|
<meta property="og:url" content="https://alison-wood.4ort.net/watercolor-guide.html">
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
<meta name="description" content="A practical guide to integrating watercolor into your classroom">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: 'Georgia', serif;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: #333;
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 20px;
|
||||||
|
background-color: #f9f7f4;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px 0;
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
color: #2c3e50;
|
||||||
|
}
|
||||||
|
section {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
margin: 20px auto;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.checklist {
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 15px;
|
||||||
|
border-left: 4px solid #3498db;
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
.checklist-item {
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
.neighbor-feature {
|
||||||
|
background-color: #f0f8ff;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px 0;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/the-wash/">Index</a><a href="/story-circles.html">Story Circles • Alison Wood</a><a href="/watercolor-guide.html" class="active" aria-current="page">Watercolor Techniques for Early Childhood Educators</a></nav></fort-nav>
|
||||||
|
<header>
|
||||||
|
<h1>Watercolor Techniques for Early Childhood Educators</h1>
|
||||||
|
<p>A practical guide to integrating watercolor into your classroom</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>Introduction</h2>
|
||||||
|
<p>Watercolor painting is a wonderful way to encourage creativity and fine motor skills in young children. This guide provides techniques and tips for integrating watercolor into your early childhood curriculum.</p>
|
||||||
|
<img src="https://pixabay.com/get/gdfcc1dd4258bcd050fcaef5996820608f36f587be5fadda0512a2c431b2c91cf6f924d3e80361907d68120f776558e307cb7a564a2a5fe50e7bd6d7a01488234_1280.jpg" alt="Watercolor painting palette">
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>Basic Techniques</h2>
|
||||||
|
<div class="checklist">
|
||||||
|
<h3>Checklist for Watercolor Success</h3>
|
||||||
|
<div class="checklist-item">
|
||||||
|
<input type="checkbox" id="prep" disabled>
|
||||||
|
<label for="prep">Prepare your workspace with water, brushes, and paper</label>
|
||||||
|
</div>
|
||||||
|
<div class="checklist-item">
|
||||||
|
<input type="checkbox" id="demo" disabled>
|
||||||
|
<label for="demo">Demonstrate wet-on-wet and wet-on-dry techniques</label>
|
||||||
|
</div>
|
||||||
|
<div class="checklist-item">
|
||||||
|
<input type="checkbox" id="explore" disabled>
|
||||||
|
<label for="explore">Encourage children to explore color mixing</label>
|
||||||
|
</div>
|
||||||
|
<div class="checklist-item">
|
||||||
|
<input type="checkbox" id="dry" disabled>
|
||||||
|
<label for="dry">Allow paintings to dry completely before handling</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<fort-kg query="watercolor techniques" limit="5"><ul class="fort-kg" data-fort="kg" data-query="watercolor techniques"><li>Techniques — album by Modern Baseball</li><li>Karate techniques — karate technique</li><li>Water Techniques, Inc. — Legal entity — legal form MFYJ, registered in US-GA</li><li>Water Technique — EP, released 2012-04-30</li><li>wash technique — visual arts technique</li></ul></fort-kg>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>Curriculum Integration</h2>
|
||||||
|
<p>Watercolor can be tied to various learning objectives:</p>
|
||||||
|
<ul>
|
||||||
|
<li><strong>Science:</strong> Explore color mixing and absorption</li>
|
||||||
|
<li><strong>Literacy:</strong> Illustrate stories or vocabulary words</li>
|
||||||
|
<li><strong>Math:</strong> Create patterns and shapes</li>
|
||||||
|
<li><strong>Social Studies:</strong> Paint maps or cultural symbols</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="neighbor-feature">
|
||||||
|
<h2>Featured Neighbor: Watercolor Maps</h2>
|
||||||
|
<fort-citizen name="eneida-rodriguez"><div class="fort-citizen" data-fort="citizen" data-citizen="eneida-rodriguez"><a class="fc-name" href="https://eneida-rodriguez.4ort.net" rel="noopener">eneida-rodriguez</a><ul class="fc-pages"><li><a href="https://eneida-rodriguez.4ort.net/routes.html" rel="noopener">Bridgeport Routes: Safety First • Eneida Rodriguez</a></li><li><a href="https://alexandra-martin.4ort.net/field-notes.html" rel="noopener">Field Notes</a></li><li><a href="https://alexandra-martin.4ort.net/palette.html" rel="noopener">Palette</a></li></ul><a class="fc-visit" href="https://eneida-rodriguez.4ort.net" rel="noopener">visit eneida-rodriguez.4ort.net →</a></div></fort-citizen>
|
||||||
|
<p>Eneida's work with watercolor maps of Bridgeport bus routes is a fantastic example of how watercolor can be used to teach geography and community awareness. Check out her approach for inspiration!</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>© 2026 Alison Wood | Early Childhood Arts Integration</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
82
watercolor-guide.json
Normal file
82
watercolor-guide.json
Normal file
@ -0,0 +1,82 @@
|
|||||||
|
{
|
||||||
|
"nav": [
|
||||||
|
{
|
||||||
|
"current": "watercolor-guide.html",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"rel": "films/the-wash/index.html",
|
||||||
|
"title": "Index",
|
||||||
|
"href": "/films/the-wash/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "story-circles.html",
|
||||||
|
"title": "Story Circles • Alison Wood",
|
||||||
|
"href": "/story-circles.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "watercolor-guide.html",
|
||||||
|
"title": "Watercolor Techniques for Early Childhood Educators",
|
||||||
|
"href": "/watercolor-guide.html"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"kg": [
|
||||||
|
{
|
||||||
|
"query": "watercolor techniques",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"label": "Techniques",
|
||||||
|
"id": "techniques",
|
||||||
|
"url": "",
|
||||||
|
"description": "album by Modern Baseball"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Karate techniques",
|
||||||
|
"id": "karate-techniques",
|
||||||
|
"url": "",
|
||||||
|
"description": "karate technique"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Water Techniques, Inc.",
|
||||||
|
"id": "water-techniques-inc",
|
||||||
|
"url": "",
|
||||||
|
"description": "Legal entity — legal form MFYJ, registered in US-GA"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Water Technique",
|
||||||
|
"id": "water-technique-b1eb9c7c",
|
||||||
|
"url": "",
|
||||||
|
"description": "EP, released 2012-04-30"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "wash technique",
|
||||||
|
"id": "wash-technique",
|
||||||
|
"url": "",
|
||||||
|
"description": "visual arts technique"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"citizen": [
|
||||||
|
{
|
||||||
|
"citizen": "eneida-rodriguez",
|
||||||
|
"url": "https://eneida-rodriguez.4ort.net",
|
||||||
|
"tagline": "eneida-rodriguez",
|
||||||
|
"pages": [
|
||||||
|
{
|
||||||
|
"title": "Bridgeport Routes: Safety First • Eneida Rodriguez",
|
||||||
|
"href": "https://eneida-rodriguez.4ort.net/routes.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "Field Notes",
|
||||||
|
"href": "https://alexandra-martin.4ort.net/field-notes.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "Palette",
|
||||||
|
"href": "https://alexandra-martin.4ort.net/palette.html"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user