خوش آمدید , میهمان گرامی! ورود or ثبت نام

تغییر رنگ قالب



بستن
المان های غلط برای طراحی سایت چیست
sitecode sitecode 0 17
خوشبختی های کوچک من !!
azadeh roghayeh 81 10126
محاسبه رنگ هاله انسان !!
mdark poonehmedia00 28 8526
سئو سایت :افزایش ترافیک چه اثری در سئو دارد
toniyo poonehmedia00 20 1575
ظاهر شما پس از جراحی پلک و جراحی افتادگی پلک چه تغییری خواهد کرد؟
jarahezibai jarahezibai 0 27
مقاصد محبوب گردشگران در تالش کدامند؟
mahno0osh mahno0osh 0 32
خرمای لذیذ استعمران
nbtfd234 nbtfd234 0 28
راهکار‌هایی آسان برای داشتن پوستی خیره کننده +۴ خوراکی براق کننده پوست
nbtfd234 nbtfd234 0 25
خطرناک بودن محصولات تراریخته ثابت شده است؟
nbtfd234 nbtfd234 0 25
داروی خوراکی درمان سرطان پروستات روانه بازار شد
nbtfd234 nbtfd234 0 21
۴توصیه به والدین برای تغذیه سالم کودکان
nbtfd234 nbtfd234 0 25
قبل از Big Bang
tree of life tree of life 11 677
مذاکرات ژنو!!!
دایی جان دایی جان 15 3237
ثبت علامت تجاری در گرگان
fekre bartar fekre bartar 0 25
گفتگوی آزاد
admin tree of life 2586 117101
نتایجی که شما از جراحی پلک و جراحی افتادگی پلک خواهید
jarahezibai jarahezibai 0 26
دارم ندارم (3)
misha moonlover 884 63356
داری؟نداری؟ (5)
moonlover tree of life 437 10853
اخرین اس ام اسی که دادین چی بوده ؟
sana tree of life 587 35231
آخرین اس ام اسی که برای شما اومده چی بوده ؟
sana tree of life 745 53270
اگه میتونستی یک کلمه را از این دنیا پاک کنی اون یک کلمه چی بود؟؟!!!!!!
youne30 tree of life 479 47215
انتخاب اجباری برای نفر بعدی (6)
گلایه tree of life 645 38560
الان داری چه آهنگی گوش میدی ؟
moonlover tree of life 495 89715
دانلود سریال امپراطریس چونچو – ملكه آهني ( امپراتور آهن ) جومونگ 4
mosy rele hossinsafaei 3 12807
آنچه پس از جراحی پلک یا جراحی افتادگی پلک در انتظارم است - قسمت سوم
jarahezibai jarahezibai 0 25
همين الان ي جمله بگو
kianoosh roghayeh 331 33229
جواب نفر قبلی رو بده و از نفر بعدی سوال بپرس (47)
گلایه roghayeh 345 5815
بازی با کلمات (یک نقطه) (2)
misha roghayeh 791 60327
یک کلمه میگم,رنگش رو بگو (3)
مونا roghayeh 590 42890
تفاوت هاست لینوکس و ویندوز در چیست و کدامیک بهتر است
pooyany97 pooyany97 0 36
مشاعره با ترانه خوانندگان 5
غزل roghayeh 465 36312
آنچه پس از جراحی پلک یا جراحی افتادگی پلک در انتظارم است - قسمت دوم
jarahezibai roghayeh 1 35
9 ویژگی مهم و مزایای سایبان برقی
lemonn lemonn 0 34
6 مورد از مهم ترین مزایای دستگاه قطعه شویی
lemonn lemonn 0 27
قبل از خرید سرویس خواب 2 نفره حتما این مطلب را بخوانید!!!
lemonn lemonn 0 26
اخرین بار مهمون کی بودی؟
اشراق غزل 16 2540
پاتوقت کجاست؟
hanie غزل 43 6785
بازی با واژه ها (سری جدید)
گلایه غزل 31 2429
با اخر اسم من یه اسم بنویس(2)
گلایه غزل 481 28470
همین الان چه احساسی دارید ؟ (2)
moonlover غزل 474 46584

