CYB_240_Module_One_Bailey_Holly

language: HTML   Create a responsive webpage for food items. there are three requirements 1: when the user hovers over the item name ('item 1') the details of the item should be displayed. the text should return back to the original (aka from the food description to the food name ) after the mouse pointer moves away   2. When the user clicks 'add to cart' for an item, the 'cart total' is updated, and the button to add the item to the cart is disabled so that it cannot be added twice. 3. the user can input an amount into the 'confirm purchase' section and click the button. If the amount is less than the 'cart total', the following alert should be shown:  "payment amount is less than cart total" otherwise: "payment complete"

A02-02 Create a webpage A2-Task2.html. The webpage is displaying one image. Each time the user moves the mouse out of the image, the image is changed to another one and one more 'sun' emoji is displayed under the image. When the number of 'suns' reaches seven (7), all suns are deleted (reset) and start to be displayed again. For example, the 8th time user moves the mouse out of the image, one 'sun' is shown, the 9th time - two 'suns', and so on. Note: - You should use two images. Each time the user moves the mouse out of the image, the image is changing. If an image of "Winter" is displayed it will change to "Summer", and opposite, if an image of "Summer" is displayed it will change to "Winter". The special character code for the 'sun' is "☀". - Put the source code of your website A2-Task2.html here. Make sure you also upload the A2-Task2.zip of all files below.

JavaScript

Exercise 3 – XHTML and JavaScriptUsing XHTML and JavaScript you have create a web page that allows users to choose the colour and design of a sofa (see figure 1). Figure 1: Sofa personalisation web pageThe document begins with a heading level 4 (Choose the colour you would like:), which is followed by a group of 4 radio buttons, labelled Red, Blue, Orange and Green. Whenever a button is selected by the user, an alert message must be produced stating the chosen colour (see figure 2).  Figure 2: A message is displayed in response to selecting a radio buttonThen the document contains another heading level 4 (Choose the design you would like:), which is followed by 3 buttons. When clicked each button changes the image which is displayed below. For example, when the “Design 2” button is pressed, the image changes to show the second sofa design (see figure 3).  Figure 3: the “Design 2” button is pressedAdditionally there is a text box above the image, which displays the currently chosen…

Design  HTML Form in javascriptApply the data validation :1. Mobile number field data must be a numeric data and not less than 8 digits,2. The email field must accept the data which must contain the character '@' and dot (.). Andthe character @ must not be the first character and the last dot must at least be onecharacter after the @.On submitting the form, If all these validations are followed, another Html page.

Links 2 Hyperlinks (links), are text or images you can click on a webpage that jump you to another page. Anytime you use a website, you are using links to get from one page to the next. You can add a link by using the anchor ( a ) tag. In order to make your link work, you need to add an attribute to your a tag. An attribute is extra information added to the inside of the opening tag to make it work properly. They follow this general pattern: For links, you need to add where the link goes using the href (hypertext reference) attribute. All together your link should look something like this: My Other Page Let's try linking to the secondFile.html to see links in action! Task = Add a link to secondFile.html around the "Click me" text in your paragraph, then try clicking on your link!

web

Proframming language html css java script

HTML PROJECT

