皆様に必要な情報が見つかりますように。

それホント ?!

イラストを載せたサイトを作りたい!作り方の流れは〜?

      2016/06/27

イラストを載せたサイトを作りたい!作り方の流れは〜?

色鉛筆、パソコン、コピックなど、イラストを描く物って充実してますよね。それらを使ってせっかく描いたイラストを机の奥に仕舞い込んでしまってる方も多いのではないでしょうか。そんなイラストをWEB上に公開してみたい場合、どんな流れでイラストサイトを作れるのかまとめました。

スポンサーリンク


  こんな記事もよく読まれています

アイメイクの重要ポイント、奥二重と二重の違いってなに?

メイクをしても「あれ?眠そうだね」と言われたり、流行色のアイ...

大好きな彼女との結婚に大切なこと

最近結婚する年齢の上昇や、結婚に対して不安がある若者がといっ...

風邪の原因?体温が低いと起こりうるトラブルと改善法

最近よく平熱が低いと耳にします。体温が低いと風邪をひいたり、...

常識?!?入園式での履物はタイツorストッキング?

子供の入園式の服装は、どの程度フォーマルにすればいいのか迷い...

日本の四季は世界一?海外からの反応は?

よく日本の四季は美しく素晴らしいと、外国人観光客が日本を訪れ...

人気急上昇中!日本ワインの人気の秘密

最近日本ワインの人気が急上昇しています。今までのワインとはど...

中国人女性に告白をするには!?

国際恋愛が増えていますが、現在中国人女性に片思い中の方や、素...

静岡観光特集!子供と一緒に楽しもう!

家族旅行は楽しみですが、性別や年齢もバラバラなみんなが楽しむ...

第二次世界大戦における日本人戦犯とは?

第二次世界大戦について歴史の勉強でしか学んだことのない年代が...

世界の人口に対して国別に色々なランキング〜

世界の人口ランキングは今どのように変化していっているのでしょ...

進撃の巨人考察!巨人の正体とその弱点は?!

進撃の巨人は実写映画化をはたすほど今大人気です!謎が多いこと...

仕事が遅い、うまくいかない!もしかして心の病気かも?

大人の心の病気は気づいていないだけで、実は多くの人がかかって...

辞めることが正解ではない!仕事における責任の取り方とは?

仕事でのミスは必ず誰にでも起こりうることです。よくニュース等...

加湿器の選び方は?アロマ式?見た目のオシャレさ?

たくさんの加湿器が販売されていますが、何を基準に加湿器を選べ...

栄養バランスの整った食材の選び方

毎日の献立を考えるだけでも一苦労なのに、栄養バランスまで調べ...

リュックの人気ブランドBEST.6

最近リュックは男女共に人気がありますね。おしゃれで機能性が良...

ハワイ語の名前を子供につけることが大流行?!

芸能界で流行したことがきっかけとなり、最近ハワイ語の名前を子...

最近アマゾンの配送が遅い?!原因と新サービスとは?

最近アマゾンの配送が遅いという話をよく耳にします。アマゾンは...

インフルエンザウイルスの除菌にアルコールは有効?

毎年インフルエンザが大流行して困ってしまいますよね。インフル...

30代へのプレゼント選びのコツ男性編

女性は男性へのプレゼントにはいつも頭を悩ませていると思います...

スポンサーリンク


イラストサイトの作り方~サーバーを選ぶ~

ホームページが完成しても、肝心な公開する場所がなくては意味がありません。

そのためにはレンタルサーバーを借りなくてはいけません。

レンタルサーバーにも無料版と有料版があります。

引用元-ホームページ公開にはレンタルサーバーを借りましょう | 主婦の副業ナビ

無料レンタルサーバーにも様々なサービスの違いがあります。

ただ、無料のレンタルサーバーは突然のサービス中止となる場合があります。

また、せっかく作ったあなたの大事なホームページに意図しない広告が貼られてしまう可能性があります。

しかも広告やアフィリエイトを載せることを、規約で禁止している場所も多いのでオススメできません。

そして一番の面倒なところが、以上のような理由から引越しをする場合です。

もちろん折角知り合った読者の方々にお知らせをしたり、相互リンクをしている方々すべてに連絡をしたりといった膨大な労力が必要になってしまいます。

ですので、その無駄な労力を避けたいのでしたら、有料のサービスの利用をおすすめします。

引用元-ホームページ公開にはレンタルサーバーを借りましょう | 主婦の副業ナビ

イラストサイトの作り方~サイトのレイアウトを考える~

自分が作成したいホームページのテーマが決まったら、次にホームページの構成・レイアウトを考えておきましょう。 そんなに詳しく考える必要はありません。
何となくで良いので、「こんな感じのホームページができたら良いなぁ」ぐらいの気持ちで考えておき、なるべく理想の形を実現できるよう作成していくということです。

引用元-構成・レイアウトを考える : STEP1 【 ホームページの作成に入る前に 】

ホームページの作成する前に、箇条書きなどでも良いのでノートやパソコンのメモ帳に書いておくと、作成する上でスムーズに進める事ができると思います。
頭の中だけで考えて作成を始めると、どうしても途中で忘れてしまったりしてしまうため、できればホームページ用に1冊ノートを用意しておくと良いと思います。

引用元-構成・レイアウトを考える : STEP1 【 ホームページの作成に入る前に 】

