Infinite Skills - PSD To HTML With Photoshop And Dreamweaver
MP4 | AVC 667kbps | English | 1280x720 | 15fps | 2h 15mins | AAC mono 64kbps | 635 MB
Genre: Video Training
In this PSD to HTML Using Photoshop and Dreamweaver training course, expert author David Place teaches you the core principles of creating workable websites using these two Adobe programs. This course is designed for users that already have a working knowledge of Photoshop and Dreamweaver. You will start out by creating a PSD mockup using Photoshop. David will teach you about the design basics in Photoshop, layer properties, slicing, and web optimization. From there, you will dive into working in Dreamweaver to transform your Photoshop document into a working website.
In Dreamweaver you will explore the process of setting up and managing a website, working with different view modes, and working with images and layout objects. This video tutorial will also teach you some fundamental HTML and CSS rules. Finally, you will work with the Live View in Dreamweaver to test your website.
By the completion of this video based training course, you will have developed the necessary skills needed to design, create, and publish a working website. Working files are included, allowing you to follow along with the author throughout the lessons.
Content:
01. Introduction
0101 What You Will Learn
0102 What Is PSD To Web Conversion?
0103 Working With Lesson Files
0104 Developing A Site Map
0105 How To Access Your Working Files
02. Creating A PSD Mockup
0201 Deciding On A Site layout
0202 Selecting Color And Fonts
0203 Using Photoshop To Create A Color Pallet
0204 Setting Up Document Size And Image Resolution
0205 Creating The PSD Mockup Navigation
0206 Completing The PSD Mockup
0207 Working With Placeholder Text
0208 Transparency And Graphics
0209 Slicing The Mockup
0210 Slice Options
0211 Saving For Web - Part 1
0212 Saving For Web - Part 2
03. Moving To Dreamweaver
0301 Organizing Files
0302 Setting Up And Managing A New Site
0303 Testing The Site Connection
0304 Working With The Files Tab
0305 Working With Code, Design And Split Views
0306 Working With Images And Layout Objects
04. Converting The PSD Mockup
0401 Opening Files In Dreamweaver
0402 Adding Title And Meta Name Tags
0403 Replacing Placeholder Slices With Div Tags
0404 Replacing Placeholder Text With HTML Using Div Tags
0405 Using AP Div Tags - Part 1
0406 Using AP Div Tags - Part 2
0407 Working With Stylesheets
0408 Creating New Style Rules
0409 Adding Hyperlinks - Relative And Absolute
05. Testing Your Site
0501 Working With Live View In Dreamweaver
0502 Checking Remote Files And Refreshing
0503 Viewing The Site In A Browser
06. Conclusion
0601 Summary
0602 About The Author
无限技能-到 HTML 与 Photoshop 和 Dreamweaver PSD
MP4 |AVC 667 kbps |英语 |1280 x 720 |15 fps |2 小时 15 分钟 |AAC 单 64 kbps|635 MB
体裁: 视频培训
在此 PSD 到 HTML 使用 Photoshop 和 Dreamweaver 的培训课程，专家作者 David 地方教你创建可行的网站使用这两个的 Adobe 程序的核心原则。本课程是为已有的 Photoshop 和Dreamweaver 工作知识的用户设计的。开始你会通过创建使用 Photoshop PSD 样机。David将教你关于在 Photoshop、 图层属性、 切片，和 web 优化设计基础。从那里，你将会陷入在Dreamweaver 将 Photoshop 文档转化为一个工作网站工作。
在 Dreamweaver 中你将探索过程的设置和管理一个网站，使用不同的视图模式，并处理图像和布局对象。本视频教程将教你一些基本的 HTML 和 CSS 规则。最后，您将使用 Dreamweaver来测试您的网站中的活视图。
通过此视频基础的培训课程完成后，您将开发设计、 创建和发布一个工作网站所需的必要技能。工作文件还包括，允许您按照贯穿于作者。
内容:
01.介绍
0101年你将学到什么
0102年转换的 Web PSD 是什么?
0103 使用课文件
0104 建立站点地图
0105 如何访问您的工作文件
02.创建一个 PSD 样机
0201 决定对一个网站布局
0202 选择颜色和字体
0203 使用 Photoshop 来创建颜色托盘
0204 设置文件大小和图像分辨率
0205 创建 PSD 样机导航
0206 完成 PSD 样机
0207 工作带有占位符文本
0208 透明度和图形
0209 切片样机
0210 切片选项
0211 保存为 Web-第 1 部分的
0212 保存为 Web-第 2 部分的
03.搬到 Dreamweaver
0301 组织文件
0302 设置和管理一个新的网站
0303 测试站点连接
0304 工作与文件选项卡
0305 工作代码、 设计与拆分视图
带有图像和布局对象 0306年工作
04.转换 PSD 样机
在 Dreamweaver 0401 打开文件
0402 添加标题和 Meta 标签名称
0403 替换占位符片 Div 标签
0404 替换占位符文本和 HTML 中使用 Div 标签
0405 使用 AP Div 标签-第 1 部分
0406 使用 AP Div 标签-第 2 部分
0407 工作与样式表
0408 创建新样式规则
0409 添加超链接-相对和绝对
05.测试您的网站
0501 工作与在 Dreamweaver 中的实时视图
0502 检查远程文件和刷新
0503 在浏览器中查看该网站
06.结论
0601 摘要
关于作者 0602