Advance Search
Web Design Track
477 Views
Duration: 5 days
Course Description
This course covers the fundamentals of web design with a focus on HTML, CSS, and Adobe Dreamweaver. Students will learn how to create and publish interactive websites that are visually appealing and functional. HTML and CSS provide the foundation for creating web pages, while Adobe Dreamweaver integrates these technologies into a single interface. The course is hands-on and interactive, allowing students to apply their knowledge as they learn. It is suitable for beginners, individuals looking to enhance their skills, and professionals looking to add web design to their portfolio. By the end of the course, students will have the knowledge and skills to create professional-looking websites.
Who Should Attend?
Beginners who are new to web design and have no prior experience
Individuals who want to enhance their skills for personal projects or for a career in web design
Marketing and graphic design professionals who want to add web design skills to their portfolio
Entrepreneurs and small business owners who want to create their own website
Prerequisites:
No prerequisites are required to attend this course
Course Outlines
Introduction to HTML5
Overview of HTML5 and its features
Differences between HTML5 and previous versions of HTML
Basic HTML5 Syntax and Structure
Understanding the structure of an HTML5 document
Creating the basic elements of an HTML5 page (doctype, head, body)
Understanding HTML5 tags and attributes
Text Formatting and Semantic Elements
Formatting text using headings, paragraphs, and other text-level elements
Using semantic elements to create meaningful structure for web page
Lists and Links
Creating lists (ordered, unordered)
Creating links (internal, external)
Images and Media
Adding images and videos to web pages
Using the audio element
Forms and Input Types
Creating forms
Using different input types (text, checkbox, radio button, etc.)
Using the label element
Additional HTML5 Features
Using the canvas element
Using the geolocation API
Using the web storage API
Introduction to CSS
Overview of CSS and its role in web design
Differences between CSS and HTML
Basic CSS Syntax and Selectors
Understanding the structure of a CSS rule
Using selectors to target HTML elements
Using class and ID selectors
Box Model and Layout
Understanding the box model and its properties (margin, padding, border)
Using the display property to control layout (block, inline, none)
Using the position property for advanced layout (relative, absolute, fixed)
Text and Fonts
Controlling text properties (color, font-family, text-align, etc.)
Using @font-face to use non-system fonts
Backgrounds and Gradients
Controlling background properties (color, image, repeat, etc.)
Using gradients
Transitions, Animations, and Transforms
Using transitions to create smooth visual effects
Using animations to create complex visual effects
Using transforms to rotate, skew, and scale elements
Flexbox and Grid
Using Flexbox to create flexible, responsive layouts
Using Grid to create grid-based layouts
Introduction to Adobe Dreamweaver
Overview of the software and its features
Setting up the software and preferences
Creating and Managing Website
Creating a new website
Opening and closing websites
Setting up the site properties
Creating and managing pages
Design View and Code View
Design View: Creating and formatting content using visual tools
Code View: Editing and formatting content using code
Switching between Design View and Code View
Understanding the differences between the two views
Basic HTML and CSS
Introduction to HTML and CSS
Creating and formatting content using HTML and CSS
Understanding the Document Object Model (DOM)
Text and Images
Adding and formatting text
Adding and manipulating images
Links and Navigation
Creating links
Creating navigation menus
Creating a site map
Tables and Lists
Creating tables
Formatting tables
Creating lists
Formatting lists
Forms
Creating forms
Adding form elements
Formatting forms
Validating forms
Templates and Libraries
Creating and using templates
Creating and using libraries
Understanding the difference between templates and libraries
CSS Designer
Introduction to CSS Designer
Using CSS Designer to create and edit CSS
Understanding the CSS Box Model
Understanding CSS Selectors
Bootstrap and Media Queries
Introduction to Bootstrap
Using Bootstrap to create responsive layouts
Creating and using media queries
Adobe Dreamweaver CC
Overview of Adobe Dreamweaver CC
Understanding the differences between Adobe Dreamweaver and Adobe Dreamweaver CC
Site Management
Synchronizing files
Checking and fixing links
Checking and fixing compatibility
Optimizing images
Testing and Deployment
Previewing pages in different browsers
Testing pages on different devices
Publishing pages to the web
Advanced Features
Using Adobe Dreamweaver with other Adobe Creative Cloud applications
Using Adobe Dreamweaver with other web development tools
Creating and using server-side includes
Price valid till 30th Mar 2023
$ 2,490
Duration: 5 days
Need More information of this course or Want to talk to the experts?
Request Quote
Live Chat
Share
Locations
&Time
Interested ?
Fill the FormContact Information
Confirm Attendees
