タグ

webdesignに関するoanusのブックマーク (7)

  • ウェブサイトの企画・構築 | 札幌のホームページ制作・Webサイト制作会社|ジャクスタポジション | Juxtaposition Inc.

    弊社では、「ギャレットの5段階モデル」に基づいた、ウェブサイトの企画と設計を行っています。 ウェブサイト構築時、見た目のデザインから検討していくケースも多いですが、この「デザイン」という言葉そのものが「設計」を意味しているとおり、綿密な設計に基づいた構築プロセスを経ることで、目指すべきゴールをプロジェクトメンバーで共有でき、事業活動に役立つウェブサイトをデザインすることができます。 Jesse James Garrett「UXの5段階モデル」をベースにしたウェブデザインの流れ事業活動に役立つウェブサイトに大切なものウェブサイトのデザイン(見た目)はとても大切です。 しかし、自社あるいは、製品やサービスのブランドを位置づけるウェブデザインは、そのコンセプトや要件、そして目的を達成するためのインフォメーションデザイン(情報設計)があって初めて機能すると言えます。 ウェブサイトのデザインは、それ

    ウェブサイトの企画・構築 | 札幌のホームページ制作・Webサイト制作会社|ジャクスタポジション | Juxtaposition Inc.
  • ホームページの作り方【HPマスターズ】

    ホームページの作り方(初心者・入門)サイト ホームページの作り方 初心者、入門のHPマスターズ ホームページの作り方を初心者から学ぶには、実際にプロの現場で活躍するデザイナーによるホームページの作り方を学ぶ事がおすすめです。 制作手順やプロのホームページの作り方、正しいホームページのHTMLおよびCSS、ドメイン・サーバー等の基的なことをご紹介しています。 現在各種Webサイトやブログ、書籍などで制作方法は多数紹介されており、簡単に情報を取得できるように思われますが、Web業界の詳細や、実際にプロが使用しているソフト等、初心者にはわからないような実践的な事はあまり解説されておりません。 ホームページの作り方をここでは、どんな風に進めていくかを紹介しています。 ホームページの作り方 初心者・入門

  • 独学でがんばるWebサイト制作勉強方法 | 未経験からWebデザイナーになるには(゜◇゜)あっきー転職ノート

    「独学でがんばるWebサイト制作勉強方法」 Webデザイナーを目指して、独学で勉強してがんばる!という方も多いでしょう。 そんな方の少しでもお役に立てればと思い、サイト制作の方法をご紹介します。 サイト制作のやり方は、必ずこれでやらなくてはいけない!ということはありません。 人によって、会社によって、進め方や、やり方、担当が変わってくると思います。 ここで紹介する方法は、わたしの経験を元に書いていますので、あくまで一つの参考として見て頂ければと思います。 もちろん、記事中でわからないことや、もっと知りたいことがありましたら、お気軽にコメントなりメッセージを貰えると嬉しいです!

  • 誰のため?何のため?Webサイトを作り始める前に。 | Webクリエイターボックス

    2020年8月4日 Webサイト制作 こんにちは!ついにWebクリエイターボックスのサイトが完成しました!これからこのサイトと、制作者のManaをよろしくお願いします!さて、さっそくですが最初の記事、Webサイトを作る前にすること。突然Photoshopを立ち上げてデザインを始めても、ユーザーが必要とするWebサイトが出来上がる可能性は極めて低いと思います。デザインやコーディングを始める前に、「このWebサイトは何のために作るのか」「誰がどのようにこのサイトを使うのか」をまとめておきましょう! ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その1 目標:Webサイトを作る目的を明確にする 必要なもの:紙とペン 対象レベル:超初心者OK! 目次 誰のため?何のため?Webサイトを作り始める前に。 ←今ここ Webサイトの構成図を簡単に作れる便利ツール Webサイ

    誰のため?何のため?Webサイトを作り始める前に。 | Webクリエイターボックス
  • ウェブサイト作成入門講座

    簡単で、より適切な作成法をめざして……。 Introduction ウェブサイトって? HTML HTML文書 具体的なマークアップ方法 要素とタグ 文書型(DOCTYPE)宣言 body要素内のマークアップ ブロック要素とインライン要素 HTML文書作成のまとめ マークアップのヒント CSS 見映えはスタイルシートで 外部CSSファイルの適用 もう少し詳しいCSSの説明 Tips HTMLエディタを使ってみよう 上/中/下 The Quick Color Table この講座に足りないもの この講座を読み込むことで、自分のパソコンの中に文書中心のウェブサイトを作成することまでは可能です。しかし WWW に一般的なウェブサイトを公開するためには、さらにいくつかのお勉強が必要となりますので、ご注意ください。 (無料または有料の)サーバを探し、契約する。 サーバにファイルを転送する。 画像を入

  • ごく簡単なHTMLの説明

    HTML来簡単で便利なものです。「30分間HTML入門」で基は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 (スライドのHTML版) 何のためのHTMLHTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正

  • はじめてのWebドキュメントづくり

    この文書について この文書は、内田明が家族用に作成しているWeb「ページ」づくりのテキストですが、第三者の方がお読みになっても構いません。まだ制作途上、中途半端な状態ですが、ご意見ご感想など頂戴できるとすごく嬉しいです。 という具合に、家族以外に読まれることがあると想定しているので、よそいきの文章になっています。 はじめに World Wide Webの「ページ」づくりは、文章や画像など「ページ」の元となる素材をつくる作業と、その素材を「マーク付け言語」の「文書型」に合うよう編制する作業、そして「スタイル言語」で出力の体裁を決める作業から成り立っています。 「マーク付け言語」というのは、「文章の中に『マーク(目印)』を挿入していくことで、文章を成り立たせている『見出し』や『強調語句』など各要素の役割や関係性を、ある型に沿って機械にも解るように記す際の語彙と文法」です。「スタイル言語」は、「

  • 1