Free Essay

Css Assignment

In: Computers and Technology

Submitted By Deans
Words 504
Pages 3
CSS Assignment
Question1
Download the assignment files from class web-site.
You will find HTML file and screen-capture images.
Look at the HTML code which you downloaded. Write CSS to decorate the HTML code according to the conditions below, so the HTML will looks like the screen-capture images.

<Conditions> 1. Write CSS code as an external file. 2. Use CSS to design the page. Don’t use HTML to decorate it. 3. You are allowed to edit HTML file, but don’t change it too much. (HINT: Editing the heading of the HTML code will be needed to link to the external CSS file.) 4. HINT: Inheriting will help you to make your code smart. 5. In your CSS code, all the properties and values must have aim. For example, if there is a property which is NOT applied in the HTML, it’s NO GOOD. We don’t need unnecessary “space”.

Question 2
Make your own web-site according to the conditions below. Finish this before the 27th June lecture.

<Conditions> * Your web-site must have more than 3 pages. All the pages have to be linked to each other. * The design for each pages have to be united. Make it smart, make it beautiful. (Hint: Use one same external CSS file for the design.) * Use CSS to design the page. Don’t use HTML to decorate it. * Use 10 or more properties in your CSS code. You can write any properties include which we didn’t see in the lecture. * In your CSS code, all the properties and values must have aim. For example, if there is a property which is NOT applied in the HTML, it’s NO GOOD. We don’t need unnecessary “space”. * Use “class” or “id”, at least once. * Write suitable comments in the HTML and CSS codes. Make it easy to read to other person. * Write your name as a comment at the end of CSS code.

* Be creative. Make it smart. If you find the code on the Internet, imagine whether you will feel the code is beautiful / easy to use / easy to understand, or not. * Writing perfect answer is not the aim. Process of your thinking and understanding is the most important. You should never do copy and use a code from the Internet without understanding. * If you want to use some pictures, it will be fine. This is educational purpose, so copy rights are clear for this. But keep it on your mind that if this is not educational purpose, this will be illegal. So respect the creators.

27th June (Fri)
Mark your friend’s code in the lecture hour. Full mark is 10.
DON’T ASK anything to the author. Get the information from the comment and estimate it.
Make a new comment at the end of the CSS code. Write marker’s name (your name), score and reason of the score.
Imagine you are looking for the web engineers for your company and checking their skill. “Do you really want to hire and pay him/her?”…...

Similar Documents

Free Essay

Pros and Cons of Css Styles

...Pros and Cons of CSS Styles IT/237 – Intro to Web Design II CSS Styles Cascading Style Sheets (CSS) can be used in three different ways. These methods vary in where the code is written into the Web page, as well as properties of inheritance. The three different styles are as follows: inline, embedded, and external. Inline CSS The inline CSS method is no longer used extensively. Inline means exactly what the name implies. The CSS code is inserted into the tag to which it applies. This method works well for quick prototyping of a Web page, but is impractical in designing a large site. Because the CSS code only applies to the tag into which it was inserted, the designer must manually write any desired CSS code into each tag present. In addition to consuming large amounts of time, this method cannot be shared across pages. As a result, more bandwidth is required to load each page. In addition, inline CSS mixes page content with page presentation which can create issues with how the final product appears to the user. Embedded CSS was developed to alleviate some of these concerns. Embedded CSS Using the embedded CSS method, all CSS code is written into the head of the document. This method ensures that every tag of a specific type on a page will look the same. This creates uniform pages in which each <h1> heading looks the same, as well as any other tags. That said however, embedded CSS still shares the issue of being shared across pages. As a result, each page......

Words: 441 - Pages: 2

Premium Essay

Assignment

