Tuesday, October 15, 2019

Lb2 My First JQuery

In this lab, I created my first web page with 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 lang="en" for my <html> tag to make the document for english readers. I typed in <link> and <script> tags that linked my CSS, Javascript, and Jquery file to the HTML file to make the web page work. Inside the <body> tags, I typed in the content of the website. I first typed in <div> tags with class="cntnr" that surrounds the content. Secondly, I typed in <div> tags with the id="Header". Inside the div with id="Header", I typed in <h1>, <h2>, <h3> tags that says Lab 2, the date, and my name. After the div with the id="Header", I inserted 2 <br> tags to make a line break.  So thirdly, I typed in a button that has class="btn" id="imgBtn" and that says "See images of me". After inserting another <br> tag, I typed in an <img> tag to insert the image of me. After two <br> tags, I typed in another button but this time with id="txtBtn" onClick="Fir();" and text that says "See text!". After a <br> tag, I typed in text using <p> tags. After two <br> tags, I typed in yet another button but this time with onClick="Sec();" and text that says "Read More". After a <br> tag, I typed in text using <p> tags.  After that, I typed in <p> tags describing my web page. After the <p> tags, I put a <br> tag and multiple <p> tags describing the functions of the buttons. After each individual <p> tag, I typed in <button> tags that do different jquery forms that make the user input text or commands to get an output. Knowing how to use Jquery is beneficial to a web designer because it enables them to code better websites more freely and productively.

No comments:

Post a Comment