엑셀 표를 웹형식의 html 코드로 만들기(글꼴 설정, 셀병합 , 하이퍼링크 , 테두리 표시 등을 코드로 만들어 줍니다.)

by 지천명영어 posted May 23, 2022
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

2022.11.02 버전업 (간단한 변경입니다.)

 

다운로드 엑셀셀렉션To웹html(지천명영어)_02.xlsm

 

엑셀을 사용해서 만들어 놓은 표를 웹으로 붙여 넣기하면 엑셀에 있는 모양과 비슷하지 않습니다.

 

그래도 가장 비슷하게 웹에 올릴 수 있는 건 엑셀 표를 MS 워드로 1차 변환해서 웹에 붙여 넣기하면 성공 가능성이 조금 높아집니다.

그래도 여전히, 엑셀에서 보여주는 만큼의 품질은 아닙니다.

 

그렇다고 해서, 엑셀을 html로 저장해서 웹에 올릴 경우는 너무 무겁고, 코드만 올릴 수도 없습니다.

 

그래서, 간단하지만, 엑셀에서 만들어 놓은 표를 웹에 올릴때 사용할 수 있는 프로그램을 만들었습니다.

사실 주요 코드는 외국의 어느분이 미리 만들어 놓으신 것을 썼습니다.

 

어째든 엑셀에 있는 여러가지 기능 중 html 로 변환하는 정보는 다음과 같습니다.

 

1. 글꼴의 크기, 색깔을 반영합니다. 하지만, 한 셀에 있는 부분 부분을 반영하지는 못 합니다.

2. 셀병합을 반영합니다. 아마 엑셀 표를 웹 테이블로 변환하는 경우 셀병합을 반영하기 쉽지 않습니다. 하지만, 행, 열 병합된 셀을 잘 반영합니다.

3. 하이퍼링크를 웹 테이블에서도 사용할 수 있습니다.

4. 테두리(외곽선) 기능을 지원합니다. 하지만, 단순한 형태입니다.

 

사용법은 간단 합니다.

 

2022-05-23 00 45 05.png

 

첨부의 엑셀셀렉션To웹html(지천명영어) 프로그램 파일은 열면 엑셀 파일이 열리게 됩니다.

리본메뉴 우측에 1번 "지천명영어" 탭을 누르고 나서 2번 "선택된셀을 HTML"로 변환하면 끝 입니다.

 

변환된 코드는 메모장에서 보여 줍니다. 메모장에 있는 코드를 웹에 소스로 올리면 끝 입니다.

 

다음은 실제로 본 프로그램을 이용해서 웹에 올린 모습을 보여 줍니다.

 

2022-05-23 00 49 50.png

(엑셀에서 작업했던 표 입니다. 이것을 웹에 올려 보도록 하겠습니다.)

 

html 코드가 바로 생성됩니다.

 

<html>

<head>

<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />

<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css' integrity='sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==' crossorigin='anonymous' />

 

<style>

div{overflow-x: auto;}

table{ border-collapse:collapse;  font-size:14; margin: auto; text-align: center; width: 95%; min-width: 800px;line-height: 100%;}

 

.bb  {border-top: 1px solid black;border-bottom: 1px solid black;border-left: 1px solid black;border-right: 1px solid black;}

.bc  {border-top: 1px solid black;border-left: 1px solid black;border-right: 1px solid black;}

</style>

</head>

<div>

<table cellpadding="5px">

<colgroup>

<col width="6%">

<col width="23%">

<col width="60%">

<col width="12%">

</colgroup>

<tr>

<td align="center"  class="bb" style="color:#000000">번호</td>

<td align="center"  class="bb" style="color:#000000">주요 기능</td>

<td align="center"  class="bb" style="color:#000000">간단한 설명</td>

<td align="center"  class="bb" style="color:#000000">비고</td>

</tr>

<tr>

<td align="center" COLSPAN="1" ROWSPAN="6" class="bb" style="color:#000000">1</td>

<td align="center" COLSPAN="1" ROWSPAN="6" class="bb" style="color:#000000"><strong>입찰검색<br />(크롤링)</strong></td>

<td align="left"  class="bb" style="color:#000000">나라장터 홈페지에 있는 상세검색과 유사한 기능입니다.</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

 

 

<td align="left"  class="bb" style="color:#000000">나라장터를 이용하시는 많은 분들이 나라장터에서 검색 그리고, 투찰 결과를 엑셀로 정리해서 보고서를 만들고 있습니다.</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

 

 

