webサイトをもっとより良いものに!

こんにちは、テルです

 

 

Webページを一から作るのがめんどくさい

などと思ったことはありませんか?

 

せっかく作ったWebページをだれにも

みられなかったら意味ないですよね 

 

f:id:tyoko521hikaru:20180830071643j:plain

 

 

検索する際、検索される順番を

出来るだけ上位にしたいと思いませんか?

 

HTMLとCSSだけでは機能だったり
性能が心もとないです。
今回、その役立つためのソフトを紹介
したいと思います。

f:id:tyoko521hikaru:20180826153002j:plain


 

 

みなさん「WordPress」をご存知

でしょうか?

 

 

 

Wordpressはブログやホームページを

制作するためのソフトです。また、

HTMLやCSS使わなくてもWebページ

を作ることができます。

 

f:id:tyoko521hikaru:20180825184917p:plain



 

他にWordPressのメリット

  • サイト構築が簡単
  • テンプレートが豊富
  • カスタマイズやテーマの情報が多い
  • カスタマイズが自由自在
  • 管理や引き継ぎが楽

 

 

HTMLやCSSでけでは、何も動かい

ただ表示するだけのWebサイトしか

作ることしか出来ません。

 

 

f:id:tyoko521hikaru:20180702084218p:plain

 

Word Pressを使えば簡単なアニメーション

をつけることができるのデザイン性が

上がります。

 

また

 

アニメーション以外にもHTML等では

つけることができないシステムつ

追加することが可能になります。

 

 

 

さらに

 

HTMLやCSSをある程度理解

していればWebページを自分独自の

カスタマイズすることができます。

 

 

ただ、

WordPressは機能が豊富

なためこのソフト自体の使い

かたを少し勉強が必要です

 

f:id:tyoko521hikaru:20180702083356j:plain

 

Wordpressを使えるように

なれば簡単かつデザイン性

あるWebページが作成が可能

になります。

 

まず

wordpress」をダウンロード

をしてみてください

 

f:id:tyoko521hikaru:20180913033947p:plain

 

PCを使える人は

https://ja.wordpress.org/

から「wordpress」をダウンロード

してみてください。

 

 

f:id:tyoko521hikaru:20180923022243j:plain

 

まず、データをダウンロードします。

 

f:id:tyoko521hikaru:20180923022249j:plain

 

ダウンロードしたデータをサーバファイルにおきます。

 

 

f:id:tyoko521hikaru:20180923022343j:plain

 

ブラウザで「http://localhost/blog/」へアクセスして下さい

 

f:id:tyoko521hikaru:20180923022406j:plain

 

ダウンロードしたらデータベース、

ユーザ名、パスワード、e-mailなどを登録

して使用すことができます

 

f:id:tyoko521hikaru:20180923022426j:plain

 

インストールをします。

 

f:id:tyoko521hikaru:20180923022449j:plain

 

サイトの関する情報を記入します。

 

f:id:tyoko521hikaru:20180923022512j:plain

 

これでインストール終了です。

 

使い方については書籍やネット

に転がっています。 

 

ぜひ、よかったら

勉強してみてください!

 

 

次回もよろしくお願いします

webサイトを公開しよう!

こんにちは、テルです

 

Webサイトを作ったからには

公開しないと意味がありません。

 

f:id:tyoko521hikaru:20180702084218p:plain

 

公開することで不特定多数の人に

見てもらうことができ、自分を表現

できる場の完成です

 

Webサイトを公開しなければ、公開

の仕方を知らないばただのデータと

なってしまいWebを作った意味が

ありません。

 

 

 今回、Webサイトの公開の仕方について

教えたいと思います。

 

Webサイトを公開するには以下のものが

必要です

 

・サーバ

ドメイン

・HTMLとCSSのデータ

 

サーバはHTMLやCSSのデータ等

を置くための部屋のようなものです。

サーバは業者からレンタルして部屋

を借りることができます

 

f:id:tyoko521hikaru:20180823191224p:plain

 

 

ドメインはサーバという部屋の住所

のようなものでこれをたどってユーザ

