LogoMark.png

Webデザイン の変更点


#author("2020-04-18T16:41:28+09:00","default:inoue.ko","inoue.ko")
#author("2020-06-02T12:47:56+09:00;2020-04-18T16:41:28+09:00","default:inoue.ko","inoue.ko")
*Webデザイン 
造形短期大学部 2年次|&small(火曜2限 遠隔+デジタルアトリエ2);
造形短期大学部 2年次|&small(火曜2限 遠隔+デジタルアトリエ4);
 
Webの役割、可能性をふまえつつ、実践的なWebサイト構築を行います。
この授業の技術的な前提は以下の2点です。
-誰にでも使えるオープンかつ標準的なテクノロジーの利用を前提とします。
-PC、タブレット、スマホなど複数のデバイスへの対応を考えます。

-[[Webデザイン/2020]]

~


**講義関連記事

-[[WebDesign/Introduction]]
-[[WebDesign/History]]
-[[WebDesign/Basics]]
-[[WebDesign/Color]]
-[[WebDesign/Images]]

-[[WebDesign/Workflow]]
-[[WebDesign/ProblemFinding]]

-[[WebDesign/Links]]

-[[HTML]]
--[[HTML/Tags]]
--[[HTML/Tips]]

-[[CSS]]
--[[CSS/Selector]]
--[[CSS/Flexbox]]
--[[CSS/Position]]
--[[CSS/Animation]]
--[[CSS/Tips]]
--[[CSS/Sample]]

-[[WebFonts]]

-[[SinglePage]]
-[[ResponsiveDesign]]

-[[JavaScript]]
--[[JavaScript/Syntax]] &size(12){基本的な文法};
//--[[JavaScript/Function]] &size(12){小さな関数のコレクション};
--[[JavaScript/DOM]] &size(12){Document Object Modelについて};
--[[JavaScript/Sample]] &size(12){簡単な事例体験};

-[[jQuery]] &size(12){jQuery入門 + bxSlider, LightBoxの導入};

-[[JavaScript/Links]] &size(12){各種ライブラリなどの情報};

-[[CMS]]
--[[WordPress]]
--[[PukiWiki]]
//--[[WordPress/Basics]] &size(12){基本操作について};
//--[[WordPress/Customize]]
//--[[WordPress/Backup]]
//--[[WordPress/Memo]]
//--[[WordPress/Account]] &size(12){WordPress.com でのアカウント取得手順};

-[[SNS]]

-[[Browser]]

-[[FTP]]

-[[RentalServer]]
-[[WebServer]]

-[[SEO]]

~

//***講義概要
//-1 ガイダンス
//Webの基本概念、Webブラウザ、開発に使用するソフトウエアについて
//-2 情報を発信する手段
//ブログ、Wiki、HTML、FLASHなど、様々な情報発信のスタイルについて
//-3 Webページの基礎1 「ページ」
//HTMLの基本的な文法構造と簡単なページの記述について
//-4 Webページの基礎2 「素材」
//文字、画像、音声など、各種データファイルの取り扱いについて
//-5 Webページの基礎3 「リンク」
//文字・画像からページ・アンカー・ファイルへ、様々なリンクの形態について
//-6 Webページの基礎4 「レイアウト」
//CSSによるレイアウトデザインの考え方について
//-7 Webページのアップロード
//画像の配置を含んだindexページ(試作)のアップロードを経験
//-8 Webサイトの構築1 「サイトの構造」
//ユーザ本位の情報のまとめ方について
//-9 Webサイトの構築2 「インターフェイス」
//ナビゲーションとユーザビリティーについて
//-10 Webサイトの構築3 「内容とビジュアルの分離」
//内容をHTML、配色やレイアウトはCSS
//-11 Webサイトの構築4 「CSSによるレイアウトの手法」
//BOXモデルの理解
//floatとpositionの利用
//-12 Webサイトの構築5 「CSSによるナビゲーションのデザイン」
//メニュー、サブメニューの構築
//-13 Webサイトのアップロード
//完成したWebサイト全体のアップロード
//-14 SEO対策
//サーチエンジン最適化について
//-15 総括
//Webサイトの動作確認を行い、相互にサイトを閲覧・評価する
//到達目標 	HTML+CSSによるWeb標準のサイト構築を目標とする   
~

#hr

//////////////////////////////////////////////////////
-http://opensquarejp.wordpress.com/
//////////////////////////////////////////////////////
-http://opensquarejp.hotcom-web.com/wordpress/    [[freeweb>http://www.daiwa-hotcom.com/]]

~
~