資料介紹

• 網頁設計教程/視頻教程/軟件
• 計算機資料
• InDesign教程/視頻教程/軟件

語言：英語
網址：http://www.lynda.com/InDesign-tutorials/InDesign-Web-Design/105366-2.html
類別：教程

由Lynda出品的Adobe InDesign 網頁設計教程。
教學時長：7小時7分鐘，
主講：Michael Murphy
教程所使用的軟件：Adobe InDesign CS6

Adobe InDesign CS6 軟件是能夠幫您優化設計和排版像素的多功能桌面出版應用程序。創建用於打印、平板電腦和其他屏幕中的優質和精美的頁面。輕松調整版面，使其適應不同的頁面大小、方向或設備，獲得更佳的效果。InDesign 提供了具有獨特優勢的網站設計，強大的文本和對象樣式、 頁面網格功能和交互功能，強大的工具集快速創建網頁原型。

本課程講解了網頁設計師如何建立網頁文件，利用網頁字體最大的兼容性，設計一個導航欄，甚至模仿樣式與設計風格。最後一章展示了如何導出您的版面編排為 HTML、 CSS、 PDF、 SWF 和 web 優化的圖像，可以向客戶端顯示或快速發布到 web。


InDesign offers unique advantages for kick-starting a website design, such as its unmatched typographic control, pixel-perfect positioning, and fluid, intuitive layout environment. InDesign offers designers who want to quickly create webpage prototypes a powerful toolset with robust text and object styles, page grid features, and interactivity—and none of the limitations of Photoshop, complexities of Dreamweaver, or burdens of hand-coding HTML and CSS. This course shows aspiring web designers how to set up documents for the web, utilize web fonts for maximum compatibility, design a navigation bar, and even mimic CSS with InDesign styles. The final chapter shows how to export your mockups as HTML, CSS, PDF, SWF, and web-optimized images that can be shown to clients or quickly published to the web.

Topics include:
Understanding web concepts such as pages, pixels, and the box model
Working within web colors and grids
Working with type and type styles
Designing a nav bar with tables
Setting up a template with headers, footers, and modular content
Experimenting with liquid and alternate layouts
Adding interactive content such as links and video
Exporting flat PNG and JPEG comps
Exporting HTML and CSS content