120 likes | 225 Vues
This course introduces students to web design basics and development processes using tools like Photoshop, HTML, CSS, and jQuery. Learn to design websites with the latest technologies and trends for a full web experience. Gain knowledge on web standards, semantics, and design trends to create modern and interactive websites.
E N D
By: Ejaz Ahmad Siddiqui Cutting Edge Web Design and Development (Basic)
Today’s Agenda • Introduction • Purpose • Prerequisites • Introduction to course • Course Contents • Outlines • How Web Works
Introduction • Introduce yourself
Purpose of this Course “Enabling student to create full website with latest trends and technologies”
Prerequisites Basic knowledge of • Working of computers • Internet • Photoshop
Introduction to Course Course Contents Course Outlines
Course Contents • Design Theory • Working of Web • Design Process • Designing with Photoshop • HTML • CSS • Table less web design • Working with forms • Working with jQuery • Trends in web design
Course Outlines • Introduction to course • How Web Works? • Introduction to design and design theory (with reference to web) • Components of great web design • Web Designing • Introduction • Grid Systems • Sketching Layout • Wire framing • The Anatomy of a Web Page • Designing Website with Photoshop
Course Outlines • Web Development • HTML • CSS • Converting Photoshop design into web page • Working with forms • Structuring Complete Website • Going Further • Adding animations with jQuery • Semantics • Web Standards • Design Trends • Final Project
How Web Works • Browsers • Serving Web Pages • Web Page Addresses (URLs) • TLDs • Sub-Domains
Assignment • E-mail the URL of the best website? • In next class, you would tell that why this website is best?