SlideShare uma empresa 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デザイナー学部基礎科の
 難易度はいかがでしたか?
!
②いよいよ実践編が始まります!
 学んでみたい事は何ですか?

Mais conteúdo relacionado

Destaque

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
 

Destaque (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
 

Mais 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
 

Mais 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デザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
 

Último

company profile.pdf
company profile.pdfcompany profile.pdf
company profile.pdfkeiibayashi
 
共有用_aio基本保守プラン_WordPressサイト_20240509.pdf
共有用_aio基本保守プラン_WordPressサイト_20240509.pdf共有用_aio基本保守プラン_WordPressサイト_20240509.pdf
共有用_aio基本保守プラン_WordPressサイト_20240509.pdfkikuchi5
 
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』Jun Chiba
 
Broadmedia Corporation. 240510fy2023_4q
Broadmedia Corporation.  240510fy2023_4qBroadmedia Corporation.  240510fy2023_4q
Broadmedia Corporation. 240510fy2023_4qbm_pr
 
日本上場SaaS企業データを使った経験曲線の分析|売上成長によるコストダウン戦略
日本上場SaaS企業データを使った経験曲線の分析|売上成長によるコストダウン戦略日本上場SaaS企業データを使った経験曲線の分析|売上成長によるコストダウン戦略
日本上場SaaS企業データを使った経験曲線の分析|売上成長によるコストダウン戦略poco-c
 
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こすMichael Rada
 

Último (6)

company profile.pdf
company profile.pdfcompany profile.pdf
company profile.pdf
 
共有用_aio基本保守プラン_WordPressサイト_20240509.pdf
共有用_aio基本保守プラン_WordPressサイト_20240509.pdf共有用_aio基本保守プラン_WordPressサイト_20240509.pdf
共有用_aio基本保守プラン_WordPressサイト_20240509.pdf
 
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
 
Broadmedia Corporation. 240510fy2023_4q
Broadmedia Corporation.  240510fy2023_4qBroadmedia Corporation.  240510fy2023_4q
Broadmedia Corporation. 240510fy2023_4q
 
日本上場SaaS企業データを使った経験曲線の分析|売上成長によるコストダウン戦略
日本上場SaaS企業データを使った経験曲線の分析|売上成長によるコストダウン戦略日本上場SaaS企業データを使った経験曲線の分析|売上成長によるコストダウン戦略
日本上場SaaS企業データを使った経験曲線の分析|売上成長によるコストダウン戦略
 
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
 

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