CSS , Javascript A game with blocks Make a simple game that takes place on a 3 × 3 grid as shown on the below image. Blocks are denoted by letters from A to H and are initially shuffled. The player can drag a chosen block to the empty field. Only one block can reside on a field at any time. When blocks are sorted alphabetically A – H the game is finished. sample code:<!DOCTYPE html><html> <title>Boxes</title> <style> .box {display: flex;float: left;width: 100px;height: 100px;border: 2px solid red;justify-content: center;align-items: center;margin: 5px;}.item { display: flex;width: 90px;height: 90px;background-color: seagreen;justify-content: center;align-items: center;font-size: 50px;color: yellow;user-select: none;} </style> <script> function itemDragStart(event) {console.log("Dragging", event.target.id);event.dataTransfer.setData("text", event.target.id);}   function itemDragOver(event) {var targetBox = event.target;console.log("drag over",…

Use Cases and User Stories any other relevant articles you may find on the Internet, write a report that discusses the advantages and disadvantages of Use Cases and User Stories, under different circumstances. Provide at least five different references for the points you are making, and provide a Works Cited list, using APA style for both references and Works Cited. The body of the report should be at least 1600 words long (not including references and Works Cited) Your report should have the following sections: 1. Introduction 2. Similarities and differences between User Stories and Use Cases a. Similarities b. Differences 3. When and how to use User Stories, Use Cases, both, and neither a. Under what conditions should we use User Stories b. Under what conditions should we use Use Cases c. Under what conditions should we use both d. Under what conditions should we use something else to determine requirements 5. Summary 6. Works Cited

Q1) Website browsers have become extremely performance efficient over the years, therefore, it’s now possible to perform parallel web browsing by opening multiple tabs within one browsing window. This has raised an issue for the design part as when a user start opening multiple tabs the access bar gets narrower and in extreme cases the description of tab gets invisible, which makes it difficult for the user to go back to the specific tab. Please propose an improved design solutions respectively for novice, intermediate and expert users.

Q2 Design a web page (name it q2.html), which uses Bootstrap framework, to display the following sentence: Web Development for Mobile Devices. The sentence should appear as heading1 (i.e., hl) with font size 60 points and red border of 8px thickness if the page to be displayed on PC screen. If the page is displayed on a tablet screen, the sentence should appear as heading 3 with font size 30 points and blue border of 5px thickness. Finally, if the page displayed on mobile screens, then the sentence must not be displayed, and replaced with the sentence (Too small screen!) in "red" text color: Q3 Analysis, and Comments. The tab-page of Result tab must include three cards of three different must appear horizontally in one line for small and larger screens, and vertically for mobile screens. items (of your own selection). The card includes Title, Picture, and Price (in JD) of that item. The cards The tab-page of Analysis tab includes a table of three columns (with titles of your own…

Lecture 3 Java Script (Introduction) Lab Exercisel Design a web page to and display the text "Welcome to Oman" using java script. Try the different methods of including javascript into a web page. Lab Exercise 2 Find the HTML element (with id%3"demo"), and changes the element content (innerHTML) to the current date and time value: cre Lab Exercise 3 Find the HTML element (with id%3D"demo"), and changes the element content (innerHTML) to "Hello JavaScript": Lab Exercise 4 Design one HTML page with that will print the sum and product of two integer numbers with the help of javascript variables. Lab Exercise 5 Program to demonstrate the use of javascript Alert box. Lab Exercise 6 Program to demonstrate the use of javascript Confirm box. Lab Exercise 7 Program to demonstrate the use of javascript Prompt box. Page 4 of 8

Design HTML Form.javascraptApply the data validation as follows:1. Mobile number field data must be a numeric data and not less than 8 digits,2. The email field must accept the data which must contain the character '@' and dot (.). Andthe character @ must not be the first character and the last dot must at least be onecharacter after the @.On submitting the form, If all these validations are followed, another HTML page (value of theaction attribute of the above HTML page) must be displayed your data is submitted successfully.

A Radio Button is a way to restrict users to having only one choice. Examples are: Male/Female, Yes/No, or answers to surveys and quizzes Write a script using HTML form elements and PHP codes that will return the value a Radio Button that has a value of "Male" and a second Radio Button has a value of “Female”. A code should be added to detect if the user clicked the Submit button

a programmer wants to have a video file on his website the video should start playing as soon as user opens a web page on which the video has been inserted the blank element will be used to process information to the video file

The highlighted option is incorrect fyi.

Javascript   You are going to add some javascript to your webpage to greet the user. All the below instructions can be found with further explanations in the Javascript lectures.   If you do not already have them, add two <h1> title tags so they display at the top of your webpage The first tag should have the contents: “Welcome” The second tag should have an id='username' and contents: “Placeholder” All Javascript must go in a file with the extension “.js”, such as “main.js” or “script.js”. Create a file to hold your javascript if one is not already there. Add a script tag at the end of your body tag that includes your javascript file. In your script tag, use the javascript prompt command to save input from the user into a variable Ask the user their name in the prompt command You can name the variable whatever you like  Change the second <h1 id=’username’> contents to the name entered by the user  it should be stored in the variable you created