Web Design

 

In this assignment, you will continue to build on the skills of providing Web page content and structure with HTML and Web page style and layout using CSS. Design and develop an intermediate-level Web page consisting of valid HTML content that includes semantic elements, images, and tables. Follow these steps:

Use Visual Studio to create a New Web Site. Select the ASP.NET Empty Web Site template to create the Web site. Use the File System Web location to create the Web site at the selected location and give the Web site an appropriate name.

Create a static Web page that includes the basic structure of a valid HTML (not XHTML) document and a CSS file.

Make sure to include

  • the language attribute of the html element and
  • the character set attribute of the metadata element.

Name the Web page Unit3.html
Link to the Unit3.css file used to style and layout the Web page.

  • Assign Unit 3 IP to the title.
  • Structure the Web page using the HTML semantic elements 
    • header
    • section
    • footer

Within the structure of the Web page add other HTML elements including at least:

  • one level-one heading for the page in the header
  • navigation in the header that includes a 
    • one level-two heading for a table of contents in the header
    • list of at least three placeholders that
    • navigate to the paragraphs in the section
    • implement accessibility guidelines
  • one level-three heading for the section
  • three paragraphs in the section
  • beginning of each paragraph is an anchor or ID
  • additional text to lengthen the document
  • three paragraphs in the section, one after each content paragraph, these will contain a link that navigates back to the table of contents
  • one figure element in the section to display 
    • Image that implements accessibility guidelines
    • Copy the image file to the Web site folder.
    • Submit the image file along with the document.
    • figure caption
  • figure element in the section to display 
    • figure caption
    • table with
    • table header
    • table body
    • at least three table rows
    • at least three table data
    • table footer that spans three columns
  • Use of any inline elements should follow current standards
  • No style should be applied
  • Validate the HTML in the Web page.

Develop an external CSS to provide style, presentation, and layout to the HTML document.

  • Select Website > Add New Item from the menu and select Style Sheet from Add New Item dialog box. Name the style sheet Unit3.css.
  • Link the CSS file to the HTML document.

Add style rules to Unit3.css to accomplish the following:

  • In the following order, use the Calibri font, Arial font, or any available sans-serif font for the text.
  • Set the font size for the body to 85% of the browsers default font size.
  • Set the width of the window to display the document to 950.
  • Center the text in the header.
  • Set the font size for the level-one heading in the header to two and one-half times the browsers default font size.
  • Set the font size for the level-two heading in the header and the level-one heading in the section to one and three-quarter times the browsers default font size.
  • Set the text to undecorated and one and one-quarter times the browsers default font size when the user hovers over or focuses on the links in the table of contents.
  • Set the width of figures to 300.
  • Display figures on the right with the paragraph text flowing to the left of the figures.
  • Set the margin for figures to the equivalent of one capital M on all sides.
  • Set the padding for figures to the equivalent of one capital M on all sides.
  • Display a one pixel black border to the left of figures.
  • Bold the text of figure captions.
  • Set the size of the font of figure captions to one and one-quarter times the browsers default font size.
  • Center the text of figure captions.
  • Clear the float of the figures in the paragraphs that return the user to the table of contents.
  • Center the text of the paragraphs that return the user to the table of contents.
  • Display the footer in the center of the page.
  • Display a one pixel black border around the table, all table data and table headers.
  • Center the text in the table footer.
  • Bold the text in the table footer.

Validate the CSS style rules.

Case Analysis I

  • How many pages does it have to be? There is no minimum or maximum page requirement for your case analysis. You will be assessed on how clearly you demonstrate your understanding and mastery of the subject matter through your writing.
  • When is it due? The final version of the assignment is due Thursday, February 6thby 9pm EDT. 
  • Are there any extra credit opportunities? No extra credit opportunities will be extended but students meeting the progressive grading criteria will be eligible to resubmit for a higher score in the future. 
  • How do I become eligible for the progressive grading? There are three steps to becoming eligible for progressive grading. 
    • Submit a draft version of Parts I and IIof your case analysis via Canvas by 9 pm EDT Sunday, February 2nd.
    • Complete at least one round of feedback with a writing tutor from the Writing Resource Center or before the final due date.
    • Submit the final revised version of Case Analysis I by 9 pm EDT, Thursday, February 6th. Be sure to include documentation of your feedback session when submit. 

Content of the Case Analysis

 Part I: Foundations As a Learner (Level 1 Heading)

My Lived Experience (Level 2 Heading)

First, introduce the reader to who you are as a student. Avoid opening with your formal FAMU/SBI introduction as that is inappropriate for academic writing. Give the reader some background information on your foundations as a learner and the experiences that have shaped your interest in the industry that you will focus on. 

Introduction and Reinforcement of Management Concepts (Level 2 Heading)

Frame your understanding of the management concepts that have been introduced to you through the reading material and reinforced through additional research and dialogue. This isnt limited to the Pearson text but also includes other subjects related to those concepts that have been discussed during class or individual appointments. 

Developing Mastery Through Reflection (Level 2 Heading)

Demonstrate your deep understanding of the concepts, principles, and resources by using some of the reflection prompts below:

  • Describe your personal experiences with the subject, topics, or material in other organizations
  • Discuss any emotional, physical, or visceral reactions you have to the information read and discussed
  • Provide your own responses to the questions come to your mind about the information shared
  • Summarize the context(s) where have you heard or read about similar information before
  • Express how you might apply what was discussed to other environments outside of the classroom

Part II: Building Industry Expertise (Level 1 Heading)

Industry Definition, Trends, and Impact (Level 2 Heading)

Demonstrate your understanding of the industry you are studying using scholarly references that accurately define the industry. Based on your reading and research, explain to the reader what external and global factors affect this industry and companies that operate in it. In your writing, predict what impact these factors will have on your role as a manager in an increasingly diverse workforce.  

Part III: Profiles of the Local Industry (Level 1 Heading)

Now that the reader has gotten a 30,000-foot view of the industry, it is time to bring it down to street-level by developing profiles on three local companies, one regional company, and one national or multi-national company in your industry. For the regional company, base your research in a geographic area that you would consider relocating to after you graduate. This section is required to have a minimum of 5 company profiles. 

Each profile should be styled as a Level 2 Headingand should include the following information in paragraph form:

  • Summary of the history of the organization and its mission statement (If the organization does not have a mission statement, you must develop one based on the three components needed to create a mission statement).
  • Brief introduction of the founder, including their background and experience
  • Brief description of the products and services offered

The company contact information (address, website, social media profiles) is the only component that should be presented in bullet form.

Text Book Problems

  

Complete the following textbook problems:

o Ch. 17, p.24, # 1

o Ch. 17, p.24, # 7

o Ch. 17, p.24, # 11

o Ch. 19, p.32, # 1

o Ch. 19, p.32, # 7

o Ch. 19, p.32, # 15

o Ch. 19, p.32, # 19

o Ch. 20, p.16, # 1

o Ch. 20, p.17, # 2

o Ch. 20, p.17, # 3

The Pros And Cons Of Collaboration

 

The Pros and Cons of Collaboration

Post: Everybody posts once

We’re about to begin a major team project that will take roughly half of the semester. Write 2-3 paragraphs reflecting on your experiences with collaboration.

  • What has made for good — or poor — collaboration experiences for you in the past? On class projects? On projects outside of class, for example, a musical group, sports team, extracurricular activity?
  • What do you see as the similarities/differences between collaboration at school and on the job?
  • What are some effective strategies you’ve seen/used for holding team members accountable on class projects,  in school teams or extracurricular activities, or at work?