\documentclass[10pt,a4paper]{report}

\usepackage[utf8]{inputenc}

\usepackage[T1]{fontenc}

\usepackage{amsmath} \usepackage{amssymb}

\usepackage{graphicx}

\usepackage{color}

\title{Design tools workshoop}

\author{satya dev}

\pagecolor{red}

\begin{document}

\maketitle \begin{center} content...

{\LARGE A report on\\

\textbf{New design of Table by conideing human ergonomics}\\

Tables are a design pattern for displaying large amounts of data in rows and

columns, making them efficient for doing comparative analysis on

categorical objects. Tables have

been used for this purpose as early as the 2nd century and when the world

started to go digital,

tables came along with us.

It was inevitable that the web would support the display of data in a tabular

format. HTML tables present tabular data in a semantic and structurally

appropriate manner.

However, the default styles on HTML tables are not exactly the most

aesthetically pleasing thing

you’ve ever seen. Depending on the desired visual design, some effort was

required on the CSS front

to prettify those tables. A decade ago, an article with the “Top 10 CSS Table

Designs” was published

on Smashing Magazine, and it still continues to get a lot of traffic to this day.

The web has evolved a lot over the past decade, and it’s more convenient

than ever to make your site or application adapt to the viewport it is viewed
 in. That being said, we

have to continue to make considered design choices that do not

compromise on accessibility. Since

tables don’t seem to be falling out of favor anytime soon, let’s see how

tables can be created on the

web in 2019.\\

\pagebreak Batcheor of technology\\ cse\\

By\\

\textbf{satya dev}\\

2200031079\\ under the guidance of\\ sireesha koneru\\

Department of ME\\

KLU

\end{center}

\pagebreak

\tableofcontents

\listoffigures

\listoftables

\chapter{Design of Table}

\section{human ergonomics}

\section{design of computer table}

\begin{figure}

\centering

\includegraphics[width=0.7\linewidth]{C:/Users/abhir/Downloads/table}

\caption{}

\label{fig:table}

\end{figure}

\end{document}
Design tools workshoop

satya dev

November 7, 2022
 A report on

New design of Table by conideing human

content...

ergonomics
Tables are a design pattern for displaying large

amounts of data in rows and columns, making

them ecient for doing comparative analysis on

categorical objects. Tables have been used for

this purpose as early as the 2nd century and

when the world started to go digital, tables came

along with us. It was inevitable that the web

would support the display of data in a tabular

format. HTML tables present tabular data in a

semantic and structurally appropriate manner.

However, the default styles on HTML tables are

not exactly the most aesthetically pleasing thing

you've ever seen. Depending on the desired

visual design, some eort was required on the

CSS front to prettify those tables. A decade

ago, an article with the Top 10 CSS Table

Designs was published on Smashing Magazine,

and it still continues to get a lot of trac to this

day. The web has evolved a lot over the past

decade, and it's more convenient than ever to

make your site or application adapt to the

viewport it is viewed in. That being said, we

have to continue to make considered design

choices that do not compromise on accessibility.

1
Since tables don't seem to be falling out of favor

anytime soon, let's see how tables can be

created on the web in 2019.

2
Batcheor of technology

cse

By

satya dev
2200031079

under the guidance of

sireesha koneru

Department of ME
KLU

3
Contents
1 Design of Table 7
1.1 human ergonomics . . . . . . . . . . . . . . . . . . . . . . . . . . 7

1.2 design of computer table . . . . . . . . . . . . . . . . . . . . . . . 7

4
List of Figures
1.1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

5
List of Tables

6
Chapter 1

Design of Table
1.1 human ergonomics

1.2 design of computer table

7
Figure 1.1: