CSCI120 Coastal Carolina University D’Angelo Food Fusion Website Project Return to your Food Fusion website. Our goal is to gain a better understanding of how this website is performing in terms of speed and screen size responsiveness.You should have already completed the Chapter 4 project before this one. As you complete the tasks, youll save your screenshot images into a chapter1/project/images folder. I will link the rest of information. Chapter 1 Project – Using Developer Tools to see How the Website Works
Return to your Food Fusion website. Our goal is to gain a better understanding of how this
website is performing in terms of speed and screen size responsiveness.
You should have already completed the Chapter 4 project before this one. As you complete the
tasks, youll save your screenshot images into a chapter1/project/images folder. Then create an
HTML page called index.html inside the chapter1/project/ folder, and insert all your screenshots,
including paragraphs above each one with the Screenshot name. (Replace X with the
correct letter. Or, even better, put the images in elements with the titles in
elements. See w3schools for more details on these element types.
Setup
Use the appropriate URL to access your Chapter 4 index.html page from the web server, using
the Chrome browser. Open the Chrome Developer Tools (Right-click on page ? Inspect).
Step 1. Examine index.html page elements using Elements tab.
Using the Element Selector option, select the ?nav ?element on your page. Use the Styles to tab
to temporarily modify the nav element by making its background green and text color orange.
You may have to add a style rule here, with the + button. Take a screenshot that shows the
modified page on the left, with the Developer Tool code on the right. Label it? Screenshot A.
Step 2. View the index page as it would appear on various devices, using the Device
toolbar. Take the following screenshots:
? Screenshot B – index page viewed as on iPhone 5, showing the device frame, in portrait
mode
? Screenshot C – index page viewed as on Nexus 6P, showing the device frame, in
landscape mode (rotated)
? Screenshot D – index page viewed on custom Responsive screen, sized at 300px wide
by 500 px tall
Step 3. Examine the network requests associated with retrieving your breakfast.html
page.
Still showing the index page, select the network tab in Developer tools and clear any results.
Take the following screenshots:
? Screenshot E – initial network screen empty, showing no data
? Screenshot F – network screen after choosing the Breakfast menu option from the
index page. The network screen should now show all the requests associated with
retrieving the breakfast page.
? Screenshot G – network screen showing breakfast.html data, sorted by size, with largest
response at the top
? Screenshot H – network screen showing breakfast.html data, sorted by time, with longest
response time at the top
Step 4. View the request sent when you click the survey.html Submit button.
Change pages to the survey page. Fill out the survey. Clear the data from the network tab, and
then click the survey Submit button. The network screen should show the request. Double-click
on the main request to view the details, specifically the Query Parameters section.
? Screenshot I – Query parameters section of the Request, showing your form parameters
and the values you selected.
Step 5.
UPLOAD the entire csci120 directory (and all contents) to the web server.
Purchase answer to see full
attachment
Why Choose Us
Top quality papers
We always make sure that writers follow all your instructions precisely. You can choose your academic level: high school, college/university or professional, and we will assign a writer who has a respective degree.
Professional academic writers
We have hired a team of professional writers experienced in academic and business writing. Most of them are native speakers and PhD holders able to take care of any assignment you need help with.
Free revisions
If you feel that we missed something, send the order for a free revision. You will have 10 days to send the order for revision after you receive the final paper. You can either do it on your own after signing in to your personal account or by contacting our support.
On-time delivery
All papers are always delivered on time. In case we need more time to master your paper, we may contact you regarding the deadline extension. In case you cannot provide us with more time, a 100% refund is guaranteed.
Original & confidential
We use several checkers to make sure that all papers you receive are plagiarism-free. Our editors carefully go through all in-text citations. We also promise full confidentiality in all our services.
24/7 Customer Support
Our support agents are available 24 hours a day 7 days a week and committed to providing you with the best customer experience. Get in touch whenever you need any assistance.
Try it now!
How it works?
Follow these simple steps to get your paper done
Place your order
Fill in the order form and provide all details of your assignment.
Proceed with the payment
Choose the payment system that suits you most.
Receive the final file
Once your paper is ready, we will email it to you.
Our Services
No need to work on your paper at night. Sleep tight, we will cover your back. We offer all kinds of writing services.
Essays
You are welcome to choose your academic level and the type of your paper. Our academic experts will gladly help you with essays, case studies, research papers and other assignments.
Admissions
Admission help & business writing
You can be positive that we will be here 24/7 to help you get accepted to the Master’s program at the TOP-universities or help you get a well-paid position.
Reviews
Editing your paper
Our academic writers and editors will help you submit a well-structured and organized paper just on time. We will ensure that your final paper is of the highest quality and absolutely free of mistakes.
Reviews
Revising your paper
Our academic writers and editors will help you with unlimited number of revisions in case you need any customization of your academic papers