Intermediate CSS Concepts

Learning Goal: I’m working on a html / css exercise and need a sample draft to help me learn.


In this activity, you will refine your ability to position elements on the page with precision by working with intermediate-level CSS tags. Resources to help you are included in the activity guidelines document.

Overview: Web designers use CSS to control the layout, organization, and alignment of elements on a webpage. In this activity, you will position elements on the page with precision by using intermediate-level CSS tags.

Prompt: For the purposes of this exercise, you will start with the “after” (or finished) version of the index.html file and add several additional pieces of content and styles based on what you have learned from the module resources on how the index.html and site.css files were edited and expanded to create the final version of a webpage.

Specifically, the following critical elements must be addressed:

I. Position a logo using the fixed class selector.

II. Position a graphic using the float class selector.

III. Create an inline box on your webpage. Guidelines for Submission:

You must submit the zipped folder you created as a result of this activity, including all of your files for your webpage.

Overview: The final project for this course is the creation of a website. Just as it is important to have a high-level plan for the content and rough design of your final project website, it is equally important to plan in a slightly more detailed fashion for the overall site structure and navigation for your site. As a reminder, your final project website should consist of at least five different pages and should showcase most of the features that you will learn throughout the course. Note: You may complete this assignment in a separate Word document.

If you choose to do so, be sure to number your responses to match the questions provided in the worksheet.

1. Proposed Site Structural Theme Information on websites at times makes more sense when the pages are arranged in sequences (e.g., sequential ordering in terms of chronology, general to specific content, alphabetically) or in hierarchies (e.g., a landing page “hub,” with the subpage “spokes” extending in no particular order from that hub). While the majority of websites across the internet employ the hierarchical structural theme, there are instances where a more linear and sequenced site structural theme makes more sense. In 2–3 sentences, explain which structural theme you plan to use on your final project website and why you think that is the best approach for your site.

2. Proposed Site Structure In the embedded object below, sketch out a potential structure for your final project website. Remember that your site structure is still very fluid at this point. Be sure to balance logical and feasible considerations when making your choices. You may either select the object, copy/paste to duplicate existing text boxes and lines, and then drag them around to your liking, or you may click on the Insert tab on Word’s ribbon and select the shapes you wish to use under the Shapes menu. A “home page” box linked to a page has already been included to get you started. Home Page Secondary Page

3. Proposed Site Navigation Wireframe In the field below, provide a brief overview of your proposed navigational wireframe. Name at least five specific pages (e.g., Home or About This Site) and provide a brief, 1- to 2-sentence description of what kind of content each page will offer (for example, About This Site informs visitors about the products my uncle’s business sells, along with some company background). You may separate your page names and descriptions with semicolons. Remember, this does not have to be “set in stone” yet. It will likely change as you continue to plan, design, and build your site.

Place your order
(550 words)

Approximate price: $22

Calculate the price of your order

550 words
We'll send you the first draft for approval by September 11, 2018 at 10:52 AM
Total price:
The price is based on these factors:
Academic level
Number of pages
Basic features
  • Free title page and bibliography
  • Unlimited revisions
  • Plagiarism-free guarantee
  • Money-back guarantee
  • 24/7 support
On-demand options
  • Writer’s samples
  • Part-by-part delivery
  • Overnight delivery
  • Copies of used sources
  • Expert Proofreading
Paper format
  • 275 words per page
  • 12 pt Arial/Times New Roman
  • Double line spacing
  • Any citation style (APA, MLA, Chicago/Turabian, Harvard)

Our guarantees

Delivering a high-quality product at a reasonable price is not enough anymore.
That’s why we have developed 5 beneficial guarantees that will make your experience with our service enjoyable, easy, and safe.

Money-back guarantee

You have to be 100% sure of the quality of your product to give a money-back guarantee. This describes us perfectly. Make sure that this guarantee is totally transparent.

Read more

Zero-plagiarism guarantee

Each paper is composed from scratch, according to your instructions. It is then checked by our plagiarism-detection software. There is no gap where plagiarism could squeeze in.

Read more

Free-revision policy

Thanks to our free revisions, there is no way for you to be unsatisfied. We will work on your paper until you are completely happy with the result.

Read more

Privacy policy

Your email is safe, as we store it according to international data protection rules. Your bank details are secure, as we use only reliable payment systems.

Read more

Fair-cooperation guarantee

By sending us your money, you buy the service we provide. Check out our terms and conditions if you prefer business talks to be laid out in official language.

Read more