DENSETSU-MANIA - 家電 美容 グルメ 動画 - 総合情報サイト > ネットビジネス・副業 > ウェブ制作・コーディングのポイント - 不労収入・権利収入

ウェブ制作・コーディングのポイント - 不労収入・権利収入

ウェブ制作・コーディングのポイント - 不労収入・権利収入

では、そろそろ、ウェブサイト・メディアサイトの具体的な作り方について…。

記事の書き方(コピーライティング)、記事のネタ、全体の構成、SEOのポイント…
などはすべて連動してくるので、それは後でまとめて扱うとして、

まずはウェブ制作、
ウェブページは、おもにHTMLとCSSという2つの言語によって作られている。

つまり、プログラミングするということ。

HTMLは、文章の記述や画像の表示など、内容そのものを担当し、
CSSが、デザインやレイアウトなどを担当する。

このプログラミングについてしっかり解説するとなるとキリがないので、
カンタンな概要だけをちょっと…。

 

まず、ウェブサイトというのは、当然、だれか人に見てもらうために作るわけだが、
実は、見ているのは人間だけではない。

Googleのグーグル・ボットなど、
検索エンジンの「検索ロボット」も見ているのだ。

だからこそ、
ユーザーが検索したときに、検索結果に自分のサイトが表示され、
そこからアクセスを集めることができる。

つまり、
ウェブ制作は、人間とロボット、両方を対象として作るのだ。

そして、実際、ウェブページは、
「HEAD」という、おもに検索ロボットを対象にしたエリアと、
「BODY」という、おもに人間を対象にしたエリアの、大きく2つに分けられる。

 

コーディング(プログラミング)する…というと、
一般の人は難しそうなイメージを持つかもしれないが、

「タグ」と呼ばれる専用コードを、単語や文章の最初と最後につけるだけなので、
しかも、そのタグも英単語がベースになっているので、やってみると思っているよりは難しくないはずだ。

そして、最近のウェブ制作ソフトなら、
コーディングの最中に、使用するタグの候補を表示してくれたり、
自分で記述しなくても、メニューからマウスで選ぶだけで操作できてしまうものもある。

さらにさらに、コーディング作業不要で、
視覚的に、見たままダイレクトに作れてしまうソフトもある。

ここに見出しを配置して…、ここには文章…、ここには画像を…、
といった感じに、パーツを自由に配置していく感じだ。

なので、そうした数あるソフトの中から、自分に合うものを選んで、
自分に合ったやり方で、ときにはそれらを組み合わせて、うまく使い分けて作ればいい。

 

また、タグやコーディングについて解説したサイト・ブログもいくらでもあるので、
いちいち参考書やタグ辞典を買う必要もない。

そして、なんとも親切に、
テンプレートを無償で配布しているサイトもたくさんある。

基礎知識だけ覚えてしまえば、
あとは、そうしたテンプレートを編集して作るのが便利かもしれない。

ウェブページの構造は、ある程度パターン化されているので、
ほとんどの場合、そうしたテンプレートを使うほうが早いのだ。

事実、ウェブ制作業者もいくつかのテンプレートをすでに持っていて、
それを元に、クライアントや要望に応じて加工し、作業をする。

 

そして、そのテンプレートと併せて、もう一つ覚えておきたいのが、
ブラウザのサブメニューにある「ソースの表示」だ。

つまり、すでにネット上にあるサイトがどうやってコーディングされているかを、
直接参考にさせてもらうのだ。

自分が気に入ったサイト、気に入ったページ、気に入ったデザインを
そのまま参考にさせてもらうのだから、こんなに合理的なことはない。

 

ウェブ制作についてざっくりまとめると、

●HEADとBODYという2つのエリアに分かれている
●文章のはじめと終わりにタグをつけるだけ
●便利なソフトがたくさんある (もちろん、フリーソフトでも)
●自分でコーディングするか、視覚的にダイレクトにパーツを配置するか
●参考となるサイト・ブログ(アーカイブ・チュートリアル)もたくさんある
●テンプレートを使うと早い
●気に入ったサイトのソースを参考にするのも良い

ちょっと便利なソフトとネット環境があれば、誰でも簡単に作れてしまう。
それがコーディング、ウェブ制作なのだ。

初心者でも取り組みやすく、案件も豊富なネットビジネス・ネット副業 #

家電マニア 土田晃之 最新家電ツアー byヒルナンデス (2)

家電マニア土田晃之がガイドする見ているだけで楽しい最新家電ツアー - ヒルナンデス

家電芸人・土田晃之プレゼンツ、お部屋まるごと掃除家電セット!

家電芸人土田晃之が提案する、お部屋まるごと掃除してくれる家電セット - アメトーク

トイレ&掃除芸人 佐藤満春が教えるオススメ掃除グッズ&正しい掃除方法 - アメトーク

