SlideShare una empresa de Scribd logo
1 de 10
簡単なWEBサイト制作総集回
【質疑応答と提出課題の添削】
HTMLとCSSを使って、
150分で簡単なWEBサイト制作全6回
最終回
本日のアジェンダ
DreamWeaverのセッティング
制作仕様書に基づいてhtmlを
宿題と質問
5分
20分
5分
本日のアジェンダ
ワークフロー総復習
!
提出課題の添削
!
質問とレポート課題
  30分
40分
20分
1)クライアント(お客様)へのヒヤリング
2)ターゲット設定
3)サイト設計(ワイヤーフレーム)
4)制作仕様書策定(デザインルール、コーディングルール策定)
5)開発(デザイン&コーディング)
6)ローカルテスト
7)テストサーバーレビュー(クライアントチェック)
8)リリース(本サーバーアップ)
9)ランニング(SEO解析)
サイト制作のワークフロー
http://behomazn.com/schoo/20140508/
prototyping.png
まずはペーパープロトタイピング
3)サイト設計(ワイヤーフレーム)
4)制作仕様書策定
!
デザインルール、
コーディングルール
策定
http://akikito.com/schoo/20140522/
5)開発(デザイン&コーディング)
ワイヤー通り作ってみる
カンプ制作
html+css
jQuery
1)クライアント(お客様)へのヒヤリング
2)ターゲット設定
3)サイト設計(ワイヤーフレーム)
4)制作仕様書策定(デザインルール、コーディングルール策定)
5)開発(デザイン&コーディング)
6)ローカルテスト
7)テストサーバーレビュー(クライアントチェック)
8)リリース(本サーバーアップ)
9)ランニング(SEO解析)
サイト制作のワークフロー
レポート課題
①スクー webデザイナー学部基礎科の
 難易度はいかがでしたか?
!
②いよいよ実践編が始まります!
 学んでみたい事は何ですか?

Más contenido relacionado

Destacado

Indian government gaining ground
Indian government gaining groundIndian government gaining ground
Indian government gaining groundNeha Sharma
 
Αμεσοδημοκρατικός Ανθρωποκεντρισμός
Αμεσοδημοκρατικός ΑνθρωποκεντρισμόςΑμεσοδημοκρατικός Ανθρωποκεντρισμός
Αμεσοδημοκρατικός ΑνθρωποκεντρισμόςTanya Maria Geritsidou (Tantz Aerine)
 
FINANCE BILL 2012 – MAJOR ISSUES AND CHALLENGES
FINANCE BILL 2012 – MAJOR ISSUES AND CHALLENGESFINANCE BILL 2012 – MAJOR ISSUES AND CHALLENGES
FINANCE BILL 2012 – MAJOR ISSUES AND CHALLENGESNeha Sharma
 
脱サラ起業家に学ぶ、会社を辞めて創業するまでに起こる身の回りの問題と対策 先生:橋田 一秀
脱サラ起業家に学ぶ、会社を辞めて創業するまでに起こる身の回りの問題と対策 先生:橋田 一秀脱サラ起業家に学ぶ、会社を辞めて創業するまでに起こる身の回りの問題と対策 先生:橋田 一秀
脱サラ起業家に学ぶ、会社を辞めて創業するまでに起こる身の回りの問題と対策 先生:橋田 一秀schoowebcampus
 
レスポンシブWebデザインの実装における、よくある間違い・嘘・真実
レスポンシブWebデザインの実装における、よくある間違い・嘘・真実レスポンシブWebデザインの実装における、よくある間違い・嘘・真実
レスポンシブWebデザインの実装における、よくある間違い・嘘・真実schoowebcampus
 
「落語」超入門--松竹芸能の噺家に、落語の楽しみ方を教えてもらおう(3限目)
「落語」超入門--松竹芸能の噺家に、落語の楽しみ方を教えてもらおう(3限目)「落語」超入門--松竹芸能の噺家に、落語の楽しみ方を教えてもらおう(3限目)
「落語」超入門--松竹芸能の噺家に、落語の楽しみ方を教えてもらおう(3限目)schoowebcampus
 