...FST-01 ASSIGNMENT BOOKLET Foundation Course in Science and Technology Bachelor’s Degree Programme (BDP) (Valid from 1st July, 2013 to 31st March, 2014) It is compulsory to submit the assignment before filling in the exam form School of Sciences Indira Gandhi National Open University New Delhi (2013-14) Dear Student, We hope, you are familiar with the system of evaluation to be followed for the Bachelor's Degree Programme. At this stage you may probably like to re-read the section on assignments in the Programme Guide that was sent to you after your enrolment. A weightage of 30 percent, as you are aware, has been earmarked for continuous evaluation, which would consist of one tutor-marked assignment for this course. This assignment is based on all Blocks of this course i.e. Block 1-8. Instructions for Formatting Your Assignments Before attempting the assignments, please read the following instructions carefully: 1. On top of the first page of your answer sheet, please write the details exactly in the following format: ENROLMENT NO.: …………………... NAME: …………………........................ ADDRESS: …………………................. ……………………………………… COURSE CODE COURSE TITLE : ………………………………. : ……………………………….. ASSIGNMENT NO. : ………………………………... STUDY CENTRE : ……………………………..… (NAME AND CODE) PLEASE FOLLOW THE ABOVE FORMAT STRICTLY TO FACILITATE EVALUATION AND TO AVOID DELAY. 2. 3. 4. 5. 6. Use only foolscap size writing paper (but not of very thin variety) for writing your......

Words: 760 - Pages: 4

Free Essay

Html & Css

...HTML & CSS The content and its presentation Using two websites http://www.bbc.com/ and http://www.basf.com/group/corporate/en/, I am able observe that both sites present their content in a very good way although differently from one another given the nature of their businesses. Both sites have the ability to present their content in more than one language. The content and its presentation on the BBC websites leaves no doubt that it is a news portal. The homepage is displayed distinctively with a unique color from the rest of the pages. The other pages are also displayed with different but consistent colors throughout each particular page. Take for example the Sports page, its dominant and consistent color is yellow throughout the various sports like football, cricket, rugby, formula one and all the rest that are covered in the sports section of the BBC website. The weather page is blue in color. Likewise, the content on the BASF website also leave no doubt that it is a website for a chemical company dealing in various goods and service. The http://www.basf.com/group/corporate/en/ is displayed in a different but consistent color throughout the page every time it is accessed while still maintains the same look. This is a unique property of this page because no matter the change in the dominant color of the page, I was still able to know that I am visiting the BASF website each time the color changed. I think this is because of the consistency of the other properties of......

Words: 433 - Pages: 2

Free Essay

Css 200 Ip2-Lab

...running on those devices. Nessus detects any noncompliant host running applications such as peer-to-peer, spyware, or malware (worms, Trojan, etc..) are detected and identified, and is capable of scanning all ports on every device and issuing remediation strategy suggestions as require. 1. What is the purpose of defining a policy definition as a first step in performing a Nessus vulnerability scan? Nessus is an application built for network discovery of devices and the operating systems and software running on them. This is the policy definition of it. It is a free program that can be downloaded, but donations are accepted. It is also an open source program so people are constantly improving it. It has many features, but for this assignment, we will have it as a Lab to test out the IP 172.30.0.0/24 2. What 5 things can you configure as part of a vulnerability scan? You can configure audits, Data leakage, compliance priority, users, scan options and even plugins. We can also go with the main tabs: General, Credentials and Preferences. (I already wrote Plugins). 3. Explain how a security scanning application such as Nessus can be used by both the information systems security practitioner and hacker? Vulnerability scans performed from external hosted servers give the same perspective as an attacker. There are also terms used for these two types of people. “White Hats,” which are individuals that used their abilities to find vulnerabilities in systems and......

Words: 1306 - Pages: 6

Free Essay

Assignment

...FACULTY OF EDUCATION AND LANGUAGES OUMH1303: ENGLISH FOR ORAL COMMUNICATION SEMESTER : JANUARY 2010 COURSE ASSIGNMENT (35%) INSTRUCTIONS 1. The assignment would be evaluated on the basis of the accuracy of the answers given and the credibility of the supporting arguments, data and references. 2. Type your assignment using “Times New Roman”, font size 12 with 1.5 line spacing on A4 size paper. Your assignment must be submitted to your tutor before or by the 4th tutorial. 3. 4. Your assignment should be limited to 10 – 12 pages. 5. This assignment is worth 35 % of your final course grade. 6. Plagiarism in any form is prohibited. Plagiarised materials would not be accepted and zero (0) marks would be awarded for the work. 1 ASSIGNMENT QUESTION You are the president of the Parent-Teacher Association (PTA) at an urban school. At the last association meeting, many parents expressed their concern about the poor performance of their children, particularly in Mathematics, Science and the English Language. They felt that the school should work harder towards improving the teaching and learning of these subjects. The PTA could assist but the association does not have enough funds (money) to carry out its projects for the school. You wish to speak about this problem and suggest some solutions at the forthcoming meeting. (a) Which of the following speech types will best describe your speech: informative, persuasive, negotiation, or argumentative......

