「MC Styleコラム」の版間の差分

提供:Wiki@KDS
ナビゲーションに移動 検索に移動
Akama (トーク | 投稿記録)
=更新手順=
Akama (トーク | 投稿記録)
編集の要約なし
61行目: 61行目:


<dt>midashi.txtの作成</dt>
<dt>midashi.txtの作成</dt>
<div class="html-source">
a五感で満足させる、味の妙<br>
<見出し><br>
無垢材の食器<br>
<小見出し><br>
料理の味を変えない木食器<br>
木目の美しさを保つため<br>
無垢木ならではの感触を楽しむ<br>
<br>
b選ばれたその理由<br>
<見出し><br>
ストレスレスチェア<br>
<小見出し><br>
長い時間座る人の椅子<br>
ラクに座るために<br>
「座るストレス」を解消する<br>
<br>
c生活する空間のクオリティ<br>
<見出し><br>
静電気を根絶する<br>
<小見出し><br>
静電気は体質で起きる?<br>
静電気を逃がすために<br>
家から静電気を追放する<br>
<br>
d上質の旅が与えてくれるもの<br>
<見出し><br>
バーで選ぶホテル<br>
<小見出し><br>
コンシェルジュは万能ではない<br>
ホテルバーで街を知る<br>
バーから街が見えてくる<br>
<br>
f好奇心に充ちた時間<br>
<見出し><br>
スノーバイクでゲレンデ制覇<br>
<小見出し><br>
滑降の醍醐味を初日から<br>
雪上を走る自転車<br>
まずはレンタルやスクールで<br>
</div>
<dt>見出し画像の作成</dt>
<dt>見出し画像の作成</dt>
<dd>見出し画像はPhotoshopをJavaScriptでコントロールしてmidashi.txtを<br>
<dd>見出し画像はPhotoshopをJavaScriptでコントロールしてmidashi.txtを<br>

2007年2月6日 (火) 19:41時点における版

MC Styleコラムは三菱商事による住宅事業のメンバーズクラブ「MC Style CLUB」が展開しているWebコラム。

URLはMC Style

毎月1日と15日に本アップ。だいたい2~3日前に入稿があるのでできるだけその日のうちに
仮アップ。

MCスタイルの更新作業

サイトの構造について

http://www.mcstyle.com/が本番。http://www.mcstyle.com/kds_prep/以下がデモサイト。
FTPする際には間違えて本番にアップしないように注意が必要。
コラムは全部で6種類

  • 食(a)
  • 選(b)
  • 快(c)
  • 旅(d)
  • 知(e)
  • 遊(f)

順番に1ヶ月間休みがあるので更新するのはどれか5種類です。

それぞれのコラムはメンバーのみ閲覧できるページと誰でも閲覧できるページに
分かれています。メンバーでない人はそれぞれのコラムの最新号のみ閲覧することができます。

更新するファイル

/index.php
/news_back/index.html
/member/index.php
/member/column/new/以下(a~eのうち更新があるフォルダ全て)
/member/column/list/columnlist_(a~e).php(a~eのうち更新があるファイル)
/member/column/yyyymmdd/(a~e)/以下(a~eのうち更新があるフォルダ全て)

更新手順

下準備
1.原稿を開く(Word文書)
2.文書を全てテキストエディタに貼り付ける。
3.ファイル→名前を付けて保存→Webページ(*.htm; *.html)
4.画像とHTMLファイルが書き出されるのでまず画像フォルダを「img」にリネーム
5.HTMLファイルはいらないので削除
6.リネームしたimgフォルダに移動する。中にあるXMLファイルと.wmfファイルはいらないので削除
7.同じ写真が複数書き出されているので画像のピクセル数が小さいほうは消す。
8.画像をpht_101.jpg、pht_201.jpg、pht_301.jpgにリネームする。Photoshopで開き、 幅を175pxにリサイズ。
必要なら簡単な補正やアンシャープマスクをかけて下さい。(リサイズ後の高さは後で使うのでメモしておく。)
テキストの加工
英数字の全角→半角に変換
半角?の検索→全角?に変換
本文中改行が入っている箇所に
<br>
を付ける
LINKの文字列を<>でくくる。<LINK>とする。前に1行空行をいれること
リンクのURL前後に空行を含まないこと。
PHOTOの文字列を<>でくくる。<PHOTO>とする。前に1行空行をいれること。
midashi.txtの作成

a五感で満足させる、味の妙
<見出し>
無垢材の食器
<小見出し>
料理の味を変えない木食器
木目の美しさを保つため
無垢木ならではの感触を楽しむ

b選ばれたその理由
<見出し>
ストレスレスチェア
<小見出し>
長い時間座る人の椅子
ラクに座るために
「座るストレス」を解消する

c生活する空間のクオリティ
<見出し>
静電気を根絶する
<小見出し>
静電気は体質で起きる?
静電気を逃がすために
家から静電気を追放する

d上質の旅が与えてくれるもの
<見出し>
バーで選ぶホテル
<小見出し>
コンシェルジュは万能ではない
ホテルバーで街を知る
バーから街が見えてくる

f好奇心に充ちた時間
<見出し>
スノーバイクでゲレンデ制覇
<小見出し>
滑降の醍醐味を初日から
雪上を走る自転車
まずはレンタルやスクールで

見出し画像の作成
見出し画像はPhotoshopをJavaScriptでコントロールしてmidashi.txtを
読み込ませ、バッチ処理で作成します。
作成用のJavaScriptファイルをダウンロード。MCスタイル作成用JavaScriptファイル
ダウンロードしたjsファイルと同じ階層に「before」と「after」の2つのフォルダを作る。
「before」フォルダの中にmidashi.txtを入れる。
Photoshopを立ち上げ、ファイル→スクリプト→参照と進む。
出てきたダイアログでファイルの種類を「JavaScriptファイル(*.JS)」にして
作成用jsファイルを選択する。
「読み込み」を押すと勝手に処理が始まり、「after」フォルダ内にファイルが画像ファイルが出来上がります。
MCスタイル作成君
場所はまとめサイトの/kds_tko/hide_script/mc_style/column2.cgi
FTPでまとめサイトの/WWW_TKSM/kds_tko/hide_script/mc_style/source/にアクセス。
もともと存在しているやつを削除した後にもろもろをアップロード
アップロードしたら「送信」をクリック。
まずリンクチェックをしましょう。全てのリンクが生きていることを確認
確認できたらアップ日を入力(例:2006.5.1)
確認できたらリンク先のクリップタイトルを入力
その際にクリップタイトルに'(シングルコーテーション)は含まないこと
さっきメモした画像の高さを順番に入力
全部入力し終わったら送信をクリック
さきほどと同じくFTPでまとめサイトにアクセスする。
/WWW_TKSM/kds_tko/hide_script/mc_style/member/以下にファイルが出来上がっているので
ローカルにダウンロードする。