朝日新聞読書編集長と一緒に本の未来を考えよう。【ビブリオバトル開催!】
朝日新聞読書編集長と一緒に本の未来を考えよう。【ビブリオバトル開催!】朝日新聞読書編集長と一緒に本の未来を考えよう。【ビブリオバトル開催!】
朝日新聞読書編集長と一緒に本の未来を考えよう。【ビブリオバトル開催!】schoowebcampus
 
海外メディア「バズフィード」から得るメディア戦略のヒント 先生:佐藤 慶一
海外メディア「バズフィード」から得るメディア戦略のヒント 先生:佐藤 慶一海外メディア「バズフィード」から得るメディア戦略のヒント 先生:佐藤 慶一
海外メディア「バズフィード」から得るメディア戦略のヒント 先生:佐藤 慶一schoowebcampus
 
【生放送限定】アイデア・企画を具体的な仕事につなげる技術 先生:梶 淳
【生放送限定】アイデア・企画を具体的な仕事につなげる技術 先生:梶 淳【生放送限定】アイデア・企画を具体的な仕事につなげる技術 先生:梶 淳
【生放送限定】アイデア・企画を具体的な仕事につなげる技術 先生:梶 淳schoowebcampus
 
The Challenges and Opportunities of IFRS
The Challenges and Opportunities of IFRSThe Challenges and Opportunities of IFRS
The Challenges and Opportunities of IFRSNeha Sharma
 
クライアントニーズを満たす小規模サイトの作り方
クライアントニーズを満たす小規模サイトの作り方クライアントニーズを満たす小規模サイトの作り方
クライアントニーズを満たす小規模サイトの作り方schoowebcampus
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409schoowebcampus
 

Destacado (13)

Indian government gaining ground
Indian government gaining groundIndian government gaining ground
Indian government gaining ground
 
Αμεσοδημοκρατικός Ανθρωποκεντρισμός
Αμεσοδημοκρατικός ΑνθρωποκεντρισμόςΑμεσοδημοκρατικός Ανθρωποκεντρισμός
Αμεσοδημοκρατικός Ανθρωποκεντρισμός
 
FINANCE BILL 2012 – MAJOR ISSUES AND CHALLENGES
FINANCE BILL 2012 – MAJOR ISSUES AND CHALLENGESFINANCE BILL 2012 – MAJOR ISSUES AND CHALLENGES
FINANCE BILL 2012 – MAJOR ISSUES AND CHALLENGES
 
Búsqueda avanzada en google
Búsqueda avanzada en googleBúsqueda avanzada en google
Búsqueda avanzada en google
 
脱サラ起業家に学ぶ、会社を辞めて創業するまでに起こる身の回りの問題と対策 先生:橋田 一秀
脱サラ起業家に学ぶ、会社を辞めて創業するまでに起こる身の回りの問題と対策 先生:橋田 一秀脱サラ起業家に学ぶ、会社を辞めて創業するまでに起こる身の回りの問題と対策 先生:橋田 一秀
脱サラ起業家に学ぶ、会社を辞めて創業するまでに起こる身の回りの問題と対策 先生:橋田 一秀
 
レスポンシブWebデザインの実装における、よくある間違い・嘘・真実
レスポンシブWebデザインの実装における、よくある間違い・嘘・真実レスポンシブWebデザインの実装における、よくある間違い・嘘・真実
レスポンシブWebデザインの実装における、よくある間違い・嘘・真実
 
「落語」超入門--松竹芸能の噺家に、落語の楽しみ方を教えてもらおう(3限目)
「落語」超入門--松竹芸能の噺家に、落語の楽しみ方を教えてもらおう(3限目)「落語」超入門--松竹芸能の噺家に、落語の楽しみ方を教えてもらおう(3限目)
「落語」超入門--松竹芸能の噺家に、落語の楽しみ方を教えてもらおう(3限目)
 
