Using a HTML5 Canvas & JavaScript, draw some cartoon on the screen using moveTo, lineTo, fill, stroke, and other JavaScript canvas functions. • Add a link from your portfolio page to the cartoon. • Cartoon page must have a title. Include a link under the canvas to retum to your main page. • You should use an external JS file for your JavaScript code. • Comment the different sections of your cartoon using JS comments, so that someone can easily understand what is being drawn. Your cartoon should include Some caption text (must be written on the canvas) Background color Sun, Moon, Clouds, Water, Mountains, Trees, and/or other background objects Ground color Living Quarters with details (windows, door, etc). Could be a boat, tent, house, spaceship, etc. Use a for loop to draw grass, rocks, fence, ladder, or some other receptive item in the cartoon.

Using a HTML5 Canvas & JavaScript, draw some cartoon on the screen using moveTo, lineTo, fill, stroke, and other JavaScript canvas functions. • Add a link from your portfolio page to the cartoon. • Cartoon page must have a title. Include a link under the canvas to retum to your main page. • You should use an external JS file for your JavaScript code. • Comment the different sections of your cartoon using JS comments, so that someone can easily understand what is being drawn. Your cartoon should include Some caption text (must be written on the canvas) Background color Sun, Moon, Clouds, Water, Mountains, Trees, and/or other background objects Ground color Living Quarters with details (windows, door, etc). Could be a boat, tent, house, spaceship, etc. Use a for loop to draw grass, rocks, fence, ladder, or some other receptive item in the cartoon.

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Similar questions

Give the page a background color, so the transparency shows. Hint: images with transparency are often called isolated images. Good to know when you're searching. You can grab transparent images from https://www.transparentpng.com/. Make sure the page has all of the tags it needs. Use a separate style sheet. GIVE ALL CODES. i will upload it in my server. thank you i will upvote.
In Javascript, Create a mouseOver event function, that will change the colour of an HTML item (i.e. a button or a list item) to green, then to black after 5 seconds
You saved your style options as "webStyle.css" in a subfolder called "styles." What line do you include in the head section of your HTML file to use your styles? <link rel="stylesheet" type="text/css" href="styles/webStyle.css" /> <link rel="stylesheet" href="styles/webStyle.css" /> <link rel="stylesheet" href="webStyle.css" /> <link rel="stylesheet" type="text/css" href="webStyle.css" />
Create a web page that will prompt the user for a color name. Use this color name to write the text “This is your favorite color!”. The fgColor property of the document changes the text color of all text in a document. Use the fgColor property to accomplish this task.
Create the CSS for the wireframe below. Do it CSS in a single file! You will need a <img> tag for your logo and a <ul> list for your menu. Your HTML must conform to HTML standards. You should Ensure/Convert all container measurements are EM, REM or %. Show evidence of one (1) inline style. It is recommended you use the social media bar. Use pseudo class for at least two <li> elements of the nav menu Use CSS animation to create logo fadeIn on page load
Create a web page with your favorite recipes! The recipe book should have a table of contents linking to each recipe below, using internal links. Each recipe should have a table for the ingredients, a list of details, and a list and/or paragraphs of the steps required. If you use recipes from the internet, be sure to add a link to the website. ags Use CSS to style the recipe book, using a mix of the simple selectors and colors that you've learned. Tip: Can't find the images you want in our image selector? You can also bring in images from Wikipedia. To do that, use a site-restricted Google search, then click "View image" on the result you like, and copy the URL into your tag. Work on your project for as long as you'd like, then click this button when you're done. I'm done! k!DOCTYPE html> 2- 's Recipe Book nd 3- Project: Recipe book 4. Contents: 7 8. 1. Recipe #1 10 's Recipe Book Recipe # 11 12 13 Contents: • Time: • Serves:_ 14 Recipe #1 15- A 16 17 Ingredients Quantity 18…
Create a web page that contains three buttons and two images. To meet the requirements follow the instructions given below by writing JavaScript and jquery: When user clicks the “Hide Images” button, both images should be vanished (jquery). When user clicks the “Show Images” button, both images should be appeared again (jquery). When user clicks the swap button, the height of both images should be swapped (JavaScript).
Create another new text file and write the following codes. <html> <head> <link rel="stylesheet" type="text/css" href="test.css" /> </head> <body> <h3> A White Header </h3> <p> This paragraph has a blue font. The background color of this page is gray because we changed it with CSS! </p> </body> </html> Save this file with name MyExternalCSSdemo.html (Run and see the effect.) Create a new folder name – Tutorial -5 Create a two text file inside this folder and name – Tutorial -5.txt for HTML page and ExternalCSS.txt for CSS file Open Tutorial -5.txt as a sublime text (by right click on it) Following tasks to be completed to develop a web page using external CSS. 1. Create an External CSS which should have background colour ‘white’, Header H1 colour ‘black’ and paragraph colour ‘Red’ 2. Web page should have…
I'm not sure what I'm doing incorrectly. When I load up the webpage in a different tab it appears normal. Directions: In the contact.html file, add a class attribute with the value link to the email and address anchor elements.----My Contact.HTML   <!DOCTYPE html> <html lang="en"> <head> <title>Wild Rescues: Contact</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/styles.css" /> <body> <header> <img src="images/baby-hawk.jpg" alt="rescued baby hawk"> </header> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About Us</a></li> <li><a href="partnership.html">Partnership</a><li <li><a…
Minimum Requirements: Your program should at least cover the following minimum required features with respect to the aforementioned different lectures/chapters that we have covered in the CSS module (Lecture/Chapter 10~16). 1. Introducing CSS: • using external CSS, that is one or multiple separate CSS file(s) which is/are used/shared by your HTML code files based on the tag. • in your HTML code create appropriate and different types of CSS selectors, which at least including examples of class and ID selectors. • style (at least assigning font, color, and layout for) all the block level and inline elements in your HTML code using CSS. Since this is an overall requirement, it is better to check it after you finish all the required items listed in this section. 2. Color: • contain at least one distinctive (means for different HTML element) example coming from each of the three common ways (RGB), HEX code, and color name to represent colors. • set different background colors for a whole…
HTML/CSS: How to store the AEG on the draw canvas and clear it? Make sure to use only HTML//CSS for this. Make sure to show the full code with the screensot of the output.
How would you set the only span element on the page to have a CSS property like tihs: class='bigstuff' document.getElementsByTagName("span").setClassname("bigstuff"); document.getElementsByTagName("span")[0].setAttribute("class", "bigstuff"); document.getElementsByTagName("H1")[0].setAttribute("bigstuff", "class"); document.getElementByTag("span")[0].setAttribute("class", "bigstuff")