Call +65 6100 0613 Email: enquiry@tertiaryinfotech.com

Enhance Your Employability with Certified Skills and Courses in Singapore - WSQ , IBF-STS, Skills Certification

Responsive Web Design Training

Discover how to use responsive web design to make your site more readable and efficient—on any device. The trainer will show specialized techniques for combining HTML and CSS into a web layout that can adapt to different screen sizes and orientations. The course takes the site from start to finish, from setting up the HTML page and containers to styling established elements for small, medium, and large screens. 

Course Highlights

  • Planning your layout
  • Creating HTML containers, content, and links
  • Creating and styling the layout with CSS
  • Creating a menu system
  • Styling headings, body text, and footers
  • Styling and repositioning navigation links
  • Swapping high-resolution graphics for Retina displays
  • Making sure content is printable

Certificate

All participants will receive a Certificate of Completion from Tertiary Courses after achieved at least 75% attendance.

Funding and Grant Applications

No funding is available for this course

Course Code: C214

Course Booking

The course fee listed below is before subsidy/grant, if applicable. We will apply for the grant and send you the invoice with nett fee.

$300.00 (GST-exclusive)
$327.00 (GST-inclusive)

Course Date

* Required Fields

Post-Course Support

We provide free consultation related to the subject matter after the course. Please email your queries to enquiry@tertiaryinfotech.com and we will forward your queries to the subject matter experts and get back to you asap.

Course Cancellation/Reschedule Policy

We reserve the right to cancel or re-schedule the course due to unforeseen circumstances. If the course is cancelled, we will refund 100% to participants.
Note the venue of the training is subject to changes due to class size and availability of the classroom.
Note the minimal class size to start a class is 3 Pax.


Course Details

Topic 1. Introduction to Responsive Web Design

  • What is Responsive Web Design
  • Demo Responsive Websites
  • Responsive Design Strategy
  • Install Sublime Text and Google Chrome
  • Testing website with Chrome Emulator

Topic 2. Preparing HTML Structure for homepage

  • Creating Homepage Sections
  • Creating the Hero Banner with background and info text markup
  • Importing Google Fonts for styles
  • Styling the Homepage Hero Banner
  • Adding background image to the Hero Banner

Topic 3. Media Queries

  • Understanding the before/after impact of adding Meta Viewport tag
  • Understanding Fixed vs Fluid Layouts
  • Understanding Media Queries
  • Adding Media Query breakpoints for mobile and tablet
  • Adding custom styles for the mobile breakpoint 
  • Adding custom styles for the tablet breakpoint

Topic 4. Phone Sections

  • Creating the phone specs section markup
  • Styling the specs section using fluid grid
  • Using online sprite creator tool
  • Using CSS Sprite for displaying icons in the spec section
  • Adding clearfix and other utility classes
  • Adding custom styles for the mobile breakpoint 
  • Adding custom styles for the tablet breakpoint

Topic 5 - Gallery Section

  • Creating the gallery images markup
  • Styling the image gallery using Fluid Grid layout
  • Fixing layout with clearfix
  • Adding custom styles for the mobile breakpoint 
  • Adding custom styles for the tablet breakpoint

Topic 6 - Phone Display and Performance

  • Creating the phone display and performance section markup
  • Styling the phone details section and adding background banner
  • Styling the performance section
  • Styling the performance metrics using Fluid Grid layout
  • Styling for the mobile breakpoint 
  • Styling for the tablet breakpoint

Topic 7 - Phone Feature and Tabular Data

  • Creating the markup for phone features section with tabular data
  • Adding styles for the Phone Features tabular data
  • Updating the feature table layout for mobile breakpoint
  • Understanding Mobile First Designs

Topic 8. Create Responsive Layout for Print

  • Strategy and Media Query for Printing 
  • Setting up styles for printing
  • Styling the gallery and phone info section for Print
  • Styling tab layout to single page layout for print

Course Info

We need to familiar with HTML, CSS and Bootstrap. You might want to attend the following HTML and CSS courses.

Job Roles

  • Those who want to apply advanced HTML5 and CSS3 technique to responsive web design

Trainers

