COCONAUココナウ

COCONAU

NAUヴィレッジ

食品・加工品

賃貸・売買

求人

ショップ

セミナー

イベント

サークル

助け合い

起業

COCONAUTV

掲示板

coconau掲示板

coconauWEBをこれからどのように活用していくかの皆様のご意見をお待ちしております。

掲示板

その他 / 15

Web制作に関する質疑応答～テンプレートを使いこなす～

投稿番号::260923121625

（認証とは）

Message数(15)

投稿者:

TIMERICHさとみ

性別:

女性

登録地域:

COCONAU

戻るコンタクト

更新日:2026年09月23日

投稿日:2026年09月23日

お気に入り

評価:000

今後ともどうぞ宜しくお願い申し上げます。

Message一覧

15 reviews

- 2026/09/30 18:44:17
- TOM 公開
なかなかすごいですねえ､感心します

Name

コメント

送信

- 2026/10/03 9:56:33
- こいぬ先生公開
はい　素晴らしく作られています。
私もびっくりしてます。

Name

コメント

送信

- 2026/09/28 7:29:10
- TIMERICHさとみ公開
こいぬ先生、すみません。
昨夜夜に、先日作った、JBANKページ見に行ったら、
びっくりすることに、トップ画面は、スマホ用しか表示されず、
２階層目のJBANK説明ページなどは、最下部しか表示されず、
型崩れを起こしています
修正しようとして、何度もログインしなおしても、
スマホ用トップページが表示されるばかり。
つまり、何かのバグだと思われます。
今日、零さんが閲覧する。と言ってくださってるので、
バグの修正お願いします。

Name

コメント

送信

- 2026/09/28 14:22:10
- こいぬ先生公開
今みましたが、キレイに見えていますよ。クロムも確認しました。エッジも確認しました。問題は、ないですよ。

Name

コメント

送信

- 2026/09/28 14:20:53
- こいぬ先生公開
http://ce17.reicx.com/
ブラウザは、なにでみていますか？

Name

コメント

送信

- 2026/09/28 14:19:44
- こいぬ先生公開
今みましたが、キレイに見えていますよ。クロムも確認しました。エッジも確認しました。問題は、ないですよ。

Name

コメント

送信

- 2026/09/27 20:21:56
- TIMERICHさとみ公開
http://ce17.reicx.com/content.aspx?pg=m7

こいぬ先生、こんばんわ。
JBANKページ制作課題ですが、トップページから、『JBANKについて』というメニューをクリックして入った先、
２階層目を作りました。

ここで、実現したかった、ヘッダー部分のメニュー構成をトップ画面と変える。であるとか、
楕円形のボタンを作り、『相談する→』とテキストを入れて、画像化したものを、
横並びのヘッダーメニューの、一番右端に配置する。とかしたかったのですが、
技術的によくわからなかったので、今は、トップヘッダーメニューのままにしています。

ご教示の程、どうぞよろしくお願い致します。

http://ce17.reicx.com/content.aspx?pg=m7

こいぬ先生、こんばんわ。
JBANKページ制作課題ですが、トップページから、『JBANKについて』というメニューをクリックして入った先、
２階層目を作りました。

ここで、実現したかった、ヘッダー部分のメニュー構成をトップ画面と変える。であるとか、
楕円形のボタンを作り、『相談する→』とテキストを入れて、画像化したものを、
横並びのヘッダーメニューの、一番右端に配置する。とかしたかったのですが、
技術的によくわからなかったので、今は、トップヘッダーメニューのままにしています。

ご教示の程、どうぞよろしくお願い致します。

Name

コメント

送信

- 2026/09/27 11:20:06
- Reiko 公開
さとみさん、ゆっくりちゃんと見てから、連絡しますね

素晴らしいです

Name

コメント

送信

- 2026/09/27 11:19:38
- Reiko 公開
お弟子さんの、リカさん、さとみさん、ゆきさん、
頑張っていますね！

嬉しく思います

母がインドから来日していたり、株や、コインの仕込みで、忙しく、皆様の作品を、まだちゃんと見て差し上げて、添削できてませんが、やっと少し時間ができましたから、

今日、明日、9/28、見て回答しますね

