Last Updated on July 5, 2023 by GeeksGod
Our students say about this course …
“The instructor is very informative and shows obstacles students may run into while designing a website.” — Emeka Nwadiogbu
“Great course! I learnt a little but more of programming. Thanks!” — David Laso Martín
“It was a great course for me. I learn many thing from this course. Thanks” — JR Jul-Haque Rahman
“This course is cover all the things to create a website using photoshop.” — Viraj Shah
By completing this course, you will become a master in Web Design Technologies like Practical web design using Photoshop, HTML5, CSS3, Adobe Photoshop, and more. This course gives you hands-on and practical experience on detailed HTML5, CSS3, Adobe Photoshop, and more.
Contents of this tutorial #
Practical web design using Photoshop
Introduction to web design using Photoshop Setting Artboards Setting the stageWireframingWireframing UI/UX for Mobile Exporting Wireframes Designing for DesktopsPreparing for Slicing Final words
Interactive HTML5: Basics
Introduction to HTMLHTML4 vs. HTML5Making your first HTML pageTools to create HTML filesBase HTML TagsParagraph Tags Break TagsHeader TagsBold and Italic TagsOrdered and unordered Lists
Interactive HTML5: Advanced
Difference between Absolute Links and Relative LinksHyperlinking to an external page Hyperlinking to an email address Hyperlinking to a file in your sitePlaying and controlling audioPlaying and controlling videoEmbedding a videoWhats is a Table – Pros and ConsTable propertiesAdding an iFrameAdding an iFrame: Part 2What is possible with a form using on HTML knowledgeDefining the form Text fields and text areasRadio buttons and check buttonsData input and buttonsProper file structure Code commenting Meta tags
Interactive CSS3: Basics
What is CSS? Why we need it?What’s new in CSS3CSS Selectors, properties and attributes ID Selectors Class Selectors Element Selectors All Selectors Inline style sheets External Style sheets
Interactive CSS3: Advanced
The Box model Adding Color Working with fonts Background images Styling ID tagsFloat and Clear Block and inline elements Positioning Adding the elements
Interactive Bootstrap: Basic
Why Bootstrap? Downloading BootstrapAdding Bootstrap in your siteCreating navigation: Part 1Creating navigation: Part 2Creating navigation: Part 3Styling images Creating the footer Adding styled buttons Adding Google Maps
Learning HTML5, CSS3, and Adobe Photoshop is one of the fastest ways to improve your career, especially on web design and development.
We hope this course will be used as a helping hand for your prospective career. Please dig on free preview videos for more information.