Web Design TrainerLord is a detail-oriented web developer that is passionate about delivering a compelling final product. He started playing with codes when he was in high school and has not stopped since. He specializes in WordPress, and is also familiar with Shopify, SquareSpace and Wix. With more than 5 years of professional web development experience in the Philippines and Singapore, he knows how to prioritize tasks and organize workload effectively. He is an avid learner who loves to acquire new skills for continuous growth and development

Web Design TrainerMr Jeffrey Chen has been in the Web Industry for over 10 years, specializing in both front end and back end development. Experienced with all the stages of the development cycle for dynamic web projects, he is well versed in programming languages including PHP, JavaScript, SQL, HTML and CSS. Graduated from Temasek Polytechnic in Internet Computing at 2003, he has accumulate years of well-rounded experience in web developing, project management and digital marketing (Facebook) in both MNCs and SMEs for web developing and advertising/marketing agencies.

He takes great delights in managing the internship programs for students, providing advice to them in the work process of web development with practical knowledge of coding techniques from his early days working as a web developer in fast-pace web developing agencies. He enjoys teaching so much that while working as a project manager, trained marketing executives and new project managers on the use of digital marketing tools. In his free time, he continues to coach others in the use of Wordpress as a simple platform to start their very own online ventures.

Web Design TrainerLim Cheng Chong developed a strong passion for computing at a young age, self-training in areas such as programming and computer graphics from as early as age 10. Throughout the years, he has gained a wealth of experience in learning technology efficiently, and has applied his knowledge in training at schools and universities. Cheng Chong possesses a bachelor's degree in Computer Science from the National University of Singapore, has over 7 years of online education experience via his highly praised YouTube channel, and 4 years of offline experience through coaching, peer mentoring and conducting classes and labs at NUS.

Web Design TrainerPeter Goh is the Technology Evangelist at Disruptive Digital, a full-service digital agency based in Singapore, offering innovative & effective web and native mobile application development. He specializes in bleeding edge software development and have more than 10 years' experience in developing customized applications for desktop, web and mobile platforms. He has extensive domain knowledge in .Net and Java programming, iOS development and has helped many to create e-commerce web sites on Amazon AWS and Microsoft Azure

Wordpress PHP TrainerTroy Toon is an experienced web developer based in Singapore. With 15 years in the industry. He has helped design and develop websites for corporate clients. He has worked with SMEs, MNCs, Government Agencies and Advertising Agencies. Troy specializes in WordPress and PHP.

PHP TrainerJibrail has 10 years experience of software and web systems development and management combining both business needs and leading edge technologies to deliver solutions. Among some of his prominent systems he had worked on were Java stock trading system used by UOBKayHian, iocbc and KimEng. Also, he had written a forex accumulator module for Citibank for frontoffice bank staff.

He was also been involved in multiple PHP, Coldfusion, .NET solutions. He was involved in Vivocity Carpark Redemption System, written Moodle modules for private schools in Australia and created PHP based products. MDWPMerchant is a product written in php and was featured in several Moodle conferences. Another product developed and currently sold in Singapore market is a WIFI solution for cafe and restaurants. A prominent customer of this WIFI product is Culina at Dempsey.

Currently running an IT company delivering solutions, he is involved in management, training and consultancy on a day-to-day basis. The consultancy services covers infrastructure from software, networking, security and hardware aspects."

iOS Apps DeveloperNoel developed a passion towards games since young, hence, he starts to learn about game design & coding during leisure time. While pursuing his degree, he mentored students in iOS app & game development. He has been a freelance iOS app developer and trainer whilst having two years of experience and exposure to Swift. Present, he aspires to share his knowledge and passion with others.

Chief Trainer in Tertiary CoursesDr. Alfred Ang is the founder of Tertiary Courses. He is a serial entrepreneur. He founded OSWeb2Design Singapore Pte Ltd in 2007 offering web development, e-commerce store development, graphics design, ebook publishing, mobile apps development, and digital marketing services. He established the first online gardening store in Singapore, Eco City Hydroponics Pte Ltd in 2000, offering a wide range of gardening products such as seeds, plant nutrients, hydroponics kits etc. Eco City Hydroponics has become the most popular and successful gardening store in Singapore. He founded Tertiary Infotech Pte Ltd in 2012 and transformed the business to a training platform, Tertiary Courses in 2014. Tertiary Courses offers a wide range of SkillsFuture courses for PMETs to upgrade their skills and knowledge. He also established Tertiary Courses Malaysia in 2016. He also founded Tertiary Robotics in 2015 offering Arduino, Raspberry Pi, Microbit and Robotics products

