シーモスの通信講座TOP > HTML+CSSコーディングとPHPプログラミングによるWEBデザイン講座



講座形式:
通信講座
使用ソフト:
テキストエディター
講座運営:
㈱シーモスデザイン
| 講座 | HTML+CSSコーディングとPHPプログラミングによるWEBデザイン講座 |
|---|---|
| 受講料 | 95000円 |
| 学習方法 | 冊子テキストを見ながら、テキストエディタを使用してウェブサイトをHTML言語でコーディングし、提出課題の添削と復習 |
| 学習期間のめやす | 10週間 |
| 添削・質問システム | 課題全問を講師がチェック、質問は随時可能 |
| 対象者 | パソコンの基本操作ができる方 |
| 特徴 | 未経験の方がスムーズにHTML言語を用いてウェブサイトをコーディングにより構築する技術を習得できる |
WEBデザイン講座で学ぶのはHTMLなので、この先もずっと変わることがありません。
PCの性能もかわりスマートフォンやタブレットなどが進化し、特定のソフトや環境に依存したサイト制作やSEO対策ではないので環境変化に対応できなくなる心配がありません。
試して、確認して、変更して、を繰り返しながら自然と身に着けていきます。細かな調整やSEO対策の考え方など実践的なテクニックも重視して解説しています。
HTMLとCSSはWEBページのデザインを構築しますが、PHPでさらにページ遷移やユーザー側の入力データの処理なども行います。
PHPによる問い合わせフォームを作る中で、ユーザー側からの入力値を適切に処理したり、改ざんを防止する機能などについて学習します。セキュリティ事故を防止することは重要な項目です。
ホームページを構成するHTML言語による根本的な制作を学習するための講座です。
前提知識は一切不要で文系や初心者の方でも安心して始められます。
HTM+CSSLコーディングとPHPプログラミングによるWEBデザイン通信講座
【受講対象者】
・ウェブデザインの未経験者、入門者
【通信講座の内容】
(教材一括発送)学習用データ(USBメモリ)、テキスト10冊、通信添削、【質問回数無制限】
受講料¥95,000(受講期限:9カ月)
受講申し込みの流れはこちら
【おもな学習項目】
・HTML基礎
・headerの記述
・HTML5に準拠した記述
・スタイルシートの適用
・CSS3に準拠した記述
・classの適用
・HTMLを使ったテクニック
・グラフィックデザイン
・幅、寄せ
・見出し、段落
・文字情報
・他のWEBサイトの解析とフィードバック
・tableタグ
・メールソフトの起動
・内部リンク、外部リンク
・キャッチコピー、キーワード、配色
・SEO対策
・ウェブサイトを細かく調整し最適化する
・多様かつ変遷するデバイスへの対応方法
・最適な画像サイズや解像度を決める
・レスポンシブWEBデザインサイトの構築
・PCとスマホ、デバイスごとにサイトの表示を切り替える
・アコーディオン型メニューバーの制作
・検索エンジンへのインデックス
・暗号化通信
・実際にウェブサイトを公開するには
・PHPを学習する環境を構築する
・XAMPPの利用、設定ファイルの書き換え
・PHPの文法、HTMLとの違い
・PHPのファイル形式、文法上の決まり
・コーディングとは?プログラミングとは?
・ブラウザでPHPのプログラムを動作させる
・表示部を記述したファイル、動作を記述したファイル
・ファイル間のデータの受け渡し方法
・問い合わせフォームを製作する
・一般ユーザーに依存する入力部の安全性を担保する方法
・入力チェック
・フォームからメールを送信する
【講座の特徴】
●HTML言語を使ったサイト制作とCSSによるデザインを入門者が基礎から学べます。
※特殊な専門ソフトは一切使用しません。
●ネットショップ等の編集にも必須のHTMLの知識が身につきます。
●PHPをご自宅のパソコンで動作させる環境構築とお問い合わせフォームの製作を実習します。
●こまかな見た目の調整や、パソコン以外のデバイスでの表示の両立をさせたデザインを習得します。
●セキュリティやSEO対策など実践的なテクニックも考えながら、同時に習得します。
静岡市・カラーアトリエ Heartily・Yさん
①勉強を始めたきっかけ
夢だったカラーアトリエをopenさせるための第一歩として、IT時代に、ホームページが必要だと感じました。
大切な夢だったので、出来ればホームページを自分の手で作りたいと思いました。しかしながら全くの初心者。
本屋さんでホームページ作成関連の本を見ても???
しっかりと基礎から学ぶ必要があると感じ、ホームページ作成をサポートしてくれる講座を探す事にしました。
②スクールを選んだ理由
まず、通信講座を第一に考えました。
前ですが、業務上の必要性からパソコンスクールに通いました。
時間制限がある事、自分が求めていたレベルまでの事を教えてもらえなかった経験がありました。
一方、別の分野で通信講座を学んだ時に、自分のペースでゆっくり学べる事、添削も解りやすかったというプラスの印象がありました。
初心者でもホームページを作成できるような通信講座・・・
色々とネット検索をして、4スクール程資料を取り寄せてみました。
こちらのスクールに決めたのは、資料を見た時のインスピレーション。講座でどんな事を学べるのかが分かり、
最終的に初心者でもホームページ作成が出来る気がしました。
③学習中
通信講座&こちらのスクールにして大正解でした!
テキストは全くの初心者である私にも分かりやすかったです。
第二回目にして・・・私のPC環境の問題で、テキスト通りに進めずに困ってしまった事がありました。
直接お電話いただき、PCの問題にも関わらず解決方法を一緒に探してくれました。
提出課題の添削だけではなく、添削課題のレベルごとに関連したアドバイスもプラスして記載がありました。
分かりやすく、一歩一歩進んでいる事が実感出来たような気がしました。
教材にsetされていたDVDにも助けられました。
画面が上手く表示されない時にDVDと自分のソース表示を見比べてみると、一文字違っていた事がありました。
正確さの重要性も学ぶ事が出来ました。
④学習後の感想・目標
一言「楽しかった」です。
全くの初心者&未知の分野だったため、どうなる事かと思いましたが、テキストに沿って最終課題のホームページが画面に現れた時は嬉しかったです。
実際に、自分のホームページ作成では、イメージしたものを形にする事がなかなか大変でした。
ホームページの基本のレイアウトだけはネット上のCSSを参考にし、後はテキストを振り返りながら、試行錯誤
・・・初心者でもホームページが出来上がりました。本当に出来た事が驚きです(笑)
myホームページにも関わらず、アドバイスを頂けた事も感謝です。
目標というより課題は「SEO対策」。一筋縄ではいきません。
せっかく出来たホームページなので、SEO対策を何とかしたい!と思っているところです。
windowsのパソコンにアクセサリとして付属している「メモ帳」が起動も早くとても便利です。
一般に有名なのはADOBE・DREAMWEAVERがコーディングソフトとして有名です。エラーがあった場合表示され、またソースコードとビジュアルが一度に確認できます。
HTMLだけでなくPHPなど他の言語でも役立ちますし高性能です。しかし有料で高価なソフトです。ちょっとしたサイトを運営する程度でしたら不要です。
おすすめの高性能テキストエディタというと、eclipse(https://www.eclipse.org/)です。
こちらはフリーソフトですが、エラー表示(デバッグ機能)などまで対応していてdreamweaverの代替として十分使えるフリーソフトです。
ソフト全般に言えることですが、高性能なソフトが誰でも使いやすいというわけではなく、ケースバイケースです。最初はとりかかり易いものから初めて、
不便を感じたら必要なものを増やしていく、そして場面に応じて使い分けることができると作業効率が上がります。