【Web初心者向け】簡単に作れる最初のページの作り方

このQ&Aのポイント
  • Webに関して知識がない方でも簡単に作れる最初のページの作り方をご紹介します。
  • 自分の名前が表示され、クリックしたらメインページに進むというタイトルページの作成方法について解説します。
  • フォトショップなどのソフトを使わずに、簡単に実現する方法をご紹介します。
回答を見る
  • ベストアンサー

webの最初のページの作り方

webに関してはあまり知識が無い者ですが、写真のスライドショーなどのサイトが簡単に作れるアプリを使ってサイトを作ってみたのですが、できれば、自分の名前だけが表示されて、クリックしたらメインページに進むという最初のページ(タイトルページ?)を作れたらいいなあと思っているのですが、こういうものはどうやって作るのでしょうか?こちらサンプルです。 http://www.marcomakeup.com/ ソフトはフォトショップは使えますが、イラストレーターなどは持っていません。フラッシュじゃない方がいいですが、何が必要なのか、これだけの作業でも相当難しいテクニックが必要なのかどうか、回答をおまちしております。

  • CSS
  • 回答数1
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • tkmojo
  • ベストアンサー率50% (105/207)
回答No.1

サンプルのページはFlashで作られてます。 簡単に言うと、全画面Flashのページを作成して、クリックで別のページに遷移しているだけです。 画像クリックで別ページに行く方法はわかると思いますが、 その画像をフェードインさせたいなら普通はjavascriptでやるのが一般的です。 フェードインjQueryのライブラリを検索してみれば、フェードインくらいなら沢山見つかると思うのでそれを使いましょう。 javascriptが全くわからないという事でしたら、超絶な力技ですがフェードインをgifアニメーションで作成するという方法もあります。 それなら、スタートページにはリンク付き画像をひとつ置くだけで済みます。

tulips23
質問者

補足

回答をありがとうございます。 >画像クリックで別ページに行く方法はわかると思いますが、 すみません、わかっておりません(汗)。。。スライドショーのページのサイトは、jAlbum(javascriptでできてるみたいです)というアプリを使ってほとんど自動で作れてしまったので。。。 >フェードインをgifアニメーションで作成するという方法 こちらは、フォトショップCS3でも作れますでしょうか?

関連するQ&A

  • Adobeソフトを使うとWebページの書き出しが出

    Adobeソフトを使うとWebページの書き出しが出来ると聞きましたが、イラストレーターやフォトショップで出力したWebページの文字は画像になっているんですか? ちゃんと検索エンジンのボットにヒットするように文字はテキストとして出力されるのか知りたいです。 イラストレーター、フォトショップ、インデザインなら出力したWebページは皆同じなのでしょうか? 違いを教えて欲しいです。

  • webページの作り方について

    webページの作り方についての質問です。 (1)javaを使わずに、htmlにスライドショーを入れるにはどうすればよいですか? (2)バックサウンドをながしたいのですが 〃 出来れば、ソースを載せて頂きたいのですが。 お願いします。

  • Flash5Jでスライドショー

    Flashを使うのは初めてなので作り方の入門コースのWEBページを 教えて頂けませんか? スライドショーを作りたいのでその作り方の解説や サンプルがあるとうれしいです。

  • スライドショーのWEB作成

    WEBサイトを自分で作成しています。 PhotoFlash Maker(有料版)にてスライドショーを作成し、アップロードすると PC(WINDOWS)上ではスライドショーが表示されているのですが iPhone4で確認すると、表示されません。 ほかの、サイトのフラッシュ画像はiPhoneでみることができます。 iPhoneやスマートフォンでも、フラッシュが見れるようにするには なにか、コードが必要なのか なぜなのかわからず困っています。 お願いします。

  • フォトショップ、又はイラストレーターを使ったWEBデザイン

    こんにちわ、kaituといいます。 WEBデザインをするにあたって、 いつも主にフォトショップで素材を作って その画像をDreamweaverの方にもっていき、 サイトデザインをしています。 独学なのもあり、効率があまりよくないので、 フォトショップやイラストレーターを使った WEBページレイアウト作成講座(ページ全体等) のあるサイトを探しています。 よろしければ回答お願いします。

  • Webページとして保存

    WORD文書をフォトショップで読み込めなかったのですが、ここで質問したら「Webページとして保存」したらよいと教えていただきました。それで事なきを得たのですが、「Webページとして保存」という概念が判りません。言葉を調べてみたのですが、平易に説明してあるのがなくて理解出来ませんでした。(^^ゞ これからエクセル文書などもWebページとして保存してフォトショップで読み込みたいと思うのですが情報漏れたりはしませんか?

  • ウエブ系の仕事をするには

    HTMLと Fireworks と DreamWeaver をおケイコで学んでいます。これだけだとウエブ系の仕事はこなせないでしょうか?将来の就職が不安でたまりません。イラストレータやフォトショップもできるようになった方がいいでしょうか?それともフラッシュなどができるようになった方がいいでしょうか?

  • webページをサイズ小さくpdf化したい

    オンラインヘルプのwebページを オフライン向けにpdfしたいと思ってます。 webページをpdf化しただけだと 改ページが中途半端な位置になってしまうので フォトショップなどでページ単位にpdf化してつなげげました。 すると、1ファイルが数十MBになってしまいました。 印刷ページとしては13ページ程度で、webページも 画像などは殆ど無くテキストメインです。なので 希望としては5MB程度です。 PDFの作成手順がまずいのかと思うのですが きれいにwebページをPDF化する方法がありましたら教えて下さい。

  • webにスライドするバナーを載せたい

    webにスライドするバナーを載せたいです。 マウス操作にも反応するようにしたいです。 理想はJIGGYS SHOPのサイトトップページのバナーです。 http://www.jiggys-shop.jp/ flashで一度作成を試みたのですが、スライドのスピードに 変化をもたせるとか、マウス操作への反応とか、難しくて。。 しかもブラウザ上で表示できず…途方に暮れています。。 よろしくお願いします。

    • 締切済み
    • CSS
  • webデザインでの必要なソフトについて

    以前javaをさわっていたのですが仕事でwebのデザインを担当することになりました。 必要なソフトを購入しないといけないのですがフォトショップとイラストレーターは どちらも必要でしょうか? 全然デザインのことは分からないので、これこれを実現するのにフォトショップが必要で これこれを実現するためにイラストレーターが必要だということからご教授くだされば幸いです。

専門家に質問してみよう