Java Script Image Maps

Working with Image Maps:
 Image maps are used to provide hyperlinks on an image to navigate to a respective webpage.
 Lets create a webpage for example, flower.html to learn how to Work with image maps.

Join the community:
https://t.me/ilmforu

code + Notes + Practice Sheet:
https://drive.google.com/drive/folders/1mzvr_10ObPu3YEFxb2dJAfzXS3I9zJvS?usp=share_link


Course Videos:

1 Introduction to Web Technologies: https://youtu.be/evDfXbfNkRM

2 Introduction HTML Basics: https://youtu.be/siKhxNGs8N4

3 Creating HTML pages: https://youtu.be/rcYq7mQ7OOQ

4.1 Categories of HTML Elements Root and Meta: https://youtu.be/TQdJMJJpEYI

4 2 Categories of HTML Elements Root and Meta: https://youtu.be/8ynO0-DwrSE

4 3 Categories of HTML Elements Root and Meta: https://youtu.be/M3JpK_4zjAw

4 4 Categories of HTML Elements Root and Meta: https://youtu.be/GBw-FMbl_JY

5 1 Working with HTML Text Elements: https://youtu.be/BmVWK5XxgkI

5 2 Working with HTML Text Elements Programs: https://youtu.be/Zz4_UihgWZo

6 Organizing Text in HTML: https://youtu.be/YqzaP4t7KVQ

6 Organizing Text in HTML Programs: https://youtu.be/Y-8MnmlZU4g

7 Working with HTML Links and URLs with programs: https://youtu.be/13nDOkIwPKE

8 Working with HTML Tables and their programs: https://youtu.be/Yv--IkxU9Mw

9 Working with HTML Images and Canvas: https://youtu.be/lyCCTK7Q_-E

10 HTML Forms: https://youtu.be/Ap1YONFgVnc

11 HTML Frames: https://youtu.be/FbFiv3ufKVg

12 HTML Multimedia: https://youtu.be/-l-U6sbRUZc

13 HTML 5: https://youtu.be/VyGw_GjzKmE

16 Web Storage: https://youtu.be/-96vUgit7YI

17 Local Storage Demo: https://youtu.be/GgGmxAQ6fXA

18 Database Storage: https://youtu.be/GNO3-hKbOcI

19 Session Storage Demo: https://youtu.be/p1Jty8wY5WY

20 Drag and drop feature: https://youtu.be/UTUD1Tbhc5Q

21 Offline Web application: https://youtu.be/gCa1CxAOrnk

22 creating editable content and checking spelling: https://youtu.be/R-SN8QMbW8Y

23 Exploring Custom Data Attributes: https://youtu.be/PM_mUqW7jhQ

24 Web Communication: https://youtu.be/w_h9HLoYKuE

25 Cross Document Messaging: https://youtu.be/Pxh_DY7AaQE

26 Desktop Notification: https://youtu.be/wbA--c3lem4

27 Introduction to CSS: https://youtu.be/hB9sWUW9zPQ

28 CSS Selectors: https://youtu.be/jgs8b_G6Dtc

29 Inserting CSS into HTML: https://youtu.be/fI1ndYftI-E

30 CSS Background Properties: https://youtu.be/a1NxhvihKC0

31 CSS Background Properties program: https://youtu.be/v8U4dXtpod8

32 Fonts: https://youtu.be/cKfawxjWGxg

33 Text: https://youtu.be/Ukad_5CCTFM

34 Creating HTML Boxes: https://youtu.be/IBY976dTjnM

35 Displaying Elements: https://youtu.be/s8Zouz43GNs

36 Layers and styles for links: https://youtu.be/yX_pwBy5Ryg

37 Positioning Elements: https://youtu.be/UTLWAmUgf6I

38 Introduction to Java Script: https://youtu.be/CJRx-_Z_r_A

39 Media Queries: https://youtu.be/VZmLidhZZP8

40 Concepts of Java Script I: https://youtu.be/PIpTrep8Nko

41 Concepts of Java Script II: https://youtu.be/HZWIuE70rvM

42 Java Script Regular Expressions and Functions with Sample Programs: https://youtu.be/r5o_L-lddQ0

43 Java Script Events: https://youtu.be/8thwXom2QM8

44 Java Script Animations: https://youtu.be/RF60CB3NR_Q

45 Java Script Image Maps: https://youtu.be/queWHM6w-E0

46 Java Script Objects: https://youtu.be/0ByxVjZYDew

47 Java Script History, Screen and Location Objects: https://youtu.be/-BPzYsJ2uYA

48 Java Script Window and Navigator Objects: https://youtu.be/NLjCv_7M_Ow

49 HTML form validation using Java Script: https://youtu.be/ndVnhM7lDro

50 Introduction to JQuery: https://youtu.be/bea97NfNmw0

51 JQuery Selectors: https://youtu.be/1iHjnOsrMKQ

52 JQuery Methods and Attribute: https://youtu.be/zdEQkxDw7rA

53 WT Lab Week 1 Design Online Book Store Home Catalog Registration pages: https://youtu.be/_JqWOlwZS7c

54 WT Lab Week 1 Design Online Book Store: Part-1: https://youtu.be/itRIFIhBHHE


Books referred:
-Web Technologies: HTML, JAVASCRIPT, PHP, JAVA, JSP, ASP.NET, XML and Ajax, Black Book: HTML, Javascript, PHP, Java, Jsp, XML and Ajax, Black Book : https://amzn.to/3zJV0qz
-Web Technologies Paperback: https://amzn.to/3ml6RbE

products used in the video:
-Lenovo 300 FHD Webcam with Full Stereo Dual Built-in mics: https://amzn.to/3Klw3Xr
-HP 15s, 12th Gen Intel Core i5 8GB RAM/512GB SSD 15.6"(39.6 cm) FHD Laptop: https://amzn.to/3Kg2Tcc
-HP 330 Wireless Black Keyboard and Mouse Set with Numeric Keypad: https://amzn.to/3moYxHN
-Boult Audio Z40 True Wireless in Ear Earbuds: https://amzn.to/3MyHA8q

Reach Me:

https://linkedin.com/in/kkbaseer/
https://twitter.com/kkbaseer
https://researchgate.net/profile/K_K_Baseer

Like to drop an email: [email protected]