Creating an html document

Assignment Help Web Project
Reference no: EM13811459

Assignment #3: Applying CSS to HTML 

In this assignment you will be creating an HTML document, saving three separate versions of it, one without any CSS, one with CSS applied externally and one with CSS embedded and uploading the documents to the Web. 

Instructions 

1.Create content 

Choose a fictional character; it can be any character (literary, cartoon, super hero, TV, movie, ect.)  

Write a resume for your character using this guide: Resume Format

2.Open a new HTML document in your HTML editor 

Copy and paste the XHTML template into your new document

Add a title for your webpage between the <title></title> tags  

Copy and paste your resume content between the <body></body> tags  

3.Tag all of the content with semantic XHTML1.0 markup  

4.Using <div> tags and id attributes, group your resume content into the following divisions:

header  

sideBar  

mainContent  

Note: a similar example of this layout was included in the lecture this week.

5. Save as "Resume.html"

6. Upload your "Resume.html" file to your web space  

7. Validate your code by entering your URL into BOTH the W3C HTML validation tool AND the  W3C CSS validation tool. 

If your code does not validate (green means it validated ,  red means there are

NOTE: Validator is your friend. it will tell you when you make mistakes and even suggest solutions, but it doesn't know whether or not you've used the appropriate tag. Review the lecture transcripts and videos for tag selection.

8. Save another version of your resume as "Resume-external.html"

9. Apply external CSS 

Add a <link> tag inside the head tag  

Add the href attribute to that link tag with the value of 

"https://carrasquilla.faculty.asu.edu/GIT215/style.css"

Add the rel and type attributes to that link tag with the appropriate values  

10. Upload your "Resume-external.html" file to your web space  

11. Save another version of your resume as "Resume-embed.html"

12. Embed the provided CSS rules from  style - embed.txt

Add a <style> tag inside the tag  

Copy and paste the rules from style-embed.txt  

End the </style> tag  

Upload your "Resume-embed.html" file to your web space  

Submit  all of the below to the  Assignment dropbox

1. Your  Resume.html file and URL

2. Your  Resume-external.html  file and URL

3. Your  Resume-embed.html file and URL

Reference no: EM13811459

Questions Cloud

Describe governor''s roles in influencing budgetary process : Describe the governor's roles in influencing the budgetary process
Welfare is a social problem : Welfare is a social problem
What is the stocks current price : A stock is expected to pay a dividend of $0.75 at the end of the year. The required rate of return is rs = 10.5%, and the expected constant growth rate is g = 6.4%. What is the stock's current price?
Local governments mirror the 3 branches of us government : Compare and contrast how state and local governments mirror the 3 branches of US government. Do the 3 branches of state and local governments function in the same manner as their federal government versions? Explain.
Creating an html document : In this assignment you will be creating an HTML document, saving three separate versions of it, one without any CSS, one with CSS applied externally and one with CSS embedded and uploading the documents to the Web
About overweight and obesity : Overweight and Obesity
Is there a way that the decision-making process within a lar : Find a contemporary article showing how the theory of psychological egoism in a corporation resulted in an ethical dilemma. Is there a way that the decision-making process within a large corporation can overcome this fact of human selfishness? What w..
Explain how the liberal democrats had the casting vote : explain how the liberal democrats had the casting vote in the general election in 2010
People right to rebel against any government : What would you say to the claim that "one man's terrorist is another's freedom fighter" Provide examples from current violent acts and wars around the world to prove your point. Do you think a thoughtful definition of "terrorism" would make this ..

Reviews

Write a Review

Web Project Questions & Answers

  Create a new web application and create a jsp

Create a new Web application. Next, create a JSP that displays a form when the doGet method is invoked. The form will contain a post action that directs the form post back to the same JSP, which in the doPost method will save the form data to a da..

  Project for building a corporate website

Identify the different phases of the project for building a corporate website, and learn how to initiate, plan, implement, and manage the project. Finally, close and document the project

  Evaluation at astro bank

Project planning as well as discussion under section ‘How do you keep team members?' on page 137 of the Lientz text, Information Technology Project Management. Identify and critically analyse the criteria the company should use in evaluating the s..

  Project on analytics interfaces and cloud technology

Business analytics gives companies the ability to look at past realizations and performance as well as set up new expectations and performance goals. Analytics-as-a-Service is a new delivery model that uses cloud technology to provide business ins..

  Describes how files are organized on a website

Find an article that describes how files are organized on a website. What are two best practices regarding web file management that you learned from the article. How can you apply this knowledge to your personal or professional life? Cite the sour..

  Time taken to get website page with embedded images

Assume you click on a link within your browser to get a Web page. The IP address for the associated URL is not cached in your local host, so a DNS look up is required to obtain the IP address.

  Describe what the web service will provide

Using Microsoft PowerPoint, create a proposal to add a Web Service to the web application that you created earlier in this course. Your presentation should at least cover.

  Write about the company describing a little

Write about the company/website by describing a little about company and then describe their main products

  Create three wireframes for web site design

Create three Wireframes [storyboards] for your web site design Home Page and two others. These are rough designs to show placement of navigation, text and other elements on each of the pages.

  Design and implement a web site for web design

Design and implement a web site for our Web Design and Programming unit and web site templatemust be ASP.NET MVC 4 Web Application in Visual Studio 2012 or 2013 using C#.

  List and define the basic modules

Deliverables for the project/ draft. Project should be based on writing from a system analyst point of view and reading from a programmer point of view.

  Convey your company image through a logo

What this assignment has taught you about the Object-Oriented programming concept; be sure to use OO terminology to express your thoughts; connections to OO programming may be difficult to make, but you should be able to make some

Free Assignment Quote

Assured A++ Grade

Get guaranteed satisfaction & time on delivery in every assignment order you paid with us! We ensure premium quality solution document along with free turntin report!

All rights reserved! Copyrights ©2019-2020 ExpertsMind IT Educational Pvt Ltd