Question

In: Computer Science

Create CSS styling for this xml code 5.2. Change the CSS so only a single course...

Create CSS styling for this xml code

5.2. Change the CSS so only a single course is displayed.

5.2.1. You may add IDs or classes to the XML file a desired.

<InformationSystems>
   <Classes>
       <CourseHeader>
           <CourseNumber>CIS 145</CourseNumber>
           <CourseName>Introduction to Relational Database</CourseName>
           <Credits>5</Credits>
       </CourseHeader>
       <Description><![CDATA[Introduces relational database concepts and practices using business-related examples. OFTEC 111 or 108 recommended, or comparable competencies. Prerequisite: OFTEC 141 or MATH 097 with a "C" or better.]]></Description>
       <AdditionalInfo>Additional Notes</AdditionalInfo>
   </Classes>
   <Classes>
       <CourseHeader>
           <CourseNumber>CIS 160</CourseNumber>
           <CourseName>Programming Fundamentals</CourseName>
           <Credits>5</Credits>
       </CourseHeader>
       <Description><![CDATA[Introduces programming structures, concepts, techniques and terminology using visual studio development environment and the c# programming language.Prerequisite: MATH 097. Distribution: AA, AS, DTA.]]></Description>
       <AdditionalInfo>Additional Notes</AdditionalInfo>
   </Classes>
   <Classes>
       <CourseHeader>
           <CourseNumber>CIS 166</CourseNumber>
           <CourseName>Programming Business Objects</CourseName>
           <Credits>5</Credits>
       </CourseHeader>
       <Description><![CDATA[Introduces concepts and techniquies of object oriented programming,validation and storage of business data sets, and user interfaces. Prerequisite:CIS 160.]]></Description>
       <AdditionalInfo>Additional Notes</AdditionalInfo>
   </Classes>
   <Classes>
       <CourseHeader>
           <CourseNumber>CIS 169</CourseNumber>
           <CourseName>Requirements Analysis</CourseName>
           <Credits>5</Credits>
       </CourseHeader>
       <Description><![CDATA[Introduces planning,analysis and design of software with an emphasis on development methodologies, design process and communication techniques. Prerequisite: CIS: 145 and CIS 166.]]></Description>
       <AdditionalInfo>Additional Notes</AdditionalInfo>
   </Classes>
   <Classes>
       <CourseHeader>
           <CourseNumber>CIS 182</CourseNumber>
           <CourseName>SQL Fundamentals</CourseName>
           <Credits>5</Credits>
       </CourseHeader>
       <Description><![CDATA[Introduces Structured Query Language (SQL). Emphasizes techniques for writing efficient SQL queries using a common commercial implementation of SQL. Prerequisite: CIS 145 and CIS 160 or instructor's permission.]]></Description>
       <AdditionalInfo>Additional Notes</AdditionalInfo>
   </Classes>
   <Classes>
       <CourseHeader>
           <CourseNumber>CIS 185</CourseNumber>
           <CourseName>HTML, CSS, JavaScript</CourseName>
           <Credits>5</Credits>
       </CourseHeader>
       <Description><![CDATA[Introduces creating web pages with HTML5 and CSS. Covers JavaScript coding to create, test, debug, and document programs. Prerequisite: CIS 166.]]></Description>
       <AdditionalInfo>Additional Notes</AdditionalInfo>
   </Classes>
   <Classes>
       <CourseHeader>
           <CourseNumber>CIS 218</CourseNumber>
           <CourseName>PowerShell, Cybersecurity, Ethics</CourseName>
           <Credits>5</Credits>
       </CourseHeader>
       <Description><![CDATA[Introduces PowerShell scripting, basic cybersecurity concepts, and ethical issues for software development. Prerequisite: CIS 166 and "C" or better in ENGL& 101.]]></Description>
       <AdditionalInfo>Additional Notes</AdditionalInfo>
   </Classes>
   <Classes>
       <CourseHeader>
           <CourseNumber>CIS 245</CourseNumber>
           <CourseName>Business Information Systems</CourseName>
           <Credits>5</Credits>
       </CourseHeader>
       <Description><![CDATA[Introduces business information systems. Explores the role of software developers and database managers in developing, refining, and supporting these systems. Prerequisite: CIS 266.]]></Description>
       <AdditionalInfo>Additional Notes</AdditionalInfo>
   </Classes>
   <Classes>
       <CourseHeader>
           <CourseNumber>CIS 266</CourseNumber>
           <CourseName>Introduction to Business Applications</CourseName>
           <Credits>5</Credits>
       </CourseHeader>
       <Description><![CDATA[Explores how to edit, present, and store data using object-oriented programming and relational databases. Prerequisite: CIS 166 and CIS 182.]]></Description>
       <AdditionalInfo>Additional Notes</AdditionalInfo>
   </Classes>
   <Classes>
       <CourseHeader>
           <CourseNumber>CIS 282</CourseNumber>
           <CourseName>SQL Programming</CourseName>
           <Credits>5</Credits>
       </CourseHeader>
       <Description><![CDATA[Continues development of relational databases and associated services using Structured Query Language (SQL) in Microsoft SQL Server. Introduces transaction processing, stored procedures, indices, constraints, triggers, and views. Prerequisite: CIS 182 and CIS 166.]]></Description>
       <AdditionalInfo>Additional Notes</AdditionalInfo>
   </Classes>
   <Classes>
       <CourseHeader>
           <CourseNumber>CIS 284</CourseNumber>
           <CourseName>Web Application Development</CourseName>
           <Credits>5</Credits>
       </CourseHeader>
       <Description><![CDATA[Introduces development of interactive web pages using ASP.NET server-side programming. Web programming with SQL databases, addresses security issues, develops web services, and introduces deployment to cloud services. Prerequisite: CIS 166, CIS 182, and CIS 185.]]></Description>
       <AdditionalInfo>Additional Notes</AdditionalInfo>
   </Classes>
</InformationSystems>

Solutions

Expert Solution

Hello , I am writing the answer below and have tried to write complete answer
in simple and easy to understand language. I hope my answer will help you.
PLEASE give me LIKE / UPVOTE if you like my answer. THANK YOU.

(if any changes you want comment me i re-write the answer for you)

im here using the external css in xml file using style link.

the classes name & the using ID style created here, to make a classes good looking.

every class seperate style color & font style .

subject name is font increase , & description font italic using the ID.

index.xml

    

    <?xml-stylesheet type="text/css" href="name.css"?> /* external syle using link*/

    <InformationSystems>

        <Classes><s id="se"> /* using here ID tag style purpose */

            <CourseHeader>

                <CourseNumber>CIS 145</CourseNumber>

                <CourseName>Introduction to Relational Database</CourseName>

                <Credits>5</Credits>

            </CourseHeader>

            <Description><![CDATA[Introduces relational database concepts and practices using business-related examples. OFTEC 111 or 108 recommended, or comparable competencies. Prerequisite: OFTEC 141 or MATH 097 with a "C" or better.]]></Description>

            <AdditionalInfo>Additional Notes</AdditionalInfo>

        </s></Classes>

        <Classes><s id="se">

            <CourseHeader>

                <CourseNumber>CIS 160</CourseNumber>

                <CourseName>Programming Fundamentals</CourseName>

                <Credits>5</Credits>

            </CourseHeader>

            <Description><![CDATA[Introduces programming structures, concepts, techniques and terminology using visual studio development environment and the c# programming language.Prerequisite: MATH 097. Distribution: AA, AS, DTA.]]></Description>

            <AdditionalInfo>Additional Notes</AdditionalInfo>

        </s></Classes>

    <Classes><s id="se">

            <CourseHeader>

                <CourseNumber>CIS 166</CourseNumber>

                <CourseName>Programming Business Objects</CourseName>

                <Credits>5</Credits>

            </CourseHeader>

            <Description><![CDATA[Introduces concepts and techniquies of object oriented programming,validation and storage of business data sets, and user interfaces. Prerequisite:CIS 160.]]></Description>

            <AdditionalInfo>Additional Notes</AdditionalInfo>

        </s></Classes>

       <Classes><s id="se">

            <CourseHeader>

                <CourseNumber>CIS 169</CourseNumber>

                <CourseName>Requirements Analysis</CourseName>

                <Credits>5</Credits>

            </CourseHeader>

            <Description><![CDATA[Introduces planning,analysis and design of software with an emphasis on development methodologies, design process and communication techniques. Prerequisite: CIS: 145 and CIS 166.]]></Description>

            <AdditionalInfo>Additional Notes</AdditionalInfo>

        </s></Classes>

        <Classes><s id="se">

            <CourseHeader>

                <CourseNumber>CIS 182</CourseNumber>

                <CourseName>SQL Fundamentals</CourseName>

                <Credits>5</Credits>

            </CourseHeader>

            <Description><![CDATA[Introduces Structured Query Language (SQL). Emphasizes techniques for writing efficient SQL queries using a common commercial implementation of SQL. Prerequisite: CIS 145 and CIS 160 or instructor's permission.]]></Description>

            <AdditionalInfo>Additional Notes</AdditionalInfo>

        </s></Classes>

        <Classes><s id="se">

            <CourseHeader>

                <CourseNumber>CIS 185</CourseNumber>

                <CourseName>HTML, CSS, JavaScript</CourseName>

                <Credits>5</Credits>

            </CourseHeader>

            <Description><![CDATA[Introduces creating web pages with HTML5 and CSS. Covers JavaScript coding to create, test, debug, and document programs. Prerequisite: CIS 166.]]></Description>

            <AdditionalInfo>Additional Notes</AdditionalInfo>

       </s> </Classes>

        <Classes><s id="se">

            <CourseHeader>

                <CourseNumber>CIS 218</CourseNumber>

                <CourseName>PowerShell, Cybersecurity, Ethics</CourseName>

                <Credits>5</Credits>

            </CourseHeader>

            <Description><![CDATA[Introduces PowerShell scripting, basic cybersecurity concepts, and ethical issues for software development. Prerequisite: CIS 166 and "C" or better in ENGL& 101.]]></Description>

            <AdditionalInfo>Additional Notes</AdditionalInfo>

       </s> </Classes>

        <Classes><s id="se">

            <CourseHeader>

                <CourseNumber>CIS 245</CourseNumber>

                <CourseName>Business Information Systems</CourseName>

                <Credits>5</Credits>

            </CourseHeader>

            <Description><![CDATA[Introduces business information systems. Explores the role of software developers and database managers in developing, refining, and supporting these systems. Prerequisite: CIS 266.]]></Description>

            <AdditionalInfo>Additional Notes</AdditionalInfo>

       </s> </Classes>

        <Classes><s id="se">

            <CourseHeader>

                <CourseNumber>CIS 266</CourseNumber>

                <CourseName>Introduction to Business Applications</CourseName>

                <Credits>5</Credits>

            </CourseHeader>

            <Description><![CDATA[Explores how to edit, present, and store data using object-oriented programming and relational databases. Prerequisite: CIS 166 and CIS 182.]]></Description>

            <AdditionalInfo>Additional Notes</AdditionalInfo>

       </s> </Classes>

        <Classes><s id="se">

            <CourseHeader>

                <CourseNumber>CIS 282</CourseNumber>

                <CourseName>SQL Programming</CourseName>

                <Credits>5</Credits>

            </CourseHeader>

            <Description><![CDATA[Continues development of relational databases and associated services using Structured Query Language (SQL) in Microsoft SQL Server. Introduces transaction processing, stored procedures, indices, constraints, triggers, and views. Prerequisite: CIS 182 and CIS 166.]]></Description>

            <AdditionalInfo>Additional Notes</AdditionalInfo>

        </s></Classes>

        <Classes><s id="se">

            <CourseHeader>

                <CourseNumber>CIS 284</CourseNumber>

                <CourseName>Web Application Development</CourseName>

                <Credits>5</Credits>

            </CourseHeader>

            <Description><![CDATA[Introduces development of interactive web pages using ASP.NET server-side programming. Web programming with SQL databases, addresses security issues, develops web services, and introduces deployment to cloud services. Prerequisite: CIS 166, CIS 182, and CIS 185.]]></Description>

            <AdditionalInfo>Additional Notes</AdditionalInfo>

        </s></Classes>

     </InformationSystems>

name.css

/* * is a all page style */

*{

color: black;

background-color: rgb(143, 186, 241);

}

/* classes style here */

Classes{

    display:block;  

    border: 3px solid blueviolet;

    margin:0.5em;  

    padding:0.5em;   

    margin: 20px;

    font-size: 20px;

    float: left;

    font-family: Verdana, Geneva, Tahoma, sans-serif;

}

CourseName{

    margin-left: 10px;

    

color: mediumblue;

    font-size: 25px;

    font-family: monospace ;

    

}

CourseNumber{

    color: rgb(13, 4, 138);

    font-size: 23px;

}

Description{margin-left: 25px;

    color: rgb(17, 62, 104);

    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

AdditionalInfo{

    color: saddlebrown;

}

Credits{

color: rgb(138, 24, 24);

}

/*using ID style here */

s{

   font-style: italic;

}


Related Solutions

Create CSS code 4.3. Change/update the CSS to display multiple blocks/courses per line, in a way...
Create CSS code 4.3. Change/update the CSS to display multiple blocks/courses per line, in a way that responds to the width of the browser window and reduces the number of elements per line appropriately. 4.3.1. You may add IDs or classes to the XML file as desired. <InformationSystems>    <Classes>        <CourseHeader>            <CourseNumber>CIS 145</CourseNumber>            <CourseName>Introduction to Relational Database</CourseName>            <Credits>5</Credits>        </CourseHeader>        <Description><![CDATA[Introduces relational database concepts and practices...
Use only three context selectors SPACE, >, and +, add document level CSS code to the...
Use only three context selectors SPACE, >, and +, add document level CSS code to the HTML file below to implement styles required in the body portion of the HTML file. <body> <p> Here should be yellow </p> <div> <p> Here should be cyan </p> <div> Content of this division should be brown <p> Some text </p> </div> <p> Here should be red </p> <p> Here should be green </p> <div> <p> Here should be brown </p> <div> <p> Here...
Task 1: HTML and CSS Create a website using HTML5 and CSS3 only. Please no JavaScript...
Task 1: HTML and CSS Create a website using HTML5 and CSS3 only. Please no JavaScript or Bootstrap. Website theme can be anything you want: a country, a town, a place, a hobby, people (yourself, your family...), pets, flowers, food, or anything that you find interesting or useful. It may be about real people/places/things or fictitious. Part 1: Content (HTML) After you decide the theme of your website, create HTML pages with the content you want to present. Remember to...
4.8 LAB: News article (CSS) Create an external stylesheet so the provided HTML produces the following...
4.8 LAB: News article (CSS) Create an external stylesheet so the provided HTML produces the following web page: Example rattlesnake web page screenshot Add CSS rules to styles.css for the given news article web page that matches the following styling: Both article's images styled with a width of 300px Article's <h1> tag styled with: 5px padding all around Font family of Arial Font size of 24px Font color of white Background color of red Selecting the id of author-name-and-date, style...
I want the code in the following three PHP files without any CSS. Thank you Create...
I want the code in the following three PHP files without any CSS. Thank you Create a Input.php. Create a PHP script that will perform the following tasks: 1. Divide the content area of this page into two sections (Side by Side) 2. On the left side: create a form that accepts the following information from the user a. Text box, Employee Name b. Text box, Employee ID c. Text box, Telephone Number d. Text box, Email Address e. Radio...
Task 1: HTML and CSS Create a website using HTML5 and CSS3 only. Website theme can...
Task 1: HTML and CSS Create a website using HTML5 and CSS3 only. Website theme can be anything you want: a country, a town, a place, a hobby, people (yourself, your family...), pets, flowers, food, or anything that you find interesting or useful. It may be about real people/places/things or fictitious. Part 1: Content (HTML) After you decide the theme of your website, create HTML pages with the content you want to present. Remember to separate content from presentation. The...
can someone change this code so that timestandard can be calculated at the end of the...
can someone change this code so that timestandard can be calculated at the end of the code using the inputs n,RF,PFD, and the measured cycles, instead of being called from the beginning of the code using namespace std; float timestandard(float time, float rf, float pfd) { return((time / 100) * rf * (1 + pfd)); /* calculating the time standard using the given formula*/ } int main() { int n, rf, pfd, x; /* inputs are taken*/ cout << "****...
Modify the provided code to create a program that calculates the amount of change given to...
Modify the provided code to create a program that calculates the amount of change given to a customer based on their total. The program prompts the user to enter an item choice, quantity, and payment amount. Use three functions: • bool isValidChoice(char) – Takes the user choice as an argument, and returns true if it is a valid selection. Otherwise it returns false. • float calcTotal(int, float) – Takes the item cost and the quantity as arguments. Calculates the subtotal,...
Using Python code create a program only with beginners code. You are taking online reservations at...
Using Python code create a program only with beginners code. You are taking online reservations at the The inn Ask for your client’s name and save in a variable Ask how many nights your client will be staying and save in a variable Room rental is $145 per night Sales tax is 8.5% Habitation tax is $5 per night (not subject to sales tax) Print out: Client’s name Room rate per night Number of nights Room cost (room rate *...
Change or edit the following code so that it has 20 questions, there's an image for...
Change or edit the following code so that it has 20 questions, there's an image for each question and once the user enters an incorrect answer, there's a button that the user can click on that displays the correct answer. The questions and answer choices should also be random each time you start the quiz. <!DOCTYPE html> <html lang="en" > <head> <meta charset="utf-8" /> <title>World Cup Quiz</title> </head> <body> <style> #flashcards001 { background-color: white; border: 4px solid black; width: 400px;...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT