楽天のトップページをRMSで自作する④

【追伸】RMSの文句言ったりしていたら、楽天様がRMSをリニューアルしてくださるそう。
これからの予定みたいですが、作業が楽になるならうれしいな。
商品との兼ね合いのことを考えると、いつも難しいですが、お客さんも使いやすいって思えるようになっていてほしいです。

前回までのながれ

前回はwebデザインをしてみて、必要な画像素材をそろえました。
そして、それらの画像素材をR-cabinetに放り込んで・・・
いよいよ、htmlでテーブルとか作っていくぞ!

という段階です。

本買って、いろいろとすてきなサイトの作り方みていましたが、
結局、最近のwebデザインはだいたいがCSSでやろう!となっているので、
楽天のRMSでは適応外。
チーン。

でももうちょっとシンプルに考えてみれば、
あれもこれもできる!CSS、に比べて、
これとこれしかできない!html、こちらは、
ある意味できるところだけ勉強すればできるのであって、
選択の自由はないけど、デザインを悩まなくていい。
のかもしれない・・・

と、いろいろ御託を並べてますが、結局、つめのあまーいゆるーい感じに今なっています。
今のサイトの雰囲気はこんな感じ。
ちなみにまだやりかけの途中・・・
(ほんと、すいません)

さいえ 楽天市場 トップページ
https://www.rakuten.co.jp/cayest/

そこそこ想定内?
でも、サイトの幅というか、微調整をどうすればバシッ!と決まるのかは、
今後の課題です。

PC用のトップページhtmlをちょっとだけ公開。
レベル低いので、公開するのが恥ずかしいのですが、
なんとなく。。。

もし、RMSでできるhtmlコードとかで、もっといいのがあるよ!
というのがあれば教えてほしいですし、みんなどんな感じなの?
と、知りたい方へ。一番下に紹介してます。ご参考までに。
ちょっと長いです。

私は画像を全部正方形にしました。
余白も文字も画像内で作ってしまって、htmlは簡単なtableで全部終わらせています。
他にも方法あるかもしれないけど、私は個人的には正方形区切りが好きです。

実店舗の予定とかは今、全くないですが、
実店舗で売り場のレイアウトができるということがあれば、
その時も正方形グリッド式でつくってみた~~い!
と思うくらい、正方形好き。
インスタグラムの影響もあるかもしれませんね~~。

トップページ制作、なかなか億劫で始めないので、メモしながらブログにしてみました。
(お店作り億劫って、、、内緒ですけど。)
まだまだ、フッターとか、スマホサイトの微調整とか、
特集ページはバナーとかも用意しないといけないので、
もう少しかかりそうです。

それでは、日々のお店作り、楽しくいきましょう^^

<body>
<table align="center">
<tr>
  <td rowspan="2"><a
href="リンク先">
<img src="画像ファイル"alt=画像説明"></a></td>
<td><a
href="リンク先">
<img src="画像ファイル"alt=画像説明"></a></td>
</tr>
<tr>
<td><a
href="リンク先">
<img src="画像ファイル"alt=画像説明"></a></td>
</tr>
</table>
<table align="center">
<tr>
  <td><a
  href="リンク先">
  <img src="画像ファイル"alt=画像説明"></a></td>
  <td><a
  href="リンク先">
  <img src="画像ファイル"alt=画像説明"></a></td>
  <td><a
  href="リンク先">
  <img src="画像ファイル"alt=画像説明"></a></td>
</tr>
<br>
<p style="text-align:center">made in japan kitchenware すべてのアイテムが日本製です。</p>
<p style="text-align:center"><font size="-1">※一部原材料に外国製のものもございます。</font></p>
<br>
</table>

<table align="center">
  <tr>
    <td><a
    href="リンク先">
      <img src="画像ファイル"alt=画像説明"></a></td>
    <td rowspan="2"><a
    href="リンク先">
    <img src="画像ファイル"alt=画像説明"></a></td>
  </tr>
  <tr><td><a
    href="リンク先">
    <img src="画像ファイル"alt=画像説明"></a></td></tr>
</table>
<br>
<table align="center">
<tr>
  <td><a
    href="リンク先">
 <img src="画像ファイル"alt=画像説明"></a></td>
  <td><a
   href="リンク先">
  <img src="画像ファイル"alt=画像説明"></a></td>
  <td><a
   href="リンク先">
  <img src="画像ファイル"alt=画像説明"></a></td>
</tr>


</table>

</body>