Words: 626 - Pages: 3

Premium Essay

Unit 4 Assignment 1: Visual Elements & Graphics

...SD1240 Unit 4 Assignment 1: Visual Elements & Graphics Course Objectives and Learning Outcomes Use HTML to define the structure of content. Use Cascading Style Sheets (CSS) to format Web pages. Use visual Elements and graphics on Web pages. Create and format lines and borders on Web pages. Decide when to use graphics and what graphics are appropriate. Apply the image element to add graphics to Web pages. Configure images as backgrounds on Web pages. Configure images as hyperlinks. Find free and fee-based graphics sources. Follow recommended Web design guidelines when using graphics on Web pages. Assignment Requirements Complete this assignment by filling in the blanks listed with each question on the following page. This assignment is to be completed and submitted to your instructor before the start of Unit 5. Required Resources Felke-Morris, Chapter 4 Submission Requirements Submit your completed, printed answer sheet to your instructor before the start of the next unit. Unit 4 Assignment 1: Visual Elements & Graphics 1. Providing alternate equivalent text for every non-text element. Accessibility 2. A type of graphic best used for line art or clip art. (GIF) Graphic Interchange Format 3. Image configured with multiple clickable areas. Image map 4. XHTML attribute that configures horizontal alignment. <h/> 5. Graphic file type that supports transparency and millions of colors. (PNG) Portable Network Graphic ...

Words: 450 - Pages: 2

Premium Essay

Assignment 1: Application and Technology Architectures

...Assignment 1: Application and Technology Architectures CIS 510 – Adv Sys Analysis & Design 4\20\2014 1. Create an application architecture plan for RPS to follow for the next five (5) years. The Application architecture plan for RPS to follow for the next five years will be: A. Supply Chain Management (SCM): Implement a system that will organize how orders are processed and distributed with anticipation for growth. Custom development with support of consultants. B. Customer Support System (CSS): Integrate SCM with CSS to form a seamlessly easy ordering system for product fulfillments and processing via web, phone and mail. Custom in house development. C. Business Intelligence System (BIS): Implement a system that provides real time reporting and data to make better business decisions. Customized purchased solution. D. Accounting and Financial Management (AFM) – Implement a web base system so employees can access and see financial data. Purchase a packaged solution. E. Human Resources Management (HRM): Implement a system for easy on boarding and roll off of employees. Allows employees and ex-employees to view benefits and compensations data, including policies and procedures. Purchase a packaged solution. 2. Create a technology architecture plan and graphic rendering using Visio or its open source alternative software for RPS to follow for the next five (5) years. 3. Write a two to three (2-3) page narrative with graphic depictions......

Words: 753 - Pages: 4

Premium Essay

Sd11240 Creating Website Using Notepad++ and Css

...space to the left and right. __hspace 10. XHTML element that configures graphics on Web pages. ___ 11. Set this XHTML attribute to zero to eliminate outlines on image links. ___________ 12. A clickable area on an image map. __hot spot 13. A type of graphic best used for photographic images. __jpg 14. Area between an element’s content and border. ____padding 15. Process of creating a slight blur to smooth the jagged edges in digital images. __antialiasing 16. CSS property that configures the background color of a Web page or element. __background-color 17. CSS property that configures the style of border. ___border-style 18. CSS property that configures thickness of the border. __border-width 19. XHTML element that configures a horizontal line. ___ 20. CSS property that configures a graphic as a background. ___background-image 21. CSS property that configures placement of the background image. __background-position 22. CSS property that configures the border or boundary around an element. __border 23. CSS property that configures the color of a border. __border-color...

Words: 315 - Pages: 2

Premium Essay

Assignment

