鳳凰の羽が皆様のお役に立ちますように!

鳳凰の羽

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

      2017/09/12

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

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

スポンサーリンク


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

腹痛、しかも激痛・吐き気もある。どんなことが考えられる?

「おなかが痛い」という経験は誰しもあるはずです。食当たりかも...

癒しを与えてくれるメダカ。その産卵時期はいつ?

かつては小川によく見かけられたメダカですが、今ではその姿を見...

点滴でできたむくみを簡単に解消する方法!

点滴を受けた後に、むくみができて、体が重くなったりしたことは...

郵便局に転居届を!一人暮しの第一歩

家を出て一人暮しを始めるのは不安と期待が入り混じっているので...

排卵日・高温期の数え方って?

赤ちゃんが欲しい方にとって一番気になるのが排卵日ではないでし...

「好印象がキー」履歴書の封筒の住所や番地まで手を抜かない

履歴書は特別なものです。入社への一歩目です。封筒の住所の番地...

生理予定日を過ぎて妊娠検査薬は使える?陰性と陽性の判断は

妊娠を希望していると妊娠しているかどうか早く妊娠検査薬を使い...

母子家庭で子供がアルバイトする場合の注意点は何?

父子家庭よりも母子家庭の方が多い理由は、離婚により母親が親権...

病院で「大切な証明書」である診断書がもらえない

誰だって好きで風邪をこじらせたり、精神面を患ったりしているワ...

男性用スカートは民族衣装だけ?おしゃれなの履き方と体験談

男性がスカートを履くとおかしい?伝統衣装のキルトスカートは男...

人が死ぬ前に感じる予感や予兆の3パターン

知ってる人が死ぬかもしれないといった予感や死ぬ直前の予兆を知...

親の介護が必要になったら姉妹の場合どうしたらいい?

自分も年をとりますが、当然親も年をとります。いずれは親の介護...

落ち込んだ時に聴くだけで実現?恋が叶う音楽?!

「○○の曲を聴いたら両思いになれる!」とか「○○の曲を着信音...

住所の丁目の漢字の部分「郵便」と「公的文書」は違う

「町丁名」って聞いたことありますか?住所の丁目の部分が漢数字...

「住所の構造には意味がある」住所の丁目と番地と号

住所を書く時に省略していることってありませんか?例えば○丁目...

基本は『家族で移動』本籍地の転籍と住所の地番と番地

本籍地は転籍自由で国内どこに置いても問題がありません。ただし...

「遠方のサイトのない店で買い物」現金の郵送を着払いで?

買い物を通販でする時、店が送料を負担してくれる場合があります...

犬用ステロイド注射の副作用&注意点と病気に対する効果

犬の病気治療などに使われるステロイド注射。どんな効果があって...

灼熱の金魚注意報?!水槽の水温を下げるにはどうしたらいい?

暑い夏、涼しげな水の中で気持ちよく泳いでいるかと思えばわが家...

極寒の金魚注意報?!水槽の水温はヒーターで調節した方が?

金魚は冬になると冬眠をするので、それに備えるため秋はエサをし...

スポンサーリンク


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

引用元-構成・レイアウトを考える : 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/aspirin_g/status/536553858072195072
https://twitter.com/HIrototoo/status/521175639538155520″

 - 雑学

ページ
上部へ