We are currently living in the Web 3.0 era where websites and web applications have become more and more popular. Most of tertiary curriculums offer at least one course in web programming so that their students gain a sufficient knowledge and technical skills to understand how a website works and able to create a specific proper website for a specific purpose. However it is a challenge to design and deliver an effective introductory course (level-5) to teach modern web design and development to students who have little programming background. Moreover the web is evolving rapidly, affecting not only the coding techniques and web development approaches, but also introducing new concepts such as “CSS grid-based” to replace old “CSS flexbox”, “mobile first” to replace traditional “desktop first”, “responsive design”, “progressive enhancement” and many more. This puts a lot of difficulties in terms of what topics and web techniques are chosen to teach and how to teach effectively these topics as well as provide the appropriate depth. In this article, we will share our choice of topics along with practical labs and allocated time to teach them in the course “Website Development” (level-5) offered at the school of computing (SoC), EIT. The selected topics are Web Content, Web Design, Web Responsiveness, Web Interactivity, Web Accessibility, Web Publishing, Web Copyright & Data Privacy, and three front-end programming languages (HTML5, CSS3, JavaScript-6). We carried out a survey on 16-students to figure out which topics are more difficult and need more time to teach by analyzing all students’ feedback and problems students faced up. As a result, we recommend some modifications and updates on the topic time allocation in order to enhance the success of course delivery in the future. We believe that these suggestions could provide some useful information and guidelines for those who will design and teach the same type of course in future.