نماد ها
دسترسی سریع به تاپیکهای مهم
تبلیغات
مطالب منتخب
مطالب پربازدید
مطالب پربازدید
چگونه در ۱۵ دقیقه یک سایت واکنشگرا طراحی کنیمزمان کنونی: Friday 19 July 2019, 12:03
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: magbot
آخرین ارسال: magbot
پاسخ: 1
بازدید: 29
 
امتیاز دهید:
  • 0 رأی - میانگین امیتازات : 0
  • 1
  • 2
  • 3
  • 4
  • 5
چگونه در ۱۵ دقیقه یک سایت واکنشگرا طراحی کنیم
Sunday 14 July 2019, 14:39
ارسال: #1
چگونه در ۱۵ دقیقه یک سایت واکنشگرا طراحی کنیم
[font=Cormorant Garamond, Arial, serif]
[size=xxx-large]چگونه در ۱۵ دقیقه یک سایت واکنشگرا طراحی کنیم[/size] مشاهده لینک [/font]
مشاهده لینک
در این آموزش CSS و HTML5 سریع نحوه ایجاد وب سایت پاسخگو باشید. هر دو نسخه ویدئویی و متن در دسترس هستند.
جعبه ابزار طراح شما
نامحدود دانلود: 500،000+ قالب وب، مجموعه آیکون، تم ها و طراحی دارایی

ما وعده داده بودیم که فقط 15 دقیقه طول بکشد تا یک وبسایت پاسخگو ایجاد کنیم و ما به کلمه ی ما احتیاج داریم. ما با ایجاد یک وب سایت ساده یک صفحه شروع خواهیم کرد.
طراحی وب پاسخگو چیست؟
اگر به این اصطلاح نسبتا جدید هستید، ما مواد خواندن کامل برای شما داریم!هدف ما
در پایان این آموزش CSS پاسخگو شما با چیزی شبیه به صفحه بالا خواهید شد. این یک طراحی بسیار ساده است، اما در حال حاضر این فریب را انجام می دهد. این تصویر نسبتا آسان است، همانطور که در بالا دیده شد، اما هدف اصلی این است که آن را پاسخگو باشیم. برای ایجاد وب سایت پاسخ بر اساس اندازه اندازه صفحه دستگاه شما.

سعی کنید نسخه ی نمایشی را بر روی گوشی هوشمند خود باز کنید و این را ببینید:

[تصویر: 0.jpg]

این همان چیزی است که بنیاد میتواند همراه با چندین چارچوب دیگر که بر روی ایجاد وبسایتهای پاسخگو برای دستگاههای تلفن همراه تمرکز دارد، انجام شود.

شما تمام فایل ها، از جمله تصاویر، را در لینک دانلود زیر پیدا خواهید کرد.

قبل از رفتن، مشاهده لینک را دانلود کنید و آن را به یک پوشه ای که تمامی فایل های خود را برای این آموزش در آن قرار دارید را بردارید. این باید مانند این باشد:
[تصویر: 6.jpg]

با استفاده از ویرایشگر متن مورد علاقه خود، یک فایل با نام index.html ایجاد کنید و سپس در ابتدای فایل زیر را اضافه کنید:

به بنیاد خوش آمدید
کد بالا این است که در آن ما مقابله با بد اینترنت اکسپلورر. همچنین جایی است که ما به شیوه های مختلفی نیاز داریم که لازم است همه چیز را پاسخگو و در دستگاه های تلفن همراه اجرا کنیم. با بنیاد می آید سپس کد زیر را تایپ کنید:

ما قبلا توضیح دادیم که این "ردیفها" و "دوازده ستون" بالا هستند.

