「MC Styleコラム」の版間の差分
編集の要約なし |
編集の要約なし |
||
| 39行目: | 39行目: | ||
===更新手順=== | ===更新手順=== | ||
<dl> | <dl> | ||
====下準備==== | |||
1.原稿を開く(Word文書)<br> | |||
2.文書を全てテキストエディタに貼り付ける。<br> | |||
3.ファイル→名前を付けて保存→Webページ(*.htm; *.html)<br> | |||
4.画像とHTMLファイルが書き出されるのでまず画像フォルダを「img」にリネーム<br> | |||
5.HTMLファイルはいらないので削除<br> | |||
6.リネームしたimgフォルダに移動する。中にあるXMLファイルと.wmfファイルはいらないので削除<br> | |||
7.同じ写真が複数書き出されているので画像のピクセル数が小さいほうは消す。<br> | |||
8.画像をpht_101.jpg、pht_201.jpg、pht_301.jpgにリネームする。Photoshopで開き、 | |||
幅を175pxにリサイズ。<br> | 幅を175pxにリサイズ。<br> | ||
必要なら簡単な補正やアンシャープマスクをかけて下さい。(リサイズ後の高さは後で使うのでメモしておく。) | 必要なら簡単な補正やアンシャープマスクをかけて下さい。(リサイズ後の高さは後で使うのでメモしておく。) | ||
< | <br> | ||
====テキストの加工==== | |||
英数字の全角→半角に変換<br> | |||
半角?の検索→全角?に変換<br> | |||
本文中改行が入っている箇所に<pre><br></pre>を付ける<br> | |||
LINKの文字列を<>でくくる。<LINK>とする。前に1行空行をいれること<br> | |||
リンクのURL前後に空行を含まないこと。 | リンクのURL前後に空行を含まないこと。 | ||
< | <br> | ||
PHOTOの文字列を<>でくくる。<PHOTO>とする。前に1行空行をいれること。 | |||
こんな感じで(例:d.txt)<br> | |||
<div class="html-source"> | <div class="html-source"> | ||
<pre> | <pre> | ||
| 98行目: | 98行目: | ||
</div> | </div> | ||
====midashi.txtの作成==== | |||
<div class="html-source"> | <div class="html-source"> | ||
a五感で満足させる、味の妙<br> | a五感で満足させる、味の妙<br> | ||
| 140行目: | 140行目: | ||
まずはレンタルやスクールで<br> | まずはレンタルやスクールで<br> | ||
</div> | </div> | ||
====見出し画像の作成==== | |||
見出し画像はPhotoshopをJavaScriptでコントロールしてmidashi.txtを<br> | |||
読み込ませ、バッチ処理で作成します。< | 読み込ませ、バッチ処理で作成します。<br> | ||
作成用のJavaScriptファイルをダウンロード。[http://192.168.200.60:16080/kds_tko/hide_script/mc_style/mc_js.lzh MCスタイル作成用JavaScriptファイル] | |||
< | <br> | ||
ダウンロードしたjsファイルと同じ階層に「before」と「after」の2つのフォルダを作る。<br> | |||
「before」フォルダの中にmidashi.txtを入れる。<br> | |||
Photoshopを立ち上げ、ファイル→スクリプト→参照と進む。<br> | |||
出てきたダイアログでファイルの種類を「JavaScriptファイル(*.JS)」にして<br> | |||
作成用jsファイルを選択する。 | 作成用jsファイルを選択する。 | ||
< | <br> | ||
「読み込み」を押すと勝手に処理が始まり、「after」フォルダ内にファイルが画像ファイルが出来上がります。 | |||
< | <br> | ||
====MCスタイル作成君==== | |||
場所は[http://192.168.200.60:16080/kds_tko/hide_script/mc_style/column2.cgi まとめサイトの/kds_tko/hide_script/mc_style/column2.cgi] | |||
< | <br> | ||
FTPでまとめサイトの/WWW_TKSM/kds_tko/hide_script/mc_style/source/にアクセス。<br> | |||
もともと存在しているやつを削除した後にもろもろをアップロード< | もともと存在しているやつを削除した後にもろもろをアップロード<br> | ||
アップロードしたら「送信」をクリック。<br> | |||
まずリンクチェックをしましょう。全てのリンクが生きていることを確認<br> | |||
確認できたらアップ日を入力(例:2006.5.1)<br> | |||
確認できたらリンク先のクリップタイトルを入力<br> | |||
その際にクリップタイトルに'(シングルコーテーション)は含まないこと | その際にクリップタイトルに'(シングルコーテーション)は含まないこと | ||
< | <br> | ||
さっきメモした画像の高さを順番に入力<br> | |||
全部入力し終わったら送信をクリック<br> | |||
さきほどと同じくFTPでまとめサイトにアクセスする。<br> | |||
/WWW_TKSM/kds_tko/hide_script/mc_style/member/以下にファイルが出来上がっているので<br> | /WWW_TKSM/kds_tko/hide_script/mc_style/member/以下にファイルが出来上がっているので<br> | ||
ローカルにダウンロードする。 | ローカルにダウンロードする。 | ||
< | <br> | ||
</dl> | </dl> | ||
</div> | </div> | ||
</div> | </div> | ||
2007年2月6日 (火) 19:51時点における版
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行空行をいれること。
こんな感じで(例:d.txt)
旅 バーで選ぶホテル <小見出し> コンシェルジュは万能ではない <本文> 段落1……… <小見出し> ホテルバーで街を知る <本文> 段落2……… <小見出し> バーから街が見えてくる <本文> 段落3……… <LINK> http://www.concierge.ne.jp/302_bar/ オンラインマガジン「ホテルコンシェルジュ」が勧める日本のホテルバー一覧。 http://www.yamanoue-hotel.co.jp/rb/dining.html 山の上ホテルのバー&レストラン紹介。別館1階の「バーモンモン」は9名限定のカウンターバー。ゆっくりと会話を楽しめます。 http://www.hotel-newgrand.co.jp/restplan/seaguardian.html ホテルニューグランドのバー「シーガーディアン」。1階にあって夕方4時オープン。もちろんチャージもとりません。 http://nymag.com/bestofny/nightlife/2006/hotelbar/ ホテルバーにこだわる「ニューヨーカー」誌では、毎年ベストイシューのなかでホテルバーも選出しています。海外でもこんなバーを探してホテルを選んでみたいもの。 <PHOTO> 東京ステーションホテルのバー「カメリア」は、多くの作家に愛されてきた名物バーのひとつです。 お茶の水の高台に建つ「山の上ホテル」。バーでは下町伝統の味や、珍しい古書の話が聞けるかも知れません。 多くのホテルバーは夕方に開きます。夜出かける前に、街の様子を尋ねてみては。
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/以下にファイルが出来上がっているので
ローカルにダウンロードする。