はWebサイトを観覧します。これも

サーバと一緒で業者を通して取得しよう! 

 

業者を通す場合は年間2~3千円かかり

ます

 

ただ、

レンタルのサーバを用意することがで

きれば検索する際に検索される順番が

上位に検索されやすくなります。

 

f:id:tyoko521hikaru:20180826153002j:plain

 

 

これらを用意すれば、自分を表現

する場所の完成です。

 

まずは、いろんな業者のサーバがあります。

それぞれの利点や欠点を比べてみて

自分に合ったところを探してみましょう!

 

ドメインは「名前.com」などのサイト

から取得しましょう

 

次回もよろしくお願いします。

webページを一変させよう!

こんにちは、テルです。

 

下の画像はどうですか?

殺風景ではありませんか?

 

f:id:tyoko521hikaru:20180807190442p:plain

 

 

Webページにおいて大切な要素

としてデザイン性が大切です。

 

デザイン性がないただの文字の羅列

だけでは人は見向きもしません。

今回、デザインをするための言語

紹介します。

 

HTMLという言語で上はWebページ

は構成しています。HTMLは画像を

貼れても文字の配置や背景色の変更

が出来ません。

 

そこで活躍するのがCSSという

言語です。CSSは文字の配置や

フォントの大きさ背景の色を指定

する言語です。

 

f:id:tyoko521hikaru:20180823175946j:plain

 

 

この言語を使うと殺風景だった

Webページが以下のように!

 

f:id:tyoko521hikaru:20180812044017p:plain

 

殺風景なWeb ページから画像の

ようなWebページ作成するのは

難くなく、数分で変更が

可能です。

 

f:id:tyoko521hikaru:20180702084218p:plain

 

ただ、これはサンプルとして簡単

に作った物なので時間をかければ

もっとおしゃれなWebぺージが

制作が可能になります

 

HTMLとCSS2~3時間勉強

すれば画像のようなWebサイトを

簡単に作れるようになります

 

f:id:tyoko521hikaru:20180622015927p:plain

 

また、

HTMLとCSSだけでお小遣い稼ぎを

している人はなきにはいます。

 

自分のだけのWebサイトを

作ってい見たいかたは是非

勉強してみてください!

 

HTMLと同様にCSSもさほど難しく

ありません、ネットで調べるなり

「progate」などのサイトを使い

実践的に勉強してみてください

 

次回もよろしくお願いします。

 

簡単なWebページなら30分もかからずに出来る!

こんにちは、テルです。

 

webページをどうやって制作するの?

と思ったことはありませんか

 

f:id:tyoko521hikaru:20180713070651j:plain

 

今回、Webページを作る上で

欠かせない言語です。最低限この

言語さえ覚えさえすればWebページ

をつくことはできます

 

Webページを作る上で今回教える言語

を知れなければ何もできません

 

 f:id:tyoko521hikaru:20180830071643j:plain

 

 

 

また 

webページ制作は難しのではないか、

大量にプログラミングを覚えないと

いけないのではないか。

 

そんなことはないです!

 

f:id:tyoko521hikaru:20180823174951p:plain

 

 

 

 

 

 

最も簡単で基礎的なWebページで

あれば30分かからずに制作すること

ができます。

 

そのためには、HTMLといった言語が

必要です。HTMLはWeb制作において

最も基本的な言語でほとんどのwebページ

で使われています

 

f:id:tyoko521hikaru:20180823174055j:plain

 

HTMLにはタグといったものがあります。

これを使って画面に表示させますが。

この使えるタグは50個もないです。

 

中学英単語を覚えるよりは簡単です。

 

では、

パソコンを持っているかたは試した

みてください

 

以下のコードをコピーしてWindouw

sなら「メモ帳」、Macなら

テキストエディタ」に

貼り付けてください

 


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>練習</title>
</head>
<body style="text-align : center">
<h1>初めてのWeb制作</h1>
<p>初めに</p>
<p>HTML</p>
<p>CSS</p>
</body>
</html>


 

「名前を付けて保存」でファイル名

を「index.html」に書き換え、保存

したファイルをもう一度開くと

