پیشنهاد فرادرس

آموزش تبدیل PSD به HTML از Train Simple

دسته بندی ها: آموزش های Train Simple ، آموزش طراحی وب ، آموزش HTML

آموزش-تبدیل-psd-به-html-از-train-simple

در این آموزش تصویری با نحوه تبدیل یک طرح PSD به HTML آشنا می شوید.

این دوره آموزشی محصول Train Simple است.

سرفصل های دوره آموزشی:

  • خلاصه دوره
  • راه اندازی و تجزیه و تحلیل
  • کار با Export Button Graphics
  • برنامه نویسی Top Section
  • افزودن تصویر پس زمینه
  • ایجاد لینک
  • برنامه نویسی Header Structure
  • افزودن لوگو
  • افزودن منو
  • ایجاد ساختار HTML
  • افزودن Arrow Images

لیست سرفصل های دوره آموزشی:

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.

Course Outline Setup and Analyze

2.24 MB 2:39 Welcome 6.14 MB 3:21 Getting Setup Properly 4.72 MB 4:02 Analyze the Layout 11.63 MB 7:34 Isolate and Export Graphics 3.95 MB 3:12 Additional Export Considerations 9.73 MB 6:34 Isolating Button Graphics 8.63 MB 5:14 Export Button Graphics 1.96 MB 1:09 Next Steps Coding the Top Section

4.83 MB 3:11 Getting Started 18.43 MB 5:36 Calculating the Width 11.33 MB 7:42 Adding the Background Image 28.35 MB 10:47 Creating the Links 10.13 MB 4:42 Reviewing the F2FW ico Class 8.58 MB 4:34 Creating the Social Icon Graphics 17.88 MB 5:27 Displaying the Social Icons Coding the Header

7.47 MB 3:48 Coding the Header Structure 16.18 MB 5:08 Included F2FW ID's and Classes 11.04 MB 6:25 Create the Gradient Background 15.38 MB 7:06 Adding the Logo 18.4 MB 9:47 Adding the Menu Coding the Page "Hello" Section

3.21 MB 1:52 Creating the HTML Structure 11.84 MB 5:05 Creating the Gradient Background 8.74 MB 4:33 Adding the Border 15.51 MB 8:48 Coding the Top Bar 12.35 MB 6:22 Adding the Hello Button 22.55 MB 10:05 Creating the Article Text 16.86 MB 11:05 Adding the Custom Buttons 6.83 MB 3:55 Placing the Slider Image 8.59 MB 5:42 Generating the Next and Previous Buttons 11.4 MB 6:33 Position Button and Create Image Files 7.54 MB 5:07 Adding the Arrow Images Coding the Page Albums and Blog Section

15.79 MB 9:59 Coding the Thumbnails 11 MB 7:30 Adding Gray Surrounds and White Space 4.62 MB 2:26 Correcting Thumbnail Appearance 6.07 MB 4:10 Styling the Hyperlinks 16.87 MB 10:25 Adding the Icons to the Hyperlinks 10.45 MB 5:28 Coding the HTML for the Blog Section 12.76 MB 4:35 Styling the Blog Section 18.81 MB 10:00 Displaying Blog Post Icons 8.62 MB 5:09 Changing Icon Position Coding the Footer and Debugging

10.88 MB 5:41 Coding the HTML for the Footer 12.7 MB 8:18 Styling the Footer 5.21 MB 2:54 Testing in Safari, Chrome, and Opera 7.94 MB 3:50 Debugging Firefox Issues 3.74 MB 3:01 Testing in Internet Explorer 9 3.49 MB 2:28 Using Adobe Browser Lab 3.79 MB 2:43 Adding the @font-face Declaration 8.96 MB 5:21 Correcting IE Bug 1 and 2 2.97 MB 2:05 Correcting IE Bug 3 and 4 7.94 MB 8:30 Correcting IE Bug 5 and 6 845.7 KB 0:57 Conclusion

عنوان دوره: Train Simple - Photoshop PSD to HTML حجم فایل: 500MB

آیا این نوشته را دوست داشتید؟
Train Simple Photoshop PSD to HTML

پیشنهاد فرادرس