Your Baby Jane on the Virtual Design Wall

This page created on July 22, 1999
October 3, 1999, added more instructions about using the Virtual Design Wall.
October 12, 1999, added quick link to get template.
Updated December 7, 1999
Updated instructions with graphics to show steps on creating a dearjane directory.

Permission is granted for use by Dear Janers to use on his/her personal computer, website, or for use in a Dear Jane teaching class. If using for a class, please give credit to me, Sharon Mastbrook, as the creator of the Virtual Design Wall.

Purpose of the Virtual Design Wall

  When I started designing my Dear Jane web pages, I found it exciting to see the blocks for a row on the screen. I thought to myself how interesting it would be to see all the blocks and triangles on one screen length. I could get a visual of the color scheme by using my OWN blocks. I'm using the Bingo method of row construction - H3, M1, G4, etc. Even if you're doing your blocks in order row by row, you can use this Virtual Design Wall to see your progress.

An advantage is that my blocks stay dust-free and away from the sun. In my home I don't have room for a real design wall the size of this quilt.

The disadvantage is that the table below loads each scanned block individually. On the web, depending on your connection rate, that could be anywhere from 7 minutes to 56 minutes. At home, when viewing your Virtual Design Wall from your hard drive, that time is decreased dramatically. It is important to scan your blocks at an optimal filesize. The filesize of my blocks range from 10k to 15k. You can imagine how much time it would take if each of your blocks is 100k or more.

HOT TIP
An option would be to use your graphics software to do a screen snapshot of your Virtual Design Wall on your web browser. You can crop the image down to show just the quilt. Save the quilt image as a .gif or .jpg file and load that for people to see.

Can I use this page without having a web site?

  Yes!

On your hard drive make a Dear Jane directory. The Virtual Design Wall HTML file and your scanned blocks .jpg files will be stored in this directory.

Create a dearjane directory

1. Click your button.

2. Click on

3. Highlight your (C:) drive or another hard drive you want to use to store your DJ block pictures.


4. Click on File, New, Folder.


5. Your screen on the bottom right side will show .

6. Type dearjane and press [ENTER].

7. Your screen will show

8. Congratulations!!! You now have a dearjane directory on your computer. Save all your block pictures and your virtual design wall HTML code in your dearjane directory.

View your virtual design wall on your computer from your hard drive

Open your web browser. In the place where you type the URL type: c:\dearjane\mydjvdw.htm and press [ENTER]. Your page will load from your hard drive.


INSTRUCTIONS:

Step 1 - Scan your blocks.

  Remember to keep an optimal filesize. Scan each block. Save the block graphic as a filename of a4.jpg, b13.jpg, etc. When typing your filenames, ALWAYS USE lowercase. Some web page hosting sites do not allow uppercase in the filenames. It will save you a lot of aggravation when uploading your block graphic files to your web hosting site.

Step 2 - Save the web page HTML Source Code to your hard drive.

  You will need to view the HTML Source on *this page* and save the HTML Source Code to your own hard drive. Some browsers will allow you to do a File, Save As, HTML code. Save as mydjvdw.htm filename to your Dear Jane directory.


Quick way to get the template. Click here: mydjvdw.zip This zip includes the blank.gif and the html coding.You will need to unzip annd save the 2 files to your Dear Jane directory. Please note I changed the 0.gif to blank.gif to allow for a white background in the table cells and the page.

To see just the template page. Click here: www.geocities.com/sharbu.geo/dj/mydjvdw.htm


Step 3 - Adding blocks to the Virtual Design Wall.

  When you complete a DJ block, scan the block and create a .jpg file. Edit the HTML code on c:\dearjane\mydjvdw.htm. I use Notepad that comes with Windows. Do not use wordprocessing software to edit HTML files. It will create hidden formatting characters. You need to save as DOS text file. Or use Front Page or another web page software to edit your pages. I use FrontPage Express that came with Windows 98.

The line of HTML code looks like this:

<td><font size="1"><IMAGE SRC="0.gif" ALT="E13 Moth in a Web" WIDTH="20" HEIGHT="20"></font></td>

Replace the 0.gif filename with your new block name. Your line of HTML code should look like this after the update:

<td><font size="1"><IMAGE SRC="e13.jpg" ALT="E13 Moth in a Web" WIDTH="20" HEIGHT="20"></font></td>

Save your edited HTML file.

You will need the "0.gif" file for the blank squares. Move your cursor over the right side box. Right click on your mouse & Save Picture As.
Get it Here:

How do I change the background table color to match my web site or background fabric color?

  I use PaintShop Pro 5.01 to create and edit my graphics. The steps will be similar if you are using another graphics package.

Go to PSP and click File, New. The size should be 100 pixels x 100 pixels file. Resolution 72, Background - White. Click OK.

On the screen somewhere (mine is on the righthand portion of the screen) you'll see a rainbow of colors. Move your mouse button over those colors. You see a little box by the rainbow colors that changes each time you move your mouse.

Click your left mouse when you find a color you like. That will change your foreground color. The two color boxes that are almost on top of each other show the foreground/background colors you have chosen.

If you know the RGB color you want, you can double-click the foreground/background boxes. It will bring up a Color Selection Window. Go to the area where it shows Red-Green-Blue with input boxes alongside. Change those to the RGB color numbers. Click OK.

Click on the Flood Fill icon. It looks like a paint can turning over. Go to your new image and left-click. It will fill your new image with the foreground color.

Now the size of the 0.gif file should only be a 10 pixel square. To do that, double-click on the Selection box. It looks like a rectangle with dashed edges. It will bring up a Select Area Selection Window. The coordinates are: Left 0, Right 10, Top 0, and Bottom 10. Click OK.

On the top menu, select Image, Crop to Selection.

Click File, Save As, name as 0.gif. Save this to your Dear Jane directory on your hard drive.

Once you have these instructions down, you will want to edit out the instructions in the HTML source code of the c:\dearjane\mydjvdw.htm file using Windows Wordpad.