نکته: اگر برای شما روشن نیست که چرا باید نوار کناری و بدن را با "12 ستون" بسته کنیم، می توانید آن را پاک کنید و ببینید چه اتفاقی می افتد!

ما هنوز سبک های سبک را اضافه نکرده ایم، اما شما می توانید ببینید که چگونه با هدف ما در ارتباط است. من خیلی از طراح نیستم، اما ما بهترین ها را برای ایجاد این نگاه شگفت آور خواهیم کرد.
صبر کن صبر کن صبر کن! این نوار ناوبری چیست؟ بپرسید؟ همانطور که قبلا ذکر شد، این یکی از زیبایی های بنیاد است. این مستندات گسترده ای است که به شما نحوه استفاده درست از فرم ها، ناوبری، دکمه ها، شبکه ها، CSS و سایر عناصر تحت پوشش بنیاد را آموزش خواهد داد.

همه چیز اساسا در حال حاضر انجام می شود، همه ما باید انجام دهیم اضافه کردن برخی از تصاویر و پاراگراف و طراحی کل چیز. اگر شما این آموزش را دنبال کرده اید، اکنون شما در حال حاضر اولین صفحه پاسخگو خود را ایجاد کرده اید!مرحله 3: افزودن محتوا به وب سایت
این مرحله لازم است تا ببینید که چگونه صفحه وب در شکوه کامل آن ظاهر خواهد شد. کپی برخی از Lorem Ipsum و آن را بر روی دیسک "body" خود قرار دهید و سپس تصاویر را با استفاده از برچسب وارد کنید، سپس شما در راه تبدیل شدن به یک ستاره فوقالعاده هستید!
اگر شما به عقب برگردید و نسخه آزمایشی را بررسی کنید، ممکن است متوجه شوید که پس زمینه دقیقا سفید نیست، اما با یک مشاهده لینک یکی را انتخاب کنید در SubtlePatterns و برای خودتان که بهترین کار را انجام دهید، را انتخاب کنید.مرحله 4: مرحله 4 وجود ندارد
خوب، در واقع یک مرحله 4 وجود دارد. چیز بعدی که شما باید انجام دهید این است که فایل هایی را که دانلود کرده اید مطالعه کنید و از مشاهده لینک .

بسیاری از ابزارهای دیگر شما می توانید از بنیاد استفاده کنید، اما این ایده اساسا یکسان است. فراموش نکنید که مستندات را بررسی کنید!
چگونه یک وب سایت پاسخگو ویدئویی ایجاد کنید
در حال حاضر اگر شما به دنبال یک ویدیو هستید و شما آماده ساخت یک طراحی وب پاسخگو با HTML5 و CSS3 هستید، شما در جای مناسب قرار می گیرید. فقط فایلهای منبع را دانلود کنید، نسخه ی نمایشی را مشاهده کنید و روی ویدیوی بازی کلیک کنید - اجازه دهید یک وبسایت پاسخگو ایجاد کنیم!
نقل قول


موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  فهرست بندی جدید گوگل در طراحی سایت موبایل sitecode 0 170 Thursday 18 April 2019 16:09
آخرین ارسال: sitecode
  چگونه یک طراحی سایت موفق را مدیریت کنیم sitecode 0 152 Friday 05 April 2019 16:06
آخرین ارسال: sitecode
  اصول جذابیت طراحی سایت کاربر پسند sitecode 0 156 Sunday 17 March 2019 00:26
آخرین ارسال: sitecode
  طراحی سایت باشگاه بدنسازی بانوان تهران sitecode 0 386 Monday 12 November 2018 20:39
آخرین ارسال: sitecode
  طراحی سایت ثبت نام آنلاین sitecode 0 467 Sunday 05 August 2018 22:28
آخرین ارسال: sitecode

پرش به انجمن:



زمان کنونی: Friday 19 July 2019, 12:03