Homework Assignment_Lab2_02072024-1
.docx
keyboard_arrow_up
School
University of Houston *
*We aren’t endorsed by this school
Course
4333
Subject
Computer Science
Date
Feb 20, 2024
Type
docx
Pages
8
Uploaded by 1140age254
Homework Lab 2 Assignment: On-Page Optimization
List Your Group# and Names
: Objective
:
For this assignment, you will be analyzing on-page elements and recommending ways to optimize.
Instructions:
Follow the steps below to complete the on-page optimization project.
Submission:
Upload the completed worksheet in Canvas. Be sure to include your group # and names.
Step 1
Download the free version of Screaming Frog (
download free version
)
Step 2
Perform a “Spider” mode crawl of either the Brazos Bookstore or the Groove Music School website. After the crawl, the right-hand ‘overview’ tab will have a summary of crawl data. Explore the data in the overview tab and identify potential errors and issues. List at least 3 issues
.
Websites options:
https://www.brazosbookstore.com/
https://www.groovemusicschool.com/
Website used
Issue
1)
2)
3)
Step 3
For the following questions, crawl either Brazos Bookstore or Groove Music School to find an example of
a page on that site that has elements that are not optimized
. Feel free to use different pages for each of the elements. Fill out the chart below.
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
Android Studio Java
Create a detailed plan to implement the app and submit this file
The plan should include at least
App Feature Description (graph if needed)
Tech Difficulty
Solution to Each Difficulty in Detail (tutorial/image if needed)
Version of Approach
2. Layout of a simplified version
Create an android app and do layout only
Climacons.ttf for weather condition icons
Fixed weather values, no function
As close as possible
Ignore the page indicators (4 dots) at the bottom
Layout should look properly on different screens
Submit .xml file and screenshot
arrow_forward
HTML PROJECT
arrow_forward
Intro/Homepage: This first case will be used to give the user the first look at what the whole project is about. They see the beginning stage and interact with all the links to the movies, characters, and descriptions.
Browse MCU Shows: This case will be for the customers and users to be able to navigate through the feature and see what they are specifically. They can use it to find which exact Marvel Cinematic Universe movie/show they wish to watch and see what character they like.
View MCU Movie Details: This case will be for users to get more information about specific Marvel movies/shows. It will give more details like the cast, the run time, the review score, the characters involved and etc.
I need help making an ARCHITECTURAL DESIGN, DECOMPOSITION DESCRIPTION, DESIGN RATIONALE, and HUMAN INTERFACE DESIGN for the use cases above for a website I am making.
Thank you.
arrow_forward
Home page: There should be at least 3 blog posts.
• About
Contact
Each blog post should include a title, picture and information (3 to 4 sentences).
o Name
o Email address spelled out
o
(E.g. mschou100 at yahoo dot com instead of mschou100@yahoo.com)
Embedded Google Map (you may use the school address)
arrow_forward
Q3: No hand writing:
Using HTML5, create the following table by adding your courses and grades
Notes:
You must copy and paste the “HTML script” as your answer for this question. DON’T take screen shot for your HTML script. It must be editable script.
Take a screen shot of your table and paste it as a part of your answer.
The average is the sum of the grades divided by 6.
arrow_forward
Task 1
In this task, the list items are the navigation for a site. They should be laid out as a row, with an equal
amount of space between each item.
Your final result should look like the image below:
Home
About Us
Our Products
Try updating the live code below to recreate the finished example:
Contact Us
arrow_forward
Complete the following webpage assignment.
Assignment Instructions:
Design a webpage to simulate a Blog. The website must have a banner image and a featured image with multiple resolutions to be active at different resolution breakpoints just as discussed in this
lesson. Include a jQuery script in your project to further enhance the user experience. Use one of the CDN libraries. The script is up to your discretion though you must be able to justify its use. The
blog page must be aesthetically pleasing and follow a traditional blog structure. It may help to look at the many WordPress templates available on the net.
arrow_forward
True or False: A Click event is not generated by the HyperLink control.
arrow_forward
Course Title: Mobile Application Development
Please Code in "Android Studio" and Output Screen Shot
Question :
Develop a Simple Android Application that uses Layout Managers and Event Listeners. Write down the code and also display output. Take down the screenshot and paste down along with source code. Follow the instructions below to complete the task:
Use linear layout and grid layout
Use action event and event listeners
Manage result string and a calculation history string
Apply click event on result string to fill up first input with result value
arrow_forward
Course Title: Mobile Application Development
Please Code in "Android Studio" and Output Screen Shot
Question :
Develop a Simple Android Application that uses Layout Managers and Event Listeners. Write down the code and also display output. Take down the screenshot and paste down along with source code. Follow the instructions below to complete the task:
Use linear layout and grid layout
Use action event and event listeners
Manage result string and a calculation history string
Apply click event on result string to fill up first input with result value
arrow_forward
web development
arrow_forward
How to do this exercise.
Halloween 13 Create a page that uses a form.
In this exercise, you’ll create a page that includes a form for joining an email list. In addition, you’ll create a page that’s displayed when the form is submitted. When you’re through, the pages should look similar to this:
Specifications for the email form:
• Create a new page named email.html in the root folder for the project. Then, copy the code for the basic page elements, as well as for the header, footer, and sidebar, from the page for exercise 7.
• Modify the horizontal navigation menu so it indicates that the email page is the current page.
Create a new style sheet named email.css for the email 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 email.html file so it points to the correct style sheet.
• Add the heading and the form element to the section. Code the form element so a form named subscribe.html in the root…
arrow_forward
True or False : The HyperLink control does not generate a Click event.
arrow_forward
That answer is wrong. Can you please read the instructions.
arrow_forward
534470.3640684.qx3zqy7
Start
This challenge activity consists of a series of auto-generated, randomized questions allowing unlimited submissions. You must
correctly answer a question at each level before proceeding to the next level. The purpose of this first level is to familiarize
yourself with how the autograder works.
1. Click the "Start" button to begin the challenge activity.
2. Copy the code provided and paste the code into the code window. The following code uses scnr.nextInt () to read in a
value for variable numCarrots. Then, uses System.out.println () to output the value of numCarrots, followed by "
carrots" and a newline.
numCarrots = scnr.nextInt ();
System.out.println (numCarrots + " carrots");
3. Click the "Check" button to test your code. Our autograder automatically runs your program several times, testing different
input values each time to ensure your program works for any values. An explanation is also provided.
Note: You can only edit lines where the line number…
arrow_forward
DO NOT COPY FROM OTHER WEBSITES
Correct and detailed answer will be Upvoted else downvoted. Thank you!
arrow_forward
If you make a change to a razor layout, the change will automatically affect all the views that use it
Question 36 options:
a) True
b) False
What is true about self-contained views?
Question 37 options:
a)
None of the answers is true
b)
They allow the all the website pages to have a consistent look
c)
They use the default layout (i.e. their layout is set to _layout)
d)
They are very practical in real project with a lot of pages
arrow_forward
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!
arrow_forward
Instructions
Blood pressure monitor: Over the following three chapters, we will create an app that monitors blood pressure. You can model the app based on the Thyroid app. In this chapter, we will create the skeleton of the app, similar to the Thyroid app. Now, just create the pages and the links to navigate between them; you will implement the functionality of the pages in later chapters. The app will have
A password-based entry page.
A page to get basic information about the person such as name, date of birth, and health insurance card number, along with an ability to change the password.
A menu page with four choices
An option and corresponding page to allow you to change the basic information about the person.
An option and corresponding page to enter data—blood pressure.
An option and corresponding page to graph the data.
An option and corresponding page to make recommendations based on the values of blood pressure.
Note: post solution not steps. I need the code.
arrow_forward
Android Studio:
Relative layouts are the newest and most flexible layout manager. They reduce the need for have multiple levels of layouts in an Activity or Fragment? True or False?
arrow_forward
In javascript
Create and design any web page of your choosing.
You must use the following methods to select elements on your webpage and dynamically change one of their style settings:
getElementsByTagName()
getElementsByClassName()
querySelector()
querySelectorAll()
You must use the following functions to demonstrate creating elements dynamically. These elements must be visible in the web browser.
createElement()
appendChild()
cloneNode() with no children cloned
cloneNode() with children cloned
insertBefore()
You must dynamically remove a node that you added to the original html file.
You must dynamically set at least three windows object properties:
You must add a button that when clicked calls the window object open function and opens a link to another page such as Amazon or CNN.
You must add another button that when clicked calls the window object open function using at least 5 of the options for the open function and opens a link to another page such as Amazon or CNN.…
arrow_forward
Design.
arrow_forward
Html
arrow_forward
using flexbox css html coding
arrow_forward
True or False
The CSS property “margin” defines the space outside the element’s border.
Inline style placed inside an html element’s tag takes precedence over an external stylesheet
Multiple html elements can share and be styled with the same ID.
A single external CSS stylesheet can be used to style multiple HTML documents.
The <ul> element is used to create an automatically numbered list.
Setting a hyperlink’s target attribute to “_blank” opens the referenced URL in a new tab.
arrow_forward
using flexbox css html coding
arrow_forward
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
arrow_forward
SEE MORE QUESTIONS
Recommended textbooks for you
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
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
Related Questions
- Android Studio Java Create a detailed plan to implement the app and submit this file The plan should include at least App Feature Description (graph if needed) Tech Difficulty Solution to Each Difficulty in Detail (tutorial/image if needed) Version of Approach 2. Layout of a simplified version Create an android app and do layout only Climacons.ttf for weather condition icons Fixed weather values, no function As close as possible Ignore the page indicators (4 dots) at the bottom Layout should look properly on different screens Submit .xml file and screenshotarrow_forwardHTML PROJECTarrow_forwardIntro/Homepage: This first case will be used to give the user the first look at what the whole project is about. They see the beginning stage and interact with all the links to the movies, characters, and descriptions. Browse MCU Shows: This case will be for the customers and users to be able to navigate through the feature and see what they are specifically. They can use it to find which exact Marvel Cinematic Universe movie/show they wish to watch and see what character they like. View MCU Movie Details: This case will be for users to get more information about specific Marvel movies/shows. It will give more details like the cast, the run time, the review score, the characters involved and etc. I need help making an ARCHITECTURAL DESIGN, DECOMPOSITION DESCRIPTION, DESIGN RATIONALE, and HUMAN INTERFACE DESIGN for the use cases above for a website I am making. Thank you.arrow_forward
- Home page: There should be at least 3 blog posts. • About Contact Each blog post should include a title, picture and information (3 to 4 sentences). o Name o Email address spelled out o (E.g. mschou100 at yahoo dot com instead of mschou100@yahoo.com) Embedded Google Map (you may use the school address)arrow_forwardQ3: No hand writing: Using HTML5, create the following table by adding your courses and grades Notes: You must copy and paste the “HTML script” as your answer for this question. DON’T take screen shot for your HTML script. It must be editable script. Take a screen shot of your table and paste it as a part of your answer. The average is the sum of the grades divided by 6.arrow_forwardTask 1 In this task, the list items are the navigation for a site. They should be laid out as a row, with an equal amount of space between each item. Your final result should look like the image below: Home About Us Our Products Try updating the live code below to recreate the finished example: Contact Usarrow_forward
- Complete the following webpage assignment. Assignment Instructions: Design a webpage to simulate a Blog. The website must have a banner image and a featured image with multiple resolutions to be active at different resolution breakpoints just as discussed in this lesson. Include a jQuery script in your project to further enhance the user experience. Use one of the CDN libraries. The script is up to your discretion though you must be able to justify its use. The blog page must be aesthetically pleasing and follow a traditional blog structure. It may help to look at the many WordPress templates available on the net.arrow_forwardTrue or False: A Click event is not generated by the HyperLink control.arrow_forwardCourse Title: Mobile Application Development Please Code in "Android Studio" and Output Screen Shot Question : Develop a Simple Android Application that uses Layout Managers and Event Listeners. Write down the code and also display output. Take down the screenshot and paste down along with source code. Follow the instructions below to complete the task: Use linear layout and grid layout Use action event and event listeners Manage result string and a calculation history string Apply click event on result string to fill up first input with result valuearrow_forward
- Course Title: Mobile Application Development Please Code in "Android Studio" and Output Screen Shot Question : Develop a Simple Android Application that uses Layout Managers and Event Listeners. Write down the code and also display output. Take down the screenshot and paste down along with source code. Follow the instructions below to complete the task: Use linear layout and grid layout Use action event and event listeners Manage result string and a calculation history string Apply click event on result string to fill up first input with result valuearrow_forwardweb developmentarrow_forwardHow to do this exercise. Halloween 13 Create a page that uses a form. In this exercise, you’ll create a page that includes a form for joining an email list. In addition, you’ll create a page that’s displayed when the form is submitted. When you’re through, the pages should look similar to this: Specifications for the email form: • Create a new page named email.html in the root folder for the project. Then, copy the code for the basic page elements, as well as for the header, footer, and sidebar, from the page for exercise 7. • Modify the horizontal navigation menu so it indicates that the email page is the current page. Create a new style sheet named email.css for the email 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 email.html file so it points to the correct style sheet. • Add the heading and the form element to the section. Code the form element so a form named subscribe.html in the root…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE LNp 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 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
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