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

  Power point presentation through smil and svg

Use SMIL and SVG, it is possible to choose resources from different locations and contributors to create a single unified presentation. Discuss how would you implement a system for ensuring payment to contributors based on usage of their contribution..

  Digital media is found throughout all business

Today, digital media is found throughout all business and personal activities making it necessary to have a high level of understanding of both the sources of content, as well as the methods in which the information is consumed.

  Turn effective design logo

1- turn effective design logo  2- turn in focus on Web design

  What makes the poorly written job descriptions weak

What makes the poorly written job descriptions weak. What makes the better job descriptions more effective. Respond to each question with a minimum of 250 words.

  Online debate on the role of online education in education

An online debate on the role of online education in education.

  Implementation of the design in access

You were just hired by a new online books seller manager to build a web based database. The purpose of the database is two folds.

  How to develop an e-commerce strategy and prototype

Evaluation of youre-commerce strategy in terms of Porter's competitive forces model (http://www.buildmyonlinestore.com/articles/how-defensible-is-your-e-commerce-business-model/).

  Simple program that utilizes a good design process

Design a program that will allow a user to input a list of your family members along with their age and the state where they reside. Determine and print the average age of your family and print the names of anyone who lives in Texas.

  What is the process used to add content and publish website

What is the process used to add content and publish the website in your workplace or another organization? How can this process be improved

  Create html code and an external css file

An unordered list having links to the home pages of Microsoft, Google, and SourceForge. It will employ the disc option for bullet points.

  Web development projects with database

Since the vast majority of web-development projects involve a database, do you think that computational activities should be performed there, or do you think they belong in the XML page or stylesheet?

  Create a web application test plan based on a real-life

Create a Web application test plan based on a real-life scenario involving a Web-based business which processes credit card information

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