我发现了很多关于我的问题的资源，但我只是想根据对我正在尝试做的事情的高级概述而提出意见。
基本上，我正在使用Javascript和HTML的组合为朋友的网站构建定制器。我应该首先说我有一些HTML经验，但这是我第一次使用Javascript（我对Java有经验）。最终目标将是定制器，允许用户选择自行车的部件并更改其颜色以放置自定义订单。
我将自行车的各个部分作为图像文件，我在http://jscolor.com/examples/#example-showing-hiding使用这个jscolor颜色选择器，以允许用户从颜色图中选择颜色。我的计划是将一个给定的部分（照片）叠加在同一张照片的副本之上，并只填充其中一个，就像在Photoshop中分层一样。这样，零件填充正确的形状，而不是填充图像文件的整个正方形。当光标移动时，颜色应该实时变化。完成后，他们可以保存部件，颜色记录将保留在后端。
由于我是Javascript的新手，而不是HTML的经验，我觉得让它在正确的轨道上有点挑战。因此，我希望从一些有HTML / Javascript / CSS经验的人那里获得一些建议，以指引我朝着正确的方向前进，让它沿着比现在更好的轨道前进。我不确定如何“说出”我正在尝试做的事情。
我要解决的三个主要部分：
使用HTML按钮加载不同的自行车部件（实质上是加载单独的图像文件）。
将jscolor选取器中的颜色添加到所选部件的图像中。
当用户单击“保存”按钮时保存零件的状态。
我将继续搜索论坛，因为我已经看到了一些类似于我想要做的引导，但我最想知道我的方法是否适合我正在尝试做的事情。
提前致谢！