Табеле података наводе разне информације у колонама и редовима за лако читање. Подаци су обично делимично нумерички обележени текстуалним ознакама. Пример је табела података која показује колико калорија неко поједе сваког дана. Израда табеле података на мрежи може се обавити помоћу ХТМЛ-а или сложенијег ЦСС језика прегледача. Завршна табела изгледа баш као табела података креирана у табели или на папиру. Једина разлика је у позадинском кодирању, које се не види уколико се не гледа изворни код. Кодирање се може креирати помоћу ХТМЛ уређивача, текста или на друге начине. На мрежи постоји много веб локација које нуде могућност уноса података, постављања неколико атрибута и креирања свих кодирања табеле за вас. Табеле података на мрежи обично се користе као део веб странице. Табеле података се често користе за креирање листа ставки са категоријама, као што су предмети на продају. Неке веб странице их користе за приказ статистичких података. Иако се табеле података могу користити ван мреже за штампање или у извештајима, обично је боље користити их софтвер за прорачунске табеле, као што је Мицрософт Оффице Екцел, који нуди много више функција за рад са подацима. Овај водич показује како направити Нотебоок табелу података.
Отворите ХТМЛ едитор или само обични текстуални документ Нотепад да бисте унели ХТМЛ код. Бележница добро функционише ако сте навикли на ХТМЛ кодирање. ХТМЛ уредници убрзавају понављајуће задатке, али неки, попут Фронтпаге-а, додају додатно, непотребно кодирање које може успорити Веб странице. Најбоље је прво кодирати помоћу ХТМЛ уређивача, а затим се вратити и ручно уредити код да бисте га очистили.
Одредите атрибуте табеле за обрубе, ширину, боју позадине и боје фонта. Морате узети у обзир изглед веб странице, ширину, боје и друге атрибуте како бисте табелу учинили лако читљивом. Такође морате да одлучите колико је редова и колона потребно за податке. Почните да дефинишете атрибуте табеле. (Наш пример показује број калорија поједених за ручак и вечеру сваког радног дана. Потребне су нам три колоне (дан, ручак и вечера) и седам редова (две за етикете и једна за сваки радни дан).
Додајте ивицу око табеле и ћелија са подацима. Границе раздвајају податке у ћелије ради лакшег прегледа. Мери се у пикселима и може му се доделити вредност 0 да их се не користи. Граница од једног или два пиксела је углавном у реду. Ознака за границу је
бгцолор = бордер = "ЦХОСЕН_БОРДЕР_ВИДТХ"
Боја обруба се може променити ознаком
бордерцолор = "ЦХОСЕН_ЦОЛОР"
који користи основне термине боја, као што су црвена или црна или шестоцифрени хексадецимални кодови боја. Хексадецималци нуде више боја. Наш пример користи бордер = "2" и бордерцолор = "блацк".
Одредите ширину целе табеле. Мери се у пикселима или процентима величине екрана. Пиксели су дефинитивни и проценти омогућавају прилагођавање табеле различитим величинама екрана. Покушајте да процените ширину на основу ширине података у редовима. Ако касније откријете да је сто превише танак или широк, може се променити. Наш пример користи видтх = "175".
Подесите боју позадине ћелија података. Другачија је од боје позадине странице, која може понудити добар контраст. Ознака је
бгцолор = "ЦХОСЕН_ЦОЛОР"
баш као и боја обруба. Наш пример користи бгцолор = "вхите".
Подесите боју фонта текста у ћелијама. Обавезно контрастујте боју са позадином, тако да је лако читљива. Светло на тамном или тамно на светлу увек најбоље функционишу. Ознака је
фонт = "ЦХОСЕН_ЦОЛОР"
Наш пример је фонт = "блацк", који се добро разликује од беле позадине.
Запишите комплетне ознаке табеле између леве и десне стрелице са размаком између атрибута ознака и почевши од ознаке табеле испред. Редослед ознака није важан, све док је „сто“ испред.
Одредите ширине колона. Ширина сваке колоне зависи од ширине целе табеле. Узмите ширину табеле и поделите је са бројем ћелија да бисте добили колоне једнаке величине. Ако је потребно, прилагодите ширину колона, али укупна вредност не може премашити ширину табеле. Када се промени ширина једне ћелије, остале ћелије треба прилагодити тако да укупану ширину табеле. (Наш пример има ширину од 175 и три колоне по реду, тако да је подељено око 59. Стварна подела је 70, 60, 40).
Почните да додајете своје податке. Прво започните нови ред и додајте ред табеле са кодом
Унесите своје податке за ћелију; помоћу овог кода за представљање празних ћелија:
Затворите ћелију са ознаком. Ознака бордерцолор се користи за одређивање боје обруба ћелије, ако желите. Ако је изостављена, користи се подразумевана боја боје табеле. Наш први пример ћелијског кода је:
Понављајте креирање ћелија података табеле, свака на новом реду, све док све ћелије у реду не буду завршене. Затим ред завршите ознаком. Започните следећи ред истим поступком, почевши са
Затворите код табеле помоћу тастера ознака. Наш коначни код табеле, ако се заврши након два реда података, налази се испод.
Ствари које ће вам требати
- ХТМЛ едитор или Нотепад
- Подаци