CSS stands for Cascading Style Sheets. CSS depicts about how HTML elements are to be displayed on screen, different media devices. It saves a lot of time for styling many pages of a big website just at once with single control file.
A database is simply an organized collection of related data, typically stored on disk, and accessible by possibly many concurrent users. Databases are generally separated into application areas.
A Database Management System (DBMS) is a set of programs that manages any number of databases.
All these acronyms are often loosely used in the field of technology. It is important to understand that all these acronyms are part of Artificial Intelligence (AI) umbrella.
DevOps is a culture which promotes collaboration between Development and Operations Team to deploy code to production faster in an automated & repeatable way.
An array is the data structure that contains a collection of similar type data elements and It is better and convenient way of storing the data of same data type with same size.
Maxima and Minima of Functions of Two Independent Variables.
As the name suggests, this topic is devoted to the method of finding the maximum and the minimum values of a function in a given domain.
A database is simply an organized collection of related data, typically stored on disk, and accessible by possibly many concurrent users. Databases are generally separated into application areas.
A Database Management System (DBMS) is a set of programs that manages any number of databases.
All these acronyms are often loosely used in the field of technology. It is important to understand that all these acronyms are part of Artificial Intelligence (AI) umbrella.
DevOps is a culture which promotes collaboration between Development and Operations Team to deploy code to production faster in an automated & repeatable way.
An array is the data structure that contains a collection of similar type data elements and It is better and convenient way of storing the data of same data type with same size.
Maxima and Minima of Functions of Two Independent Variables.
As the name suggests, this topic is devoted to the method of finding the maximum and the minimum values of a function in a given domain.
State pattern is one of the behavioral design pattern. The state pattern is a behavioral software design pattern that implements a state machine in an object-oriented way. In State pattern, we create objects which represent various states and a context object whose behavior varies as its state object changes.
Storyboarding can strengthen the user experience elements of your designs. Wireframe is a low fidelity layout of the design.
Prototype captures the intent of a design and simulates multiple states of that design.
Adapter pattern works as a bridge between two incompatible interfaces. This type of design pattern comes under structural pattern as this pattern combines the capability of two independent interfaces.
DHCP was created by the Dynamic Host Configuration Working Group of the Internet Engineering Task Force. It is a method for assigning Internet Protocol (IP) addresses permanently or to individual computers in an organization’s network.
Business is an enterprise engaged in the production & distribution of services and goods for a price is created to earn profit (except social) & profit results when business activities are conducted efficiently.
Lex is officially known as a "Lexical Analyser". It's main job is to break up an input stream into more usable elements.
Yacc is officially known as a "parser". In the course of it's normal work, the parser also verifies that the input is syntactically sound.
In data communication and networking, a Protocol defines the rules that both the sender and receiver and all intermediate devices need to follow to be able to communicate effectively.
The main idea of fusion is to combine a set of models each of which solves the same original task in order to obtain a better model with more accuracy.
HCI is the study, planning, design of the interaction between humans and computers. A human’s interaction with the outside world occurs through information being received and sent: input and output. In an interaction with a computer the user
receives information that is output by the computer, and responds by providing input to the computer.
Wireless sensor network is a distributed system consisting of a large number of low-cost wireless sensor nodes equipped with a small processor with limited memory, RF trans-receiver, antenna, sensing elements and are powered with small batteries and solar cells.
Artificial Intelligence is the study of how to make computers do things at the moment, and do better. AI important elements:
- think like humans
- act like humans
- think rationally
- act rationally
Lex is officially known as a "Lexical Analyser".
Yacc (for "yet another compiler compiler." ) is the standard parser generator for the Unix operating system.
Whenever we need to transfer XML file, we need to ensure about its quality and its error-freeness. This can be achieved through DTD (Document Type Definition).
The theory of computation is a branch of computer science and mathematics combined. It deals with how efficiently problems can be solved on a model of computation, using an algorithm.
State pattern is one of the behavioral design pattern. The state pattern is a behavioral software design pattern that implements a state machine in an object-oriented way. In State pattern, we create objects which represent various states and a context object whose behavior varies as its state object changes.
Storyboarding can strengthen the user experience elements of your designs. Wireframe is a low fidelity layout of the design.
Prototype captures the intent of a design and simulates multiple states of that design.
Adapter pattern works as a bridge between two incompatible interfaces. This type of design pattern comes under structural pattern as this pattern combines the capability of two independent interfaces.
DHCP was created by the Dynamic Host Configuration Working Group of the Internet Engineering Task Force. It is a method for assigning Internet Protocol (IP) addresses permanently or to individual computers in an organization’s network.
Business is an enterprise engaged in the production & distribution of services and goods for a price is created to earn profit (except social) & profit results when business activities are conducted efficiently.
Lex is officially known as a "Lexical Analyser". It's main job is to break up an input stream into more usable elements.
Yacc is officially known as a "parser". In the course of it's normal work, the parser also verifies that the input is syntactically sound.
In data communication and networking, a Protocol defines the rules that both the sender and receiver and all intermediate devices need to follow to be able to communicate effectively.
The main idea of fusion is to combine a set of models each of which solves the same original task in order to obtain a better model with more accuracy.
HCI is the study, planning, design of the interaction between humans and computers. A human’s interaction with the outside world occurs through information being received and sent: input and output. In an interaction with a computer the user
receives information that is output by the computer, and responds by providing input to the computer.
Wireless sensor network is a distributed system consisting of a large number of low-cost wireless sensor nodes equipped with a small processor with limited memory, RF trans-receiver, antenna, sensing elements and are powered with small batteries and solar cells.
Artificial Intelligence is the study of how to make computers do things at the moment, and do better. AI important elements:
- think like humans
- act like humans
- think rationally
- act rationally
Lex is officially known as a "Lexical Analyser".
Yacc (for "yet another compiler compiler." ) is the standard parser generator for the Unix operating system.
Whenever we need to transfer XML file, we need to ensure about its quality and its error-freeness. This can be achieved through DTD (Document Type Definition).
The theory of computation is a branch of computer science and mathematics combined. It deals with how efficiently problems can be solved on a model of computation, using an algorithm.
Assembly language is the most basic programming language available for any processor. Programs written in assembly languages are compiled by an assembler. Every assembler has its own assembly language, which is designed for one specific computer architecture.
Explanation of two polynomials addition. Learn algebra with the help of our easy to understand explanation. The basic idea of polynomial addition is to add coefficient parts of the polynomials having same exponent.
Homogeneous function is one with multiplicative scaling behaviour - if all its arguments are multiplied by a factor, then its value is multiplied by some power of this factor.
High speed computing was implemented in supercomputer for scientific research. HPC clusters provide the most efficient, flexible, cost effective computing environments for HPC simulations.
The popular object-oriented languages are Java, C#, PHP, Python, C++, etc. The main aim of object-oriented programming is to implement real-world entities.
The Smart Bridge Interview now Veranda LearningNaval Singh
As-Is Analysis
Where The Smart Bridge is currently
Competitive Analysis
Internal: Strengths
Internal: Weaknesses
External: Opportunities
External: Threats
To-be State of TSB
Which metrics change
Resource allocation
Growth Strategy of TSB
Tailwinds vs headwinds
- Good knowledge of HTML5.
- Working Knowledge of Wordpress CMS .
- Strong communication skills able to manage and motivate multidisciplinary teams.
Technical Expertise
----------------------------
- Operating Systems : Microsoft Windows 7, Windows 98, Windows XP.
- Database : SQL Server, My SQL.
- Languages : C, Core JAVA, HTML.
- CMS : Word press.
- Web Technologies : HTML, JavaScript, PHP, Adobe Photoshop, CSS .
The process of reducing a given DFA to its minimal form is called as minimization of DFA. DFA minimization is also called as Optimization of DFA and uses partitioning algorithm.
NLP is a tool for computers to analyse, comprehend, and derive meaning from natural language in an intelligent and useful way. Natural language processing helps computers communicate with humans in their own language and scales other language-related tasks.
Smart computing, next-generation computing, is a combination of hardware, software, and network to provide real-time awareness of real-time systems. The real world gets smart by connecting it to a computer, and computer get smart by connecting to the real world.
As a student, you should be developing work ethic and etiquette skill sets to prepare you for the work environment. Developing professional habits and manners is more important now than ever before.
Writing skills include all the knowledge and abilities related to expressing yourself through the written word. Here you can find activities to practise your writing skills.
Professional communication in written form requires skill and expertise. And whether you're starting a new job, introducing yourself at a networking event or pitching for new work, here are some things to consider ...
Servlets work on the server-side. Servlets are capable of handling complex requests obtained from the web-server. There are many (competing) server-side technologies available: Java-based (servlet, JSP, JSF, Struts, Spring, Hibernate), ASP, PHP, CGI Script, and many others.
Jenkin is an open source automation server which can be used to automate all sorts of tasks related to building, testing, and delivering or deploying software.
Data science, Know as data-driven science, is also an interdisciplinary field of scientific methods, processes, algorithms, and systems to extract knowledge or insights from data in various forms, either structured or unstructured, similar to data mining.
Sentiment Analysis has become a hot-trend topic of scientific and market research; it is a natural language processing technique used to determine whether data is positive, negative or neutral.
Power BI is a business analytics service by Microsoft. BI
Microsoft Power BI is a suite of business intelligence (BI), reporting, and data visualization products and services for individuals and teams. You can access your data from anywhere with the Power BI app.
AVL tree Named after their inventor Adelson, Velski & Landis, is a self-balancing Binary Search Tree (BST) where the difference between heights of left and right subtrees cannot be more than one for all nodes.
Yoga — a mind-body practice — is considered one of many types of complementary and integrative health approaches. Yoga brings together physical and mental disciplines that may help you achieve peacefulness of body and mind.
LR parsing is one type of bottom up parsing. In the LR parsing, "L" stands for left-to-right scanning of the input.
"R" stands for constructing a right most derivation in reverse.
Lex is called as lexical analyzer, it is a first phase of compiler design.
YACC is a parser generator that takes an input file with an attribute-enriched BNF grammar specification.
Sampling is fundamental process to move towards digitalization, which converts analog signal into discrete samples. Sampling theorem gives minimum sampling rate requirement so as to recover original message signal. After sampling original signal can be reconstructed without distortion, only if it is a band limited signal.
Sampling is a basic and fundamental step towards converting an analog signal into digital signal. Types of sampling with its merits and demerits with applications are discussed. Aperture effect observed in case of flat top sampling can be compensated using equalizer filter.
More from International Institute of Information Technology (I²IT) (20)
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
Generating a custom Ruby SDK for your web service or Rails API using Smithy
What Is Cascading Style Sheet?
1. 1
HOPE FOUNDATION’S
INTERNATIONAL INSTITUTE OF IFORMATION TECHNOLOGY, (I²IT)
www.isquareit.edu.in
+91 20 22933441 / 2
PREPARED BY: PROF. KIMI B. RAMTEKE
WEB TECHNOLOGY
CASCADING STYLE SHEET
2. Hope Foundation’s International Institute of Information Technology, I²IT, P-14 Rajiv Gandhi Infotech Park, Hinjawadi, Pune - 411 057
Tel - +91 20 22933441 / 2 / 3 | Website - www.isquareit.edu.in ; Email - info@isquareit.edu.in
Web Technology
UNIT 1
3. Contents
• Introduction to CSS
• Use of CSS
• Syntax of CSS
• Types of CSS
– External CSS
– Internal CSS
– Inline CSS
• Exercise
Hope Foundation’s International Institute of Information Technology, I²IT, P-14 Rajiv Gandhi Infotech Park, Hinjawadi, Pune - 411 057
Tel - +91 20 22933441 / 2 / 3 | Website - www.isquareit.edu.in ; Email - info@isquareit.edu.in
4. CSS Introduction
• CSS stands for Cascading Style Sheets
• CSS depicts about how HTML elements are to
be displayed on screen, different media
devices
• CSS saves a lot of time for styling many pages
of a big website just at once with single
control file(.css).
Hope Foundation’s International Institute of Information Technology, I²IT, P-14 Rajiv Gandhi Infotech Park, Hinjawadi, Pune - 411 057
Tel - +91 20 22933441 / 2 / 3 | Website - www.isquareit.edu.in ; Email - info@isquareit.edu.in
5. Why to Use CSS?
• CSS is helps you to give design, layout for your
web pages and variations in display for various
devices and sizes of the screen.
Hope Foundation’s International Institute of Information Technology, I²IT, P-14 Rajiv Gandhi Infotech Park, Hinjawadi, Pune - 411 057
Tel - +91 20 22933441 / 2 / 3 | Website - www.isquareit.edu.in ; Email - info@isquareit.edu.in
6. CSS Syntax
Hope Foundation’s International Institute of Information Technology, I²IT, P-14 Rajiv Gandhi Infotech Park, Hinjawadi, Pune - 411 057
Tel - +91 20 22933441 / 2 / 3 | Website - www.isquareit.edu.in ; Email - info@isquareit.edu.in
7. CSS Syntax Description
• The selector helps to style the HTML element
you want.
• The declaration block can contains one or
many declarations which need to be
separated by semicolons.
• Each declaration has two parts:
– 1. property name
– 2. a value and both are separated by a colon(:).
Hope Foundation’s International Institute of Information Technology, I²IT, P-14 Rajiv Gandhi Infotech Park, Hinjawadi, Pune - 411 057
Tel - +91 20 22933441 / 2 / 3 | Website - www.isquareit.edu.in ; Email - info@isquareit.edu.in
8. How to apply CSS to HTML
3 Ways:
• External style sheet
– External style sheet helps to change style of multiple
pages of a website at once by making changes in just
one file.
• Internal style sheet
– An internal style sheet is helpful if one single page has
to give a different style.
• Inline style
– An inline style is helpful if element need to be styled
differently.
Hope Foundation’s International Institute of Information Technology, I²IT, P-14 Rajiv Gandhi Infotech Park, Hinjawadi, Pune - 411 057
Tel - +91 20 22933441 / 2 / 3 | Website - www.isquareit.edu.in ; Email - info@isquareit.edu.in
Website Level style
Page Level Style
Element level Style
9. External style sheet
HTML file
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
CSS File
<style>
body {background-color:
powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
Separate
HTML
file
Separate
CSS File
Hope Foundation’s International Institute of Information Technology, I²IT, P-14 Rajiv Gandhi Infotech Park, Hinjawadi, Pune - 411 057
Tel - +91 20 22933441 / 2 / 3 | Website - www.isquareit.edu.in ; Email - info@isquareit.edu.in
10. External style sheet
Test.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
type=“text/css”
href=“Demo.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Demo.css
<style>
body {background-color:
powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
Linking
CSS with
HTML
Hope Foundation’s International Institute of Information Technology, I²IT, P-14 Rajiv Gandhi Infotech Park, Hinjawadi, Pune - 411 057
Tel - +91 20 22933441 / 2 / 3 | Website - www.isquareit.edu.in ; Email - info@isquareit.edu.in
11. Internal style sheet
<html>
<head>
......This is example of Internal CSS, style is written inside head element only.........
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
CSS
embedded
in HTML
Hope Foundation’s International Institute of Information Technology, I²IT, P-14 Rajiv Gandhi Infotech Park, Hinjawadi, Pune - 411 057
Tel - +91 20 22933441 / 2 / 3 | Website - www.isquareit.edu.in ; Email - info@isquareit.edu.in
12. Inline style
<!DOCTYPE html>
<html>
<body>
<h1 style="color:Red;">This is a Blue
Heading</h1>
</body>ss
</html>
Inline
CSS
Hope Foundation’s International Institute of Information Technology, I²IT, P-14 Rajiv Gandhi Infotech Park, Hinjawadi, Pune - 411 057
Tel - +91 20 22933441 / 2 / 3 | Website - www.isquareit.edu.in ; Email - info@isquareit.edu.in
13. Exercise
1. Set "background-color: linen" for the page,
using an internal style sheet.
2. Set "background-color: blue" for the page,
using an inline style sheet.
3. Set <p> with "background-color: green" and
<h1> with “color : green” using external style
sheet.
Hope Foundation’s International Institute of Information Technology, I²IT, P-14 Rajiv Gandhi Infotech Park, Hinjawadi, Pune - 411 057
Tel - +91 20 22933441 / 2 / 3 | Website - www.isquareit.edu.in ; Email - info@isquareit.edu.in
14. Guess the Output?
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: orange;
}
</style>
<link rel="stylesheet" type="text/css" href=“Demo.css">
</head>
<body>
<h1>This is a heading</h1>
<p>The style of this document is a combination of an external style sheet, and internal
style</p>
</body>
</html>
Hope Foundation’s International Institute of Information Technology, I²IT, P-14 Rajiv Gandhi Infotech Park, Hinjawadi, Pune - 411 057
Tel - +91 20 22933441 / 2 / 3 | Website - www.isquareit.edu.in ; Email - info@isquareit.edu.in
15. References
• Ivan Bayross, “Web enabled commercial
applications developments using
HTML,JavaScript, DHTML,PHP” BPB.
• https://www.w3schools.com/css/
16. THANK YOU
For further information please contact
Prof. Kimi Ramteke
Department of Computer Engineering
Hope Foundation’s International Institute of Information Technology, I²IT
Hinjawadi, Pune – 411 057
Phone - +91 20 22933441
www.isquareit.edu.in | kimir@isquareit.edu.in
16