キーワード webデザイン が含まれる動画 : 193 件中 1 - 32 件目
種類:
- タグ
- キーワード
対象:
舞台『東京リベンジャーズ』~血のハロウィン編~ 本編
2017年、26歳のダメフリーターとして人生どん底の生活を送っていた花垣武道が、ある日ニュースで中学時代の人生唯一の彼女だった橘 日向が弟の直人とともに悪党連合“東京卍會(東卍)”の抗争に巻き込まれ死亡したことを知る。翌日、バイト帰りの武道は電車のホームから何者かに突き飛ばされ転落してしまう。死を覚悟した武道であったが、目を開くと人生の絶頂期だった12年前の2005年にタイムリープし、中学生に戻っていた。恋人を救うため、逃げ続けてきた自分の人生へのリベンジを開始する!
花垣武道:木津つばさ/松野千冬:植田圭輔/場地圭介:上田堪大/羽宮一虎:赤澤 燈/橘 日向:花瀬琴音/橘 直人:野口 準/千堂 敦:中尾暢樹/三ツ谷 隆:相澤莉多/林田春樹:中島大地/長内信高:新田健太/半間修二:菊池修司/稀咲鉄太:結城伽寿也/龍宮寺 堅:陳内 将/佐野万次郎:松田 凌/山本タクヤ:瑞野史人/鈴木マコト:松山拳也/山岸一司:石黒鉄ニ/アンサンブル:白崎誠也、小笠原竜哉、榮 桃太郎、村上歩夢、藤原悠亮、南舘優雄斗、山田貴之
原作:和久井健『東京卍リベンジャーズ』(講談社「週刊少年マガジン」連載)/脚本・演出:伊勢直弘/美術:乘峯雅寛/技術監督:寅川英司/舞台監督:櫻井健太郎/照明:大波多秀起(デイライト)/音響効果:天野高志(RESON)/衣裳:雲出三緒/ヘアメイク:木村美和子(dot)/小道具:平野雅史/アクション:新田健太(Japan Action Enterprise)/演出助手:たはらひろや/演出部:長谷川ちえ、高橋京子、多和田仁、矢島健/宣伝美術:羽尾万里子(Mujina:art)/宣伝写真:金山フヒト/Webデザイン:EAST END CREATIVE/ロゴデザイン:hive & co., ltd/制作:Office ENDLESS/プロデューサー:下浦貴敬/主催:舞台「東京リベンジャーズ」製作委員会
©和久井健・講談社/舞台「東京リベンジャーズ」製作委員会
舞台「幽☆遊☆白書」 本編
ある日、事故に遭って死んでしまった不良学生・浦飯幽助。幽霊となり、霊界案内人のぼたんに導かれ、幽助は、エンマ大王の息子コエンマから生き返るための試練を与えられる。試練を乗り越え、晴れて生き返ることができた幽助は、ぼたんとともに妖怪が人間界で起こす悪事を取り締まる霊界探偵として働くことになる。コエンマから与えられた指令は、霊界大秘蔵館から盗まれた闇の三大秘宝「降魔の剣」「暗黒鏡」「餓鬼玉」を取り返すこと。秘宝を盗んだのは、霊界犯罪人ブラックリストに名を連ねる妖怪盗賊の蔵馬、飛影、剛鬼だった。
浦飯幽助:崎山つばさ/桑原和真:郷本直也/蔵馬:鈴木拡樹/飛影:橋本祥平/雪村螢子:未来/浦飯温子:角島美緒/ぼたん:平田裕香/剛鬼:新田健太/幻海:エリザベス・マリー/コエンマ:荒木宏文/アンサンブル:秋山皓郎、安藤勇雅、片伯部浩正、坂井良平、田﨑直輝、田邊 謙、名幸哲之介、戸舘大河、野村新成、星 直実、南井雄斗、村井雅和、山田貴斗
原作:冨樫義博「幽☆遊☆白書」(集英社「ジャンプコミックス」刊)/脚本・演出:御笠ノ忠次/主題歌:馬渡松子「微笑みの爆弾」/舞台美術:乘峯雅寛/美術助手:島根慈子/技術監督:寅川英司/舞台監督:渡部景介/演出部:長谷川ちえ、岸 京子、土居良彦、藤間浩也/照明:大波多秀起(デイライト)/音響:前田規寛(ロア)、塚原康裕(アコルト)/映像:藤田陽平、横山 翼(オーベロン)、斉川 翼/衣裳:小原敏博/衣裳アシスタント:小林由香/衣裳進行:tocko、高倉梨奈/ヘアメイク:木村美和子(raftel)、車谷 結(raftel)、MUU/アクション:六本木康弘/アクション補佐:新田健太/ステージング:エリザベス・マリー、六本木康弘/フライング:岩上弘数 (B.O.S Action Unity)/舞台音楽:Yu(vague)/演出助手:木下マカイ/大道具:ステージファクトリー、オサフネ製作所/小道具:小山内ひかり/宣伝美術:羽尾万里子(Mujina:art)/宣伝写真:金山フヒト、渡部俊介/Webデザイン:EAST END CREATIVE/制作:Office ENDLESS
©舞台「幽☆遊☆白書」製作委員会©YoshihiroTogashi1990年-1994年
東方永糸鉄 3日目午後編
アリスさんの永遠亭生活のリメイク3日目午後編です。
大変長らくの投稿となりました。
尺の関係で3日目の夜は4日目に含めようと思っています。
無事エタラズによかった。。。
●新立ち絵
そこのY様
一目堂本舗様
●素材
無料素材・WEBデザイン フリー素材屋Hoshinoより1枚お借りしています
BGMはまたしても漂泊のリージョン様からお借りしています
3日目朝編 sm23123704
3日目夜編 sm23975893
mylist/32460933
雨にして人を外れ #002 【English subtitles】
【あらすじ】
ミステリアスな先輩。
世間を賑わす殺人事件。
そして足元を泳ぐ巨大な魚影……
そのすべてがひとつに繋がっていて、輪のように僕を取り囲んでいたら。
僕はどうすればいいのだろう?
【この動画について】
この動画は、Twitch配信の分割投稿です。
他にも様々なゲームをプレイしているので、興味があればそちらもご覧ください。
Twitch(ゲーム配信・撮影)
https://twitch.tv/komamire
【この動画について】
この動画は、 Steam用ソフト『雨にして人を外れ』を元に作成されております。
【主人公について】
私です。可能な限り努力は致しますが、演技力も学力もないので言い間違いや読み間違いが多発します。
温かい目で見守りながらご視聴ください。
【English subtitles】
Due to personal names and coined words, the accuracy of subtitles is not high. Also, please understand that there is a delay in the display.
【スタッフ】
シナリオ:つばきち
キャラクターデザイン・原画:家兎 みるく
音楽:相生あおは
動画:葦内あぽだ はゆ
ロゴ・UI・WEBデザイン:くろあんず
スクリプト:鳥月野郎 くろあんず
ディレクター:ピルム ランプ
制作:D10RAMA
【作品公式サイト】
https://d10rama.com/amehazu/
【ネタバレについて】
製品版をプレイするので、ゲームシナリオの核心部分に関わる部分があります。まだプレイしていない方はご注意の上、ご視聴ください。
雨にして人を外れ #004【English subtitles】
【あらすじ】
ミステリアスな先輩。
世間を賑わす殺人事件。
そして足元を泳ぐ巨大な魚影……
そのすべてがひとつに繋がっていて、輪のように僕を取り囲んでいたら。
僕はどうすればいいのだろう?
【この動画について】
この動画は、Twitch配信の分割投稿です。
他にも様々なゲームをプレイしているので、興味があればそちらもご覧ください。
Twitch(ゲーム配信・撮影)
https://twitch.tv/komamire
【この動画について】
この動画は、 Steam用ソフト『雨にして人を外れ』を元に作成されております。
【主人公について】
私です。可能な限り努力は致しますが、演技力も学力もないので言い間違いや読み間違いが多発します。
温かい目で見守りながらご視聴ください。
【English subtitles】
Due to personal names and coined words, the accuracy of subtitles is not high. Also, please understand that there is a delay in the display.
【スタッフ】
シナリオ:つばきち
キャラクターデザイン・原画:家兎 みるく
音楽:相生あおは
動画:葦内あぽだ はゆ
ロゴ・UI・WEBデザイン:くろあんず
スクリプト:鳥月野郎 くろあんず
ディレクター:ピルム ランプ
制作:D10RAMA
【作品公式サイト】
https://d10rama.com/amehazu/
【ネタバレについて】
製品版をプレイするので、ゲームシナリオの核心部分に関わる部分があります。まだプレイしていない方はご注意の上、ご視聴ください。
雨にして人を外れ #001 【English subtitles】
【あらすじ】
ミステリアスな先輩。
世間を賑わす殺人事件。
そして足元を泳ぐ巨大な魚影……
そのすべてがひとつに繋がっていて、輪のように僕を取り囲んでいたら。
僕はどうすればいいのだろう?
【この動画について】
この動画は、Twitch配信の分割投稿です。
他にも様々なゲームをプレイしているので、興味があればそちらもご覧ください。
Twitch(ゲーム配信・撮影)
https://twitch.tv/komamire
【この動画について】
この動画は、 Steam用ソフト『雨にして人を外れ』を元に作成されております。
【主人公について】
私です。可能な限り努力は致しますが、演技力も学力もないので言い間違いや読み間違いが多発します。
温かい目で見守りながらご視聴ください。
【English subtitles】
Due to personal names and coined words, the accuracy of subtitles is not high. Also, please understand that there is a delay in the display.
【スタッフ】
シナリオ:つばきち
キャラクターデザイン・原画:家兎 みるく
音楽:相生あおは
動画:葦内あぽだ はゆ
ロゴ・UI・WEBデザイン:くろあんず
スクリプト:鳥月野郎 くろあんず
ディレクター:ピルム ランプ
制作:D10RAMA
【作品公式サイト】
https://d10rama.com/amehazu/
【ネタバレについて】
製品版をプレイするので、ゲームシナリオの核心部分に関わる部分があります。まだプレイしていない方はご注意の上、ご視聴ください。
雨にして人を外れ #006 (終)【English subtitles】
【あらすじ】
ミステリアスな先輩。
世間を賑わす殺人事件。
そして足元を泳ぐ巨大な魚影……
そのすべてがひとつに繋がっていて、輪のように僕を取り囲んでいたら。
僕はどうすればいいのだろう?
【この動画について】
この動画は、Twitch配信の分割投稿です。
他にも様々なゲームをプレイしているので、興味があればそちらもご覧ください。
Twitch(ゲーム配信・撮影)
https://twitch.tv/komamire
【この動画について】
この動画は、 Steam用ソフト『雨にして人を外れ』を元に作成されております。
【主人公について】
私です。可能な限り努力は致しますが、演技力も学力もないので言い間違いや読み間違いが多発します。
温かい目で見守りながらご視聴ください。
【English subtitles】
Due to personal names and coined words, the accuracy of subtitles is not high. Also, please understand that there is a delay in the display.
【スタッフ】
シナリオ:つばきち
キャラクターデザイン・原画:家兎 みるく
音楽:相生あおは
動画:葦内あぽだ はゆ
ロゴ・UI・WEBデザイン:くろあんず
スクリプト:鳥月野郎 くろあんず
ディレクター:ピルム ランプ
制作:D10RAMA
【作品公式サイト】
https://d10rama.com/amehazu/
【ネタバレについて】
製品版をプレイするので、ゲームシナリオの核心部分に関わる部分があります。まだプレイしていない方はご注意の上、ご視聴ください。
有料会員限定放送:第4回『SM調教はビジネスに使えるか ー 顧客教育 & 美女のサイトの商品ページを診断』美女登場の後半戦2015年6月28日放送
第4回生放送の<有料会員限定>放送分です。前半のSM調教的・顧客教育の解説の後は、純子さんのWEBショップのページにアドバイス。ショップ改善の極意は「TTP」!なにがなくても「TTP」!実践的で効果的な(人には言えない)方法論をご紹介します。その他、WEBデザイン等の外部事業者との付き合い方についても指南。今月も美女とメガネ(かなり真面目モード)をご賞味ください。
東方永糸鉄 4日目朝編1
アリスさんの永遠亭生活のリメイク4日目朝編1です。
拘れば限が無いので程々で妥協したつもりですがしすぎて
かなり短い尺になってしまいました
●新立ち絵
kaoru様
Croんte様
●素材
無料素材・WEBデザイン フリー素材屋Hoshinoより1枚お借りしています
BGMはまたしても漂泊のリージョン様からお借りしています
3日目夜編 sm23975893
4日目朝編2 sm24865210
Aルート:mylist/45039542
Bルート:mylist/45039570
mylist/32460933
UCHIDA-TV vol.318 2万回のA/Bテストからわかった 支持されるWebデザイン
2万回という大量の実例から厳選されたA/Bテストの実例をもとに、どのようなUIデザインが支持されるのかを著者の鬼石さんより解説していただきますA/Bテストの結果により導き出された、理論だけではないユーザーから本当に支持されるデザインがわかります
アキバ系情報局II 第03回
2005年アキバ系BBチャンネルでストリーミング放送されていたアキバ系情報局IIの第03回。パーソナリティは南見ちはるさんと蓮香さん。今回のゲストはビタミンの大和さん、5撃Q7日発売の『もっといじってプリンセス』の紹介です。 綺麗なお姉さんのリアルなネタにパーソナリティーの二人もタジタジ!?このお姉さんは広報をやりながら、背景やWebデザインもこなすのだ!! 第02回:sm3145885
雨にして人を外れ #003 「死んでも嫌です」【English subtitles】
【あらすじ】
ミステリアスな先輩。
世間を賑わす殺人事件。
そして足元を泳ぐ巨大な魚影……
そのすべてがひとつに繋がっていて、輪のように僕を取り囲んでいたら。
僕はどうすればいいのだろう?
【この動画について】
この動画は、Twitch配信の分割投稿です。
他にも様々なゲームをプレイしているので、興味があればそちらもご覧ください。
Twitch(ゲーム配信・撮影)
https://twitch.tv/komamire
【この動画について】
この動画は、 Steam用ソフト『雨にして人を外れ』を元に作成されております。
【主人公について】
私です。可能な限り努力は致しますが、演技力も学力もないので言い間違いや読み間違いが多発します。
温かい目で見守りながらご視聴ください。
【English subtitles】
Due to personal names and coined words, the accuracy of subtitles is not high. Also, please understand that there is a delay in the display.
【スタッフ】
シナリオ:つばきち
キャラクターデザイン・原画:家兎 みるく
音楽:相生あおは
動画:葦内あぽだ はゆ
ロゴ・UI・WEBデザイン:くろあんず
スクリプト:鳥月野郎 くろあんず
ディレクター:ピルム ランプ
制作:D10RAMA
【作品公式サイト】
https://d10rama.com/amehazu/
【ネタバレについて】
製品版をプレイするので、ゲームシナリオの核心部分に関わる部分があります。まだプレイしていない方はご注意の上、ご視聴ください。
雨にして人を外れ #005 「それでも生きていきます」【English subtitles】
【あらすじ】
ミステリアスな先輩。
世間を賑わす殺人事件。
そして足元を泳ぐ巨大な魚影……
そのすべてがひとつに繋がっていて、輪のように僕を取り囲んでいたら。
僕はどうすればいいのだろう?
【この動画について】
この動画は、Twitch配信の分割投稿です。
他にも様々なゲームをプレイしているので、興味があればそちらもご覧ください。
Twitch(ゲーム配信・撮影)
https://twitch.tv/komamire
【この動画について】
この動画は、 Steam用ソフト『雨にして人を外れ』を元に作成されております。
【主人公について】
私です。可能な限り努力は致しますが、演技力も学力もないので言い間違いや読み間違いが多発します。
温かい目で見守りながらご視聴ください。
【English subtitles】
Due to personal names and coined words, the accuracy of subtitles is not high. Also, please understand that there is a delay in the display.
【スタッフ】
シナリオ:つばきち
キャラクターデザイン・原画:家兎 みるく
音楽:相生あおは
動画:葦内あぽだ はゆ
ロゴ・UI・WEBデザイン:くろあんず
スクリプト:鳥月野郎 くろあんず
ディレクター:ピルム ランプ
制作:D10RAMA
【作品公式サイト】
https://d10rama.com/amehazu/
【ネタバレについて】
製品版をプレイするので、ゲームシナリオの核心部分に関わる部分があります。まだプレイしていない方はご注意の上、ご視聴ください。
CSS基礎 vol3 第2章 CSSの環境設定
講座紹介ページ
http://dougaku.tv/contents/IT_4812/c_index.html
HTMLは文書作成に特化していますが、CSSはデザインレイアウトの構成をします。ホームページやショッピングサイトのデザインレイアウトを設定するのもCSSです。CSSを利用すると、メディアによってデザインレイアウトを変更することも可能になります。「誰でもわかる CSS基礎」講座では、CSSの基本を習得することができます。CSSを読めるようになり、HTMLとCSSの関連性が理解できるようになります。そして、レイアウトや動的なボタン作成の知識を得られるようにもなります。
講師■IT研究所 荒川栄一郎
------------------
本教材に関する問い合わせ:アテイン株式会社 Tel.03-3255-4721
Dreamweaver MXの使い方講座(ドリームウィーバーMX講座2004年制作全3巻) 下巻 1/7 1章 フォームの作成【動学.tvオンラインスクール】
アテイン(株)で過去に販売したDVD教材
「誰でもわかるDreamweaver MX」を全てご覧いただけます。
ここでは下巻 1章 「フォームの作成」をご覧いただけます。
この講座ではリッチコンテンツとアプリケーション開発ツール
「Dreamweaver MX」の基本的な操作や基本的な使い方を
初心者の方にも分かりやすく解説しています。
(※2004年制作のため最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。
web基準、htmlの仕様についてはW3Cの勧告をご確認ください)
下巻では実践的な内容で構成されており、フレームの作成方法、
サーバーへのアップロード、CSSスタイルなどを中心にご説明しています。
1章 フレームとビヘイビア
・フレームの挿入(フレームボーダーから)
・フレームの挿入(新規作成から)
・フレームソースの設定
・フレームのプロパティ
・リンクの設定とターゲットフレームの指定
2章 レイヤー
3章 サーバーへのアップロード
4章 Dreamweaverファイルの作成
5章 CSSスタイル
6章 ビヘイビア
7章 コードビューを使用した編集
【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
【Adobe Dreamweaver CS6 使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
Adobe GoLive使い方講座 ゴーライブ5.0中巻 第1章 テーブル感覚【動学.tvアーカイブ】
アテイン(株)で過去に販売したDVD教材「誰でもわかるAdobe GoLive5.0」をすべてご覧いただけます。
この映像では上巻 第1章「テーブル感覚」をご紹介しています。
≪前|次≫ 上巻 中巻 下巻
(※最新のバージョンと操作や機能が異なる場合があります。
web基準には沿っていない、推奨されない作成方法も中にはありますが、
方法の一つ、過去のアーカイブとして閲覧ください)
【Adobe GoLive講座 5.0 中巻 55分】
1章テーブル感覚
2章トレーシングイメージとテンプレートで効果 UP!
・ワンポイントノート1-カスタム
3章 簡単フレーム設定
・ワンポイントノート2-フレームの境界色と背景色
・ワンポイントノート3-ターゲットリンク
4章 キット感覚でフレーム作成
5章 びっくりロールオーバー
【Dreamweaver CS6使い方講座 概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
Adobe GoLive使い方講座 ゴーライブ5.0上巻 第3章 テキスト画像のシンプルページ【動学.tvアーカイブ】
アテイン(株)で過去に販売したDVD教材「誰でもわかるAdobe GoLive5.0」をすべてご覧いただけます。
この映像では上巻 第3章「テキスト画像のシンプルページ」をご紹介しています。
≪前|次≫ 上巻 中巻 下巻
(※最新のバージョンと操作や機能が異なる場合があります。
web基準には沿っていない、推奨されない作成方法も中にはありますが、
方法の一つ、過去のアーカイブとして閲覧ください)
【Adobe GoLive講座 5.0上巻 55分】
1章 GoLive5.0の基本操作
・ワンポイントノート1-コンテクスト-
2章サイトとページの作成、保存
3章テキスト画像のシンプルページ
・ワンポイントノート2-ヘッダタグ-
・ワンポイントノート3-ショートカットとヒストリーパレット-
4章レイアウトグリッドの魅力
5章うれしいスマートオブジェクト
・ワンポイントノート4 -Web用の画像ファイル-
6章リンクもらくらく
【Dreamweaver CS6使い方講座 概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
有料会員限定放送:『webサイトの“乳首”はピンクか?』後半戦2015年4月26日
第2回生放送の<有料会員限定>放送分です。我々は消費を生む側であり「ピンクであるべき」に心理操作されてはいけない。「それモテるかどうか関係ない!」……の真実とは!?『webサイトの“乳首”はピンクか?』の続きをお楽しみください。
Dreamweaver MXの使い方講座(ドリームウィーバーMX講座2004年制作全3巻) 中巻 9/9 8章 フォームの作成【動学.tvオンラインスクール】
アテイン(株)で過去に販売したDVD教材
「誰でもわかるDreamweaver MX」を全てご覧いただけます。
ここでは中巻 9章 「フォームの作成」をご覧いただけます。
この講座ではリッチコンテンツとアプリケーション開発ツール
「Dreamweaver MX」の基本的な操作や基本的な使い方を
初心者の方にも分かりやすく解説しています。
(※2004年制作のため最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。
web基準、htmlの仕様についてはW3Cの勧告をご確認ください)
中巻ではリンクの設定やテーブルレイアウト、ロールオーバーイメージの挿入など、
実際の制作で使用頻度の高い機能の説明を中心とした実践的な内容で構成されています。
1章 リンクの設定
・パス
2章 テキストからリンク
・リンク色の設定
3章 画像からのリンク
4章 イメージマップ
5章 テーブルを利用したレイアウト
・テーブルの挿入
・テーブルの設定
・行・列の削除と挿入
・テーブルの選択
・セルの結合と分割
・テーブルの削除
・ボーダーなしのテーブルを使う
6章 ロールオーバーイメージの挿入
7章 HTMLとは
・HTMLスタイル
8章 タグとは
9章 フォームの作成
・フォームオブジェクトの挿入と設定
【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
【Adobe Dreamweaver CS6 使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
Dreamweaver MXの使い方講座(ドリームウィーバーMX講座2004年制作全3巻) 上巻 3/10 3章 ページ作成の基礎【動学.tvオンラインスクール】
アテイン(株)で過去に販売したDVD教材
「誰でもわかるDreamweaver MX」を全てご覧いただけます。
ここでは 3章 「ページ作成の基礎」をご覧いただけます。
この講座ではリッチコンテンツとアプリケーション開発ツール
「Dreamweaver MX」の基本的な操作や基本的な使い方を
初心者の方にも分かりやすく解説しています。
(※2004年制作のため最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。
web基準、htmlの仕様についてはW3Cの勧告をご確認ください)
上巻ではWebサイトの構築ツールとして人気の高いDreamweaver MXの基本操作から
サーバーへのアップロードの方法までWeb構築の流れを学習できます。
1章 ウィンドウとパネル
2章 サイトの作成
3章 ページ作成の基礎
・新規ファイルの作成
・タイトルの設定
・テキストの入力
・階段落と改行
・テキストの書式設定
・ヘッダタグの設定
・背景色の指定
・区切り線の挿入
・リスト
4章 ブラウザでプレビュー
5章 ファイルの保存
6章 イメージの挿入
7章 パス
8章 代替テキストの設定
9章 イメージのサイズ変更
10章 背景イメージの挿入
【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
【Adobe Dreamweaver CS6 使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
【CSS】スタイルシート入門講座 第2回【Webデザイン】
スタイルシート講座の第2回目です.今回は,一気にHTML側を仕上げます.
※時間が17分あります.忙しい方は「前置き〜2−1」と,6:42以降の「2−2」とに分けてご覧ください.
※皆さんのコメント,大変感謝しております.ありがとうございます.
・完成例→ http://park2.wakwak.com/~suttoko/css/files/css02.zip
■前回【第1回】→sm3224325
■次回【第3回】→sm3347574
■最新【第6回】→sm3924568
■【マイリスト】→mylist/6670435
Photoshop CC使い方講座 特別編 第2章 ビデオ編集機能【動学.tv】
動学.tvよりAdobe Photoshop CCの基本的な利用方法をご紹介します。
特別編では3D機能や、ビデオ編集機能、ウェブデザインのための機能など、
便利機能の解説をします。
1章 3D機能
・新しい3Dオブジェクトの作成
・文字の3D化と属性の設定
・3Dペイントとオブジェクトのインスタンス
2章 ビデオ編集機能
・ビデオの読み込みと基本的な編集
・メディアの追加
・色調補正とトランジションの設定
・ビデオの書き出し
3章 Webデザインのための機能
・CSSをコピー
・文字のアンチエイリアスの設定
・スライスの作成と書き出し
4章 自動処理とスクリプト
・コンタクトシートの作成
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
【講座紹介】
http://dougaku.tv/contents/IT_0808/c_index.html
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
【CSS】スタイルシート入門講座 第6回【Webデザイン】
※第7回が手つかずの状態で,大変申しわけありません… 現実逃避してました…m(_ _;m
スタイルシート講座の第6回目です.navigation領域をいじくっていきます.
※実際にソースコードをいじるのは「6-2」(5:14~10:00)だけですが,その後の6-3.「ブロックレベル要素」と「インライン要素」の内容は,ぜひ押さえておいてください.
・開始前→ http://park2.wakwak.com/~suttoko/css/files/css05.zip
・完成例→ http://park2.wakwak.com/~suttoko/css/files/css06.zip
■前回【第5回】→sm3580829
■【マイリスト】→mylist/6670435
■CSS講座以外→mylist/7571503
ずんだもんと学ぶ配色入門【VOICEROID解説】
シリーズ化したので初投稿です。
Webサイト制作にまつわる配色の基礎をあーさんこと茜ちゃんが解説します。
#0:00 導入
#1:28 1.色のもつイメージ
#2:57 2.色の三原色
#3:36 3.色相環
#7:16 4.色相とトーン
#11:39 5.まとめ
#13:14 エピローグ
この動画で作例として使用したアプリは下記サイトで公開しています。
https://github.com/Ga-n-baranaiUX/get_started_on_color_scheme
(参考文献)
「ノンデザイナーズ・デザインブック」
「配色の教科書」
「Webデザイン良質見本帳第2版」
Dreamweaver MXの使い方講座(ドリームウィーバーMX講座2004年制作全3巻) 下巻 2/7 2章 レイヤー【動学.tvオンラインスクール】
アテイン(株)で過去に販売したDVD教材
「誰でもわかるDreamweaver MX」を全てご覧いただけます。
ここでは下巻 2章 「レイヤー」をご覧いただけます。
この講座ではリッチコンテンツとアプリケーション開発ツール
「Dreamweaver MX」の基本的な操作や基本的な使い方を
初心者の方にも分かりやすく解説しています。
(※2004年制作のため最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。
web基準、htmlの仕様についてはW3Cの勧告をご確認ください)
下巻では実践的な内容で構成されており、フレームの作成方法、
サーバーへのアップロード、CSSスタイルなどを中心にご説明しています。
1章 フレームとビヘイビア
2章 レイヤー
・レイヤーのプロパティ
・レイヤーの作成
・レイヤーをテーブルに変換
3章 サーバーへのアップロード
4章 Dreamweaverファイルの作成
5章 CSSスタイル
6章 ビヘイビア
7章 コードビューを使用した編集
【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
【Adobe Dreamweaver CS6 使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
ActionScript 3.0使い方講座 Action Scriptの基本文法【動学.tv】
【動学.tvより】Adobe Flashで使用するスクリプト言語ActionScript 3.0の初歩的な使い方と考え方を学べる動画教材です。
この映像では
第2章 Action Script の基本文法をご紹介しています
序章 オープニング
第1章 Action Scriptの設定とイベント処理の基本
・Action Script のバージョンを確認する
・インスタンスに名前を付ける
・スクリプトを記述する場所
・「アクション」パネルの構成
・イベント処理の基本構造とメソッド
第2章 Action Script の基本文法
・オブジェクトのプロパティ
・演算子と式
・コメント
・変数の宣言と利用
・条件分岐と比較演算子
第3章 フォトビューワーの作成
・フォトビューワーの全体像
・ローカル変数とグローバル変数
・traceメソッド
・データ型
・配列
・パッケージとクラス
・繰り返し処理
第4章 クラスとインスタンスの応用
・スタンプコンテンツの全体像
・ライブラリシンボルのクラス化
・埋め込みアセットクラスの利用
・ダブルクリックイベント
・シンボルのカスタマイズ
・階層構造
第5章 カスタムクラスの作成
・コンテンツの全体像
・Action Scriptファイルの作成とカスタムクラスの宣言
・インスタンス変数・コンストラクタ・メソッドの宣言
・カスタムクラスの利用
【Adobe Flash Professional CS6使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0741/c_index.html
【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
【CSS】スタイルシート入門講座 第5回【Webデザイン】
(7/21)3段組の質問ですが,今回の内容を応用して実現できます.いずれフォローを入れますが,ぜひ考えてみてください.m(_ _)m
スタイルシート講座の第5回目です.それぞれの領域ごとに幅と高さを決めたあと,実際にスタイルシートをいじくっていきます.予告通り,最終的には2段組レイアウトになります.
※実のところ2段組は,拍子抜けするくらいあっさりと実現しちゃいます.
※1スライドあたりの中身を詰めすぎたため,少し見づらいかもしれません.反省です… m(_ _;m
・開始前→ http://park2.wakwak.com/~suttoko/css/files/css04.zip
・完成例→ http://park2.wakwak.com/~suttoko/css/files/css05.zip
■前回【第4回】→sm3428239
■次回&最新【第6回】→sm3924568
■【マイリスト】→mylist/6670435
Dreamweaver MXの使い方講座(ドリームウィーバーMX講座2004年制作全3巻) 中巻 5/9 5章 テーブルを利用したレイアウト【動学.tvオンラインスクール】
アテイン(株)で過去に販売したDVD教材
「誰でもわかるDreamweaver MX」を全てご覧いただけます。
ここでは中巻 5章 「テーブルを利用したレイアウト」をご覧いただけます。
この講座ではリッチコンテンツとアプリケーション開発ツール
「Dreamweaver MX」の基本的な操作や基本的な使い方を
初心者の方にも分かりやすく解説しています。
(※2004年制作のため最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。
web基準、htmlの仕様についてはW3Cの勧告をご確認ください)
中巻ではリンクの設定やテーブルレイアウト、ロールオーバーイメージの挿入など、
実際の制作で使用頻度の高い機能の説明を中心とした実践的な内容で構成されています。
1章 リンクの設定
・パス
2章 テキストからリンク
・リンク色の設定
3章 画像からのリンク
4章 イメージマップ
5章 テーブルを利用したレイアウト
・テーブルの挿入
・テーブルの設定
・行・列の削除と挿入
・テーブルの選択
・セルの結合と分割
・テーブルの削除
・ボーダーなしのテーブルを使う
6章 ロールオーバーイメージの挿入
7章 HTMLとは
・HTMLスタイル
8章 タグとは
9章 フォームの作成
・フォームオブジェクトの挿入と設定
【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
【Adobe Dreamweaver CS6 使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
【CSS】スタイルシート入門講座 第4回【Webデザイン】
スタイルシート講座の第4回目です.ストイックにセレクタの記述法を扱ったあと,ようやくCSSのコーディングが本格スタートします.
※セレクタの記述法をある程度ご存じの方は,7:19くらいからご覧いただければと思います.
・開始前→ http://park2.wakwak.com/~suttoko/css/files/css03.zip
・完成例→ http://park2.wakwak.com/~suttoko/css/files/css04.zip
■前回【第3回】→sm3347574
■次回【第5回】→sm3580829
■最新【第6回】→sm3924568
■【マイリスト】→mylist/6670435
ActionScript 3.0使い方講座Action Scriptの設定とイベント処理の基本【動学.tv】
【動学.tvより】Adobe Flashで使用するスクリプト言語ActionScript 3.0の初歩的な使い方と考え方を学べる動画教材です。
この映像では第1章 Action Scriptの設定とイベント処理の基本をご紹介しています
序章 オープニング
第1章 Action Scriptの設定とイベント処理の基本
・Action Script のバージョンを確認する
・インスタンスに名前を付ける
・スクリプトを記述する場所
・「アクション」パネルの構成
・イベント処理の基本構造とメソッド
第2章 Action Script の基本文法
・オブジェクトのプロパティ
・演算子と式
・コメント
・変数の宣言と利用
・条件分岐と比較演算子
第3章 フォトビューワーの作成
・フォトビューワーの全体像
・ローカル変数とグローバル変数
・traceメソッド
・データ型
・配列
・パッケージとクラス
・繰り返し処理
第4章 クラスとインスタンスの応用
・スタンプコンテンツの全体像
・ライブラリシンボルのクラス化
・埋め込みアセットクラスの利用
・ダブルクリックイベント
・シンボルのカスタマイズ
・階層構造
第5章 カスタムクラスの作成
・コンテンツの全体像
・Action Scriptファイルの作成とカスタムクラスの宣言
・インスタンス変数・コンストラクタ・メソッドの宣言
・カスタムクラスの利用
【Adobe Flash Professional CS6使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0741/c_index.html
【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
Dreamweaver CC 使い方講座 下巻 第1章 レスポンシブWEBデザイン【動学.tv】
動学.tvより、誰でもわかるAdobe Dreamweaver CC 下巻 第1章「レスポンシブWEBデザイン」のサンプル映像をお届けします。
誰でもわかる Adobe Dreamweaver CC 下巻では、多様なデバイスで閲覧される今日のWebページ作りに対応する、レスポンシブWebページの作成方法を学びます。Dreamweaverの可変グリッドレイアウトやCSSデザイナーを使った効率的なページ制作の方法を学びます。
誰でもわかるAdobe Dreamweaver CC 下巻(約62分)
第1章 レスポンシブWebデザイン
・レスポンシブWebデザインの概要
・可変グリッドレイアウトの作成
第2章 構造の定義とデザインビューでの操作
・要素の挿入
・可変グリッドレイアウトの編集
・リストによるメニューの作成
第3章 CSS
・メディアクエリーとは
・メディアクエリーの追加
・CSSデザイナーを使用したスタイルの編集
・角丸ボタンの作成
第4章 サイトの公開
・アップロード
・クローク
・バリデート
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
【Adobe Dreamweaver CC講座紹介】
http://dougaku.tv/contents/IT_0793/c_index.html
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
DVD購入はこちら
http://www.attainj.co.jp/online_shop/newpd.html
Adobe GoLive使い方講座 ゴーライブ5.0パワーユーザー編 第2章 骨太で柔軟なページ作り【動学.tvアーカイブ】
アテイン(株)で過去に販売したDVD教材「誰でもわかるAdobe GoLive5.0」をすべてご覧いただけます。
この映像ではパワーユーザー編 第2章「骨太で柔軟なページ作り」をご紹介しています。
≪前|次≫ 上巻 中巻 下巻 パワーユーザー編
(※最新のバージョンと操作や機能が異なる場合があります。
web基準には沿っていない、推奨されない作成方法も中にはありますが、
方法の一つ、過去のアーカイブとして閲覧ください)
【Adobe GoLive 5.0 使い方講座 パワーユーザー編 55分】
ソフトの操作方法に標準を合わせたものではなく、
仕事で作成する方向けの活用方法 として作成されています。
主にWebデザインのポイントについてご紹介しています。
1章 Webデザインのポイント
・Photoshopとの連携
・背景画像TIPS
・テーブル幅の計算
・アクションバリエーション
2章 骨太で柔軟なページ作り
3章 フォームで作成する購入ページ
4章 アニメーションとムービー編集のコツ
5章 ユーザビリティとアクセシビリティ
【Dreamweaver CS6使い方講座 概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD