『html、デザイン、0~10冊(実用)』の電子書籍一覧
1 ~16件目/全16件
-
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】ゼロから学べるWeb制作学習書がHTML5とCSS3に完全対応!わかりやすいと好評のWeb制作入門書が、現在の標準規格である「HTML5」と「CSS3」に完全対応して登場です。HTML5とCSS3の初歩的な文法学習から始めて、本格的なサイト制作までの流れを通して学ぶことで、初心者でも正しいマークアップの作法が身に付きます。用語や考え方を解説する講義パートと、実際にサンプルページを制作していく実習パートからなるレッスンを順に進めて、ステップアップしながら学んでいけます。サンプルソースはダウンロードが可能。Web制作をこれから始める人に最適の1冊です!※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。 -
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】累計100万部突破のシリーズ最新版ホームページ制作に欠かせない、定番ベストセラー『ホームページ辞典』シリーズの最新版が登場。HTML(構造)・CSS(デザイン)・JavaScript(動き)の3大要素の解説を1冊にまとめたおトクな辞典です。第5版は近年のWebトレンドに合わせ、CSSの解説を増量し、Web標準に対応しました。Internet ExplorerやFirefoxはもちろん、Google Chromeなどの最新人気ブラウザもサポート。ダウンロード可能なサンプルソースも一新して、よりわかりやすくなりました。これからWeb制作を学びたいビギナーから、実務でのリファレンスとして使いたい上級者まで、広くおすすめできる1冊です。※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。 -
HTML5を理解する、HTML5によるコンテンツデザインを行うための、Webデザイナー/クリエイター必携の解説書。HTML5(勧告候補)対応、HTML5.1やHTML Living Standardの情報も掲載。
■CONTENTS
【1】HTML5とインフォメーションデザイン―誰のためのWebページか/【2】Webページの基本―Webページを構成する最も基本的な要素/【3】セクション―セマンティクスによる文書構造の明示/【4】メタデータ―付加情報による詳細の明示/【5】外部コンテンツ―HTML5で扱うことができる画像・動画・各種コンテンツ/【6】段落書式―明確に意味が定義された段落書式/【7】文字書式―明確に意味が定義された文字書式/【8】テーブル―表組コンテンツの表示/【9】フォーム―強化されたコントロール/【10】インタラクティブーユーザーアクションを求めるインターフェースの設定
■著者
エ・ビスコム・テック・ラボ さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、CD-ROM、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。 -
Webサイトを【分解】→【組み立て】!
本格的なWeb制作を追体験して、脱初心者を目指そう
Webサイト制作を始めたばかりのHTML/CSS初心者の前には、
さまざまな壁が立ちはだかります。
「デザインを思い通りに再現できない」
「タグやプロパティの組み合わせ方がわからない」
「ページを組み立てる流れがイメージできない」
もしあなたがこんな課題を抱えていて、
コードを書く手が思うように進まない…と悩んでいるなら、
本書はぴったりの一冊です。
本書は、モックアップ(サイトのデザインラフ)をもとに、
サイトの構成要素を【ブロック分解】してから、
ひとつずつコーディングして【組み立てる】…という
本格的なWeb制作さながらのプロセスを、ハンズオンで学習します。
【分解】するから、
・サイトデザインの細かな意図
・デザイナーが配慮しているポイント がわかります。
【組み立て】ながら、
・Web制作の一連の流れ
・サイトの具体的な作り込みかた がわかります。
ひとつのサイトを完成形まで作り込む流れを通じて、
デザインラフを的確に再現するための
実践的なコーディングテクニックが無理なく習得できます。
■こんなあなたにおすすめ!
・HTML/CSSの入門書を一冊読み終えた初級者
・実践的なコーディングテクニックが知りたい、駆け出しのWeb系エンジニア
・オリジナルのWebサイトを作るための力をつけたい学習者、再入門者
■目次
Ch01 モックアップをブロック分解
Ch02 ファイルの準備
Ch03 HTMLのコーディング準備
Ch04 HTMLのコーディング
Ch05 CSSのコーディング準備
Ch06 CSSのコーディング
Ch07 CSSでのレスポンシブ対応
Ch08 自分のプロフィールページへ
※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。 -
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
本書は、CSSのフレキシブルボックス(Flexbox)を利用してWebページ制作を行うレッスンブックです。
長い間、Webページ制作ではCSSのフロート(Float)が利用され、「ボックスの相互の位置関係でデザインやレイアウトを形にしていく」というノウハウが蓄積されてきました。
フレキシブルボックスはこうしたノウハウをブラウザの互換性や制作手順、考え方も含めて引き継いでいます。
また、フロートで不便だった部分には手が加えられ、いよいよ完成形にたどり着いたと言えるでしょう。
はじめてWebページを作る方にも、今どきのページ制作の基礎を学びなおしたいといった方にも、本書を活用していただければ幸いです。
-「はじめに」より -
【プロとして「独り立ち」するために、1日30分からはじめる!】
本書は、Webサイトをイチから作ることで、HTML+CSSの基本から応用までを習得していく教科書です。「1日30分からはじめる」をテーマに、Web制作にかかわる知識や技術を解説した「ちゃんとしたプロになる」シリーズの2冊目となります。
本書で学べることは、主に次の3つです。
1つめは、「いま」のWebデザインと現場での実制作の流れ。いま主流のレイアウトや表現手法、制作技術やツールといった、現場でプロとして活躍するためにベースとなる知識を習得できます。
2つめは、HTMLとCSSの基礎。HTML・CSSのごく初歩的な書き方から解説しており、本格的なソースコードを書くのは初めてという方にもわかりやすい内容になっています。
そして、3つめが実際にWebサイトを作るノウハウ。1つのHTMLファイルで完結するシンプルなWebページから、モバイルファーストで設計しFlexboxやCSS Gridといった流行りの手法を取り入れたものまで。タイプや難易度の異なる5つのサイトを作りながら、表現の幅を広げていきます。
本書を通じて、プロとして「独り立ち」するために礎となる力が身につくはずです。
〈こんな方にオススメ〉
・HTML+CSSを本格的に学んでみたい方
・Webデザイナーやマークアップエンジニアを目指す方
・Webサイトを自分の手で作り上げてみたい方
〈本書の特長〉
・作りながら覚えることで、学んだことをすぐに実践できる
・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい
・大学や専門学校で教えている現役の先生たちが、ていねいに解説している
〈本書の内容〉
■Lesson 1 Webデザインの“いま”
■Lesson 2 Webサイトを制作する準備
■Lesson 3 HTMLとCSSの基礎
■Lesson 4 HTMLとCSSの応用
■Lesson 5 シンプルなWebページを作る
■Lesson 6 シングルページのサイトを作る
■Lesson 7 Flexboxを使ったサイトを作る
■Lesson 8 CSS Gridを取り入れる
■Lesson 9 レスポンシブ対応サイトを作る -
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
Webデザインの仕事に就きたい、知識を身につけて仕事の範囲を広げたい!と考えて勉強を始める人に向けた入門書です。HTML、CSSの知識から実践的なデザインのテクニックまで、豊富な実例とともにていねいに解説。ダウンロードできるサンプルデータつきで、手を動かしながら学べます。 -
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
CSSグリッドをベースにすると、Webページ制作がとてもシンプルになる一方で、制作にはこれまでと異なる知識体系が求められます。
そこで登場したのが、本書、CSSグリッドをベースとしてWebベージを制作する、まったく新しいレッスンブックです。
本書を読めば、HTML&CSS初心者でも、モバイルファーストで本格的なレスポンシブ対応のWebページを制作できるようになります。
まさに、いまどきのHTML&CSSを学習するための新しい時代のレッスンブックと言えるでしょう。 -
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
HTML5+CSS3で多様なデバイスに対応できるWebサイトを制作するために、これから必要とされるデザインの「スタンダード」手法をレシピ方式で徹底解説しました。
スマートフォンやタブレットの登場により、多様なデバイスに対応できるWebページが求められるようになっています。その中で、レスポンシブWebデザインをはじめとする考え方が生まれ、Webページに当然のように組み込まれる時代になってきました。その結果、多様なデバイスに対応したページを効率よく作成していくため、Webページ制作の現場ではワークフローの変化も起きています。 PCブラウザという1つの環境をターゲットに制作できた時代と異なり、現在は膨大な数のデバイスをターゲットに、さまざまな切り口で最大公約数を考えながらページを作成しなければなりません。従来のデザインカンプを再現する作り方では対応が難しく、ページを動かしながら作り込んでいく必要があります。そのような現状をふまえ、本書にはこれからのWebページ制作に必要なレシピをできるかぎり詰め込みました。
本書では、ベースとなるWebページにパーツを組み合わせて配置していくことで、オリジナルのページを作成できるように構成しています。≪Chapter1~6≫では、そのパーツの作成について解説します。ヘッダー、記事、メニュー、フッター、ボタン、フォーム、テーブル、段組みなどそれぞれのパーツと、そのパーツを組み合わせる際のデザインのレシピを、多数のTipsを交えて紹介していきます。≪Chapter7~9≫では、それらのパーツを使って実際にページを作成していく方法を解説しています。レスポンシブWebデザインをはじめとする考え方が当然のものとして扱われている現状に合わせて、CSSフレームワークを利用せずに作るのか、CSSフレームワークを利用して作るのかを選択できるようにしています。 CSSフレームワークとしてBootstrapとFoundationを利用する方法を解説しています。≪Chapter10≫では、本書収録のパーツとCSSフレームワークを組み合わせて使うことで、どのようなことができるのか、どのくらい作り込むことができるのかを、4例紹介しています。プロモーションサイト、プロモーションサイトのコンテンツページ、ビジネスサイト、ショップサイトの4例です。パーツやレシピのデータは本書サポートサイトからダウンロードできます。 -
AI時代にも活躍できるWebデザイナーへの第一歩はここから!
Webデザイナーやクリエイターから大人気!
YouTube登録者数6.8万人超の現役Webデザイナー兼フロントエンドエンジニア、
「HIROCODE.」による初の著書!
デザインとコーディングのスキルが1冊で身につく!
旬のデザインツール「Figma」の使い方も解説しています。
この本は、知識はないけれども、Webデザインに興味のある方や、
これからWebデザイナーとしてキャリアをスタートしたい方に向けた入門書です。
Webデザイナーの仕事は、大きく2つに分かれます。
1つ目は、デザインツールを使ってWebサイトのビジュアルを作成する
「Webデザイン(デザインカンプ制作)」の仕事。
2つ目は、そのデザインをHTMLやCSSでWebページに変換する「コーディング」の仕事です。
多くのWebデザイナーは、この2つのスキルを兼ね備えており、どちらも重要なスキルです。
本書では、デザインの基礎知識や、「Figma」を使ったデザインカンプのつくり方、
そして、そのカンプを「HTML/CSS」を使ってコードに変換するという
プロとまったく同じ制作フローを体験しながら、
Webデザインの基礎から実践までをしっかり理解できるように構成しています。
■こんな人にオススメ!
・Webデザインに興味がある初心者
・Web制作の仕事に就きたい学生や社会人
・技術はもちろん、クリエイティブも重視したい人
■本書のここがスゴイ!
・実際の制作の流れに沿ってポイントが理解できる
・デザインツール「Figma」の使い方も学べる
・サンプルを使って実際にサイトをつくりながら勉強できる
・重要パートは著者による解説動画付き! -
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
HTMLとCSS、Webデザインの基本から実践までを楽しみながら学べる解説書!
Web制作を始めたいけれどまず何から学べばいいかわからないという方に、基本の「キ」から丁寧に解説します。HTMLやCSSそしてWebデザインの概念を理解したうえで、実際に手を動かしながらWebサイトを制作していきます。要素の少ない1ページのWebサイトを作るところから始め、徐々に難易度を上げてレスポンシブ対応や複数ページのあるWebサイトの作り方を学んでいきます。キャラクターの会話とわかりやすい図解でやさしく解説しているので、「Web制作って難しそう」「プログラミングは苦手」という方も楽しみながら学べます。 -
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
あなたの仕事をずっと助ける、Webページ作りの「正しい」技術をマスター。
Webページ作りを基礎から習得し、コーポレートサイトを作成。基本文法から各種ボックスの配置法、テーブル、フォーム、シングルカラムレイアウト、段組レイアウト、レスポンシブまで、Webデザインの仕組みをサンプルとともに詳解。
●こんな人に向けた本です
1入門から次のステップに進みたい人
2コーポレイトサイトを作ってみたい人
3HTML/CSSの仕組みを学び、現場でワンランク上のアウトプットを目指したい人
●こんな内容の本です
1Webデザインの仕組みをサンプルとともにしっかりと解説しています。
2HTML/CSSの仕様に基づいた解説で、デザインにプラスアルファの効果を与える正確なマークアップの知識が身につきます。
3迷ったときに正しい技術を指し示してくれる教科書です。 -
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
Webサイト制作をこれから学ぶ人へ送る
“1冊目”に最適の入門書!【学びをサポートする4大特典つき】
本書は手を動かしてWebサイトを作りながら
HTML/CSSとWebデザインの基本を楽しく学べる入門書です。
初学者が1冊目に読む本としてふさわしい内容を盛り込んでいるため、
これを読めば必要な基礎知識がひととおり身につきます。
制作できるサイトは計4種。
初歩的な内容から少しずつレベルアップしていき、
Flexboxレイアウト・CSSグリッドレイアウト・
レスポンシブデザイン・CSSアニメーションも作れるようになります。
またコーディングの知識だけではなく、
学習を続ける上での学び方のコツやポイントも紹介。
知識ゼロからスタートした人でも、1冊を読み終えるころには
自ら学習を深めていけるようになるでしょう。
■わかりやすい!楽しい!ポイント
・やさしく要点をおさえた解説
・手を動かして作ることを重視した構成
・おしゃれでバリエーション豊かなサンプルサイト
・豊富な図解とイラスト、キャラクターによるガイド
・重要ポイントの理解を助ける補足動画
■こんな方におすすめ!
・Webサイト制作をゼロから学びたい初心者
・1冊目の入門書を探している人
・Web制作の仕事を目指している人
■学習をサポート!嬉しい4大特典つき
(※翔泳社サイトにて無料のID登録とダウンロードの必要があります)
1.サンプルサイトのXDデータ
2.特典PDF:Webサイトの公開方法
3.制作に役立つおすすめサイト集
4.初学者必携のチートシート
※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。 -
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】
脱・その場しのぎのコーディング!
現場で迷わない実務レベルのテクニックを身につける
HTML/CSSの知識をひと通り身につけて、デザインカンプ通りの実装ができるようになっても、実際の制作現場では、コーディングの選択肢に迷う場面が多々あります。
タグやプロパティについて「どうしてそれを選んだのか」と聞かれたとき、あなたは自信を持って答えることができるでしょうか?
レイアウト手法について、いつも手癖で慣れたものを採用していて、本当にこのアプローチが最適なのか、不安を感じることはありませんか?
本書は、入門レベルの知識だけでは切り崩せない、実務ならではのコーディングの悩み・課題を、プロの視点で解説します。仕様書を読むだけでは得られない「現場の経験則」をもとに、状況や目的に応じた、知識の組み合わせ方・選択肢の選び取り方がわかります。
Web制作には無数ともいえるアプローチがあり、ただなんとなく知識を蓄えているだけでは、実務で求められるコーディングの攻略は困難です。本書を読んで「ただ知っているだけの知識」を「現場で活かせるスキルと自信」に変えましょう。
■解説トピック
・sectionとarticle、どのように使い分ける?
・background-imageではなく、imgを使うべき画像とは?
・カラムレイアウトに適しているのは、float・flex・gridのどれ?
・Class名の位置はどのように判断すればいい?
・運用しやすいコードを書くためには何に配慮する? …など
■本書のおすすめポイント
・実際の制作の流れに沿って工程ごとのポイントが理解できる
・キャラクターによるガイドでわかりやすく読み進められる
・「練習サンプル」で手を動かしながら理解できる
■対象読者
・実務で通用するスキルを身につけたいWeb制作会社の新人
・Web制作の仕事に就きたい学生、社会人
・指示される通りのコーディングから脱して、よりよい書き方を知りたい初級者
■目次
Lesson1 デザインカンプを正しく理解する
Lesson2 プレーンなHTMLを作成する
Lesson3 デザイン実装のための情報を追加する
Lesson4 ページのレイアウトを実装する
Lesson5 パーツのデザインを作り込む
Lesson6 レスポンシブ対応する
Lesson7 ワンランク上のコーディングを目指す
※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。 -
AMP(Accelerated Mobile Pages)は、Googleが中心となって開発を進めているフレームワークです。AMPを利用することで、これまでのような手間のかかる設定をしなくても、Webページの高速表示を実現できます。
本書では、WordPressを使って構築したサイトで、AMP対応ページを作成・アレンジしていく方法をステップ・バイ・ステップで解説していきます。
●基礎
WordPressの開発元が提供しているプラグインで、AMPページはすぐに作成できます。
●実践
AMPページをカスタマイズして、ビデオ、SNS投稿などの各種メディアを表示します。
●応用
ナビゲーションメニューや、広告の表示、アクセス解析の設定などのアレンジを行います。 -
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。「これからInDesignを使いたい」という人のための、やさしくわかりやすい入門書の登場です。作例を解説手順に沿って一緒に作成しながら、InDesignによるレイアウトの流れをマスターできる構成になっています。「手を動かす」「合わせてその意味を習得する」「制作を楽しむ」のカリキュラムにより、難しそうに見えるInDesignもきっと攻略できることでしょう。InDesign CS6対応。学習用ファイルはサポートサイトからダウンロードできます。■CONTENTSInDesignの概要を知っておこう/リーフレットを作成しよう!/リーフレットの裏面を作成しよう!/雑誌の特集ページを作成しよう!/印刷用データを作成しよう/EPUB書き出しをしよう/InDesignを便利に使おう■著者瀧野福子(タキノフクコ) 株式会社ウイッシュ代表取締役。IT関連のショーでMacintoshのナレーションを担当したことがきっかけで、DTPセミナーの講師をすることになる。以来、印刷、デザイン業界向けセミナーの講師を経て、2000年に独立しDTPスクールを開講する。2006年にWEBの企画・デザイン、DTP制作を主とする「株式会社ウイッシュ」を設立する。現在は、DTPセミナーに関する業務全般とWEBのディレクションを担当。※著者略歴は書籍刊行時のものを表示しています。
・キャンペーンの内容や期間は予告なく変更する場合があります。
・コインUP表示がある場合、ご購入時に付与されるキャンペーン分のコインは期間限定コインです。詳しくはこちら
・決済時に商品の合計税抜金額に対して課税するため、作品詳細ページの表示価格と差が生じる場合がございます。