朝日新聞読書編集長と一緒に本の未来を考えよう。【ビブリオバトル開催!】
朝日新聞読書編集長と一緒に本の未来を考えよう。【ビブリオバトル開催!】朝日新聞読書編集長と一緒に本の未来を考えよう。【ビブリオバトル開催!】
朝日新聞読書編集長と一緒に本の未来を考えよう。【ビブリオバトル開催!】
 
海外メディア「バズフィード」から得るメディア戦略のヒント 先生:佐藤 慶一
海外メディア「バズフィード」から得るメディア戦略のヒント 先生:佐藤 慶一海外メディア「バズフィード」から得るメディア戦略のヒント 先生:佐藤 慶一
海外メディア「バズフィード」から得るメディア戦略のヒント 先生:佐藤 慶一
 
【生放送限定】アイデア・企画を具体的な仕事につなげる技術 先生:梶 淳
【生放送限定】アイデア・企画を具体的な仕事につなげる技術 先生:梶 淳【生放送限定】アイデア・企画を具体的な仕事につなげる技術 先生:梶 淳
【生放送限定】アイデア・企画を具体的な仕事につなげる技術 先生:梶 淳
 
The Challenges and Opportunities of IFRS
The Challenges and Opportunities of IFRSThe Challenges and Opportunities of IFRS
The Challenges and Opportunities of IFRS
 
クライアントニーズを満たす小規模サイトの作り方
クライアントニーズを満たす小規模サイトの作り方クライアントニーズを満たす小規模サイトの作り方
クライアントニーズを満たす小規模サイトの作り方
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 

Más de schoowebcampus

ビジネスプラン概要資料 New
ビジネスプラン概要資料 Newビジネスプラン概要資料 New
ビジネスプラン概要資料 Newschoowebcampus
 
schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内schoowebcampus
 
PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~schoowebcampus
 
i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...schoowebcampus
 
i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...schoowebcampus
 
i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...schoowebcampus
 
i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...schoowebcampus
 
i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...schoowebcampus
 
ポートフォリオ公開後のマーケティング法
ポートフォリオ公開後のマーケティング法ポートフォリオ公開後のマーケティング法
ポートフォリオ公開後のマーケティング法schoowebcampus
 
授業資料(スクー)
授業資料(スクー)授業資料(スクー)
授業資料(スクー)schoowebcampus
 
個人事業主・フリーランスのための確定申告 ~白色申告編~
個人事業主・フリーランスのための確定申告 ~白色申告編~個人事業主・フリーランスのための確定申告 ~白色申告編~
個人事業主・フリーランスのための確定申告 ~白色申告編~schoowebcampus
 
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1schoowebcampus
 
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)schoowebcampus
 
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)schoowebcampus
 
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】schoowebcampus
 
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司schoowebcampus
 

Más de schoowebcampus (20)

Compl exxx after
Compl exxx afterCompl exxx after
Compl exxx after
 
Compl exxx before
Compl exxx beforeCompl exxx before
Compl exxx before
 
ビジネスプラン概要資料 New
ビジネスプラン概要資料 Newビジネスプラン概要資料 New
ビジネスプラン概要資料 New
 
2479
24792479
2479
 
schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内
 
PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~
 
i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...
 
i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...
 
i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...
 
i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...
 
i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...
 
ポートフォリオ公開後のマーケティング法
ポートフォリオ公開後のマーケティング法ポートフォリオ公開後のマーケティング法
ポートフォリオ公開後のマーケティング法
 
1840
18401840
1840
 
授業資料(スクー)
授業資料(スクー)授業資料(スクー)
授業資料(スクー)
 
個人事業主・フリーランスのための確定申告 ~白色申告編~
個人事業主・フリーランスのための確定申告 ~白色申告編~個人事業主・フリーランスのための確定申告 ~白色申告編~
個人事業主・フリーランスのための確定申告 ~白色申告編~
 
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
 
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
 
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
 
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
 
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
 

簡単なWEBサイト制作総集回【質疑応答と提出課題の添削】 先生:田中 晶子