Professional Diploma in Webdesign
Course Description
With over 150+ videos inside training, you can follow. This is the best web design course online to start career in Information Technology. With professional pre-recorded lessons containing practical assignments & projects covered to become a professional web designer.
Learn Advance Web design Course online with professional Techniques. Topics We Cover:
- HTML 5
- CSS 3
- jQuery
- Responsive
- Bootstrap 4
- WordPress
Who this course is for:
- Students looking for career in Web Design
- IT Students
- Graduate & Post Graduate Students looking for Career in Webdesign
- Anyone who looking to work as a freelancer in Webdesign
- College Students
After Completion of Course, you can:
- Start Your Webdesign Company
- Apply for a job in IT & Web Industry
- Work as a Freelance Webdesigner
Extra Benefits:
- Lifetime Access to course videos
- Free Support to Students using email or message.
- Creon Institute Certificate of Course Completion Ready for Download.
How to Study..?
- Watch Each & Every Video Completely(Any times. As per Your Requirement)
- After Completing Video. Click on Complete Button at bottom of Video.
- After Completion of All Topics Videos. Click on Finish Course Button, To Get Certificate.
- Note: You need to watch all Videos & Complete it to Get Certificate.
Introduction to Creon Institute
HTML 5
- 1- Webdesign Course Topics
- 2- What is Website
- 3- Introduction to HTML & Brackets Software
- 4- HTML Welcome Page
- 5- Title Tag
- 6- Background-Color
- 7- Paragraph, Alignment, Breakline & Space
- 8- Font, Bold, Italic & Underline
- 9- Heading Text
- 10- HTML Comments
- 11- Creating List in HTML
- 12- HR & Pre Tag
- 13- Hyperlink in HTML
- 14- Insert Image in HTML
- 15- Tables in HTML
- 16- Table Heading & Spacing
- 17- Forms in HTML
- 18- Form – Value & Placeholder
- 19- Form – Textarea, Checkbox & RadioButton
- 20- Form – Select List
- 21- Form – Buttons
- 22- HTML Project – Enquiry Form
CSS 3
- 0- Introduction to CSS
- 1- CSS Class – Font, Size & Color
- 2- Bold, Italic, Underline, Case & Shadow
- 3- Change HTML Tag Default Look
- 4- How to use Multiple Classes to Single Element
- 5- Line Height, Letter & Word Spacing
- 6- Tag Redefine & Bacground Color Style
- 7- Add Background Image
- 8- Insert Div Using CSS
- 9- Apply Border using CSS
- 10- Rounded Corners using CSS
- 11- Comments in CSS
- 12- Box Shadow in CSS
- 13- Adding Background image in Div
- 14- Align content inside Div
- 15-Insert Div as Columns using Float
- 16- Image Float effect with Content
- 17- Padding & Margin
- 18- Align Div to Center
- 19- Nesting Divs
- 20- Display Property in CSS
- 21- How to Use Display – Inline & Block
- 22- Align Image using CSS
- 23- Project – Create Button using CSS
- 24- Position Property
- 25- Project – CSS Position Property
- 26- Combinators – Descendant & Child Selector
- 27- Clear CSS Property
- 28- Remove Underline of Link Text
- 29- Rollover Effect using pseudo Class
- 30- Mini Project – Button & Rollover Effect
- 31- Navigation Menu Using CSS
- 32- Adding Image in List Text Icons
- 33- Gradient Colors using CSS
- 34- Radial Gradient
- 35- Opacity & Color Transparency in CSS
- 36- Mini Project using Tranparent Gradient
- 37- Create Reallife Website Content using Div
- 38- Div Content using Combinators
- 39- Add Content using After & Before Selectors
- 40- Transform & Transition CSS
- 41- Parallax Scrolling Effect using CSS
- 42- Reallife Website Column Structure Using Div
- 43- Import & Apply Fonts in CSS
- 44- Font Awsome CSS for Ready to use Icons
- 45- How to Use External CSS Files
HTML CSS Website Project
- 0- How to Download Reference Design Template
- 1- Website Project Setup
- 2- Add Comman CSS Rules
- 3- Logo & Menu
- 4- Create Slider & Its Content
- 5- Content 1 – Professional Services
- 6- Content 2 – Parallx Div Content
- 7- Content 3 – Latest Project
- 8- Content 4 – Culture & Values
- 9- Content 5 – Awsome Clients
- 10- Content 6 – Contact Button & Company Logo Images
- 11- Footer-1
- 12- Footer-2
- 13- Create Mutiple Pages in Website
jQuery
- 0 – Introduction to jQuery
- 1 – JQuery Events
- 2 – Alert Window Using jQuery
- 3 – Focus & Blur Event for Forms
- 4 – Multiple Parameters to Single Event
- 5 – jQuery Effects
- 6 – Toggle – Hide & Show
- 7 – Mini Project-Background Color
- 8 – Animate Function
- 9 – Fade Function
- 10 – Slide Function
- 11 – Callback Functions
- 12 – Remove & Empty Functions
- 13 – Add & Remove Class
- 14 – jQuery Project
Responsive
- 0 – Introduction to Responsive
- 1 – Responsive Content Using Media Query
- 2 – Responsive Images
- 3 – Responsive Fluid Grid Layout using Divs
- 4 – Responsive Navigation Menu
- 5 – Adding Break Point
- Responsive Project – 1 – Setup & Logo & Menu
- Responsive Project – 2 – Slider, Services & Just Relax Content
- Responsive Project – 3- Project, Values & Clients
- Responsive Project – 4 – Footer
Bootstrap 4
- 0- Introduction to Bootstrap & Setup
- 1- Container & Container-Fluid
- 2- Bootstrap Heading & Display Class
- 3- Contextual Colors
- 4- Bootstrap Image Classes
- 5- Jumbotron in Bootstrap
- 6- Alert Message in Bootstrrap
- 7- Buttons in Bootstrap
- 8- Button Groups
- 9- Badges & Breadcrumb
- 10- Pagination
- 11- Cards
- 12- Single Dropdown Menu
- 13- Collapse & Accordion
- 14- Basic Navigation Menu for Content
- 15- Forms in Bootstrap
- 16- Slider in Bootstrap – Carousel
- 17- Modal & Tooltip
- 18- Spacing Utilities
- 19- Flex in Bootstrap
- 20- Responsive Flexbox Content
- 21- Bootstrap Grid Layout
- 22- Auto Layout Columns
- 23- Nesting Columns
- 24- Boostrap Navigation Menu
- 25- Bootstrap Basic Template
- Bootstrap Project – 1 – Setup
- Bootstrap Project – 2 – Topbar
- Bootstrap Project – 3 – Logo & Menu
- Bootstrap Project – 4 – Slider Content
- Bootstrap Project – 5 – Content 1
- Bootstrap Project – 6 – Clients & Features
- Bootstrap Project – 7 – Pricing Content
- Bootstrap Project – 8 – Team Content
- Bootstrap Project – 9 – Footer
Wordpress
- 1. Introduction to WordPress
- 2. Install Local Server for WordPress
- 3. Install WordPress
- 4. Install Theme & Import Demo Content
- 5. Set Homepage & Customize Site
- 6. Customize Menu in WordPress
- 7. WordPress Media Library
- 8. Create & Edit Blog Post in WordPress
- 9. Add & Modify Comments in WordPress
- 10. Edit Home Page in WordPress
- 11. How to edit Other Pages
- 12. Edit Footer in WordPress
- 13. How to Create & Design Page in WordPress
- 14. Manual Coding in WordPress
- 15. Edit Contact Page in WordPress
- 16. How to use Plugins in WordPress
Thanks
Gaurav K
Director & Digital Marketing Expert
Hello Everyone. I am the Owner of Creon Institute of Technology. I have 12+ Years of Industry Experience in Training & Commercial Service for Digital Marketing, Graphic Design, Website Design & Development. I myself provide all training & education conducted at Creon Institute. Our main focus of teaching is to deliver professional candidates to Industry & IT Companies for Job Placements. Students trained under Creon Institute will get Placement Assistance & also get chance for Internship in Professional Company of Digital Marketing & IT industry with better career opportunities.
Course Rating
5.00 average based on 1 rating
Star 100%
Star 0%
Star 0%
Star 0%
Star 0%
Reviews
- Great teaching, Explain Easy way to learn Web Designing
- Course Fees₹24,000 ₹18,000
- Instructor Gaurav K
- Duration 3 Months
- Lessons 161
- Enrolled 20 student
- Access Lifetime
More Courses You Might Like
₹24,000 ₹18,000
Professional Diploma in Webdesign
Certification Course With over 150+ videos inside training, you can follow. This is the best online certification course to start professional career in Webdesign
₹54,000 ₹30,000
Professional Diploma in Web Technology
Certification Course With over 250+ videos inside training, you can follow. This is the best online course to start career in web development.
₹30,000 ₹15,000
Professional Diploma in Javascript and PHP
Certification Course With over 130+ videos inside training, you can follow. This is the best online course to start career in dynamic websites