<td align="left"  class="bb" style="color:#0000FF">입찰내역 검색을 위해서 파이썬과 같은 복잡한 프로그램의 도움이나 별도의 요금을 지불하고 사용하는 나라장터 정보제공회사의 없이 엑셀에서 바로 입찰내역을 만들어 줍니다.</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

 

 

<td align="left"  class="bb" style="color:#000000">입찰 검색과 투찰 그리고, 낙찰 결과를 엑셀에서 한번에 정리 가능합니다.</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

 

 

<td align="left"  class="bb" style="color:#000000">입찰 검색 기능에 스스로 낙찰예정가격을 만들어 보고, 그 자리에서 투찰할 수 있도록 구성되어 있습니다.</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

 

 

<td align="left"  class="bb" style="color:#000000">나라장터 시스템에서는 입찰 검색하고, 또 다시 입찰 공고문을 보고, 기초금액, 예가범위, A값 등을 별도로 산출하여야 하나, 본 프로그램은 입찰 가격 산정에 필요한 데이터 역시 크롤링 합니다.</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

<td align="center" COLSPAN="1" ROWSPAN="5" class="bb" style="color:#000000">2</td>

<td align="center" COLSPAN="1" ROWSPAN="5" class="bb" style="color:#000000"><strong>예정가격<br />(시뮬레이션)</strong></td>

<td align="left"  class="bb" style="color:#000000">본 프로그램 입찰검색에서 취득한 데이터를 사용할 수 있습니다.</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

 

 

<td align="left"  class="bb" style="color:#000000">예정가격 프로그램은 투찰금액 산정시 낙찰 불가능 구간을 알려줍니다.</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

 

 

<td align="left"  class="bb" style="color:#000000">A값과 순공사원가가 있는 경우 자동으로 반영하며, 순공사원가의 98%를 초과하지 않는 예정가격을 만들어 줍니다.</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

 

 

<td align="left"  class="bb" style="color:#000000">당연히 15개의 랜덤한 복수예가를 생성하는 모듈도 있습니다.</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

 

 

<td align="left"  class="bb" style="color:#0000FF">본 시뮬레이션은 총 9 종류의 입찰예정가격을 만들어 줍니다. 사용자는 이 중에서 1개를 선택해서 투찰에 활용합니다.</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

<td align="center" COLSPAN="1" ROWSPAN="5" class="bb" style="color:#000000">3</td>

<td align="center" COLSPAN="1" ROWSPAN="5" class="bb" style="color:#000000"><strong>입찰분석<br />(챠트 분석)</strong></td>

<td align="left"  class="bb" style="color:#000000">본 프로그램 중에서 가장 중요한 위치를 차지하고 있습니다. 왜냐하면, 입찰검색(크롤링) 기능이나, 예정가격 시물레이션 기능은 복잡한 나라장터 입찰에 도움을 주기는 하지만, 낙찰확률을 높이는 것과는 상관이 없습니다.</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

 

 

<td align="left"  class="bb" style="color:#000000">용역, 물품, 공사 어떤 데이터를 사용하여도 분석이 가능하도록 설계되었습니다. 즉, 누구나 쉽게 사용할 수 있도록 되어 있습니다.</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

 

 

<td align="left"  class="bb" style="color:#000000">복잡한 컴퓨터 시스템이 아닌, 사무용PC를 활용해서 약 1백만건 분석이 가능합니다. (처리시간 약 1시간)</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

 

 

<td align="left"  class="bb" style="color:#000000">본 분석을 활용해서 투찰에 성공하신 분들이 상당합니다. 꼭 활용하세요. </td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

<tr>

 

 

<td align="left"  class="bb" style="color:#0000FF">(나라장터 낙찰은 로또당첨과 전혀 다릅니다. 로또는 정확한 숫자를 맞추는 게임이지만, 나라장터는 나 이외의 회사에서 투찰하는 금액보다 낮은 금액이면 낙찰되는 구조입니다. 즉, 정확한 금액은 필요없으며, 타사에서 투찰하는 경향을 파악하는 것이 낙찰 확률을 높이는 비법입니다)</td>

<td align="center"  class="bb" style="color:#000000">&nbsp;</td>

</tr>

</table>

</div>

</html>

 

이 코드를 웹 브라우저로 보면 아래와 같이 나타납니다.

 

2022-05-23 00 53 44.png

엑셀에 있는 표와 완전히 같지는 않으나, 그래도 쓸만한 표 입니다.