ASURITE - Project - Submission 4 - Wireframe
.docx
keyboard_arrow_up
School
Arizona State University *
*We aren’t endorsed by this school
Course
300
Subject
Computer Science
Date
Dec 6, 2023
Type
docx
Pages
2
Uploaded by MegaWaterSquid14
CIS 300
Web Design and Development
Project Submission 4 |
Wireframe
Name: _______________________
Student ID: ___________________
Instructions:
Use a computer application or paper/pencil to create a wireframe for a
sample page on your web site that clearly shows the header, navigation, content, and footer
areas. If you are using a graphics application to create a wireframe and save as a .gif or .jpg
file and insert them below. If you are using paper/pencil please either scan your sketches in
or take pictures with your cell phone and insert them below. Images that are not clear and
easy to read will lose points.
Review the rubrics to find out what info is required to be
included in the wireframe.
Below is an example.
Do not add color to the wireframe.
CIS 300
Web Design and Development
Project Submission 4 |
Wireframe
Your preview ends here
Eager to read complete document? Join bartleby learn and gain access to the full version
- Access to all documents
- Unlimited textbook solutions
- 24/7 expert homework help
Related Questions
HTML PROJECT
arrow_forward
design this table web page an html the tag in table
arrow_forward
Create a simple webpage about any famous person using these HTML attributes:Background ColorFont size, color, and faceStyle (bold, italicized, underline, and subscript)Aligning ContentListsUnordered ListDescription ListHref AttributeSrc AttributeTitle Attribute
arrow_forward
Web Programming
Lab - 10
Create a web page as shown below:
Enply San
Departa
Gader
De R ant
When click on Add Row button a new row appended to the table
When click on Delete Row button the last row will be deleted. Before deleting the last
row you need to check the number of rows should be greater than 2 than only the last row
will be deleted otherwise it will give an alert message.
Check below pictures
Employee Name
Phone
Department
Select Department OMale OFemale
Gender
Select Department OMale OFemale
Select Department vOMale OFemale
Select Department v OMale OFemale
Add Row
Delete Row
Submit
When clicked Add Row button 3 times
Employee Name
Gender
Department
Select Department ♥
Select Department
Phone
OMale OFemale
OMale OFemale
Add Row
Delete Row
Submit
When clicked Delete Row button 2 times
++ C O CeOPCIONDestepDena
A O senng G Gong OMAN OE
This page says
Empleyee Name
Phone
Thee houl e t oe
Departest
Eeled Depa
Ad Re
Delete RewSubet
When try to delete the last row
arrow_forward
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"
arrow_forward
Write an HTML/javaScript code needed to design the following web page (figure1), when user click
on the button the information filled in the form will show as shown in figure 2
Name
Address
Click to show table
Figure-1
Name
Address
Click to show table
Student information
Name
Student Name will appear here
Address
Student Address will appear here
Figure-2
arrow_forward
Transcribed Image Text
Write an HTML program to design the following table in your web page
arrow_forward
As a Cascading Style Sheets (CSS) file is created, _________ should be included about each rule to identify its purpose.
arrow_forward
Prior to HTML 5, sections were identified with:
the section element and the name attribute
the div element and the id attribute
the article element and the section attribute
the aside element and the id attribute
To mark content that is related to the main article, use
the sidebar element
the extraContent element
the aside element
the section element
Which of the following marks the content as emphasized text?
<i>Daily Special</i>
<em>Daily Special</em>
<strong>Daily Special</strong>
<b>Daily Special</b>
Which of the following should be used to mark the text string “H2SO4”?
H<lower>2</lower>SO<lower>4</lower>
H<sup>2</sup>SO<sup>4</sup>
H<code>2</code>SO<code>4</code>
H<sub>2</sub>SO<sub>4</sub>
Which of the following links the HTML file to the CSS style sheet file, mystyles.css?…
arrow_forward
html/css/ javascript
1.In this project, you will have to design a survey form that includes relevant questions like name, age, email, address, contact number, and other questions, depending on the type of company or organization you are shaping the form. You should brainstorm a survey idea and come up with at least 10 other fields for which to gather information in addition to the 5 mentioned.
2.Only up to 5 questions should be displayed on each page
3.• At least 2 of the questions should be conditional, meaning they will only be displayed dependent upon the responses to a previous question
4.When the survey ends, the user should receive a page or notification of this fact and direct them to another page.
JavaScript elementso global variableso window.alert() method using onclick attributeo document.write methodo Conditional statement (if, case, etc)o Specifying 1 or more event handlers with the addEventListener() methodgetElementByID or getElementByTagName or getElementsByNameo…
arrow_forward
Create a mockup of your personal website and your first home page. Your personal website should contain at least three pages (HTML documents). Your mockup should contain mockups of each HTML document. You should follow a similar format as the sample mockup provided here . Your 5-6-page document should include the following:
A description of the site's organizational structure.
A description of each page that you'd like to add to the site and its specifications, including color schemes, the size of logos and images, and the fonts being used.
Create your first home page. Your home page must include the following elements:
At least one heading.
At least two paragraphs.
My interests include small animal rescue and rehoming for Guinea Pigs. Thanks!
arrow_forward
WEB TECHNOLOGY
Assume a web page contains header div and a content div below it. Header has its sub elements like logo, title and 3 links. Content div will be with its sub elements like div, headings and paragraphs.Write html code along with the style of all these elements that existing on the page in external style sheet.
arrow_forward
Create a web page as shown below. Which includes:
Background image Navigation bar
& table (Service 1, Service 2 etc.)
Each Service should display different text-color and background-color when you mouse over it. (Hint: use Hover property on services)
arrow_forward
how to do this exercise?
Halloween 11 Create a product page
In this exercise, you’ll create a product page that uses a variety of features for working with images. When you’re through, the page should look similar to this:
Specifications:
• To create the product page, you can copy the index.html file you worked on in exercise 7 to the products folder and rename it cat.html. Then, you can delete the content from the section, modify the URLs on the page as necessary, and add the content shown above.
• Create a new style sheet named product.css for the product page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the cat.html file so it points to the correct style sheet.
• Modify the horizontal navigation menu so it indicates that no page is current.
• In the section, float the image to the left of the text. In addition, set the left margin for the text so if the product description is longer, the text won’t…
arrow_forward
Computer Science
Create a site structure for a home page that will inform people about various zoos in the United States. Do not focus on only one region. You are to have a banner image with an overlay that displays your name plus the words “Zoos to be Seen”. The banner image must be of your own design. If you do not have PhotoShop you can download and use Gimp for free. You must have a nav section that is contained in, or underneath, the header section. (Lookup HTML semantic elements on W3Schools) You are to have a page narrative that discusses the reasons for zoos and the benefits of maintaining zoos for both the animals and the people that visit. Your narrative must be extensive and fill a majority of the page. It must be in your own words. Lorem Ipsom text is not acceptable. You must use fonts that are obtained from another source. (Google fonts) You must use at least three HTML5 semantic elements in your page design. (Lookup HTML5 semantic elements on W3Schools) You must have…
arrow_forward
Criteria to include on page: A div that is centered at the top of each page for the title of the site (mine below is “ResumeMohammed Alazawi”)
A div that is centered and visible (acts as a buffer) and contains within it three divs that arecentered and horizontally next to each other (for me, it is the pink, green, and yellow divs).o Tip: to center the three divs, put them in another centered div (below the red div iscentered and there is another div centered in that which you cannot see, but it is justacting as a container for the pink, green, and yellow divs)
Link to all of your other pages. These links should have pseudo classes assigned so that the colorof the link varies depending on if the user is hovering, it is active, visited, or if it is just a link. Inaddition, place the “title” attribute in the anchor tag and see what happens (Google titleattribute HTML if you are having trouble. The first result should be a w3 schools site, which wehave all seen before. This will have…
arrow_forward
create a gym or business website with three (3) linking pages, and form
validation. You will be required to use your creativity. Keep it appropriate please.
Your first page is your index page (It MUST be called index.html)
o It should be an overall general summary of your "gym" or "business", services
offered, etc.
Your second page is completely up to you as long as it relates to the gym theme
Your third page should be a form that a user must fill out, like a membership form, with
JavaScript alerts that let the user know when the form is not done completely.
Must have the use of the following tags
Line break
Horizantal Rule
Paragraph
List (just one is fine)
o Ordered or
o Unordered
Links
Headings
• Images
• Title
Table
• Style (You MUST use CSS)
Form
Buttons
Clear Form
o Submit Form
Input
Radio buttons
o Checkboxes
o Drop-down boxes
Script
o Form validation
O Alert boxes
• Contact Info at the bottom (address of the gym)
Also:
You can use w3schools for reference
Put your name in a…
arrow_forward
SEE MORE QUESTIONS
Recommended textbooks for you
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
Related Questions
- HTML PROJECTarrow_forwarddesign this table web page an html the tag in tablearrow_forwardCreate a simple webpage about any famous person using these HTML attributes:Background ColorFont size, color, and faceStyle (bold, italicized, underline, and subscript)Aligning ContentListsUnordered ListDescription ListHref AttributeSrc AttributeTitle Attributearrow_forward
- Web Programming Lab - 10 Create a web page as shown below: Enply San Departa Gader De R ant When click on Add Row button a new row appended to the table When click on Delete Row button the last row will be deleted. Before deleting the last row you need to check the number of rows should be greater than 2 than only the last row will be deleted otherwise it will give an alert message. Check below pictures Employee Name Phone Department Select Department OMale OFemale Gender Select Department OMale OFemale Select Department vOMale OFemale Select Department v OMale OFemale Add Row Delete Row Submit When clicked Add Row button 3 times Employee Name Gender Department Select Department ♥ Select Department Phone OMale OFemale OMale OFemale Add Row Delete Row Submit When clicked Delete Row button 2 times ++ C O CeOPCIONDestepDena A O senng G Gong OMAN OE This page says Empleyee Name Phone Thee houl e t oe Departest Eeled Depa Ad Re Delete RewSubet When try to delete the last rowarrow_forwardlanguage: 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"arrow_forwardWrite an HTML/javaScript code needed to design the following web page (figure1), when user click on the button the information filled in the form will show as shown in figure 2 Name Address Click to show table Figure-1 Name Address Click to show table Student information Name Student Name will appear here Address Student Address will appear here Figure-2arrow_forward
- Transcribed Image Text Write an HTML program to design the following table in your web pagearrow_forwardAs a Cascading Style Sheets (CSS) file is created, _________ should be included about each rule to identify its purpose.arrow_forwardPrior to HTML 5, sections were identified with: the section element and the name attribute the div element and the id attribute the article element and the section attribute the aside element and the id attribute To mark content that is related to the main article, use the sidebar element the extraContent element the aside element the section element Which of the following marks the content as emphasized text? <i>Daily Special</i> <em>Daily Special</em> <strong>Daily Special</strong> <b>Daily Special</b> Which of the following should be used to mark the text string “H2SO4”? H<lower>2</lower>SO<lower>4</lower> H<sup>2</sup>SO<sup>4</sup> H<code>2</code>SO<code>4</code> H<sub>2</sub>SO<sub>4</sub> Which of the following links the HTML file to the CSS style sheet file, mystyles.css?…arrow_forward
- html/css/ javascript 1.In this project, you will have to design a survey form that includes relevant questions like name, age, email, address, contact number, and other questions, depending on the type of company or organization you are shaping the form. You should brainstorm a survey idea and come up with at least 10 other fields for which to gather information in addition to the 5 mentioned. 2.Only up to 5 questions should be displayed on each page 3.• At least 2 of the questions should be conditional, meaning they will only be displayed dependent upon the responses to a previous question 4.When the survey ends, the user should receive a page or notification of this fact and direct them to another page. JavaScript elementso global variableso window.alert() method using onclick attributeo document.write methodo Conditional statement (if, case, etc)o Specifying 1 or more event handlers with the addEventListener() methodgetElementByID or getElementByTagName or getElementsByNameo…arrow_forwardCreate a mockup of your personal website and your first home page. Your personal website should contain at least three pages (HTML documents). Your mockup should contain mockups of each HTML document. You should follow a similar format as the sample mockup provided here . Your 5-6-page document should include the following: A description of the site's organizational structure. A description of each page that you'd like to add to the site and its specifications, including color schemes, the size of logos and images, and the fonts being used. Create your first home page. Your home page must include the following elements: At least one heading. At least two paragraphs. My interests include small animal rescue and rehoming for Guinea Pigs. Thanks!arrow_forwardWEB TECHNOLOGY Assume a web page contains header div and a content div below it. Header has its sub elements like logo, title and 3 links. Content div will be with its sub elements like div, headings and paragraphs.Write html code along with the style of all these elements that existing on the page in external style sheet.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Programming with Microsoft Visual Basic 2017Computer ScienceISBN:9781337102124Author:Diane ZakPublisher:Cengage LearningNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:CengageNew Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
- COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L