Loading...

Messages

Proposals

Stuck in your homework and missing deadline? Get urgent help in $10/Page with 24 hours deadline

Get Urgent Writing Help In Your Essays, Assignments, Homeworks, Dissertation, Thesis Or Coursework & Achieve A+ Grades.

Privacy Guaranteed - 100% Plagiarism Free Writing - Free Turnitin Report - Professional And Experienced Writers - 24/7 Online Support

New perspectives on html and css tutorial 4 case problem 1

27/10/2020 Client: arwaabdullah Deadline: 7 Days

Complete the following:

1. Using your editor, open the sd_messier_txt.html and sd_effects_txt.css files from the

html04  case1 folder. Enter your name and the date in the comment section of each file, and

save them as sd_messier.html and sd_effects.css respectively.

2. Go to the sd_messier.html file in your HTML editor. Within the document head, create links to

the sd_base.css, sd_layout.css, and sd_effects.css style sheet files in the order listed. Study the

content and structure of the web page and then save your changes to the document.

3. Go to the sd_effects.css file in your editor. Andrew wants you to create a fixed background for the

browser window. Within the HTML Styles section, insert a style rule for the html element to display

the sd_back1.png file as the background image with a width of 100% covering the entire browser

window. Have the background image fixed so that it does not scroll with the browser window.

4. Andrew wants the web page body background to combine several images and effects. Go to

the Body Styles section and create a style rule for the body element that adds the following

backgrounds in the order listed:

a. A background containing the night sky image, sd_back2.png

b. A radial gradient circle with a size extending to the closest corner and placed at the

coordinates (40%, 70%) containing the color white stopping at 15% of the gradient and the

color value rgba(151, 151, 151, 0.5) stopping at 50%

c. A radial gradient circle also extending to the closest corner and placed at (80%, 40%)

containing the color white stopping at 15% and followed by the color rgba(0, 0, 0, 0) at 30%

d. A radial gradient extending to the closest side and placed at (10%, 20%) containing the color

white stopping at 20% and followed by the color rgba(0, 0, 0, 0) stopping at 45%

e. A radial gradient with a size of 5% in the horizontal and vertical directions placed at (90%, 10%)

with the color white stopping at 15% and followed by the color rgba(0, 0, 0, 0) stopping at 40%

f. The background color rgb(151, 151, 151) set as a base for the preceding background image

and radial gradients

5. Within the style rule for the page body, add styles to place box shadows on the left and right

borders. Set the color of the first shadow to rgb(31, 31, 31) with horizontal and vertical offsets

of 30 pixels and 0 pixels and a blur of 45 pixels. Set the second shadow equal to the first except

that the horizontal offset should be –30 pixels.

6. Go to the Navigation List Styles section. Format the hypertext links in the body header by adding

a style rule for the body > header a that adds a 5-pixel outset border with color value

rgb(211, 211, 255).

7. Next, format the appearance of the article title. Go to the Section Left Styles section and create a

style rule for the h1 heading in the left section article that changes the text color to rgb(211, 211,

211) and adds a black text shadow with 0-pixel offsets and a blur size of 5 pixels.

8. Andrew has included an image of Charles Messier, the originator of the Messier catalog of stellar

objects. The image is marked with the id “mportrait”. In the Section Left Styles section, create

a style rule for this object that modifies the appearance of this image by applying the following

filters: a) the drop-shadow filter with a horizontal offset of –15 pixels, a blur of 5 pixels, and a

color of rgba(51, 51, 51, 0.9); b) a grayscale filter with a value of 0.7; and c) an opacity filter with

a value of 0.6.

9. Andrew wants the Charles Messier image flipped horizontally. Add a style to transform the image

by rotating it 180° around the y-axis.

10. Go to the Footer Styles section and create a style rule for the footer element that adds a 2-pixel

solid border to the top edge of the footer with a color value of rgb(171, 171, 171).

11. Save your changes to the style sheet file and then open sd_messier.html in your browser. Verify

that the design of the page resembles that shown in Figure 4-66. Verify that when you scroll

through the web page, the browser window background stays fixed. (Note: Some versions

of Internet Explorer do not support the filter style, which means that you will not see

modifications to the Charles Messier image.)

Homework is Completed By:

Writer Writer Name Amount Client Comments & Rating
Instant Homework Helper

ONLINE

Instant Homework Helper

$36

She helped me in last minute in a very reasonable price. She is a lifesaver, I got A+ grade in my homework, I will surely hire her again for my next assignments, Thumbs Up!

Order & Get This Solution Within 3 Hours in $25/Page

Custom Original Solution And Get A+ Grades

  • 100% Plagiarism Free
  • Proper APA/MLA/Harvard Referencing
  • Delivery in 3 Hours After Placing Order
  • Free Turnitin Report
  • Unlimited Revisions
  • Privacy Guaranteed

Order & Get This Solution Within 6 Hours in $20/Page

Custom Original Solution And Get A+ Grades

  • 100% Plagiarism Free
  • Proper APA/MLA/Harvard Referencing
  • Delivery in 6 Hours After Placing Order
  • Free Turnitin Report
  • Unlimited Revisions
  • Privacy Guaranteed

Order & Get This Solution Within 12 Hours in $15/Page

Custom Original Solution And Get A+ Grades

  • 100% Plagiarism Free
  • Proper APA/MLA/Harvard Referencing
  • Delivery in 12 Hours After Placing Order
  • Free Turnitin Report
  • Unlimited Revisions
  • Privacy Guaranteed

6 writers have sent their proposals to do this homework:

Top Grade Essay
Top Writing Guru
University Coursework Help
Online Assignment Help
Quality Homework Helper
Essay Writing Help
Writer Writer Name Offer Chat
Top Grade Essay

ONLINE

Top Grade Essay

Working on this platform from a couple of time with exposure of dynamic writing skills gathered with years experience on different other websites.

$112 Chat With Writer
Top Writing Guru

ONLINE

Top Writing Guru

I am an Academic writer with 10 years of experience. As an Academic writer, my aim is to generate unique content without Plagiarism as per the client’s requirements.

$110 Chat With Writer
University Coursework Help

ONLINE

University Coursework Help

Hi dear, I am ready to do your homework in a reasonable price.

$112 Chat With Writer
Online Assignment Help

ONLINE

Online Assignment Help

Hi dear, I am ready to do your homework in a reasonable price.

$105 Chat With Writer
Quality Homework Helper

ONLINE

Quality Homework Helper

Hi dear, I am ready to do your homework in a reasonable price.

$112 Chat With Writer
Essay Writing Help

ONLINE

Essay Writing Help

I am a qualified and experienced Writer, Researcher, Tutor, analyst and Consultant. I hold MBA (Strategic Management) (Finance and Marketing) & CPA.K (Accounting and Finance.)

$112 Chat With Writer

Let our expert academic writers to help you in achieving a+ grades in your homework, assignment, quiz or exam.

Similar Homework Questions

6 strip h method - Introduction to programming with c++ pdf liang - Business travel policy pdf - Tj 150 turbojet engine - An inconvenient truth questions and answers - Topic 2 DQ 1 - 2 ethoxy 1 1 dimethylcyclohexane - Neoprene washers home depot - Use raspberry pi to create music file on areggiator - Archer daniels midland and the friendly competitors case study - Fulbright corp uses the periodic inventory system - What Caused the Civil War. Discuss. - Chuck sox makes wooden boxes - 1.5 mm brass tube - April 26 2009 calendar - Choosing a pip topic - Advanced AI techniques - The internship movie discussion questions - Human resource mgt - Highest pitched brass instrument - Scholarly activity summary example - Abdul_rehman_ - Autodesk inventor icons list - Reliability - Jdsu hst 3000 t1 testing - Who were troubadours what was their music like - Chicka chicka boom boom tree template - How does vsepr affect the shape of molecules - Bachelor of neuroscience uq - The coral island sparknotes - Neil ernst and peggy philp - Bank Enterprise Information Security Policy - Canadian solar panels made in china - Describe and evaluate two theories of the formation of relationships - Comparing Research Reports - How to write an introduction for an oral presentation - Special residential zone definition - Discussion Post - Through fruit fly studies geneticists have discovered a segment - CIFDQ2 - The company has its camera and drone assembly facilities in - The angular shape of ozone molecule consists of - Special power of attorney philippines word format - Microsoft fixed asset turnover ratio - American Dream - Apply for special consideration rmit - Letter from birmingham Jail - Film techniques essay example - Abrahamic Roots John Barnes - Combat fire inc manufactures steel cylinders and nozzles - Briefly explain how the upper castes are educated at eton - Case study domestic human resource structures - Why is gain on sale subtracted - What are meters in poetry - Lexical analyzer code in java - 12v to 5v converter jaycar - Mass volume density chart - Assignment 2 – Dissecting a Quantitative Research Report - First they came for the communists poem - Claude monet painting in his studio - Difference between business idea and business opportunity - On her knees analysis - Work-life conflicts became noticeable in the 1980s when ________. - Feminist ethics by alison m jaggar summary - Viburnum odoratissimum emerald lustre - Traditions als 2100 12 gauge value - Cilicaine vk 500mg and alcohol - Thinking Strategically, the National Defense, National Military, National Security Strategies, and JOPES/APEX. - Glandore private kindergarten and child care centre - Reflection Paper - Steps to writing well with additional readings 13th edition - Tahitian bridal veil australia - Power point - Please read carefully - As3008 current-carrying capacity table - Astro malaysia holdings berhad annual report 2011 - The use of prenumbered checks is an example of - Individual professional development plan florida - How to read literature like a professor summary chapter 1 - Technology of the past - When did we see you hungry and feed you - Cirque du soleil las vegas 2014 schedule - 2019 diamond kings team checklist - I am the messenger - Dr mohsen abdel wahab - Crewe flyers swimming club - Counseling professional identity paper - Zeek the geek 2 - Susan e kogler hill team leadership - RESPONSES - Derivative of sin 2x using first principle - 107nurd7 - Cambridge latin course book 1 stage 6 felix translation - Assignment - Gasoline tanker truck specifications - Powerpoint - Slack surplus and artificial variables - Schuster institute for investigative journalism - 7 domains of typical it infrastructure - Help 1