As of MM/DD/YYYY - 0 blocks, 0 triangles, 0 corner triangles, & 0 pieces
TLC Sadie Rose TR1 Spanish Moss TR2 Australian Pines TR3 Checkerboard TR4 Bennington Cross TR5 Michigan Dunes TR6 Carla's Candle Flame TR7 Norway's Fjord TR8 Brigadoon TR9 Needle's Point TR10 Precious Gems TR11 Phoenix TR12 Jane's Oak TR13 Eiffel Tower TRC Longwood
LS1 Nancee's Fantasy A1 Pinwheel Gone Awry A2 One-Two Buckle My Shoe A3 Hunter's Moon A4 Courtney's Stethoscope A5 Cathie's Campfire A6 Uncle Homer A7 Dad's Plaids A8 Florence Nightingale A9 Cabin Fever A10 Which Points West? A11 Pebble’s Protest A12 Framed Fancy A13 Starlight-Starbright RS1 Tennesee Valley
LS2 - Barb's Diamond B1 Batchelor Buttons B2 Sweet Tater Pie B3 Mirror Image B4 Chris's Soccer Field B5 Hot Cross Buns B6 Wild Goose Chase B7 World Series B8 Water Lily B9 Tinker Toy B10 Jud's Trophy B11 Melissa's Cross B12 Starflower B13 Four Corner Press RS2 - Cherokee Lee
LS3 Connie's Brownies C1 Trooper Green's Badge C2 Streak of Lightning C3 Rayelle's Fence C4 Tic Tac Toe C5 Eye of the Cyclone C6 Ashley's Aura C7 Megan's Mountain Laurel C8 Hani's Crown C9 Jane's Tears C10 Patriot's Lantern C11 Soldiers and Sailors Monument C12 Famly Renunion C13 Lakota Sioux RS3 Epicenter
LS4 Virginia's Kite D1 Alison's Guiding Light D2 Mouse in a Mirror D3 Jason's Jacks D4 Crystal Star D5 Cathredal Window D6 Challenge D7 Meeting Place D8 Dee Dee's Delight D9 Uncle Richard D10 Battlefield D11 Snow Crystal D12 Crossed Swords D13 Field of Dreams RS4 Dutch Apron
LS5 Olympic Torch E1 Aunt Exie's Phlox E2 Merry May E3 Paddle Wheels E4 Buffalo Tree Hopper E5 Rising Sun E6 Michelle's Medley E7 Bread Basket E8 Mama's Maze E9 Quilt Jail E10 Five & Dime E11 Wagon Wheel E12 Mary Ruth's Corset E13 Moth in a Web RS5 Geisha Girl
LS6 Susie F1 Big Top F2 Kaleidoscope F3 Snowball F4 Old Windmill F5 Parcheesi F6 Deanie's Daisies F7 Star Struck F8 Church Window F9 Autumn Aster F10 Potholder F11 On Target F12 Starburst F13 Tour de France RS6 Tumbling Blocks
LS7 Sally's Steeple G1 Hattie's Hen House G2 Mohawk Trail G3 Four Leaf Clover G4 Shutter Bug G5 Poof G6 Papa's Star G7 Indianapolis G8 Justin's Comet G9 Mary's Journey G10 Woven Meadow G11 Decisions, Decisions G12 Gloriae G13 Molly's Muffins RS7 Fedelia's Hearts
LS8 Northern Lights H1 Peek-a-boo H2 Jacob Anthony H3 Berry Baskets H4 Abbey's Eyes H5 Michael's Motorcylce H6 Pie Sale H7 Bennington Star H8 Eaton's Crossroads H9 Snowflake Melt H10 Ben's Bowtie H11 Piercing Rays H12 Hannah Lou's Hearts H13 Farm Fields RS8 Love Forever
LS9 Kiwi I1 Ralph & Nelda's Wedding I2 Kaye's Courtyard I3 Family Album I4 Stability I5 Maria's Majesty I6 Viewer's Choice I7 Mac and Muff I8 Pete's Paintbox I9 Chase a Myth I10 Iris' Medallion I11 Coyote Chase I12 Fred's Square Fair I13 Sweet Harmony RS9 Danish Delight
LS10 Megan's Cathedral J1 Josepha's Jonquil J2 Picture Perfect J3 Rick's Volleyball Net J4 Adelaine's Apron Strings J5 John Jacob's Windmill J6 Granny Weaver J7 Chicken Tracks J8 Anna's Anchor J9 Maury High School J10 Chieko's Calla Lily J11 Twin Sister J12 Rebecca's Basket J13 Pam's Bells RS10 Grandma Nan's Bodice
LS11 Kathy's Cake K1 Crooked Creek K2 Grandpa's Chickens K3 Seven Sisters K4 Thea's Turn K5 Passing Through K6 Ann's Folly K7 Rose of Sharing K8 Springbrook Park K9 Scout's Honor K10 Quandry K11 Columbine K12 Doris' Dilemma K13 Brandon's Star RS11 Hills of Jerusalem
LS12 Button Hook L1 Widow's Pane L2 Stephanie's Snowflake L3 Reflections Abound L4 St. George's Cross L5 Chattanooga Charlie L6 Maze of Madness L7 Town Square L8 Box Kite L9 Walter's Place L10 Nan's Naiad L11 Caitlin's Rose L12 Sally's Pride L13 Harvest Moon RS12 Linda's Church in the Valley
LS13 Watermelon M1 Dogwood Days M2 Duff's Bluff M3 Fireweed Flower M4 Stepping Stones M5 Mother's Point M6 Simplicity M7 Junko's Rose Garden M8 Enchanted Square M9 Fan Dance M10 Simple Simon M11 Rickshaw M12 Hopscotch M13 Lynette's Diamond RS13 Marlene's Piroutte
BLC Goshen BR1 Rosemary's Rainbow BR2 Leigh's Woods BR3 Attic Window BR4 Candy Dish BR5 Gay's Glory BR6 Frank's Rickrack BR7 Cheryl's Clown BR8 Thunderhead BR9 Sue's Garden BR10 Nicholas' Diamond BR11 Tartan BR12 Jessie's Stained Glass BR13 Argyl BRC Sarah Jane




My Main Dear Jane Page * Top Triangles * Corner Triangles

A

B

C

D

E

F

G

H

I

J

K

L

M


Dear Jane is a registered trademark from a book written by Brenda M. Papadakis.

Sharon's Dear Jane Pages © 1999-2002

Permission is granted for use by Dear Janers to use on his/her personal computer, website, or for use in a Dear Jane teaching class. If using for a class, please give credit to me, Sharon Mastbrook, as the creator of the Virtual Design Wall.