The existence of the Web became commonplace and everyone can send out information. Therefore, the demand for design learning about Web pages is increasing. Using conventional color learning, it is difficult to try various color schemes. Using the conventional CSS learning system, learners could not learn programs thinking their codes. In order to solve the conventional problem, we made intuitive color selection and coloring possible in color learning of this system. Also, in CSS learning, we created a mechanism for learners to choose the correct code from among the choices and program it so that learners can learn programs thinking their codes. As a result of the evaluation experiments, it was appreciated in the comprehensibility of the operation method in color learning and the effectiveness of learning in CSS learning.