WBT teaching materials are composed of the frame, a table of contents of the WBT teaching materials is displayed in a left frame, and the content of the WBT teaching materials is displayed with a right frame. I used CSS(Cascading Style Sheet) only by HTML so that we might make the WBT teaching materials because there was a limit in the plastic operation on sentences. In addition, I made the WBT teaching materials so that the logical structure and the display format were consistent as legibly as possible. We made the WBT teaching materials supplementary teaching materials for self-study by the person who studied HTML or C language for the first time and made the WBT teaching materials availably. Therefore, I published a lot of exercises and applied cases for me to explain the introductory part of HTML and C language. When a usual class ended for associating contents and the class progress of the WBT teaching materials, we explained. Therefore, I review with these teaching materials, and the student of the subjects understands the place that was not able to be understood during the lesson