آموزش طراحی ریسپانسیو HTML CSS طراحی وب - Dreamweaver CC

سرفصل ها و درس ها

بررسی اجمالی Overview

• معرفی Introduction

• آنچه که ما برای این دوره خواهیم ساخت و منابع What we'll be building & resources for this course

ایجاد یک وب سایت HTML در Dreamweaver Creating an HTML Website in Dreamweaver

• راه اندازی Adobe Dreamweaver برای ایجاد وب سایت Setting up Adobe Dreamweaver to create websites

• نحوه ایجاد یک وب سایت جدید در Dreamweaver How to create a new website in Dreamweaver

• نحوه ایجاد یک صفحه HTML جدید در Dreamweaver و قرار دادن لوگوی خود How to create a new HTML page in Dreamweaver & put in your logo

• بهترین روش برای پیش نمایش وب سایت خود در Adobe Dreamweaver How best to preview your website in Adobe Dreamweaver

• جابجایی برچسب ها در Dreamweaver Moving tags around in Dreamweaver

استفاده از CSS در Dreamweaver Using CSS in Dreamweaver

• نحوه ایجاد، ویرایش و استایل اولین برگه سبک CSS خود با استفاده از Dreamweaver How to create, edit & style your first CSS style sheet in using Dreamweaver

• نحوه تغییر یا تنظیم سبک های CSS در وب سایت Dreamweaver How to change or adjust the CSS styles in your Dreamweaver website

• چگونه وب سایت خود را با استفاده از کانتینر در Dreamweaver مرکز کنید How to centre your website in Dreamweaver using a container

وب سایت های واکنش گرا Responsive Websites

• نحوه ایجاد تغییر وب سایت برای تلفن های همراه و تبلت با استفاده از Dreamweaver How to make a website change for mobile cell phones & tablets using Dreamweaver

• چگونه وب سایت Dreamweaver خود را بر روی تلفن همراه یا تبلت تست کنید How to test your Dreamweaver website on a mobile phone or tablet

منوی ناوبری موبایل Mobile Navigation Menu

• نحوه ایجاد منوی کشویی موبایل همبرگر در Dreamweaver How to create a hamburger mobile drop down menu in Dreamweaver

• استفاده از جاوا اسکریپت jQuery برای ایجاد منوی برگر کشویی موبایل در Dreamweaver Using Javascript jQuery to make a mobile dropdown burger menu in Dreamweaver

• طراحی منوی همبرگر و قرار دادن منوی اول ما در کنار هم Styling our hamburger menu & getting our ul menu to stack side by side

• نحوه اضافه کردن فونت های مختلف به وب سایت در Dreamweaver How to add different fonts to a website in Dreamweaver

• اصلاح سبک منوی کشویی برگر موبایل در Dreamweaver Fixing the style of the mobile burger drop down menu in Dreamweaver

اضافه کردن محتوا Adding Content

• برنامه ریزی برای قالب Dreamweaver ما Planning for our Dreamweaver template

• یک تصویر پس زمینه که خارج از ظرف اصلی ما در Dreamweaver است اضافه کنید Add a background image that is outside our main container in Dreamweaver

• نحوه استفاده از تگ اصلی HTML5 در Dreamweaver How to use the HTML5 main tag in Dreamweaver

• نحوه اضافه کردن تگ فوتر HTML5 به وب سایت با استفاده از Adobe Dreamweaver How to add the HTML5 footer tag to a website using Adobe Dreamweaver

قالب ها در Dreamweaver Templates in Dreamweaver

• چگونه در Adobe Dreamweaver یک قالب بسازم How do I make a template in Adobe Dreamweaver

• نحوه ایجاد صفحات جدید بر اساس قالب Dreamweaver How to create new pages based on a Dreamweaver template

اضافه کردن محتوا 2 Adding Content 2

• چگونه یک جعبه قهرمان ریسپانسیو برای وب سایت خود در Dreamweaver ایجاد کنیم How to create a responsive hero box for our website in Dreamweaver

• هنگامی که در Dreamweaver به چپ شناور می شوید و با پاک کردن f، مشکلات تگ های div را برطرف می کنید Fix problems with div tags when you float left in Dreamweaver aka clearing the f

• نحوه اضافه کردن و تغییر استایل یک قانون افقی HR در Dreamweaver How to add and change the styling of a horizontal rule HR in Dreamweaver

• نحوه ایجاد یک دکمه در Adobe Dreamweaver CC How to create a button in Adobe Dreamweaver CC

محتوای واکنش گرا Responsive Content

• با استفاده از Dreamweaver فونت و فاصله یک وب سایت را برای اندازه های تبلت و موبایل تغییر دهید Change fonts & spacing of a website for Tablet & Mobile sizes using Dreamweaver

• چگونه قسمت هایی از یک وب سایت را در نماهای مختلف مانند موبایل یا دسکتاپ خاموش کنیم How to turn off parts of a website in different views like mobile or desktop

• نحوه ایجاد یک شبکه تصویر واکنشگرا در Dreamweaver How to create a responsive image grid in Dreamweaver

• چگونه تصاویر خود را در Dreamweaver پاسخگو کنیم تا با اندازه صفحه مطابقت داشته باشند How to make your images responsive in Dreamweaver to match the page size

• نحوه ساخت ستون های مختلف برای وب سایت های دسکتاپ، تبلت و موبایل، Dreamweaver How to make different columns for desktop, tablet & mobile websites, Dreamweaver

• نحوه ایجاد یک شبه clearfix بعد از کلاس در Adobe Dreamweaver How to create a clearfix pseudo after class in Adobe Dreamweaver

صفحات دیگر Other Pages

• نحوه ایجاد و پیوند صفحات جدید در Dreamweaver با استفاده از الگوها How to create & link new pages in Dreamweaver using templates

میزبانی و تجزیه و تحلیل Hosting & Analytics

• چگونه وب سایت خود را از طریق Dreamweaver در هاست اینترنتی آپلود کنیم How to upload your website to the internet hosting via Dreamweaver

• چگونه Google Analytics را به وب سایت Dreamweaver خود اضافه کنید How to add Google Analytics to your Dreamweaver website

بعدش چی What Next

• در دوره Dreamweaver چه اتفاقی می افتد What next in the Dreamweaver course

• تمرین کلاس Dreamweaver Dreamweaver class exercise