Private Fantastic [初めてのwebサイト作成]

★初心者向けに図解入りでわかりやすく説明していきます。
★出来るだけお金をかけずにスキルアップできます。
★パソコンとインターネット環境さえあれば、すぐにでも始められます。

私は、今年3月~ブログを書き始め、独学でも何とかやってこれましたが、時間がないと結構難しかったりします。
まだ駆け出しで恐縮ですが、情報は新しいうちに発信した方が良いかと思い実体験をもとに解説していきます。
少しでもお役に立てれば光栄です。
ソフトウェアやインターネット情報も日々進化していきます。
HTML(ハイパーテキストマークアップランゲージ)も、XHTML→HTML5→最近では
AMPページなるもの、も出現しております。ご一緒にスキルアップしてみませんか?


🌹webサイトの仕組み🌹

ネットワーク

1 ウサギさんがローカル環境でHTMLとCSS等コーディングの作業

①このコンテンツ内容が一番肝心かなめ!時間をかけてしっかりやりたいところです。

②なのでまだ、レンタルサーバーと契約しなくてもいいです。(サーバーからwordpressを無料ダウンロードしたい方は別ですが)

2 FTPソフトを使って、ファイルをレンタルサーバーへアップロード

3 インターネットでパソコンやスマホやタブレットで閲覧できるようになります。

🌹準備するもの🌹

1 パソコン

画像や動画(データ量が大きい)の埋め込み等をすることを考えると、まぁまぁのスペックがあった方がいいです。ちなみ私はこれぐらいでストレスなくローカルで動きます。

メーカーや家電量販店の保証も数年で切れてしまいますので、私が大事だと思うことは、CPU(中央演算処理装置)とRAM(主記憶装置)です。

CPUには、各装置に命令を出す「制御」と、プログラムの実行や計算をする「演算」の機能がまとめて組み込まれています。

近年では、64ビットを一度に処理できるものが主流で、ビット数が大きいものほど性能が良いCPUです!

同じCPUでも「クロック周波数」によって処理能力が異なります。GHz(ギガヘルツ)という単位で表し、1秒間に送られる信号の回数が多いほど処理速度が速いと言えます。

インテル製ならばCorei3~i9(2019年8月14日現在)とありますが、数字が大きいほど性能が良いです。

CPUが処理するデータは、メモリのRAM(主記憶装置)を介してやり取りされます。

GB(ギガバイト)という単位で表し、容量が大きいほどCPUの効果は向上します。


【Officeセット・SSD搭載】HP 15-db0000 Windows10 Home 64bit AMD A4-9125 デュアルコアAPU 4GB SSD 256GB DVDライター 高速無線LANac Bluetooth HDMI USB3.1 webカメラ デュアルスピーカー SDカードスロット 10キー付日本語キーボード Radeon R3グラフィックス搭載 15.6型フルHD液晶ノートパソコン (メモリ4GB・Officeセット)

2 エディタ

色々あるのでご自分が使いやすいもの

HTMLのファイルを作るためには、コードを書くだけならメモ帳でも書けますが、エディタというコードを書く編集ソフトがあった方がいいでです。

ホームページビルダー等の有料のものから、レンタルサーバーから無料でダウンロードして使えるWordpress

Google Chrome 用のアプリ「Caret」を使う方法。 Googleの無料Web制作ソフトを使う方法等

HTML をさわる方法は本当にたくさんあります。

なのでまず、自分の使いやすいエディタを選ばなければ始まりません。(表計算リストを作るのにExcel等のソフトウェアがないとはかどりませんものね!)

私の場合、ホームページビルダーは値段が高いし、wordpressは頻繁に更新があったので、その都度ソフトウェアの設定とか、レンタルサーバーでの設定が必要になりました。

ソフトウェアの使い方もマスターしなければならないので、考える事が増えてしまいます。そして一度も使っていない。

HTMLを習得してオリジナルのテンプレートを作ってしまえば、後は文字や画像を入れたり、CSSで装飾の編集をするだけなのでいいと思います。

それとwordpressは、レンタルサーバー上で記事を書かなくてはいけませんのでローカルで作業できない。(仮想サーバーを設置する手法もありますが、ダウンロードやインストールの手間がかかりますし、出来るだけ自分のパソコンにインストールしたくないと思ったので…)

私は、今風の多機能ではない、シンプルに使い慣れている「サクラエディタ」を使っています。

3年前にインストールしてから何の不具合もなく使えています。自分が入力したコードが正しければですが(笑)

お手元にエディタがない場合は、ご自分のパソコンOSや環境に応じてお好みのフリーソフト(無料)のエディタを使うと良いと思います。



ウイルスバスター クラウド (最新版) | 3年 3台版 | パッケージ版|Win/Mac/iOS/Android対応

3 インターネット環境

パソコンと同じく、まぁまぁのスペックと大事なことはセキュリティ対策です。

ちなみに私は、Wifiなので通信速度不安定な時があるので、接続しない(スタンドアロン状態)で作業します。コントロールパネルから設定できます。

 ①パソコン動作が重くならない
 ②ウィルスの心配がない  ③集中できる

4 パソコンにプリインストールされているメモ帳など

cssファイルをメモ帳で書いていきます。

5 表示させたい画像ファイル

拡張子が .jpg(写真など).png(図など).gif(アイコンなど)用途に合わせて使い分けるといいかと思います。(データ容量も違います。)

6 イメージづくり

見た目のデザインやコンテンツ内容(人それぞれお好みで!)

See you again Take care (^.^/)))~~~bye!!


TOP
ホームページに戻る