<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/ME2.2.3" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	>

<channel>
	<title>CSSコーディングの委託　バップコーディング【bop coding】</title>
	<link>http://www.bop-coding.com</link>
	<description>bop coding（バップコーディング）ではweb標準によるコーディング、またSEO施策の一環としてのHTMLからXHTMLのソースリニューアルに特化したサービスを提供しております。</description>
	<pubDate>Thu, 18 Mar 2010 01:40:26 +0900</pubDate>
	<generator>http://wordpress.org/?v=ME2.2.3</generator>
	<language>ja</language>
			<item>
		<title>制作実績</title>
		<link>http://www.bop-coding.com/results/</link>
		<comments>http://www.bop-coding.com/results/#comments</comments>
		<pubDate>Wed, 07 Nov 2007 14:43:28 +0900</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[制作実績]]></category>

		<guid isPermaLink="false">http://bop-coding.com/wp_system/?p=10</guid>
		<description><![CDATA[bop coding 制作実績




ディレクション・デザイン・コーディング・WordPress導入担当



ディレクション・デザイン・コーディング・MT導入担当



ディレクション・デザイン・コーディング・MT導入担当







ディレクション・コーディング・WordPress導入担当



デザイン・コーディング担当



デザイン・コーディング担当







ディレクション・デザイン・コーディング・WordPress導入等全工程担当



ディレクション・デザイン・コーディング等全工程担当



デザイン・コーディング担当ディレクション担当：オレンジ・コミュニケーションズ様







デザイン・コーディング担当ディレクション担当：オレンジ・コミュニケーションズ様



デザイン・コーディング担当ディレクション担当：オレンジ・コミュニケーションズ様



トップへ
]]></description>
			<content:encoded><![CDATA[<h3><a href="#top" name="result_sub02">bop coding 制作実績</a></h3>
<div class="seg01">
<div class="seg01_01">
<div class="seg01_01_left02">
<a href="http://www.ear-bar.com/"><img src="/img/results_img01.jpg" width="160" height="160" alt="渋谷区のバー【EAR：イヤー】" /></a></p>
<p>ディレクション・デザイン・コーディング・WordPress導入担当</p>
</div>
<div class="seg01_01_left02">
<a href="http://www.seed-engei.com/"><img src="/img/results_img02.jpg" width="160" height="160" alt="SEED ENGEI" /></a></p>
<p>ディレクション・デザイン・コーディング・MT導入担当</p>
</div>
<div class="seg01_01_right02">
<a href="http://www.seedengei.jp/"><img src="/img/results_img03.jpg" width="160" height="160" alt="シード園芸" /></a></p>
<p>ディレクション・デザイン・コーディング・MT導入担当</p>
</div>
</div>
</div>
<div class="seg01">
<div class="seg01_01">
<div class="seg01_01_left02">
<a href="http://www.humberthumbert.net/"><img src="/img/results_img04.jpg" width="160" height="160" alt="ハンバート ハンバート　オフィシャルウェブサイト" /></a></p>
<p>ディレクション・コーディング・WordPress導入担当</p>
</div>
<div class="seg01_01_left02">
<a href="http://www.red-strings.co.jp/"><img src="/img/results_img05.jpg" width="160" height="160" alt="株式会社レッドストリングス" /></a></p>
<p>デザイン・コーディング担当</p>
</div>
<div class="seg01_01_right02">
<a href="http://www.smiledc.net/"><img src="/img/results_img06.jpg" width="160" height="160" alt="スマイルデンタルクリニック" /></a></p>
<p>デザイン・コーディング担当</p>
</div>
</div>
</div>
<div class="seg01">
<div class="seg01_01">
<div class="seg01_01_left02">
<a href="http://sesshokutougoki.com/"><img src="/img/results_img07.jpg" width="160" height="160" alt="接触と動きの研究会" /></a></p>
<p>ディレクション・デザイン・コーディング・WordPress導入等全工程担当</p>
</div>
<div class="seg01_01_left02">
<a href="http://careprogress.co.jp/"><img src="/img/results_img08.jpg" width="160" height="160" alt="株式会社 CARE PROGRESS JAPAN" /></a></p>
<p>ディレクション・デザイン・コーディング等全工程担当</p>
</div>
<div class="seg01_01_right02">
<a href="http://opc-recruit.com/"><img src="/img/results_img09.jpg" width="160" height="160" alt="オーラルプロポーションクリニック求人サイト" /></a></p>
<p>デザイン・コーディング担当<br />ディレクション担当：オレンジ・コミュニケーションズ様</p>
</div>
</div>
</div>
<div class="seg01">
<div class="seg01_01">
<div class="seg01_01_left02">
<a href="http://oral-reha.com/"><img src="/img/results_img10.jpg" width="160" height="160" alt="Oral Rehabilitation Center" /></a></p>
<p>デザイン・コーディング担当<br />ディレクション担当：オレンジ・コミュニケーションズ様</p>
</div>
<div class="seg01_01_left02">
<a href="http://ceramic-factory.jp/"><img src="/img/results_img11.jpg" width="160" height="160" alt="セラミックファクトリー東京" /></a></p>
<p>デザイン・コーディング担当<br />ディレクション担当：オレンジ・コミュニケーションズ様</p>
</div>
</div>
</div>
<p class="to_top"><a href="#top">トップへ</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bop-coding.com/results/feed/</wfw:commentRss>
		</item>
		<item>
		<title>お問い合わせ</title>
		<link>http://www.bop-coding.com/inq/</link>
		<comments>http://www.bop-coding.com/inq/#comments</comments>
		<pubDate>Wed, 07 Nov 2007 14:43:11 +0900</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[お問い合わせ]]></category>

		<guid isPermaLink="false">http://bop-coding.com/wp_system/?p=9</guid>
		<description><![CDATA[ご依頼フォーム



※印がついているものは必須項目になっておりますので、必ずご記入ください
下記項目以外にお知りになりたことがございましたら、その他お問い合わせにご記入ください。






御社名※

部署名

担当者様ご氏名※

メールアドレス※

TEL

FAX

ご依頼サービス※
【web標準コーディング】 【ソースリニューアル】 【ハイブリッドコーディング】 【テーブルコーディング】 【ブログへのデザインの当て込み】 
ページ数※
ページ
ご希望納期※
日
スクリプトの埋め込み※
有 無
その他お問い合わせ


 





トップへ
お問い合わせフォーム



※印がついているものは必須項目になっておりますので、必ずご記入ください






御社名※

部署名

担当者様ご氏名※

メールアドレス※

TEL

FAX

お問い合わせ※


 





トップへ
]]></description>
			<content:encoded><![CDATA[<h3><a href="#top" name="inq_sub02">ご依頼フォーム</a></h3>
<div class="seg01">
<div class="seg01_01">
<ul class="icon02">
<li>※印がついているものは必須項目になっておりますので、必ずご記入ください</li>
<li>下記項目以外にお知りになりたことがございましたら、その他お問い合わせにご記入ください。</li>
</ul>
</div>
<div class="seg01_02">
<div class="wpcf7" id="wpcf7-f1-p9-o1">
<form action="/feed/#wpcf7-f1-p9-o1" method="post"><input type="hidden" name="_wpcf7" value="1" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1-p9-o1" />
<dl id="req01">
<dt><label for="companyname">御社名※</label></dt>
<dd><span style="position: relative;"><input type="text" name="companyname" value="" id="companyname" class="wpcf7-validates-as-required" size="35" /></span></dd>
<dt><label for="station">部署名</label></dt>
<dd><span style="position: relative;"><input type="text" name="station" value="" id="station" size="35" /></span></dd>
<dt><label for="your-name">担当者様ご氏名※</label></dt>
<dd><span style="position: relative;"><input type="text" name="your-name" value="" id="your-name" class="wpcf7-validates-as-required" size="35" /></span></dd>
<dt><label for="your-email">メールアドレス※</label></dt>
<dd><span style="position: relative;"><input type="text" name="your-email" value="" id="your-email" class="wpcf7-validates-as-email" size="35" /></span></dd>
<dt><label for="tel">TEL</label></dt>
<dd><span style="position: relative;"><input type="text" name="tel" value="" id="tel" size="35" /></span></dd>
<dt><label for="fax">FAX</label></dt>
<dd><span style="position: relative;"><input type="text" name="fax" value="" id="fax" size="35" /></span></dd>
<dt><label for="req_service">ご依頼サービス※</label></dt>
<dd><span style="position: relative;"><select name="req_service" id="req_service"><option value="【web標準コーディング】 ">【web標準コーディング】 </option><option value="【ソースリニューアル】 ">【ソースリニューアル】 </option><option value="【ハイブリッドコーディング】 ">【ハイブリッドコーディング】 </option><option value="【テーブルコーディング】 ">【テーブルコーディング】 </option><option value="【ブログへのデザインの当て込み】 ">【ブログへのデザインの当て込み】 </option></select></span></dd>
<dt><label for="page">ページ数※</label></dt>
<dd><span style="position: relative;"><input type="text" name="page" value="" id="page" class="wpcf7-validates-as-required" size="5" /></span>ページ</dd>
<dt><label for="date">ご希望納期※</label></dt>
<dd><span style="position: relative;"><input type="text" name="date" value="" id="date" class="wpcf7-validates-as-required" size="5" /></span>日</dd>
<dt><label for="script">スクリプトの埋め込み※</label></dt>
<dd><span style="position: relative;"><select name="script" id="script"><option value="有 ">有 </option><option value="無">無</option></select></span></dd>
<dt><label for="other">その他お問い合わせ</label></dt>
<dd><span style="position: relative;"><textarea name="other" id="other" cols="30" rows="5"></textarea></span></dd>
</dl>
<p><input type="submit" value="　送信　" /> <img class="ajax-loader" style="visibility: hidden;" src="http://www.bop-coding.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif" /></p>
</form>
<div class="wpcf7-response-output"></div>
</div>
</div>
</div>
<p class="to_top"><a href="#top">トップへ</a></p>
<h3><a href="#top" name="inq_sub03">お問い合わせフォーム</a></h3>
<div class="seg01">
<div class="seg01_01">
<ul class="icon02">
<li>※印がついているものは必須項目になっておりますので、必ずご記入ください</li>
</ul>
</div>
<div class="seg01_02">
<div class="wpcf7" id="wpcf7-f2-p9-o2">
<form action="/feed/#wpcf7-f2-p9-o2" method="post"><input type="hidden" name="_wpcf7" value="2" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f2-p9-o2" />
<dl id="req01">
<dt><label for="companyname_inq">御社名※</label></dt>
<dd><span style="position: relative;"><input type="text" name="companyname" value="" id="companyname_inq" class="wpcf7-validates-as-required" size="35" /></span></dd>
<dt><label for="station_inq">部署名</label></dt>
<dd><span style="position: relative;"><input type="text" name="station" value="" id="station_inq" size="35" /></span></dd>
<dt><label for="your-name_inq">担当者様ご氏名※</label></dt>
<dd><span style="position: relative;"><input type="text" name="your-name" value="" id="your-name_inq" class="wpcf7-validates-as-required" size="35" /></span></dd>
<dt><label for="your-email_inq">メールアドレス※</label></dt>
<dd><span style="position: relative;"><input type="text" name="your-email" value="" id="your-email_inq" class="wpcf7-validates-as-email" size="35" /></span></dd>
<dt><label for="tel_inq">TEL</label></dt>
<dd><span style="position: relative;"><input type="text" name="tel" value="" id="tel_inq" size="35" /></span></dd>
<dt><label for="fax_inq">FAX</label></dt>
<dd><span style="position: relative;"><input type="text" name="fax" value="" id="fax_inq" size="35" /></span></dd>
<dt><label for="other_inq">お問い合わせ※</label></dt>
<dd><span style="position: relative;"><textarea name="other" id="other_inq" class="wpcf7-validates-as-required" cols="30" rows="5"></textarea></span></dd>
</dl>
<p><input type="submit" value="　送信　" /> <img class="ajax-loader" style="visibility: hidden;" src="http://www.bop-coding.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif" /></p>
</form>
<div class="wpcf7-response-output"></div>
</div>
</div>
</div>
<p class="to_top"><a href="#top">トップへ</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bop-coding.com/inq/feed/</wfw:commentRss>
		</item>
		<item>
		<title>ご依頼フロー</title>
		<link>http://www.bop-coding.com/flow/</link>
		<comments>http://www.bop-coding.com/flow/#comments</comments>
		<pubDate>Wed, 07 Nov 2007 14:42:57 +0900</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[ご依頼フロー]]></category>

		<guid isPermaLink="false">http://bop-coding.com/wp_system/?p=8</guid>
		<description><![CDATA[納品までの流れ



STEP1.コーディング仕様のご確認
STEP2.概算お見積もりのご提示
STEP3.ご契約
STEP4.本データ入稿
STEP5.TOPと中ページ1枚のご確認
STEP6.全ページ作成
STEP7.納品



納品までの流れのご説明



STEP1.コーディング仕様のご確認
コーディング仕様・料金と納期のご確認をしていただきます。ご不明な点がございましたら、お問合せフォームからお問合せ下さい。
STEP2.概算お見積もりのご提示
ご依頼フォームから必須事項を送信して頂いた後、1営業日以内に概算お見積もりをご提示いたします。
STEP3.ご契約
ご確認頂いた概算お見積もりに問題が無いようでしたら、ご契約に移らさせて頂きます。
STEP4.本データ入稿
ご契約完了後、デザインデータ及びサイトデータをご入稿して頂きます。こちらで頂いたデータをもとに見積書を作成させていただきます。
STEP5.TOPと中ページ1枚のご確認
入稿されたデータをもとに、まずTOPと中ページ1枚をコーディングいたします。この時点でコーディングに問題がないかをブラウザ上でご確認して頂きます。
STEP6.全ページ作成
ご確認頂いたコーディングで問題がなければ、残りのページのコーディングに移らせていただきます。
STEP7.納品
コーディングが完了しましたら、商品を納品させて頂きます。



お問い合わせへ
トップへ
]]></description>
			<content:encoded><![CDATA[<h3><a href="#top" name="flow_sub02">納品までの流れ</a></h3>
<div class="seg01">
<div class="seg01_01">
<ul id="flow_li">
<li id="flow_li01"><a href="#step01">STEP1.コーディング仕様のご確認</a></li>
<li id="flow_li02"><a href="#step02">STEP2.概算お見積もりのご提示</a></li>
<li id="flow_li03"><a href="#step03">STEP3.ご契約</a></li>
<li id="flow_li04"><a href="#step04">STEP4.本データ入稿</a></li>
<li id="flow_li05"><a href="#step05">STEP5.TOPと中ページ1枚のご確認</a></li>
<li id="flow_li06"><a href="#step06">STEP6.全ページ作成</a></li>
<li id="flow_li07"><a href="#step07">STEP7.納品</a></li>
</ul>
</div>
</div>
<h3><a href="#top" name="flow_sub03">納品までの流れのご説明</a></h3>
<div class="seg01">
<div class="seg01_01">
<dl id="flow_step">
<dt id="flow_dt01"><a href="#top" name="step01">STEP1.コーディング仕様のご確認</a></dt>
<dd>コーディング仕様・料金と納期のご確認をしていただきます。<br />ご不明な点がございましたら、お問合せフォームからお問合せ下さい。</dd>
<dt id="flow_dt02"><a href="#top" name="step02">STEP2.概算お見積もりのご提示</a></dt>
<dd>ご依頼フォームから必須事項を送信して頂いた後、1営業日以内に概算お見積もりをご提示いたします。</dd>
<dt id="flow_dt03"><a href="#top" name="step03">STEP3.ご契約</a></dt>
<dd>ご確認頂いた概算お見積もりに問題が無いようでしたら、ご契約に移らさせて頂きます。</dd>
<dt id="flow_dt04"><a href="#top" name="step04">STEP4.本データ入稿</a></dt>
<dd>ご契約完了後、デザインデータ及びサイトデータをご入稿して頂きます。<br />こちらで頂いたデータをもとに見積書を作成させていただきます。</dd>
<dt id="flow_dt05"><a href="#top" name="step05">STEP5.TOPと中ページ1枚のご確認</a></dt>
<dd>入稿されたデータをもとに、まずTOPと中ページ1枚をコーディングいたします。<br />この時点でコーディングに問題がないかをブラウザ上でご確認して頂きます。</dd>
<dt id="flow_dt06"><a href="#top" name="step06">STEP6.全ページ作成</a></dt>
<dd>ご確認頂いたコーディングで問題がなければ、残りのページのコーディングに移らせていただきます。</dd>
<dt id="flow_dt07"><a href="#top" name="step07">STEP7.納品</a></dt>
<dd>コーディングが完了しましたら、商品を納品させて頂きます。</dd>
</dl>
</div>
</div>
<p class="to_inq"><a href="/category/inq/">お問い合わせへ</a></p>
<p class="to_top"><a href="#top">トップへ</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bop-coding.com/flow/feed/</wfw:commentRss>
		</item>
		<item>
		<title>料金と納期</title>
		<link>http://www.bop-coding.com/price/</link>
		<comments>http://www.bop-coding.com/price/#comments</comments>
		<pubDate>Wed, 07 Nov 2007 14:42:38 +0900</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[料金と納期]]></category>

		<guid isPermaLink="false">http://bop-coding.com/wp_system/?p=7</guid>
		<description><![CDATA[コーディング料金のご紹介

下記料金表のサービス内容の詳細に関しては、各項目をクリックしてご覧頂けます。下記料金のご注意と【スクリプトの埋め込み】に関してはこのページのコーディング料金に関してをご参照ください。※料金表記は全て税込み価格です。※1ページ1600pxまでの料金になります。※下記料金は業務委託時の料金になります。



サービス料金


サービス内容
TOPページ
中ページ


【web標準コーディング】
10.500円
7.875円


【ハイブリッドコーディング】
8.035円
6.300円


【テーブルコーディング】
7.875円
5.250円


【スクリプトの埋め込み】
10.500円
10.500円




お問い合わせへ
コーディング料金に関して



原則的に1サイト（TOP含め5ページ以上）毎の受注時のお値段となります。
上記【スクリプトの埋め込み】のお値段に関しては一般的なメールフォーム程度の場合のお値段になります。



お問い合わせへ
納期に関して


下記がbop coding：バップコーディングの納期目安になります。

TOPと中一枚目はデータ入稿後5営業日以内
中ページは1営業日2枚

デザイン等によって納期に若干の変動が生じる場合がございますが、その点に関しましては、ご契約の段階でご確認をさせて頂きます。


お問い合わせへ
トップへ
]]></description>
			<content:encoded><![CDATA[<h3><a href="#top" name="price_sub02">コーディング料金のご紹介</a></h3>
<div class="seg01">
<p class="seg01_01">下記料金表のサービス内容の詳細に関しては、各項目をクリックしてご覧頂けます。<br />下記料金のご注意と【スクリプトの埋め込み】に関してはこのページの<a href="#price_sub03">コーディング料金に関して</a>をご参照ください。<br />※料金表記は全て税込み価格です。<br />※1ページ1600pxまでの料金になります。<br />※下記料金は業務委託時の料金になります。</p>
<div class="seg01_02">
<table class="chart01" summary="bop codingのサービス料金のご紹介になります。">
<caption>
サービス料金<br />
</caption>
<tr>
<th class="bg01" scope="col">サービス内容</th>
<th class="bg01" scope="col">TOPページ</th>
<th class="bg01" scope="col">中ページ</th>
</tr>
<tr>
<th scope="row"><a href="/category/service/#service_sub03">【web標準コーディング】</a></th>
<td>10.500円</td>
<td>7.875円</td>
</tr>
<tr>
<th scope="row"><a href="/category/service/#service_sub05">【ハイブリッドコーディング】</a></th>
<td>8.035円</td>
<td>6.300円</td>
</tr>
<tr>
<th scope="row"><a href="/category/service/#service_sub06">【テーブルコーディング】</a></th>
<td>7.875円</td>
<td>5.250円</td>
</tr>
<tr>
<th scope="row">【スクリプトの埋め込み】</th>
<td>10.500円</td>
<td>10.500円</td>
</tr>
</table>
</div>
</div>
<p class="to_inq"><a href="/category/inq/">お問い合わせへ</a></p>
<h3><a href="#top" name="price_sub03">コーディング料金に関して</a></h3>
<div class="seg01">
<div class="seg01_02">
<ul class="icon02">
<li>原則的に1サイト（TOP含め5ページ以上）毎の受注時のお値段となります。</li>
<li>上記【スクリプトの埋め込み】のお値段に関しては一般的なメールフォーム程度の場合のお値段になります。</li>
</ul>
</div>
</div>
<p class="to_inq"><a href="/category/inq/">お問い合わせへ</a></p>
<h3><a href="#top" name="price_sub04">納期に関して</a></h3>
<div class="seg01">
<div class="seg01_02">
<p class="fl mb15">下記がbop coding：バップコーディングの納期目安になります。</p>
<ul class="icon02 mb10">
<li>TOPと中一枚目はデータ入稿後5営業日以内</li>
<li>中ページは1営業日2枚</li>
</ul>
<p class="clb">デザイン等によって納期に若干の変動が生じる場合がございますが、その点に関しましては、ご契約の段階でご確認をさせて頂きます。</p>
</div>
</div>
<p class="to_inq"><a href="/category/inq/">お問い合わせへ</a></p>
<p class="to_top"><a href="#top">トップへ</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bop-coding.com/price/feed/</wfw:commentRss>
		</item>
		<item>
		<title>コーディング仕様</title>
		<link>http://www.bop-coding.com/specifications/</link>
		<comments>http://www.bop-coding.com/specifications/#comments</comments>
		<pubDate>Wed, 07 Nov 2007 14:42:13 +0900</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[コーディング仕様]]></category>

		<guid isPermaLink="false">http://bop-coding.com/wp_system/?p=6</guid>
		<description><![CDATA[コーディング仕様一覧

各コーディング仕様については項目をクリックしてご覧下さい。



【web標準コーディング】
【ソースリニューアル】
【ハイブリッドコーディング】
【テーブルコーディング】
【ブログへのデザインの当て込み】




※コーディングに関して特にご指定がない場合はbop coding：バップコーディングの【web標準コーディング】における仕様にて制作させていただきます。

web標準コーディング



bop coding：バップコーディングのweb標準コーディングでは、XHTML 1.0 strictとCSS2を使用し、CSSを外部ファイルとして作成します。
対応ブラウザは、Firefox・Internet Explorer 7・Internet Explorer6・Operaです。
基本制作フローとしては、Firefoxで制作し、Internet Explorerに対してhackファイル（ex：ie6.css等）を作成しクロスブラウザでのデザインを実現します。
その他ご確認したいことがありましたら、お気軽にお問い合わせください。


お問い合わせへ
トップへ
ソースリニューアル



既存のHTMLサイトをweb標準でソースのリニューアルを行います。
仕様は上記【web標準コーディング】と同様の仕様になります。
その他ご確認したいことがありましたら、お気軽にお問い合わせください。


お問い合わせへ
トップへ
ハイブリッドコーディング



bop coding：バップコーディングのハイブリッドコーディングでは、HTML 4.0 tranditional または XHTML 1.0 strictとCSS2を使用し、CSSを外部ファイルとして作成します。
レイアウトに関してはテーブルにて行い、パーツ等のデザインはCSSで実現します。
対応ブラウザは、Firefox・Internet Explorer 7・Internet Explorer6・Operaです。
基本制作フローとしては、Firefoxで制作し、Internet Explorerに対してhackファイル（ex：ie6.css等）を作成しクロスブラウザでのデザインを実現します。
その他ご確認したいことがありましたら、お気軽にお問い合わせください。


お問い合わせへ
トップへ
テーブルコーディング



bop coding：バップコーディングのテーブルコーディングでは、HTML 4.0 tranditionalを使用しテーブルにてデザインを実現していきます。
また、フォントの色等多少CSSを使用した方が運用管理に適する場合はその部分だけCSSを外部ファイル化します。基本的に従来web制作の現場で採られてきた制作方法と捉えていただければと思います。
その他ご確認したいことがありましたら、お気軽にお問い合わせください。


お問い合わせへ
トップへ
ブログへのデザインの当て込み



こちらはブログの仕様によって使用言語・外部ファイル化の等コーディングの仕様が変わってきますのでクライアント様からご連絡を頂きシステムを拝見させて頂いてからコーディングの仕様をご確認していただく形になります。
JUGEM等のテンプレートを参照して頂くとお分かり頂けるかと思いますが、レイアウトはテーブルでデザインはCSSを使用し実現していくという手法がほとんどだと思います。
その他ご確認したいことがありましたら、お気軽にお問い合わせください。




お問い合わせへ
トップへ
]]></description>
			<content:encoded><![CDATA[<h3><a href="#top" name="specifications_sub02">コーディング仕様一覧</a></h3>
<div class="seg01">
<p class="seg01_01">各コーディング仕様については項目をクリックしてご覧下さい。</p>
<div class="seg01_01">
<div class="seg01_01_left01">
<ul class="icon02">
<li><a href="#specifications_sub03">【web標準コーディング】</a></li>
<li><a href="#specifications_sub04">【ソースリニューアル】</a></li>
<li><a href="#specifications_sub05">【ハイブリッドコーディング】</a></li>
<li><a href="#specifications_sub06">【テーブルコーディング】</a></li>
<li><a href="#specifications_sub07">【ブログへのデザインの当て込み】</a></li>
</ul>
</div>
<p class="seg01_01_right01"><img src="/img/specifications_img01.jpg" width="200" height="137" alt="コーディング仕様一覧" /></p>
</div>
<p class="seg01_02">※コーディングに関して特にご指定がない場合はbop coding：バップコーディングの<a href="#specifications_sub03">【web標準コーディング】</a>における仕様にて制作させていただきます。</p>
</div>
<h3><a href="#top" name="specifications_sub03">web標準コーディング</a></h3>
<div class="seg01">
<p class="seg01_01"><img src="/img/specifications_img02.jpg" width="450" height="80" alt="コーweb標準コーディング" /></p>
<div class="seg01_01">
<p class="mb10">bop coding：バップコーディングのweb標準コーディングでは、XHTML 1.0 strictとCSS2を使用し、CSSを外部ファイルとして作成します。</p>
<p class="mb10">対応ブラウザは、Firefox・Internet Explorer 7・Internet Explorer6・Operaです。<br />
基本制作フローとしては、Firefoxで制作し、Internet Explorerに対してhackファイル（ex：ie6.css等）を作成しクロスブラウザでのデザインを実現します。</p>
<p class="mb10">その他ご確認したいことがありましたら、お気軽にお問い合わせください。</p>
</div>
</div>
<p class="to_inq"><a href="/category/inq/">お問い合わせへ</a></p>
<p class="to_top"><a href="#top">トップへ</a></p>
<h3><a href="#top" name="specifications_sub04">ソースリニューアル</a></h3>
<div class="seg01">
<p class="seg01_01"><img src="/img/specifications_img03.jpg" width="450" height="80" alt="ソースリニューアル" /></p>
<div class="seg01_02">
<p class="mb10">既存のHTMLサイトをweb標準でソースのリニューアルを行います。</p>
<p class="mb10">仕様は上記<a href="#specifications_sub03">【web標準コーディング】</a>と同様の仕様になります。</p>
<p class="mb10">その他ご確認したいことがありましたら、お気軽にお問い合わせください。</p>
</div>
</div>
<p class="to_inq"><a href="/category/inq/">お問い合わせへ</a></p>
<p class="to_top"><a href="#top">トップへ</a></p>
<h3><a href="#top" name="specifications_sub05">ハイブリッドコーディング</a></h3>
<div class="seg01">
<p class="seg01_01"><img src="/img/specifications_img04.jpg" width="450" height="80" alt="ハイブリッドコーディング" /></p>
<div class="seg01_02">
<p class="mb10">bop coding：バップコーディングのハイブリッドコーディングでは、HTML 4.0 tranditional または XHTML 1.0 strictとCSS2を使用し、CSSを外部ファイルとして作成します。<br />
レイアウトに関してはテーブルにて行い、パーツ等のデザインはCSSで実現します。</p>
<p class="mb10">対応ブラウザは、Firefox・Internet Explorer 7・Internet Explorer6・Operaです。</p>
<p>基本制作フローとしては、Firefoxで制作し、Internet Explorerに対してhackファイル（ex：ie6.css等）を作成しクロスブラウザでのデザインを実現します。</p>
<p class="mb10">その他ご確認したいことがありましたら、お気軽にお問い合わせください。</p>
</div>
</div>
<p class="to_inq"><a href="/category/inq/">お問い合わせへ</a></p>
<p class="to_top"><a href="#top">トップへ</a></p>
<h3><a href="#top" name="specifications_sub06">テーブルコーディング</a></h3>
<div class="seg01">
<p class="seg01_01"><img src="/img/specifications_img05.jpg" width="450" height="80" alt="テーブルコーディング" /></p>
<div class="seg01_02">
<p class="mb10">bop coding：バップコーディングのテーブルコーディングでは、HTML 4.0 tranditionalを使用しテーブルにてデザインを実現していきます。<br />
また、フォントの色等多少CSSを使用した方が運用管理に適する場合はその部分だけCSSを外部ファイル化します。<br />基本的に従来web制作の現場で採られてきた制作方法と捉えていただければと思います。</p>
<p class="mb10">その他ご確認したいことがありましたら、お気軽にお問い合わせください。</p>
</div>
</div>
<p class="to_inq"><a href="/category/inq/">お問い合わせへ</a></p>
<p class="to_top"><a href="#top">トップへ</a></p>
<h3><a href="#top" name="specifications_sub07">ブログへのデザインの当て込み</a></h3>
<div class="seg01">
<div class="seg01_02">
<div class="seg01_01_left01">
<p class="mb10">こちらはブログの仕様によって使用言語・外部ファイル化の等コーディングの仕様が変わってきますのでクライアント様からご連絡を頂きシステムを拝見させて頂いてからコーディングの仕様をご確認していただく形になります。</p>
<p class="mb10">JUGEM等のテンプレートを参照して頂くとお分かり頂けるかと思いますが、レイアウトはテーブルでデザインはCSSを使用し実現していくという手法がほとんどだと思います。</p>
<p class="mb10">その他ご確認したいことがありましたら、お気軽にお問い合わせください。</p>
</div>
<p class="seg01_01_right01"><img src="/img/specifications_img06.jpg" width="200" height="137" alt="ブログへのデザインの当て込み" /></p>
</div>
</div>
<p class="to_inq"><a href="/category/inq/">お問い合わせへ</a></p>
<p class="to_top"><a href="#top">トップへ</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bop-coding.com/specifications/feed/</wfw:commentRss>
		</item>
		<item>
		<title>サービス内容</title>
		<link>http://www.bop-coding.com/service/</link>
		<comments>http://www.bop-coding.com/service/#comments</comments>
		<pubDate>Wed, 07 Nov 2007 14:41:56 +0900</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[サービス内容]]></category>

		<guid isPermaLink="false">http://bop-coding.com/wp_system/?p=5</guid>
		<description><![CDATA[サービス内容一覧

bop coding：バップコーディングが提供させていただくサービスのご紹介です。各サービス内容のご説明については項目をクリックしてご覧下さい。



【web標準コーディング】
【ソースリニューアル】
【ハイブリッドコーディング】
【テーブルコーディング】
【ブログへのデザインの当て込み】





web標準コーディング

XHTMLとCSSを使用しコーディングを行うことにより、情報とデザインレイアウトを完全に切り離すことができ、ユーザーに提供したい情報に沿って適切にマークアップを行えます。これによりアクセシビリティが向上し、高齢者や障害者も含めた誰もが同様に情報を共有できるwebサイトが構築できます。

コーディング仕様詳細へ
ソースリニューアル


HTMLでコーディングされている既存のサイトから、web標準によってコーディングされたサイトへのリニューアルを行います。これにより上記web標準コーディングのメリットがサイトのデザインを変える費用を掛けずに得られます。また、bop coding：バップコーディングでは適切なマークアップを使用してコーディングを行いますので、GoogleでのSEO施策において、高い費用対効果を得ることが出来ます。



コーディング仕様詳細へ
トップへ
ハイブリッドコーディング

大まかなレイアウトをテーブルにて構成し、パーツ等のデザインをCSSによって実現していきます。従来のテーブルコーディングよりもソースは軽くなり、マークアップも適切に用います。現在の多くのブログテンプレートで使用されているソースコードになります。

コーディング仕様詳細へ
テーブルコーディング


現在も多くの制作現場で使われている手法です。bop coding：バップコーディングのコーダはHTMLでのテーブルコーディングも制作現場にて40件以上の経験がございますので、ご安心してご依頼ください。



コーディング仕様詳細へ
ブログへのデザインの当て込み


現在多くのブログは、デザインの実現にCSSを使用しています。御社クライアントさまからブログのデザイン変更を頼まれたが、リソース・またはXHTML・CSSのスキルを持ったコーダーが居ない場合はbop coding：バップコーディングへご依頼ください。ブログの仕様によってデザインを実現できない場合もございますので、その点に関しては事前にご確認させていただきますがご了承ください。


コーディング仕様詳細へ
トップへ
]]></description>
			<content:encoded><![CDATA[<h3><a href="#top" name="service_sub02">サービス内容一覧</a></h3>
<div class="seg01">
<p class="seg01_01">bop coding：バップコーディングが提供させていただくサービスのご紹介です。<br />各サービス内容のご説明については項目をクリックしてご覧下さい。</p>
<div class="seg01_01">
<div class="seg01_01_left01">
<ul class="icon02">
<li><a href="#service_sub03">【web標準コーディング】</a></li>
<li><a href="#service_sub04">【ソースリニューアル】</a></li>
<li><a href="#service_sub05">【ハイブリッドコーディング】</a></li>
<li><a href="#service_sub06">【テーブルコーディング】</a></li>
<li><a href="#service_sub07">【ブログへのデザインの当て込み】</a></li>
</ul>
</div>
<p class="seg01_01_right01"><img src="/img/service_img01.jpg" width="200" height="137" alt="サービス内容一覧" /></p>
</div>
</div>
<h3><a href="#top" name="service_sub03">web標準コーディング</a></h3>
<div class="seg01">
<p class="seg01_02">XHTMLとCSSを使用しコーディングを行うことにより、情報とデザインレイアウトを完全に切り離すことができ、ユーザーに提供したい情報に沿って適切にマークアップを行えます。<br />これによりアクセシビリティが向上し、高齢者や障害者も含めた誰もが同様に情報を共有できるwebサイトが構築できます。</p>
</div>
<p class="to_detail"><a href="/category/specifications/">コーディング仕様詳細へ</a></p>
<h3><a href="#top" name="service_sub04">ソースリニューアル</a></h3>
<div class="seg01">
<div class="seg01_02">
<p class="seg01_01_left01">HTMLでコーディングされている既存のサイトから、web標準によってコーディングされたサイトへのリニューアルを行います。<br />これにより上記web標準コーディングのメリットがサイトのデザインを変える費用を掛けずに得られます。<br />また、bop coding：バップコーディングでは適切なマークアップを使用してコーディングを行いますので、GoogleでのSEO施策において、高い費用対効果を得ることが出来ます。</p>
<p class="seg01_01_right01"><img src="/img/service_img02.jpg" width="200" height="137" alt="ソースリニューアル" /></p>
</div>
</div>
<p class="to_detail"><a href="/category/specifications/">コーディング仕様詳細へ</a></p>
<p class="to_top"><a href="#top">トップへ</a></p>
<h3><a href="#top" name="service_sub05">ハイブリッドコーディング</a></h3>
<div class="seg01">
<p class="seg01_02">大まかなレイアウトをテーブルにて構成し、パーツ等のデザインをCSSによって実現していきます。<br />従来のテーブルコーディングよりもソースは軽くなり、マークアップも適切に用います。<br />現在の多くのブログテンプレートで使用されているソースコードになります。</p>
</div>
<p class="to_detail"><a href="/category/specifications/">コーディング仕様詳細へ</a></p>
<h3><a href="#top" name="service_sub06">テーブルコーディング</a></h3>
<div class="seg01">
<div class="seg01_02">
<p class="seg01_01_left01">現在も多くの制作現場で使われている手法です。<br />bop coding：バップコーディングのコーダはHTMLでのテーブルコーディングも制作現場にて40件以上の経験がございますので、ご安心してご依頼ください。</p>
<p class="seg01_01_right01"><img src="/img/service_img03.jpg" width="200" height="137" alt="テーブルコーディング" /></p>
</div>
</div>
<p class="to_detail"><a href="/category/specifications/">コーディング仕様詳細へ</a></p>
<h3><a href="#top" name="service_sub07">ブログへのデザインの当て込み</a></h3>
<div class="seg01">
<div class="seg01_02">
<p>現在多くのブログは、デザインの実現にCSSを使用しています。<br />御社クライアントさまからブログのデザイン変更を頼まれたが、リソース・またはXHTML・CSSのスキルを持ったコーダーが居ない場合はbop coding：バップコーディングへご依頼ください。<br />ブログの仕様によってデザインを実現できない場合もございますので、その点に関しては事前にご確認させていただきますがご了承ください。</p>
</div>
</div>
<p class="to_detail"><a href="/category/specifications/">コーディング仕様詳細へ</a></p>
<p class="to_top"><a href="#top">トップへ</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bop-coding.com/service/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
