本書は4コママンガを交えて、ユーモアたっぷりにWebサイト製作の基本を初心者向けにわかりやすく解説しています。Webサイトを制作する前の企画の段階から、HTMLやCSS、JavaScriptはもちろん、Webサイトの企画や公開、運営などについても触れています。これからWebデザイン・Webサイト製作をはじめたい人にオススメの1冊です。
HTML/セッション/DB接続/MVC設計etc…Webアプリのしくみとコツが効率的に身に付く!Java標準技術で、Webアプリ開発の基礎をしっかり学べる!!あるあるエラー&お悩みパターン全51種の原因と解決法つき!Jakarta EE10に対応。
新しいHTMLの一番やさしい解説書!HTML5はオーディオやビデオもサポートし、プログラミング的な動作も可能となるなど、機能の充実が耳目を集めています。本書は、初心者でもわかりやすいイラストを中心にした構成で、基本的なタグの書き方から、新しい機能であるCanvasやストレージまで解説。
本書は、マルチデバイスに対応したWebサイトをステップ・バイ・ステップで作成し、最新標準のHTML+CSSをマスターすることを目的とした書籍です。
Webページ制作を取り巻く環境は、ここ数年で大きく変化しています。
スマートフォンやタブレットといったモバイルデバイスからのアクセスがPCを凌駕し、それとともにWebページのデザインも1段組みをベースとしたシンプルなものが求められるようになっています。
そこで、本書では古いブラウザに縛られた時代には使い切ることができなかった機能をふんだんに活用し、今どきのWebページをシンプルなステップで形にしていく方法をまとめました。
サンプルサイトの制作工程を6ステップに分け、
CHAPTER1 下準備
CHAPTER2 トップページの作成 - コンテンツ編
CHAPTER3 トップページの作成 - ナビゲーション編
CHAPTER4 コンテンツページの作成
CHAPTER5 記事一覧ページの作成
CHAPTER6 アレンジ
と順に進めていくことで、基本からアレンジの方法まで、効率よくマスターできるカリキュラムとなっています。
本書サポートサイトから学習用のファイルをダウンロードできますので、それを使って学習することができます。
「HTML5は2014年に正式勧告がリリースされ、2年が経とうとしていますが、まもなくHTML5.1の勧告もリリースされる予定です。CSSはさまざまな機能がCSS3やCSS4の規格として採り入れられ、策定作業が進められています。
同時に、OSレベルでのサポートの打ち切りなどにより、ブラウザの世代交代も強制的に進んでおり、主要ブラウザは最新のHTML+CSSをフルにサポートした状態になっています。
こうした現状をあらためてみると、
そろそろHTML5+CSS3の真価を発揮させてもいい時期
になったのではないでしょうか。」(著者「はじめに」より)
巻末にはHTMLとCSSのリファレンスも用意し、学習中に適宜参照できるようになっています。
これからWebページ制作を学びはじめる方にも、最新のHTML+CSSに興味がある方にも、これからのWebページ制作に求められるスキルやテクニックをまとめた1冊として、役立てていただければ幸いです。
好評の初心者向けデザインシリーズ「デザインの学校」に、Dreamweaver CCの解説書が登場! 「作例を作りながら学べる」「短期間で基本操作を習得できる」「大きな文字と画面で読みやすい」といった特徴はそのままに、2019年最新のDreamweaverに対応。一流の講師が解説しているので、手順に沿ってサンプルを作るだけで必須のテクニックが身に付きます。なるべくかんたんなDreamweaverの本が欲しい、Dreamweaverによるwebサイト制作の流れを学びたい、という方に最適な、一番やさしい入門書です。
●Chapter 1 webページを作成しよう
Visual Index
01 新規ファイルを作成しよう
02 原稿をファイルに貼り付けよう
03 ファイルを保存しよう
●Chapter 2 HTMLタグを編集しよう
Visual Index
01 テキストを見出しやリストにしよう
02 画像を挿入しよう
03 リンクを設定しよう
04 内容を組み立てる要素を設定しよう
05 複数の要素をひとつにまとめよう
●Chapter 3 ビデオや地図を挿入しよう
Visual Index
01 work.htmlファイルを開こう
02 ビデオを挿入しよう
03 地図を埋め込もう
●Chapter 4 CSSでスタイルを設定しよう
Visual Index
01 CSSデザイナーを表示しよう
02 CSSファイルを作成しよう
03 全体のスタイルを設定しよう
04 見出しのスタイルを設定しよう
05 テキストのスタイルを設定しよう
●Chapter 5 CSSでデザインを整えよう
Visual Index
01 レイアウトに関するスタイルを設定しよう
02 画像のサイズに関するスタイルを設定しよう
03 ナビゲーションに関するスタイルを設定しよう
04 ボーダーに関するスタイルを設定しよう
05 要素の表示形式に関するスタイルを設置しよう
●Chapter 6 スタイルを関連づけよう
Visual Index
01 CSSファイルを関連づけよう
02 web ページにスタイルを追加しよう
03 ビデオと地図のスタイルを設定しよう
04 ブラウザーで確認しよう
●Chapter 7 スマートフォン用のスタイルを定義しよう
Visual Index
01 スマホ用のスタイルを設定しよう
02 リストのスタイルを設定しよう
03 リスト項目のスタイルを設定しよう
04 ニュースのスタイルを設定しよう
05 画像のスタイルを設定しよう
06 スタイルを手動で修正しよう
インターネットで学ぶ話題の通信制学校「N高校」が展開するプログラミング教育メソッドを大公開! これからの時代に必須のスキル「Webプログラミング」の基礎を名物エンジニアが丁寧に解説。 読むだけでなく、実際に手を動かすことで実践的な知識をインプット。 ゲームやプログラミングに興味を持ったら、この本にトライ!4年ぶりの改訂版。
【目次】
<CHAPTER1 HTMLでWebページを作ってみよう>
SECTION01 プログラミングを体験してみよう
SECTION02 はじめてのHTML
SECTION03 さまざまなHTMLタグ
SECTION04 HTMLで作る自己紹介ページ
<CHAPTER2 JavaScriptでプログラミングしてみよう>
SECTION05 はじめてのJavaScript
SECTION06 JavaScriptでの計算
SECTION07 JavaScriptで論理を扱う
SECTION08 JavaScriptのループ
SECTION09 JavaScriptのコレクション
SECTION10 JavaScriptの関数
SECTION11 JavaScriptのオブジェクト
<CHAPTER3 CSSでWebページをデザインしてみよう>
SECTION12 はじめてのCSS
SECTION13 CSSを使ったプログラミング
<CHAPTER4 診断アプリを作ってみよう>
SECTION14 Webページの企画とデザイン
SECTION15 診断機能の開発
SECTION16 診断機能の組み込み
SECTION17 ツイート機能の開発
SECTION18 GitHubでWebサイト公開
<CHAPTER1 HTMLでWebページを作ってみよう>
SECTION01 プログラミングを体験してみよう
SECTION02 はじめてのHTML
SECTION03 さまざまなHTMLタグ
SECTION04 HTMLで作る自己紹介ページ
<CHAPTER2 JavaScriptでプログラミングしてみよう>
SECTION05 はじめてのJavaScript
SECTION06 JavaScriptでの計算
SECTION07 JavaScriptで論理を扱う
SECTION08 JavaScriptのループ
SECTION09 JavaScriptのコレクション
SECTION10 JavaScriptの関数
SECTION11 JavaScriptのオブジェクト
<CHAPTER3 CSSでWebページをデザインしてみよう>
SECTION12 はじめてのCSS
SECTION13 CSSを使ったプログラミング
<CHAPTER4 診断アプリを作ってみよう>
SECTION14 Webページの企画とデザイン
SECTION15 診断機能の開発
SECTION16 診断機能の組み込み
SECTION17 ツイート機能の開発
SECTION18 GitHubでWebサイト公開
競争の激しい中で、自社サイトをたくさんの訪問者に見てもらい、そのまま商品を申し込んでもらうためには次の4つのセンスがバランスよく必要です。
・ウェブを使ったビジネスのセンス
・ウェブデザインのセンス
・ウェブ上でのコミュニケーションのセンス
・ウェブ技術のセンス
この4つのセンスをバランスよく持っていただくために本書では、「ウェブサイト制作の流れ10のステップ」を解説します。
この10のステップを知ることにより読者が4つのセンスを短時間で身に付けることを目指します。これら4つのセンスが身に付けば集客力のあるウェブサイトを作るためにはどのような選択肢があるのかを知り、1つひとつの決断をする力を持つことができるはずです。
第1章 ウェブサイト制作の流れ
第2章 サイトゴールと市場分析
第3章 ターゲットユーザーとペルソナ
第4章 サイトマップとワイヤーフレーム
第5章 デザインカンプ
第6章 コンテンツ
第7章 HTMLとCSSのコーディング
第8章 プログラミング
現場のプロがとことん教える実務で使えるマルチデバイス対応サイトの作り方。1ソースであらゆるデバイスに対応する最新のWeb制作技術を確実に身につけよう。
WordPressを起動から操作のすべてを解説します。WordPressはオンラインでWebページの作成・編集ができるオープンソースのソフトウェアです。Webの深い知識がなくても誰でも簡単にはじめられ、高品質なデザインが豊富に用意されており、カスタマイズ性に優れ、本格的な商業ページの運用も格安でできます。
バージョン6では従来のバージョン5までと機能が変わっていることから、新しい機能の解説を追加しました。
ブログに触るのは初めてという人から、会社や個人ショップの立ち上げをしたい人まで、あらゆる読者に対応しています。
Chapter0 自分の夢を発信するために
Part1
Chapter1 そうだ! WordPressがあるじゃないか
Chapter2 WordPressでブログをしてみる
Chapter3 これってどうやったらできるの
Chapter4 Webのビジュアルデザインを勉強しよう
Part2 主婦だってブログで情報発信するわよ
Chapter5 スマホユーザー向けのブログサイトをつくろう
Chapter6 セキュリティをしっかりしたら訪問者を増やそう
Part3 入社2年目の新米が事務所のサイトをつくる
Chapter7 ビジネスサイトをつくるぞ
Chapter8 Webサイトでビジネスする
Chapter0 自分の夢を発信するために
Part1
Chapter1 そうだ! WordPressがあるじゃないか
Chapter2 WordPressでブログをしてみる
Chapter3 これってどうやったらできるの
Chapter4 Webのビジュアルデザインを勉強しよう
Part2 主婦だってブログで情報発信するわよ
Chapter5 スマホユーザー向けのブログサイトをつくろう
Chapter6 セキュリティをしっかりしたら訪問者を増やそう
Part3 入社2年目の新米が事務所のサイトをつくる
Chapter7 ビジネスサイトをつくるぞ
Chapter8 Webサイトでビジネスする
「プログラムの読み方をすべて載せる」という手法で究極のやさしさを目指した人気の「ふりがなプログラミング」シリーズから、Pythonを使ったスクレイピングの入門書が登場。スクレイピングを用いればWeb上のサイトを定期的にチェックしたり、一覧になったURLのリンク先を順番に参照したりといった作業を自動化できます。応用できる範囲は趣味から仕事まで幅広く、Pythonで行えることが一気に広がります。本書ではWebサイトの構造を把握することからしっかり解説。データの収集・整理・加工といった一連の流れを学べます。
2022年11月末、Linux Professional Institute(LPI)より、Web Development Essentials日本版がリリースされました。Web Development Essentialsは、Web 技術を使用したソフトウェア開発の入門プログラムであり、学習後の受験により、合格認定がされます。本プログラムは、これからソフトウェア開発を始める学習者を対象とし、Webベースのアプリケーションを開発するために必要な基本的な概念、HTML、CSS、JavaScript、Node.js、SQLなどの基礎的なレベルで構成されています。
本書は実施団体LPI公式認定の試験対策教材です。各章末の演習問題と最終章の模擬問題で、学習の総仕上げができます。
第1章 ソフトウェア開発とウェブ技術
1.1 ソフトウェア開発の基礎
1.2 ウェブアプリケーションアーキテクチャー
1.3 HTTPの基礎
第2章 HTMLドキュメントマークアップ
2.1 HTMLドキュメントの仕組み
2.2 HTMLの意味とドキュメントの階層
2.3 HTML参照と埋め込みリソース
2.4 HTMLフォーム
第3章 CSS コンテンツ スタイリング
3.1 CSSの基礎
3.2 CSSセレクタとスタイルの適用
3.3 CSS スタイリング
3.4ボックスモデルとレイアウト
第4章 JavaScript プログラミング
4.1 JavaScriptの実行と文法
4.2 JavaScriptデータ構造
4.3 JavaScriptの制御構造と関数
4.4 ウェブサイトのコンテンツとスタイリングのJavaScriptによる操作
第5章 Node.jsサーバプログラミング
5.1 Node.jsの基礎
5.2 Expressの基礎
5.3 SQLの基礎
第6章 Web Development Essentials 模擬試験問題
JavaScriptによるWeb開発のための究極のレシピ集。制作の現場で使われる定番テクニックからプロ技まで余すところなく集めました。目的別にレシピを整理。「あのプログラムはどう書くんだろう?」が、スグにわかります。JavaScriptを学び始めた方から中級エンジニアの方まで納得。ECMAScript 2018に準拠。
定番のHTMLタグ解説にCSSでのページデザイン解説をプラスして、Web標準に対応。Webページの構造と見た目の基本がこれ1冊でわかる。Internet ExplorerやFirefoxはもちろん、Google Chromeなどの最新人気ブラウザもサポート。ダウンロード可能なサンプルソースも一新し、よりわかりやすくなった。最新情報を盛り込んだ便利なWeb用語辞典も付いている。
本書は、LPI-Japanが主催する「HTML5プロフェッショナル認定試験 レベル2 Ver2.0」(2017年3月改訂版)に合格するための知識を身につけるための書籍です。
レベル2の試験範囲ではJavaScriptが大きなウェイトを占めます。
よって本書は大きく「速習入門」(Chapter1)と「リファレンス」(Chapter2〜4)の2部構成となっています。
Chapter1では、HTML/CSSは書けるけれども、これまでプログラミングに触れたことがない方、または一旦始めたけれども挫折したといった人に向けて、「JavaScriptがどんなものか」「ウェブ制作の現場においてどのように使われているか」をじっくり学べるように構成されています。
Chapter2〜4は、「HTML5プロフェッショナル認定試験 レベル2」の出題範囲を対象として、網羅的・体系的にまとめてあります。「JavaScriptの文法」ではJavaScriptの文法を簡潔にまとめ、「WebブラウザにおけるJavaScript API」ではイベント、DOM、ウィンドウオブジェクト、Selectors APIなどのトピックを、「さまざまなHTML5関連API」ではグラフィックス・アニメーション、マルチメディア、ストレージ、通信、デバイスアクセス、パフォーマンスなどのトピックを扱っています。
問題集も、試験内容に合わせ、大幅に改訂しました。
本書を資格取得において活用していただければ幸いです。
Chapter1 速習JavaScript入門
Chapter2 JavaScriptの文法
Chapter3 WebブラウザにおけるJavaScript API
Chapter4 さまざまなHTML5関連API
HTML5とCSS3をより深く理解し、使いこなしたい人のためのガイドブック
フロントエンドエンジニアの方や、Web制作に関わっていてHTML5/CSS3を使いこなしたい、と思っている人のためのガイドブックです。
思ったようなデザインをどう実現するか、現在の仕様がどのようになっているか、現時点で何に留意して制作を進めていけばよいか、制作の現場で必要不可欠な情報を凝縮しました。
現場でリファレンスとしてぜひ常備しておきたい、「現在」と「これから」の標準をまとめた1冊。
『HTML5スタンダード・デザインガイド』『CSS3 スタンダード・デザインガイド』『これからの「標準」を身につける HTML+CSSデザインレシピ』等でWebの仕様解説に定評のある著者の手による、渾身の最新刊です。
【内容】
Chapter 1 HTML
Chapter 2 Webページの作成とメタデータ
Chapter 3 コンテンツのマークアップ
Chapter 4 CSSの適用
Chapter 5 ボックスのレイアウト
Chapter 6 フレキシブルボックスレイアウト
Chapter 7 グリッドレイアウト
Chapter 8 テーブル
Chapter 9 テキスト
Chapter 10 エンベディッド・コンテンツ
Chapter 11 フォーム
Chapter 12 特殊効果
スマートフォンで見やすく、押しやすいデザインでCTRを上げる! スマホ対応メルマガの設計からデザイン、コーディング、効果測定までを解説。すぐに使えるメールテンプレート&全文PDFダウンロードつき。
ユーザビリティからパフォーマンスまで、Yahoo!JAPANの技術者が贈る実践的テクニックの決定版!
AI、IoT時代を生き抜くための教養、それがプログラミングだ!
株式会社ドワンゴ 代表取締役会長の川上量生氏による
「人間との付き合いと同じくらいにコンピューターとの付き合いをうまくやることが重要な時代」をはじめにに掲載。
なぜ、プログラミングが最強のビジネススキルなのか?
その答えと、具体的な学び方がこれ1冊でわかる。
ニコニコ動画をつくったドワンゴ監修によるビジネスパーソン向け入門書。
ドワンゴが提唱する、今後ビジネスパーソンが備えるべき“素養としてのプログラミング知識”をわかりやすく解説。
これからはじめる人にオススメの1冊!
本当に人間の仕事がなくなるのかどうかの答えを最初に知ることができるのも、きっとこれからプログラミングを学ぶあなただーー。
はじめに 人間との付き合いと同じくらいにコンピューターとの付き合いをうまくやることが重要な時代 株式会社ドワンゴ 代表取締役会長 川上量生
1章 なぜ、プログラミングは最強のビジネススキルなのか?
2章 プログラミングとは何か?
3章 学ぶべきプログラミング言語
4章 実際にプログラミングを体験してみる HTML/CSS/JavaScript
5章 効率的に学習をすすめる方法
「ふりがな」で英語や記号の意味がわかる。「読み下し文」でプログラムが日本語の文章で読める。小学5年生以上対象。