ホームページのレイアウトで1番重要なことは、何を置いても見やすいことです。 どんなレイアウトが良いのかは、人それぞれですので何とも言えませんが、他の人から見ても見やすいレイアウトになるよう心掛けましょう。

引用元-構成・レイアウトを考える : STEP1 【 ホームページの作成に入る前に 】

イラストサイトの作り方~トップページを作る~

初めて見るホームページの滞在時間を決める要因の1つに、『TOPページの見やすさ(読みやすさ)』があります。私も含めみなさんも同じかと思いますが、最近は自分でなにか情報を探す際にはインターネットを使用しその情報を掲載しているホームページから情報を探しだしますが、開いた瞬間にデザイン(見た目)が悪いホームページなら直ぐに閉じて別のサイトを探しませんか?

特にTOPページは1番最初に訪問してくれる人の割合が高く、いくら他のページに探している情報が掲載されていたとしても、あまりにもTOPページのデキが悪いとその情報を掲載しているページまでは行きつくことが出来ない場合が多いです。

これから、あなたが作ろうとしているホームページも、開いた瞬間に閉じられるようなホームページを作ろうとは誰もが思ってはいないかと思いますが、少しでも多くの人に見ても会える様にするには、多少なりともTOPページの見栄えをよくして作成するようにしてください。

引用元-ホームページの作り方 TOPページの作成 – 誰でも簡単にホームページは自分で作れる

イラストサイトの作り方~メニューページを作る~

メニューとは、解りやすく言うとホームページ内容の項目です。
 
ホームページは作りたい。でも、内容をどうしたらいいかわからない、という人も多いと思います。そういう時、メニューから考えていくとスムーズなのです。
 
メニューを考えることで、そのホームページにどんな内容を入れるか、大まかに決めることができます。内容のメドがつくことで、各ページも作りやすくなり、ホームページ全体の完成がグッと近くなる事でしょう。

引用元-ホームページに何を入れる?サイトのメニューを考えよう

イラストサイトの作り方~イラスト閲覧ページを作る~

同人サイトと言えばイラストやwebマンガでしょう。

ここで注意したいのは画像の重さです。
せっかく綺麗なイラストが描けたのだから、そのまま見て欲しいというのが普通です。
しかし、最近はADSLが当たり前になり、光ファイバーも一般化していますが、それでもやはりPCや回線の状況で重いページを開くのに時間がかかったり、開くことが出来なかったりします。
これは大前提である、ノン・ストレスに反してしまいます。

目安としては画像は最大でも100KB前後が妥当なところのようです。

画像のサイズ、大きさも重要です。
今目の前にあるディスプレイのサイズがどのくらいか知っていますか?
私のディスプレイは横1280×縦1024です。
勿論、これより大きなものも小さなものもあると思います。
マンガは縦長なので上下にはみ出してしまうのはしかたないですが、小さなディスプレイの場合には画像がはみ出てしまって上手く表示出来ません。
大体最大で横700×縦400が限界だと思います。(携帯向け画像なら横200×縦300)

画像を飾る際も、イラストを目立たせるのなら、背景と文字でも述べたように、単純に白や黒といった背景にした方が目立つと思います。

TABLEタグなどを用いて額縁を作ったり、背景画像として表示したりする方法もあります。

引用元-同人サイトの作り方 | 同人サイトを楽しもう

イラストサイトの作り方~サーバーにアップロードする~

作成したファイルをWebサーバーにアップロードしましょう。ファイルをアップロードするには、「FTP」や「SFTP」という機能を使います。「FTP」とは「 File Transfer Protocol」の略で、ファイルをアップロードする際に必要なものとして長く使われていました。しかし最近ではSSHによって暗号化して安全にファイルの転送をする「SFTP(SSH File Transfer Protocol)」が推奨されています。

引用元-ついに完成!ファイルをアップロードしてWebサイトを公開! | Webクリエイターボックス

初心者にオススメ!Webサイトの作り方が書かれた書籍

スラスラわかるHTML&CSSのきほん
狩野祐東著/SBクリエイティブ刊
256ページ 本体1900円+税

引用元-スラスラわかるHTML&CSSのきほん | 狩野祐東の本 solidpanda.com

小さなサイト作りを通してHTMLとCSSの基礎が学べる入門書の決定版! 基本のタグからフォーム、レイアウトを調整するためのCSSの活用まで、 ずっと使える知識がぎゅっと詰まっています。

『スラスラわかるHTML&CSSのきほん』は、これからHTML&CSSを学習したいという方が、いちばんやさしく、楽しく作業を進めながら、正しい知識を身につけられることを目標に書きました。

本書では、「KUJIRA cafe」という架空のカフェを紹介する計7ページの小規模なWebサイトを制作します。制作をとおして基本のHTMLとCSSを使いながら、Webサイトの公開まで行います。詳しい操作説明と詳細な解説で作業につまづくこともなく、また実習が終わったころには応用力もつきます。

引用元-スラスラわかるHTML&CSSのきほん | 狩野祐東の本 solidpanda.com

まとめ

WEBサイトを作るにあたって、聞きなれない用語に始めは戸惑うかもしれませんが、思ったように出来上がると嬉しいものです。納得のいくデザインでWEBサイトを作って素敵なイラストを載せましょう。

twitterの反応


https://twitter.com/AnenomiBooBoo/status/627260512208719872
https://twitter.com/hiduki1208/status/616617286200197120


https://twitter.com/HIrototoo/status/521175639538155520″

 - 雑学

ページ
上部へ