- ベストアンサー
ホームページ作成のポイントとは？
- ホームページ作成におけるポイントをまとめました
- jquery.smooth-scrollとopacity要素の活用方法について
- 作品のトップページ配置についての初歩的な手順
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
質問自体が、まったく意味不明ですが?? ホームページと言う言葉は忘れてください。使うとややこしくなります。 ホームページとは、元来ブラウザを起動したときに最初に表示されるページのことです。googleやyahoo!に指定されていることが多いですが、それがホームページ(ホームとは、故郷・出発点と言う意味--野球のホームベース、キーボードのホームポジション、ヤンキー ゴー ホーム!!など) それから派出してサイトのトップページをホームページと言うことがありますが、そこまでですかね。許容範囲は・・ 少なくともウェブサイトを作る立場になったら、この区別はしておかないと意味不明になります。 「トップページ--サイトのホームページのこと???--に1ページ２ページ3ページ目へのリンクをはり、ホームページ←--これは何？、1ページ２ページ３ページは・・・ もう、無理です。 ひょっとして、 ・一ページのウェブページで、 ・そのページの左端に、ページ内リンクがあり、 ・それぞれの画像は1200px幅で横一列に並んでいて ・リンクで、次々にスクロールして現れる と言うことかな??スライドショーのように ＞各作品のトップページを2ページ目に配置したいのですが、 ここで又わからなくなりました。 HTMLにはデザインは関係ないです。単に文書構造だけを記述すれば良いです。ほかの事は考えない。 <body> <div class="header"> <h1>見出し</h1> </div> <div class="section"> <h2>アルバム</h2> <div class="section" id="section"1"> <h3>作品1</h3> <p></p> </div> <div class="section" id="section2"> <h3>作品2</h3> <p></p> </div> <div class="section" id="section3"> <h3>作品3</h3> <p></p> </div> <div class="contentTable"> <ol> <li><a href="#section1"></a></li> <li><a href="#section2"></a></li> <li><a href="#section3"></a></li> </ol> </div> </div> <div class="footer"> <h2>文書情報</h2> </div> </body> 程度でよいでしょう。 あとはスタイルシートで・・自由にデザインすると良いでしょう。縦だろうが横だろうが
その他の回答 (2)
- webcat
- ベストアンサー率27% (364/1346)
初心者だから、まさかメモ帳だけでＨＴＭＬを作成・編集はするはずもないとの前提で、何らかのホームページ作成ソフトは使用しているんでしょう。 ほかに画像編集のソフトは持っていると思いますが。 各画像のサムネイル（縮小版）を作る。（なるべくサイズは統一した方が良い） 各頁は大きい画像を張るとユーザーＰＣの動きが重くなるから、適当な個数に限定して多くの頁を作成すること。 サムネイルを並べた頁から各頁へのリンクを張れば良い。 画像からのリンクについては、ホームページソフトの取説を熟読のこと。 現在はＰＣだけでなく７インチタブレット端末からのサイト訪問も多く、そのあたりも配慮してください。
- naokita
- ベストアンサー率57% (1008/1745)
Ｑ、 良くある縦にスクロールするページではなく、横にスクロールするページでしょうか？ Ａ、 先日も似たような質問があったので、ご参考に。 http://okwave.jp/qa/q7965957.html ＞かなり初心者です。よろしくお願いします。 Ａ、 それなら、まずは各ページに分割してつくってみましょう。 出来るようになってからの話であって、 基本がわからないとグチャグチャになりますよ・・・ ※ 作品集という事ですが、重い画像を沢山ならべると激重になります。 ＞また、各作品のトップページを2ページ目に配置したいのですが、Photoshopで作成したものを１枚の画像としてスライスして、WEB用に保存するのでしょうか？ Ａ、うーん、意味不明です。
お礼
ご回答ありがとうございます。 参考になりました。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
ご回答ありがとうございます。 サムネイルをつくるんですね！ 勉強になります。