Dr. Alfred Ang earned his Ph.D. from National University of Singapore in 2000, majoring in Electrical and Electronics Engineering. He also completed an online MBA course with U21 Global based in Australia. He obtained his B.Sc (Hons) from National University of Singapore in 1992, majoring in Physics. He topped his Physics cohort for 3 consecutive years and funded his degree study with Book price, awards and tuition. He has worked in Defence, Electronics and Semiconductor Industries. His current interests include Machine Learning, Deep Learning, Artificial Intelligence, Internet of Things, Robotics and Programming.

Dr. Alfred Ang was Distinguished Toastmasters (DTM) and Senior Member of IEEE. He has published more than 20 peer reviewed papers and co-inventors for more than 20 inventions.

PHP TrainerKen Hiong has over 20 years of work experience in the healthcare and pharmaceutical industry holding various functional and managerial roles in sales, marketing, business development, finance, business analysis and planning.

He graduated with a degree in Pharmacy and holds a Master of Business Administration from the National University of Singapore and a Master of Applied Finance from the University of Adelaide.

He is an expert Excel user and has a keen interest in scripting and web development with practical knowledge of HTML, Javascript, CSS, PHP, MySQL, WordPress, VBA, amongst others. Applying these tools at work, he had simplified many work methodologies, improved data analysis and business reporting processes, achieved higher productivity and enhanced quality outcomes. He is an advocate of lifelong learning.

Web DeveloperSteve Tan Jianhao is a experienced trainer and has been a freelance web developer for 6 years. He has also created web applications that has won various hackathons and competitions. He also knows various programming languages like: Elixir, Ruby, JavaScript, React.js, Python, Java, C, etc. Steve is pursuing a Degree in Computer Science in NTU.

Perl, PHP and Python TrainerShu Wei has 14 years experience working in the semiconductor industry holding different roles in IC Design, layout verification and mask data preparation. He has a keen interest in scripting and has extensive knowledge in PERL, PHP, MySQL among others. Aptly applied to his area of work, he had simplified many work methodologies leading to much productivity and quality improvements for his various undertakings.

Shu Wei holds a Master of Science (Electrical Engineering) from National University of Singapore. He is also a PMP certified project manager and a Six Sigma Black Belt practitioner.

Customer Reviews (3)

will recommend Review by Course Participant/Trainee
1. Do you find the course meet your expectation?
2. Do you find the trainer knowledgeable in this subject?
3. How do you find the training environment
Notes text are really too small . Improve please. (Posted on 9/24/2020)
Will Recommend Review by Course Participant/Trainee
1. Do you find the course meet your expectation?
2. Do you find the trainer knowledgeable in this subject?
3. How do you find the training environment
Should make it a 2-day course (Posted on 6/14/2016)
Might consider recommend Review by Course Participant/Trainee
1. Do you find the course meet your expectation?
2. Do you find the trainer knowledgeable in this subject?
3. How do you find the training environment
Extend to two days (Posted on 6/14/2016)

Write Your Own Review

You're reviewing: Responsive Web Design Training

How do you rate this product? *

  1 star 2 stars 3 stars 4 stars 5 stars
1. Do you find the course meet your expectation?
2. Do you find the trainer knowledgeable in this subject?
3. How do you find the training environment
  • Reload captcha
    Attention: Captcha is case sensitive.

You May Be Interested In These Courses

HTML5 and CSS3 Essential Training

HTML5 and CSS3 Essential Training

63 Review(s)
$298.00 (GST-exclusive)
$324.82 (GST-inclusive)
Responsive Web Design Using Bootstrap Framework

Responsive Web Design Using Bootstrap Framework

10 Review(s)
$300.00 (GST-exclusive)
$327.00 (GST-inclusive)
Build Web Apps with ASP.NET Core and C# for Beginners

Build Web Apps with ASP.NET Core and C# for Beginners

9 Review(s)
$600.00 (GST-exclusive)
$654.00 (GST-inclusive)