Web制作【HTML・CSS・WordPress・Ps・Ai・JS・PHP】

 

 

 

 

こんにちは、しみりょうです。

 

 

 

今回はWeb制作についての雑談です。

 

 

 

 

 

 

 

 

 

 

そもそも、なんでWeb制作やろうかと思ったかというと

 

 

 

 

 

 

しみりょうにとっての

 

✔️Web制作&プログラミングをやる意味

 

・依存先を増やすことができる

・人生に少し飽きた

・引きこもりながら作業できる

・暇つぶしになる

・人生の選択肢が広がる

・場合によっては論理的思考が身に付く

・スモールビジネス

 

 

 

 

将来につながる

 

本当にやりたいと思えば

・副業

・リモートワーク

・フリーランス独立

  

 

・スキルが身につけば、その道で就職も可能

 

・フリーランスエンジニア、フリーランスイラストレーターで生きていくのも可能

・ノマドになるのも可能

 

 

・継続努力が人生の難易度を下げるかもしれない

 

 

 

 

 

 

 

 

PCはMacBookで間違いなし

 

出典:https://www.apple.com

 

 

パソコンは、まず、MacBook Air か MacBook Pro を買うといいと思います。

 

 

初期投資は抑えめえもいいと思いますが

 

 

Web制作、Webデザインに

将来性を感じるなら

 

 

✔️ガッツリ自己投資もあり

・MacBook Pro

・モバイルモニター、デュアルディスプレイ

・板タブレットor液晶タブレット

 

 

その他

・書籍類

・電子書籍

・デスク

・ゲーミングチェア(ゲームしないけど)

・作業環境、仕事部屋

 

MacBook、iPhoneとの相性抜群

 

 

 

 

 

 

 

ネット環境

 

ネット環境は最低限必要です。格安Wi-Fiで十分です。月額4000円〜くらい。

 

出典:UQ mobile UQ WiMAX

 

 

 

 

 

HTML、CSS を学ぶ方法

 

次に、HTML、CSS、を学ぶやり方を紹介します。

 

 

 

✔️やり方

動画や書籍で学んで

その後、実際に作ってみる

 

 

 

✔️ググり方

たとえば

『HTML CSS 入門動画』

『HTML CSS チュートリアル』

 

・・・など

 

 

 

仮にAdobe学びたいなら

『Adobe Ps 入門動画』

『Adobe Ps チュートリアル』

 

・・・など

 

『〇〇 入門動画』

『〇〇 チュートリアル』

で検索しましょう。

 

 

 

 

 

 

 

ドットインストール

 

とりあえず、最初はドットインストール無料版でいいと思います。

 

将来性やワクワクを感じたら、有料版へ進みましょう。

 

出典:https://dotinstall.com

ドットインストールは動画で学べるサイトです。

 

無料版、有料版(月額1000円くらい)、あります。

 

 

 

 

プロゲート

 

プロゲートは月額1000円ほどで学べます。

出典:https://prog-8.com

プロゲートはゲーム感覚で学べるサイトです。有料版です。

 

 

 

 

 

 

Web制作、Webデザインを学ぶオススメ本

 

 

 

 

 

 

 

 

 

VS Code

 

テキストエディタは、マイクロソフト社の「VS Code」でいいと思います。

 

出典:VS Code

  

Visual Studio Code(VS Code)とは

「エディタ」と呼ばれるソフトウェアです。

「エディタ」とは「高機能なメモ帳」のようなものです。

 

エディタには多くの種類がありますが

その中でも現在エンジニアの間で最も多く利用されていると

言われているのが「Visual Studio Code(VS Code)」です。

 

VS Codeは単にエディタというだけではなく

プログラミングやシステム開発に関する

様々な作業を効率的に行える機能が

数多く用意されています。

 

 

 

 

 

HTML・CSS

 

マークアップ言語は世界共通言語です。

 

出典:HTML CSS

 

 

 

 

 

 

 

 

 

WordPress

 

WordPressは、サイトの作成やブログの作成などができるCMS(コンテンツ管理システム)の1つ。

 

Web関連技術が無い人でもサイト管理や記事投稿ができるため、

世界中のサイトのおよそはWordPressで構築されています。

 

全世界で最も使われているCMSです。

出典:WordPress

  

 

 

 

 

出典:php、WordPress

 

 

 

 

 

 

 

 

 

 

 

JavaScript

 

プログラミング言語は世界共通言語です。

出典:JavaScript

JavaScriptは必要に応じてやればいいと思います。

 

 

 

 

 

 

 

 

 

 

 

PHP

 

プログラミング言語は世界共通言語です。

出典:PHP

PHPは必要に応じてやればいいと思います。

 

 

 

 

 

 

 

 

 

 

 

 

Adobeツール

 

コンプリートプラン年額50,000円程です

 

 

 

Adobe Illustrator

 

 

 

 

https://helpx.adobe.com/jp/illustrator/how-to/illustration-techniques.html

 

 

 

 

 

Adobe Photoshop

 

 

 

 

 

https://helpx.adobe.com/jp/photoshop/tutorials.html

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Web制作 仕事受注の流れ

 

出典:インターネット・アカデミー

 

 

 

出典:https://webseisaku.webtame.jp/media/hp-ordering-point/website_production_flow

 

 

 

 

 

 

出典:https://webseisaku.webtame.jp/media/hp-ordering-point/website_production_flow

 

 

 

 

補足

出典の書き方:注意っぽいです。

出典:https://biz.trans-suite.jp/25074

  

 

 

 

 

 

 

Web制作の流れ

 

 

 

 

 

✔️webデザイナーが実際に作るwebサイトの種類

・コーポレートサイト(実務で一番制作頻度が多い

・採用サイト

・サービスページ

・キャンペーンページ

・LP(ランディングページ)(実務で一番制作頻度が多い

・バナー

 

 

 

 

✔️副業・フリーランス向けのサイト

・ランサーズ

・クラウドワークス

 

  

 

 

 

✔️フリーランスやること2つ

・開業届

・クレカ作成

 

 

 

 

 

 

おしまい

しみりょう について

興味があること: 人間関係論 結婚 仕事 内向型向け思考法 内向型向けビジネス 独身向けビシネス 冷え性対策 お酒との付き合い方 アドラー心理学 課題の分離 人生の嘘 哲学 音の治療 リーキーガット 腸活 反応しない練習 マインドフルネス アセンション
カテゴリー: HTML・CSS, Webデザイン, Web制作, WordPress, 未分類, 買ってよかったもの パーマリンク