[Train Simple] Photoshop PSD to HTML [2014, ENG]

Видео уроки, книги, учебники по самому популярному графическому редактору (фотошоп)
Торрент Сидеров Личеров Размер
3 1 516.36 МБ
Аватара пользователя
Сообщения: 22944
Зарегистрирован: 13 янв 2016, 22:10

[Train Simple] Photoshop PSD to HTML [2014, ENG]

Сообщение Солнышко » 27 фев 2017, 19:49

23Photoshop PSD to HTML

Год выпуска: 2014
Производитель: Train Simple
Сайт производителя: trainsimple.com
Продолжительность: 4:30
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: If you want to learn how to convert a design from an Adobe Photoshop file, into an HTML/CSS document, then this course is for you. It’s a step-by-step course that explains everything you need to know to get started. You should already be familiar with basic concepts of HTML & CSS. We'll convert a layout in Photoshop into a working HTML/CSS file that works consistently across all major web browsers.

Экспорт HTML из Фотошопа.
1. Setup and Analyze
Getting Setup Properly
Analyze the Layout
Isolate and Export Graphics
Additional Export Considerations
Isolating Button Graphics
Export Button Graphics
Next Steps

2. Coding the Top Section
Getting Started
Calculating the Width
Adding the Background Image
Creating the Links
Reviewing the F2FW ico Class
Creating the Social Icon Graphics
Displaying the Social Icons

3. Coding the Header
Coding the Header Structure
Included F2FW ID's and Classes
Create the Gradient Background
Adding the Logo
Adding the Menu

4. Coding the Page "Hello" Section
Creating the HTML Structure
Creating the Gradient Background
Adding the Border
Coding the Top Bar
Adding the Hello Button
Creating the Article Text
Adding the Custom Buttons
Placing the Slider Image
Generating the Next and Previous Buttons
Position Button and Create Image Files
Adding the Arrow Images

5. Coding the Page Albums and Blog Section
Coding the Thumbnails
Adding Gray Surrounds and White Space
Correcting Thumbnail Appearance
Styling the Hyperlinks
Adding the Icons to the Hyperlinks
Coding the HTML for the Blog Section
Styling the Blog Section
Displaying Blog Post Icons
Changing Icon Position

6. Coding the Footer and Debugging
Coding the HTML for the Footer
Styling the Footer
Testing in Safari, Chrome, and Opera
Debugging Firefox Issues
Testing in Internet Explorer 9
Using Adobe Browser Lab
Adding the @font-face Declaration
Correcting IE Bug 1 and 2
Correcting IE Bug 3 and 4
Correcting IE Bug 5 and 6
Файлы примеров: присутствуют
Формат видео: MOV
Видео: AVC, 1280x800, 16:10, 2.9fps, 121kbps
Аудио: AAC, 44.1kHz, 112kbps, mono
У вас нет необходимых прав для просмотра вложений в этом сообщении.