以下のようになります。

 

 f:id:tyoko521hikaru:20180807190442p:plain

 

ぜひ、試してみてください!

 

また

 

HTMLはネットに情報がいろいろ

乗っています。 1~2時間程度

ですぐ使いこなすことができる

と思います。

 

次回も、よろしくお願いします。

 

自分ホームページを作ろう!

こんにちはテルです。

 

ホームページWebページ

がどのように作られているか

知ってるいますか?

 

f:id:tyoko521hikaru:20180622015927p:plain

 

WebページはHTML、CSS 

JavaScript ,PHP,Robyなど言った

言語やプログラミングで作られて

いる事がほとんどです。

 

これらを、全てマスターすれば

いろんな事ができます。

 

 

 

ただ

すべてを勉強するしなくても

HTMLとCSSさえできればweb

ページを簡単に作れます

 

 

f:id:tyoko521hikaru:20180702084218p:plain

 

 

HTMLとCSSとデザインのスキル

綺麗なWebページを作ることが

でき、お小遣いを稼ぐ事も可能です

 

この二つの言語は1週間である程度

使いこなす事ができます。そのため

やる気次第自分だけのWeb

ページが簡単に手に入ります。

 

f:id:tyoko521hikaru:20180713073407p:plain

 

 

正直、アプリを使えばホームページは

簡単に作れたします。ただ、見た目が

他にの人と似てしまいます

 

だったら、他の人違う

自分だけのホームページを

自分で作り出しましょう!

 

f:id:tyoko521hikaru:20180713073551p:plain

 

 

次回、ホームページの作り方を

具体的に紹介したいと思います

 

次回もよろしくお願いします。

 

 

自分に合ったパソコンを!主記憶編

こんにちは、テルです。

 

パソコンの主記憶を決めよう!

 

 f:id:tyoko521hikaru:20180702090541j:plain

 

パソコンにはデータを記憶する

場所があります。それを主記憶

と言います。

 

f:id:tyoko521hikaru:20180713072819j:plain

 

 

主記憶の種類としてSSDHDD

あります。容量が多くても使わない

のであれば意味がないです

必要な容量を選びましょう!

 

 

 

SSDの特徴

読み込むスピードが早い

容量が少ない(250GB〜500GB)

高価格

 

HDDの特徴

容量が大きい(500GB〜1TB)

低価格

衝撃に弱い

 

128GB程度の場合

WordやExcelのデータや写真、

音楽ファイルを保存する場合

 

256GBや512GB程度の場合

ホームビデオなどの動画を保存する場合

 

1TBの場合

私生活では基本必要ないような

容量

 

f:id:tyoko521hikaru:20180713071158j:plain


 

 

参考に主記憶を決めましょう!

 

次回もよろしくお願いします。

 

 

 

自分に合ったパソコンを!メモリ編

こんにちは、テルです

 

パソコンのなかのメモリ

どういった役割をしているか

ご存知ですか?

 

 

f:id:tyoko521hikaru:20180702090541j:plain

 

メモリは作業机のような物で

パソコンのデータの

処理速度やPC操作の体感速度

を大きく変化させるパーツです。

 

f:id:tyoko521hikaru:20180713071942j:plain

 

 

メモリの大きさが足りない

パソコンの動きがカクカクしたり

動きが止まってしまうことがあります。

 

 

 

ただ、メモリの容量を大きくしても

宝の持ち腐れなのと、大きく

費用が上がってしまいます

 

 

f:id:tyoko521hikaru:20180713072441j:plain

 

そのため自分の使用目的に

あったメモリ

を買いましょう!

 

 

 

4GBの場合

インターネットやビジネス用途や

Word,Excel、簡単な画像・動画編集

などをを

する場合

 

8GBの場合

本格的な動画・画像編集やパソコンで

イラストを描く場合

 

16GBの場合

 オンラインゲームやVRなどプロの

ような動画編集や高性能なソフトを

同時併用する場合

 

f:id:tyoko521hikaru:20180713071158j:plain

 

参考にメモリを決めてください!

 

次回もよろしくお願いします。