トイレ&掃除芸人 佐藤満春が教えるオススメ掃除グッズ&正しい掃除方法 - アメトーク

家電のお得情報を探る穴場ウォーカー (1) 美容家電 - ヒルナンデス160506

注目&お得な便利家電を探索する家電ツアー 美容 調理 その他生活用品 - ヒルナンデス

アマゾンバイヤー厳選!必ず流行る商品ベスト10 byヒルナンデス

アマゾンバイヤーが厳選した、必ず流行る便利グッズ ベスト10 - ヒルナンデス

勝手に「オンナの自分番付byロンドンハーツ」! (1)

AAA西島隆弘が女性芸能人を好みの順にランキング!ロンドンハーツ・オンナ番付

フルーツ青汁、楽しく続けられる!リバウンドしないダイエット

ウエストまわり・はみ肉をスッキリ!おいしく続く、リバウンドしないダイエット

神仙桑抹茶ファイバー(お茶村)、美容によく健康になれて、しかも美味しい!

糖質&コレステロールをカット!ビタミン豊富!腸内環境とメタボを改善!美容ドリンク

新MC河北麻友子のカワイイを大公開 (1) - BeauTV~VOCE

河北麻友子のお気に入りな「カワイイ」アイテムを河北麻友子自ら大公開 - BeauTV

河北麻友子になれるメイク術 MAYUKOフェイス 北一騎 (1) - BeauTV~VOCE

河北麻友子になれる「MAYUKOフェイス」メイク術を専属メイクが直伝 - BeauTV

小嶋陽菜のようなふんわり甘顔メイク 岡元美也子 - BeauTV~VOCE

AKB48小嶋陽菜のようなふんわり甘顔メイク リップ2色使い&眉の作り方 - BeauTV

中村アン風 ヘルシーなヌーディメイク 岡元美也子 - BeauTV~VOCE

中村アン風ヘルシーなヌーディメイク 直線的な眉&血色の良いリップメイク - BeauTV

ヘルシーな小悪魔メイク 2016春トレンド 藤原美智子 - BeauTV~VOCE

小悪魔メイク ヘルシーだけど色っぽい2016春トレンドメイク 藤原美智子 - BeauTV

ビタミンCと健康美 美容医療 草野貴子 - BeauTV~VOCE

美容医療のプロが教えるビタミンC。ビタミンCの最新事情と効果的な補給方法

ヒロミのDIY&リフォーム術 タッキーこと滝沢秀明が正式入社 新生 八王子リホーム (1) - 有吉ゼミ

【ヒロミDIY&リフォーム】滝沢秀明が正式入社した八王子リホーム - 有吉ゼミ

ヒロミのDIY&リフォーム術 八王子リホーム 滝沢秀明が緊急参戦 (1) - 有吉ゼミ

【ヒロミDIY&リフォーム】滝沢秀明が入社志願して急成長&大活躍! - 有吉ゼミ

森泉のDIYライフin吉祥寺 (2) - ボンビーガール

【森泉DIY・ソファベッド】大人気&話題沸騰の森泉DIY術の中でも特に注目…

家電・便利グッズ 家電&便利グッズ
(カテゴリトップ)

単身者でも家族でも、若者でも主婦でも、毎日の生活に役立つ 生活家電、調理家電、掃除家電、あると助かる便利グッズ、etc

美容・健康 美容・健康
(カテゴリトップ)

美容・健康・医学、外見から内面まで サプリメント、コスメ・美容液、ダイエット、アンチエイジング、オシャレ、etc

ライフ・サービス ライフ・サービス
(カテゴリトップ)

DIY、リフォーム・リノベーション、ハンドメイド、その他便利で生活を快適にするグッズ、雑貨、サービス、etc

テレビ・芸能 テレビ・芸能
(カテゴリトップ)

情報系からバラエティ、映画にアニメに音楽も テレビ番組、メディア情報、タレント・有名人に関する情報、etc

スポーツ スポーツ
(カテゴリトップ)

国内・海外、球技、レース、etc、スポーツに関するトピックス♪

ネットビジネス・副業 ネットビジネス・副業
(カテゴリトップ)

起業を考える人も副業として取り組む人も 在宅・クラウドワーク、投資・トレード、アフィリエイト、etc

パソコン・モバイル パソコン・モバイル
(カテゴリトップ)

お買い得情報から、役立つ使い方・裏技まで パソコン、タブレット、スマホ・ケータイ、WiMax・モバイルルーター、etc

DENSETSU-MANIA - 家電 美容 グルメ 動画 - 総合情報サイト DENSETSU-MANIA
(サイトトップ)

家電 便利グッズ 美容 健康 ネットビジネスといった情報から、テレビ 芸能 スポーツなどエンタメ系コンテンツまで