情報処理の魅力・威力(19)
ソース画面でエクセルの設計図を見る
写真(1)
 写真(1)は、同じ画面をワード・エクセル・ホームページビルダー作成し、その重さを比べたものです。
(1)写真(1)@はエクセルのWebページの重さです。ビルダーの9.5倍の重さです。
(2)写真(1)AはビルダーのWebページの重さです。
(2)写真(1)BはワードのWebページの重さです。ビルダーの4倍の重さです。

エクセルのWebページ
写真(2)
 写真(2)は、エクセルのWebページです。

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:x="urn:schemas-microsoft-com:office:excel"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=shift_jis">
<meta name=ProgId content=Excel.Sheet>
<meta name=Generator content="Microsoft Excel 11">
<link rel=File-List href="webl0205.files/filelist.xml">
<link rel=Edit-Time-Data href="webl0205.files/editdata.mso">
<link rel=OLE-Object-Data href="webl0205.files/oledata.mso">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
x\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]--><!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>arimasa kazuaki</o:Author>
<o:LastAuthor>arimasa kazuaki</o:LastAuthor>
<o:Created>2007-04-30T23:54:43Z</o:Created>
<o:LastSaved>2007-05-01T00:12:53Z</o:LastSaved>
<o:Version>11.5606</o:Version>
</o:DocumentProperties>
<o:OfficeDocumentSettings>
<o:DownloadComponents/>
<o:LocationOfComponents HRef="file:///F:\"/>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<style>
<!--table
{mso-displayed-decimal-separator:"\.";
mso-displayed-thousand-separator:"\,";}
@page
{margin:.98in .79in .98in .79in;
mso-header-margin:.51in;
mso-footer-margin:.51in;}
tr
{mso-height-source:auto;
mso-ruby-visibility:none;}
col
{mso-width-source:auto;
mso-ruby-visibility:none;}
br
{mso-data-placement:same-cell;}
.style0
{mso-number-format:General;
text-align:general;
vertical-align:middle;
white-space:nowrap;
mso-rotate:0;
mso-background-source:auto;
mso-pattern:auto;
color:windowtext;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"MS Pゴシック", monospace;
mso-font-charset:128;
border:none;
mso-protection:locked visible;
mso-style-name:標準;
mso-style-id:0;}
td
{mso-style-parent:style0;
padding:0px;
mso-ignore:padding;
color:windowtext;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"MS Pゴシック", monospace;
mso-font-charset:128;
mso-number-format:General;
text-align:general;
vertical-align:middle;
border:none;
mso-background-source:auto;
mso-pattern:auto;
mso-protection:locked visible;
white-space:nowrap;
mso-rotate:0;}
ruby
{ruby-align:left;}
rt
{color:windowtext;
font-size:6.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"MS Pゴシック", monospace;
mso-font-charset:128;
mso-char-type:katakana;
display:none;}
-->
</style>
<!--[if gte mso 9]><xml>
<x:ExcelWorkbook>
<x:ExcelWorksheets>
<x:ExcelWorksheet>
<x:Name>Sheet1</x:Name>
<x:WorksheetOptions>
<x:DefaultRowHeight>270</x:DefaultRowHeight>
<x:Selected/>
<x:Panes>
<x:Pane>
<x:Number>3</x:Number>
<x:ActiveRow>7</x:ActiveRow>
</x:Pane>
</x:Panes>
<x:ProtectContents>False</x:ProtectContents>
<x:ProtectObjects>False</x:ProtectObjects>
<x:ProtectScenarios>False</x:ProtectScenarios>
</x:WorksheetOptions>
</x:ExcelWorksheet>
<x:ExcelWorksheet>
<x:Name>Sheet2</x:Name>
<x:WorksheetOptions>
<x:DefaultRowHeight>270</x:DefaultRowHeight>
<x:ProtectContents>False</x:ProtectContents>
<x:ProtectObjects>False</x:ProtectObjects>
<x:ProtectScenarios>False</x:ProtectScenarios>
</x:WorksheetOptions>
</x:ExcelWorksheet>
<x:ExcelWorksheet>
<x:Name>Sheet3</x:Name>
<x:WorksheetOptions>
<x:DefaultRowHeight>270</x:DefaultRowHeight>
<x:ProtectContents>False</x:ProtectContents>
<x:ProtectObjects>False</x:ProtectObjects>
<x:ProtectScenarios>False</x:ProtectScenarios>
</x:WorksheetOptions>
</x:ExcelWorksheet>
</x:ExcelWorksheets>
<x:WindowHeight>12945</x:WindowHeight>
<x:WindowWidth>11715</x:WindowWidth>
<x:WindowTopX>360</x:WindowTopX>
<x:WindowTopY>60</x:WindowTopY>
<x:ProtectStructure>False</x:ProtectStructure>
<x:ProtectWindows>False</x:ProtectWindows>
</x:ExcelWorkbook>
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="2049"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->
</head>

<body link=blue vlink=purple>

<table x:str border=0 cellpadding=0 cellspacing=0 width=1223 style='border-collapse:
collapse;table-layout:fixed;width:919pt'>
<col width=87 style='mso-width-source:userset;mso-width-alt:2784;width:65pt'>
<col width=78 style='mso-width-source:userset;mso-width-alt:2496;width:59pt'>
<col width=86 style='mso-width-source:userset;mso-width-alt:2752;width:65pt'>
<col width=72 span=3 style='width:54pt'>
<col width=46 style='mso-width-source:userset;mso-width-alt:1472;width:35pt'>
<col width=72 style='width:54pt'>
<col width=81 style='mso-width-source:userset;mso-width-alt:2592;width:61pt'>
<col width=72 span=2 style='width:54pt'>
<col width=53 style='mso-width-source:userset;mso-width-alt:1696;width:40pt'>
<col width=72 span=5 style='width:54pt'>
<tr height=31 style='mso-height-source:userset;height:23.25pt'>
<td height=31 width=87 style='height:23.25pt;width:65pt' align=left
valign=top><!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="_x0000_s1025" type="#_x0000_t75" style='position:absolute;
margin-left:0;margin-top:0;width:65.25pt;height:23.25pt;z-index:1'>
<v:imagedata src="webl0205.files/image001.gif" o:title="48home26"/>
<x:ClientData ObjectType="Pict">
<x:SizeWithCells/>
<x:CF>Bitmap</x:CF>
<x:AutoPict/>
</x:ClientData>
</v:shape><v:shape id="_x0000_s1026" type="#_x0000_t75" style='position:absolute;
margin-left:65.25pt;margin-top:0;width:65.25pt;height:23.25pt;z-index:2'>
<v:imagedata src="webl0205.files/image002.gif" o:title="48back26"/>
<x:ClientData ObjectType="Pict">
<x:SizeWithCells/>
<x:CF>Bitmap</x:CF>
<x:AutoPict/>
</x:ClientData>
</v:shape><v:shape id="_x0000_s1027" type="#_x0000_t75" style='position:absolute;
margin-left:123.75pt;margin-top:0;width:65.25pt;height:23.25pt;z-index:3'>
<v:imagedata src="webl0205.files/image003.gif" o:title="48next26"/>
<x:ClientData ObjectType="Pict">
<x:SizeWithCells/>
<x:CF>Bitmap</x:CF>
<x:AutoPict/>
</x:ClientData>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;
position:absolute;z-index:1;margin-left:0px;margin-top:0px;width:252px;
height:31px'><img width=252 height=31 src="webl0205.files/image004.gif"
v:shapes="_x0000_s1025 _x0000_s1026 _x0000_s1027"></span><![endif]><span
style='mso-ignore:vglayout2'>
<table cellpadding=0 cellspacing=0>
<tr>
<td height=31 width=87 style='height:23.25pt;width:65pt'></td>
</tr>
</table>
</span></td>
<td width=78 style='width:59pt'></td>
<td width=86 style='width:65pt'></td>
<td width=72 style='width:54pt'></td>
<td width=72 style='width:54pt'></td>
<td width=72 style='width:54pt'></td>
<td width=46 style='width:35pt'></td>
<td width=72 style='width:54pt'></td>
<td width=81 style='width:61pt'></td>
<td width=72 style='width:54pt'></td>
<td width=72 style='width:54pt'></td>
<td width=53 style='width:40pt'></td>
<td width=72 style='width:54pt'></td>
<td width=72 style='width:54pt'></td>
<td width=72 style='width:54pt'></td>
<td width=72 style='width:54pt'></td>
<td width=72 style='width:54pt'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=6 style='height:13.5pt;mso-ignore:colspan'></td>
<td colspan=7 rowspan=3 height=54 width=468 style='mso-ignore:colspan-rowspan;
height:40.5pt;width:352pt'><!--[if gte vml 1]><v:shape id="_x0000_s1035"
type="#_x0000_t75" style='position:absolute;margin-left:15.75pt;
margin-top:3pt;width:285pt;height:33.75pt;z-index:10'>
<v:imagedata src="webl0205.files/image005.jpg" o:title="ttsouce01"/>
<x:ClientData ObjectType="Pict">
<x:SizeWithCells/>
<x:CF>Bitmap</x:CF>
<x:AutoPict/>
</x:ClientData>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout'>
<table cellpadding=0 cellspacing=0>
<tr>
<td width=21 height=4></td>
</tr>
<tr>
<td></td>
<td><img width=380 height=45 src="webl0205.files/image005.jpg" v:shapes="_x0000_s1035"></td>
<td width=67></td>
</tr>
<tr>
<td height=5></td>
</tr>
</table>
</span><![endif]><!--[if !mso & vml]><span style='width:351.0pt;height:40.5pt'></span><![endif]--></td>
<td colspan=4 style='mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=6 style='height:13.5pt;mso-ignore:colspan'></td>
<td colspan=4 style='mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=6 style='height:13.5pt;mso-ignore:colspan'></td>
<td colspan=4 style='mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=17 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
<td colspan=10 rowspan=15 height=270 width=698 style='mso-ignore:colspan-rowspan;
height:202.5pt;width:525pt'><!--[if gte vml 1]><v:shape id="_x0000_s1029"
type="#_x0000_t75" style='position:absolute;margin-left:0;margin-top:0;
width:261.75pt;height:200.25pt;z-index:4'>
<v:imagedata src="webl0205.files/image006.jpg" o:title="09"/>
<x:ClientData ObjectType="Pict">
<x:SizeWithCells/>
<x:CF>Bitmap</x:CF>
<x:AutoPict/>
</x:ClientData>
</v:shape><v:shape id="_x0000_s1030" type="#_x0000_t75" style='position:absolute;
margin-left:261pt;margin-top:0;width:261.75pt;height:200.25pt;z-index:5'>
<v:imagedata src="webl0205.files/image006.jpg" o:title="09"/>
<x:ClientData ObjectType="Pict">
<x:SizeWithCells/>
<x:CF>Bitmap</x:CF>
<x:AutoPict/>
</x:ClientData>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout'>
<table cellpadding=0 cellspacing=0>
<tr>
<td width=0 height=0></td>
</tr>
<tr>
<td></td>
<td><img width=697 height=267 src="webl0205.files/image007.gif" v:shapes="_x0000_s1029 _x0000_s1030"></td>
<td width=1></td>
</tr>
<tr>
<td height=3></td>
</tr>
</table>
</span><![endif]><!--[if !mso & vml]><span style='width:523.5pt;height:202.5pt'></span><![endif]--></td>
<td colspan=5 rowspan=15 height=270 width=360 style='mso-ignore:colspan-rowspan;
height:202.5pt;width:270pt'><!--[if gte vml 1]><v:shape id="_x0000_s1031"
type="#_x0000_t75" style='position:absolute;margin-left:0;margin-top:0;
width:261.75pt;height:200.25pt;z-index:6'>
<v:imagedata src="webl0205.files/image006.jpg" o:title="09"/>
<x:ClientData ObjectType="Pict">
<x:SizeWithCells/>
<x:CF>Bitmap</x:CF>
<x:AutoPict/>
</x:ClientData>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout'>
<table cellpadding=0 cellspacing=0>
<tr>
<td width=0 height=0></td>
</tr>
<tr>
<td></td>
<td><img width=349 height=267 src="webl0205.files/image008.jpg" v:shapes="_x0000_s1031"></td>
<td width=11></td>
</tr>
<tr>
<td height=3></td>
</tr>
</table>
</span><![endif]><!--[if !mso & vml]><span style='width:270.0pt;height:202.5pt'></span><![endif]--></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
<td colspan=10 rowspan=15 height=270 width=698 style='mso-ignore:colspan-rowspan;
height:202.5pt;width:525pt'><!--[if gte vml 1]><v:shape id="_x0000_s1032"
type="#_x0000_t75" style='position:absolute;margin-left:0;margin-top:0;
width:261.75pt;height:200.25pt;z-index:7'>
<v:imagedata src="webl0205.files/image006.jpg" o:title="09"/>
<x:ClientData ObjectType="Pict">
<x:SizeWithCells/>
<x:CF>Bitmap</x:CF>
<x:AutoPict/>
</x:ClientData>
</v:shape><v:shape id="_x0000_s1033" type="#_x0000_t75" style='position:absolute;
margin-left:261pt;margin-top:0;width:261.75pt;height:200.25pt;z-index:8'>
<v:imagedata src="webl0205.files/image006.jpg" o:title="09"/>
<x:ClientData ObjectType="Pict">
<x:SizeWithCells/>
<x:CF>Bitmap</x:CF>
<x:AutoPict/>
</x:ClientData>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout'>
<table cellpadding=0 cellspacing=0>
<tr>
<td width=0 height=0></td>
</tr>
<tr>
<td></td>
<td><img width=697 height=267 src="webl0205.files/image009.gif" v:shapes="_x0000_s1032 _x0000_s1033"></td>
<td width=1></td>
</tr>
<tr>
<td height=3></td>
</tr>
</table>
</span><![endif]><!--[if !mso & vml]><span style='width:523.5pt;height:202.5pt'></span><![endif]--></td>
<td colspan=5 rowspan=15 height=270 width=360 style='mso-ignore:colspan-rowspan;
height:202.5pt;width:270pt'><!--[if gte vml 1]><v:shape id="_x0000_s1034"
type="#_x0000_t75" style='position:absolute;margin-left:0;margin-top:0;
width:261.75pt;height:200.25pt;z-index:9'>
<v:imagedata src="webl0205.files/image006.jpg" o:title="09"/>
<x:ClientData ObjectType="Pict">
<x:SizeWithCells/>
<x:CF>Bitmap</x:CF>
<x:AutoPict/>
</x:ClientData>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout'>
<table cellpadding=0 cellspacing=0>
<tr>
<td width=0 height=0></td>
</tr>
<tr>
<td></td>
<td><img width=349 height=267 src="webl0205.files/image010.jpg" v:shapes="_x0000_s1034"></td>
<td width=11></td>
</tr>
<tr>
<td height=3></td>
</tr>
</table>
</span><![endif]><!--[if !mso & vml]><span style='width:270.0pt;height:202.5pt'></span><![endif]--></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<tr height=18 style='height:13.5pt'>
<td height=18 colspan=2 style='height:13.5pt;mso-ignore:colspan'></td>
</tr>
<![if supportMisalignedColumns]>
<tr height=0 style='display:none'>
<td width=87 style='width:65pt'></td>
<td width=78 style='width:59pt'></td>
<td width=86 style='width:65pt'></td>
<td width=72 style='width:54pt'></td>
<td width=72 style='width:54pt'></td>
<td width=72 style='width:54pt'></td>
<td width=46 style='width:35pt'></td>
<td width=72 style='width:54pt'></td>
<td width=81 style='width:61pt'></td>
<td width=72 style='width:54pt'></td>
<td width=72 style='width:54pt'></td>
<td width=53 style='width:40pt'></td>
<td width=72 style='width:54pt'></td>
<td width=72 style='width:54pt'></td>
<td width=72 style='width:54pt'></td>
<td width=72 style='width:54pt'></td>
<td width=72 style='width:54pt'></td>
</tr>
<![endif]>
</table>

</body>

</html>
参考資料(1)
 参考資料(1)は、エクセルのWebページのソース(設計)画面です。
(1)本当に必要な設計部分が全く分りません。
(2)半角英数の1文字が1バイトです。ビルダーの9.5倍ということは、複雑な設計図ということです。
(3)情報処理には、不向きソフトと言えます。