...SUNWAY COLLEGE JOHOR BAHRU DIPLOMA IN BUSINESS ADMINISTRATION COURSEWORK / ASSIGNMENT (GROUP) Module Code Module Title Semester Issue Date Due Date Lecturer : BMGT 0304 : HUMAN RESOURCE MANAGEMENT : MARCH-JUNE 2015 : WEEK 2 : WEEK 6 (30th April 2015) : ANTHONY WONG INSTRUCTIONS 1. 2. 3. 4. 5. 6. There are SEVEN (7) pages in this assignment including the cover page. The assignment must be completed in groups as per instruction. The submitted assignment must include the Assignment Cover Page. References must be acknowledged accordingly. Plagiarism/cheating will result in the assignment being marked FAIL. The assignment must be submitted in hardcopy (printed) format and presented. IMPORTANT Assignments must be submitted on their due dates. If an assignment is submitted after its due date, the following penalisation will be imposed: ● ● ● One to two days late Three to five days late More than five days late 20% deducted from the total assignment marks 40% deducted from the total assignment marks Assignment will not be marked. 1 INTRODUCTION This assignment is a partial fulfillment of requirements leading to Diploma in Hotel Management/Business Admin for students taking a subject in Human Resource Management. The assignment will be done by students in suitable group size which approved by the lecturer. PURPOSES The purposes of this assignment are to assess a student’s ability to: 1. Understand the basic concepts or theories learned in the subject matter.......

Words: 1354 - Pages: 6

Free Essay

Pros and Cons of Css Styles

...It237 week 2 Pros and cons of Css Styles There are many pros and cons of the cascading style sheets and three different ways that they are used there is in line external and imbedded. The inline method is not really practical because of the consumption of bandwidth that it takes to display each code on each page because on the inline style the code requires web developers to apply this CSS code to each tag be applied this would require developers to have to apply the code so many times that it will take up a lot of time to write. The separation of markup rom CSS presentation is not optimal with an inline style this is the inline style applied to heading The external CSS is another type of style sheet and this was more practical for updating many documents at one time. Another pro about the external CIA says is that your style information can be cashed by the browser so you will not have to write it into individual tags. The cons that I found with the external style sheets is that in some circumstances when import was used it will render the flash with slow environments here’s an example of an external style sheet Body {font-size: medium; Font-family: Serif; Background-color: black; Color: white;} #page {background-color: white; Color: black; Padding: 1em;} H1 {font-size: xx-large; Font-family: San- Serriff; Color: black; Text-align: center; Border-bottom: solid 4px orange;} P {text-indent: 1em; Text-align: justify; 1in-height: ......

Words: 395 - Pages: 2

Free Essay

Essay for Css

...GOVT Collage University Faisalabad | 3.26/4.0 CGPA | B.Sc(Comp,Math,Eco)2010-2012 | Collage of Advanced Scientific Techniques (CAST) Sahiwal (BZU) | 417/800 | FSc(Pre-Engineering)2008-2010 | G.C Sahiwal (Multan Board) | 619/1100 | Matriculation(Bio Group)2006-2008 | G.M.C.H School Sadar Gogera(Lahore Board) | 555/850 | N.I.C : 35302-7339014-1 Academic Qualification Degree Projects * Book Store System (HTML 5,CSS,JavaScipt) * Student Exam Record Management System Using File Handling (OOP in C++) * Daewoo Bus Service Management System (DBMS Oracle) * Memory Management Data Structure (DSA& AOA using C++) * Book Store and management system(Asp.net C# ) * Game Flip Flop(WPF C#) * Crime Logger System(FYP) (Still Working) * Hand OCR(A.I using MATLAB) * Masters & Masters( Still Working using Oracle 11g) Working Skills In Programming Language/Tools * C++ * Java * C# * HTML * CSS * JavaScipt * Android * JQuery * Ajax * Rational Rose * MS Project * Visio * Eclipse * Visisiol Studio * Matlab Communications Skill * Good Communication skills in English. * Good Understanding and picking Power. * Self Motivate and energetic Reference * Will be provided on demands...

Words: 269 - Pages: 2

Premium Essay

Assignment

...new water feature. Please ensure that you address all the criteria contained within the ‘Assessment Task 1 Marking Sheet’. This assignment will be marked generally in accordance with the Marking Sheet where marks are deducted for non-conformities. Please be aware that simply mentioning the marking criteria/addressing it in a half-sentence or similar does not guarantee full marks; the thoroughness and completeness of how the marking criteria are addressed will determine how many marks for each separate criterion will be awarded; this can be either the full mark, or parts thereof. Furthermore, it is vital that you familiarise yourself with precisely what a Risk Assessment and Risk Treatment incorporate for ISO 31,000 – due to the word count limit, it is advisable to not deviate from the task given, while meeting the marking criteria. Word count limit: The body of this assignment will be in the range of 3000 to 5000 words, excluding any Appendices. You may need to simplify and define the boundaries carefully in order to achieve the word limit. A single hard copy will be submitted in class. The assignment must also be uploaded to the 49006 Turnitin folder within UTSOnline before the due date. Please make sure to submit the complete assignment including Cover Page, Table of Contents, Reference list and Appendices. Emailed assignments will not be accepted. Be aware that several students have fallen foul, in previous semesters, of the sophisticated systems in......

Words: 831 - Pages: 4

Premium Essay

Assignment

...Application Exercise (Assignment to be submitted) (90 min.) (Not exceeding five pages) |Apply the five forces analysis to your company/division and assess the attractiveness of your industry. | | |Compare the industry attractiveness five years back and today due to the shift in the forces. | | |Guidelines for the assignment | | | | | |Brief introduction of your company, its product portfolio and the markets/segments it caters to. If it | | |is in multiple industries, choose any one industry for the purpose of this assignment. (refer to 2008 | | |HBS note for definition of industry) | | | | | |Consider each threat individually. Take each factor in it and explain its role and significance in your | | |industry. Rate its effect based on the above explanation. (template if shown in class may be used for | | |structured approach but the spirit of the analysis matters more than......

Words: 254 - Pages: 2

Premium Essay

Assignment

...and analysed to present their financial standing at the end of the year. Comparing the relationships of these ratios reveals that Orica decreased their liquidity, but suffered lower profitability with heavy influences from Minova’s impairment of goodwill. With high asset utilisation and stable efficiency, Orica should focus on improving their maintenance and reliability by addressing the Kooragang plant shutdown. Furthermore, Orica is financing more with debt than equity which introduces some risk to the company given their higher expenses for 2012. Finally, the investment ratios indicate that Orica could be poised for high growth with a stable return, but should first focus on maximising their plants and equipment. Sample Assignment: Part of the content removed II TABLE OF CONTENTS Executive Summary ............................................................................................................................. II Table of Contents ............................................................................................................................... III A. List of Tables ...............................................................................................................................IV 1. Introduction ................................................................................................................................... 1 2. Ratios....................................................................

Words: 2155 - Pages: 9

Premium Essay

Css Description Types

...CSS Description Types Tommy Tinsley IT/237 May 16, 2012 Adam Moore CSS Description Types INTRODUCTION Cascading Style Sheets or CSS are created to allow developers to separate the design from the content. This allows HTML to do the markup of the content without developers worrying about the layout. CSS are separated into one of three categories; external, internal, and inline CSS, each has advantages and disadvantages. INLINE CSS Inline CSS are applied in the middle of the HTML code and only apply to the line it is inserted into. This type of style sheet also contains the highest priority and will override any other CSS that is in place for that individual line. It is quick and easy to use Inline CSS and developers do not have to create a new document or edit CSS in the head of the document. However, the ease of Inline CSS is also its problem. If using this CSS only every single line will have to be edited. Inline CSS cannot perform complex styles like style the visited, active, or link color of an anchor tag. INTERNAL CSS <html> <head>  <title>Internal Style Sheet Example</title>  <style>   <!--     body { background: #C9F1C5 }     h1 { color: #54B24B; font: bold 14px Verdana, Arial, Helvetica }     p { font: 12px Verdana, Arial, Helvetica }   -->  </style> </head> <body>  <h1>Page With an Internal Style Sheet</h1>  <p>This page contains style definitions at the top......

Words: 507 - Pages: 3