Practical Web Design: Learn the fundamentals of web design with HTML5, CSS3, Bootstrap, jQuery, and Vue.js

Philippe Hong

  • 出版商: Packt Publishing
  • 出版日期: 2018-04-27
  • 售價: $1,770
  • 貴賓價: 9.5$1,682
  • 語言: 英文
  • 頁數: 368
  • 裝訂: Paperback
  • ISBN: 1788395034
  • ISBN-13: 9781788395038
  • 相關分類: BootstrapCSSHTMLjQueryVue.js網頁設計
  • 海外代購書籍(需單獨結帳)

商品描述

A step by step guide for beginners to create interactive and dynamic websites from scratch.

Key Features

  • A fun-filled book with incrementing projects that would help you learn and adapt the fundamentals of web development
  • Bring your web design to life with the help of HTML, CSS, JQuery, and learn to kick-start your future projects with Bootstrap
  • Explore popular web development techniques such as responsive, adaptive, and material design and initiate yourself with Vue.js

Book Description

Web design is the process of creating websites. It encompasses several different aspects, including webpage layout, content production, and graphic design. This book offers you everything you need to know to build your websites.

The book starts off by explaining the importance of web design and the basic design components used in website development. It'll show you insider tips to work quickly and efficiently with web technologies such as HTML5, CSS3, and JavaScript, concluding with a project on creating a static site with good layout. Once you've got that locked down, we'll get our hands dirty by diving straight into learning JavaScript and JQuery, ending with a project on creating dynamic content for your website. After getting our basic website up and running with the dynamic functionalities you'll move on to building your own responsive websites using more advanced techniques such as Bootstrap. Later you will learn smart ways to add dynamic content, and modern UI techniques such as Adaptive UI and Material Design. This will help you understand important concepts such as server-side rendering and UI components. Finally we take a look at various developer tools to ease your web development process.

What you will learn

  • Understand the importance of web design and the basic design components
  • Learn HTML5 and CSS3
  • Difference between adaptive and responsive web design
  • Learn how to create your first website
  • Add interaction and dynamic content to your website with JavaScript and JQuery
  • Implement Bootstrap Framework in your project
  • Get familiar with server-side rendering

Who This Book Is For

This book is for anyone who wants to learn about web development regardless of previous experience. It's perfect for complete beginners with zero experience; it's also great for anyone who does have some experience in a few technologies (such as HTML and CSS) but not all of them.

Table of Contents

  1. Evolution of Web Design
  2. Web Design and its Components
  3. Website Designing Workflow
  4. Responsive Versus Adaptive Design
  5. Learning HTML5
  6. Learning CSS3
  7. Project on Building Our Own Website
  8. Making Our Website Responsive
  9. Adding Interaction and Dynamic Contents
  10. Optimizing and Launching Our Website
  11. What Is Bootstrap?
  12. Building a Website with Bootstrap
  13. Introduction to Client-Side Rendering
  14. Tools to Help Your Workflow

商品描述(中文翻譯)

一本針對初學者的逐步指南,從零開始創建互動和動態網站。

主要特點:
- 一本充滿樂趣的書,通過逐步項目幫助您學習和掌握網頁開發的基礎知識。
- 使用HTML、CSS、JQuery等技術將您的網頁設計變得生動有趣,並學習如何使用Bootstrap啟動未來的項目。
- 探索流行的網頁開發技術,如響應式設計、自適應設計和材料設計,並介紹Vue.js。

書籍描述:
網頁設計是創建網站的過程,包括網頁佈局、內容製作和圖形設計等多個方面。本書提供了您建立網站所需的一切知識。

本書首先解釋了網頁設計的重要性以及網站開發中使用的基本設計組件。它將向您展示如何使用HTML5、CSS3和JavaScript等網頁技術的內幕技巧,並以創建具有良好佈局的靜態網站的項目結束。一旦您掌握了這些基礎知識,我們將深入學習JavaScript和JQuery,最終通過創建網站的動態內容項目來實踐所學。在使用更高級技術(如Bootstrap)構建自己的響應式網站之後,您將學習添加動態內容和現代UI技術(如自適應UI和材料設計)。這將幫助您理解重要的概念,如服務器端渲染和UI組件。最後,我們將介紹各種開發工具,以簡化您的網頁開發過程。

您將學到什麼:
- 了解網頁設計的重要性和基本設計組件
- 學習HTML5和CSS3
- 適應性和響應式網頁設計的區別
- 學習如何創建您的第一個網站
- 使用JavaScript和JQuery為您的網站添加互動和動態內容
- 在項目中實施Bootstrap框架
- 熟悉服務器端渲染
- 這本書適合誰閱讀:
- 本書適合任何想學習網頁開發的人,無論之前有無經驗。對於完全沒有經驗的初學者來說,這本書非常適合;對於在某些技術(如HTML和CSS)上有一些經驗但不是全部技術的人來說,這本書也非常適合。

目錄:
1. 網頁設計的演變
2. 網頁設計及其組件
3. 網站設計工作流程
4. 響應式設計與自適應設計
5. 學習HTML5
6. 學習CSS3
7. 建立我們自己的網站項目
8. 使我們的網站具有響應式設計
9. 添加互動和動態內容
10. 優化和發布我們的網站
11. 什麼是Bootstrap?
12. 使用Bootstrap構建網站
13. 客戶端渲染入門
14. 幫助您工作流程的工具