Do you see yourself making a career in the web design industry? Then this Web Design Professional course bundle could be perfect for you.
Web Design Professional
DLC004*Pay monthly option available via Snap Finance on payment page in checkout
Course overview
- Progress from a raw beginner to a highly skilled web developer, capable of producing professional-quality, responsive websites and dynamic interactive applications.
- Understand the construction of a high-quality website using Hypertext Mark-up Language (HTML), Cascading Style Sheets (CSS), and basic JavaScript.
- Build responsive websites that allow an optimal viewing and interaction experience using the very latest HTML5 and CSS technology.
- Develop powerful JavaScript functions and event handlers.
This Web Design Professional course bundle is designed to provide you with the skills and knowledge you need to create professional-quality websites that are both functional and visually appealing.
This bundle contains the following courses:
- Webmaster – HTML and CSS
- Webmaster – JavaScript
- Webmaster – Responsive Web Design
During the three courses, you will learn how to design and develop websites using a variety of tools and technologies, including HTML, CSS, JavaScript, and WordPress.
You will also learn how to incorporate responsive design principles to ensure your websites are optimised for a range of devices and screen sizes.
Whether you are looking to start a career in web design, enhance your existing web design skills, or develop your own website, the Web Design Professional course is an excellent investment in your future.
You decide when and where you learn, at your own pace. Your experienced and friendly tutor is there to help you every step of the way by email, so help is only a click away!
Enrol today and discover how you can create engaging and effective websites that stand out in today’s competitive online environment.
What next?
Upon successful completion of this course, you will able to use it towards your university application. We recommend that you check with your chosen University that they accept this qualification as part of their entry requirements. If after, you’re looking to enhance your IT knowledge even further, take a look at the other Computing and IT courses we offer.
Here are some job titles that are frequently within web developing:
- Web developer
- Front-end developer
- Back-end developer
- Full-stack developer
- UI/UX designer
- Web designer
- E-commerce developer
- Mobile developer
- Software engineer
- Content manager
- Before we get started
- Introduction to the Internet
- Getting Started With HTML
- Getting Started With CSS
- Introduction to HTML Editors
- Lesson review and quiz
- Assignment 1 – HTML and CSS exercises
- Headings, paragraphs and sections
- Introducing HTML colours
- Navigation with hypertext links
- Graphics and images
- Ordered and unordered lists
- Introducing HTML tables
- Simple HTML forms
- Lesson review and quiz
- Assignment 2 – Create a “Contact” web page
- Incorporating a style sheet
- CSS rules and selectors
- Incorporating colour and Images
- Padding, margins and borders
- Styling text and blocks
- Styling lists and tables
- Styling forms
- Positioning elements
- Lesson review and quiz
- Assignment 3 – Add styling to your “contact” web page
- Common HTML and CSS errors
- HTML and CSS document validation
- Avoid cross-browser issues
- Outline your elements
- Using browser development tools
- Lesson review and quiz
- Assignment 4 – Debugging exercises
- Web page structure
- Include a maximum-impact landing page
- Include intuitive site navigation on every page
- Choose easy-to-read fonts
- Consider including a photo gallery or slide show
- Incorporate responsive design techniques
- Search engine optimisation
- Lesson review and quiz
- Assignment 5 – Build your own landing page
- Introduction to multimedia
- Common audio formats
- Common video formats
- Inserting audio with the audio tag
- Inserting video with the video tag
- Animation
- Interactive content
- Lesson review and quiz
- Assignment 6 – Create an audio/video “jukebox”
- Text effects
- Implementing web fonts
- CSS gradients
- Box sizing with CSS
- Implementing box shadows
- Using border images
- Transitions and transformations
- Lesson review and quiz
- Assignment 7 – Include special effects in your landing page
- Introduction
- JavaScript variables and simple arithmetic
- Comparison and logical operations
- Event handlers
- Conditional branching
- Introduction to FOR Loops
- A scrolling Message and random advertising display
- Lesson review and quiz
- Assignment 8 – Create a photo gallery
- What is an API?
- The geolocation API and Google maps
- The drag-and-drop API
- The canvas API
- The web storage API
- The history API
- Lesson review and quiz
- Assignment 9 – Drag-and-drop exercise
- Before you get started
- Creating your own storefront
- Store-building software products
- Creating and managing a store with Wix
- Lesson review and quiz
- Assignment 10 – Build your own store front
- Assessment
- What’s new in HTML5?
- Creating a HTML5 document
- HTML5 document validation
- Incorporating a CSS3 style sheet
- What’s new in CSS3?
- CSS3 document validation
- What is responsive web design?
- Responsive web design with CSS3
- Proportional Layout
- Scaling images
- Converting from fixed to fluid design
- Cross-browser considerations
- Examples of responsive web design
- Introduction
- The header, footer and nav elements
- The section
- Article and aside elements
- Other semantic elements
- The role of DIV and SPAN elements
- Dropped elements and attributes
- Background to CSS3
- Understanding cascading style sheets
- Internal, inline and external style sheets
- CSS3 rules and selectors
- New CSS3 colour formats
- Text effects and transformations
- Multi-column layout
- Recognising content boxes
- Setting margins and padding
- Sizing and positioning elements
- Formatting borders
- Specifying backgrounds
- Text formatting
- Using shadows and gradients
- List style types and positioning
- Defining shorthand lists
- New HTML5 table elements
- Assigning elements as table components
- HTML5 form components
- Acquiring text input
- Email, telephone and URL inputs
- Check boxes and radio buttons
- Selecting options and uploading files
- Standard buttons and image buttons
- Date, time and range inputs
- Add some style with CSS3
- Understanding CSS3 transitions
- CSS3 transformations
- CSS3 animations
- Enhancing your text
- Using special cursors
- Hiding and revealing elements
- Resetting browser defaults
- Organising your style sheets
- Optimising style rules
- Specifying default styles
- The drag and drop API
- The web storage API
- Inter-document messaging
- The history API
- The geolocation and Google maps API
- The canvas API
- Incorporating audio and video
- Performing arithmetic
- Comparison and local operations
- Working with numbers
- Working with strings
- Introduction to events and event handlers
- Browser window event handlers
- Event listeners
- Form event handlers
- Mouse event handlers
- Keyboard event handlers
- HTML5 event handlers
- Introducing document object model objects
- JavaScript functions
- Working with arrays
- Controlling the flow
- Let’s play hide and seek – build your first interactive game
- Looping the loop
- The top-level window object
- The document object
- Forms objects
- Working with window objects
- Timer objects
- Document Interaction
- Understanding and dealing with errors
- The JavaScript console
- Using breakpoints
- Handling exceptions
- Debugging hints and common errors
- A guide to good scripting
- Graphic design considerations
- Designing the game
- Building the HTML framework
- Adding style with CSS
- Populating the grid with random mines
- Adding skill levels and sound effects
- Tracking hits and misses
- Testing and quality assurance
- Introducing the HTML5 JavaScript APIs
- The drag and drop API
- The web storage API
- The messaging API
- The history API
- The geo-location API
- Google maps
- The canvas API
- What is jQuery?
- Finding and working with elements
- Creating a simple jQuery App
- Handling events with jQuery
- Effects and animation methods
- Working with jQuery form elements
- Dimension and positioning methods
- The jQuery user interface
- Introducing AJAX
- JavaScript Object Notion (JSON)
- Server side JavaScript
- Function closure explained
- What are prototypes?
- Regular expressions and recursion
- Working with cookies
- Adding and removing event listeners
- An overview of the dashboard
- The password generator app
- The QR code generator app
- The character counter app
- The “guess the number” app
- The digital clock app
- Assignment 10 – Build a multi-app dashboard
Extra Information
You will be assessed on coursework which is detailed in the course materials. The coursework consists of creating various web pages and projects, and your work can be sent to your personal tutor by email (preferred) or by post.
You will have up to 24 months to complete this bundle and should take you approximately 480 hours self-study time, which is plenty of time to be able to study at your own pace.
You will study this course through distance learning, which means you can learn at a time and place to suit you. You will study this course online and work will be submitted to your course tutor by email or post. You will receive tutor support by email, so help is only a click away!
On successful completion of the courses, students will receive Webmaster Diplomas with comprehensive feedback. Providing the assignments have been completed to the required standards, students will also receive the following accredited Open Awards certificates:
- Open Awards Webmaster – HTML & CSS Level 3 Certificate Award (8 Open Awards Credits)
- Open Awards Webmaster – JavaScript Level 4 Certificate Award (9 Open Awards Credits)
- Open Awards Webmaster – Responsive Web Design Level 4 Certificate Award (9 Open Awards Credits)
The course measurable learning outcomes have been benchmarked at Level 3 and 4 (using Ofqual’s Qualification and Credit Framework (QCF) level descriptors) to allow you to consider the depth of study, difficulty, and level of achievement involved.
Awarding Body
The certification is issued through Open Awards. Open Awards are an Awarding Body Organisation approved by Ofqual. Set up in 1981, Open Awards (previously the North West region of the National Open College Network – OCNNW) have been in business for over 30 years and are a not for profit organisation and a registered charity.
FAQs
It is recommended that students are computer literate and have reasonable text editing or word processing skills.
As this bundle can only be studied online and can only be accessed via any internet-ready computer with a modern browser, but we recommend the courses are completed on a PC with the Windows Operating System or on an Apple Mac.
You may start at any time and have up to 24 months to complete your studies. This course is truly flexible and adaptable around your lifestyle and other commitments.
- Online learning platform
- Personal tutor support
- Assignment marking and feedback
- Dedicated learner services
- FREE XO Student Discounts membership
- FREE CV critique service
- FREE employability guide to help you impress future employers
No, everything you need is included in the price!
You will send your work to your personal course tutor for them to mark and return to you. On successful completion of the course you will receive your three certificates.
That's not a problem. We want to make sure you're 100% confident about enrolling on the course and starting your study. So, just give our team of education specialists a call on 03300 563 100 and they'll do their best to help.
Related courses
Webmaster - Responsive Web Design
Single Course
DLC003CIW User Interface Designer Course
Single course
DLC013Python for Beginners Level 3
Single Course
DLC017