個別にクリエイティブアドバイス、いたします

大事なお弟子さんですから。

またEX Cardの月末までの第一代理店になる方々の登録や募集があり、それもやらねばならないのですが、必ずちゃんと見て、

回答しますね

ありがとうございます、

坂の上零

Name

コメント

送信

- 2026/09/24 10:36:19
- こいぬ先生公開
慣れる為に練習用に使ってください
新しいHPアカウントを作成しておきました。
今作成した物はもったいないので、新しいHPアカウントで練習して下さい。
急ぎで作りましたので、HPアカウントはチエックしてないです。
管理画面など、何かERRがありましたらご連絡ください。
もっともっとたくさん技があります。教えたいです。
よろしくお願いいたします。

Name

コメント

送信

- 2026/09/24 12:57:21
- TIMERICHさとみ公開
ありがとうございます

Name

コメント

送信

- 2026/09/23 19:51:04
- TIMERICHさとみ公開
子犬先生、シルバーウィーク5日間、全てをこのウェブ制作を習得することを捧げました。
まだまだ駆け出しであり、学びは始まったばかりだと感じています。
しかしながら、なんとか、課題のウェブ制作において大枠はできました。
そのURLをこちらに貼ります。

http://ce17.reicx.com/Default.aspx

これがトップページです。
ここから第2層目に入っていくと、メインテーマのJバンクについてのページとなります。
第2層目の入り口はトップページのヘッダーのところにあるメニューですね。
『Jバンクについて』というメニューをクリックすると入っていきます。
しかしですね、ちょっとタイムアウトしまして、JBankについてのページは、
このように作るという一枚の大きなイメージ画像のみが入っています。
そこを見ていただくと、完成のイメージはつかめると思います。

これから、時間を見つけて、このイメージをテンプレートでどう表現していくか、
実現していくか、というところの作業になってくると思います。

成功のキーポイントというのは、やはりテンプレートの活用の仕方をもっともっと学ぶことかなと思います。
かつ、実際に触って、実務経験を積んで、やっぱり慣れるというのが大事だと思います。

今後の学びの重要ポイントを簡単にまとめました。
今後の作業効率をもっと上げていく。
もっと軽やかに楽しく早く制作ができるためには、
次のポイントを学び、もっと改善することが必要だと感じました。

① 画像サイズと表示方法

今回、最も時間がかかった部分です。
画像をアップロードする前に、テンプレート側でどのように表示されるかを理解しておく。

特に確認したいのは、次の３点です。

・画像が横幅に合わせて縮小されるのか、トリミングされるのか
・画像の縦横比によって表示がどう変わるのか
・画像の上にボタンを配置する場合、どこに表示されるのか

画像を制作する前に、実際の表示領域を把握する。
これができれば、今回のような何度もの画像修正を減らせます。

② テンプレートの種類と使い分け

今回は、どのテンプレートを使えばよいのか、実際に開いて試しながら制作しました。
次回は、よく使うテンプレートをあらかじめ把握しておきたい。

☆覚えておきたい5種類

・画像だけを表示するもの
・画像と文章を組み合わせるもの
・画像の上に文字やボタンを重ねるもの
・複数の画像をスライド表示するもの
・見出し・本文・ボタンを配置するもの

これらの中から、目的に合うものをすぐに選べるようになれば、制作速度が上がります。

⑤ 高さ・文字位置の設定

今回の編集画面には、高さ・Overlay・文字位置などの設定がありました。
これらは、デザインを整えるための重要な機能です。

特に画像の高さと、文字位置の関係を理解すると、画像そのものを作り直さなくても、テンプレート側の調整だけで解決できる場合があります。

以上、今後とも、ご指導を賜りますよう、どうぞ宜しくお願い申し上げます。

Name

コメント

送信

- 2026/09/23 13:33:52
- TIMERICHさとみ公開
こいぬ先生、早速見つけて頂き、誠にありがとうございます！
機能詳細の説明サイトのシェアを頂き、大変助かります。
ひとつ質問ですが、この掲示板は、スマホからでも、利用可能でしょうか？
ココナウ自体の、スマホアプリは、未だ無いですよね？

Name

コメント

送信