Tuesday, October 15, 2019
L3 JQ library lab
In this lab, I recreated multiple websites into a single webpage to learn about Jquery. So to create lab 2, I first opened a HTML document, CSS document, and a JavaScript document from Dreamweaver. In my HTML document, I had the <html>, <head>, <meta>, <title>, and <body> tags already placed in via Dreamweaver. I typed in <link> and <script> tags to link multiple CSS and Javascript files. After that, I typed in <div> tags with id="header" and inside that text that says my name, date, and Lab 3. After that, inserted <p> tags that followed the first website with <input> and <button> tags. Next, I inserted divs and buttons that makes squares on the screen do certain functions. More specifically, I had a parent <div> surrounding many children <div> tags. So for the boxes, I had 3 divs that shown as boxes on screen that had an id and class that were linked with JavaScript. Afterwords, I inserted forms and buttons that show some Jquery functionality. More specifically, I used <input>, <button>, <ul>, <li>, and <div> tags to show some functionality for a Jquery survey. After that, I inserted a canvas with buttons. I used <canvas> and <button> tags to implement it to show triangles using JavaScript. Finally, I did a picture and text that represent my biography. I used <p>, <div>, <h2>, <img>, and <br> tags to implement my biography. It is useful to know about Jquery so that web designers can build better websites faster.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment