شنبه , آذر ۲۵ ۱۳۹۶
خانه / مقالات / آموزش طراحی وب سایت

آموزش طراحی وب سایت

از امروز بخش جدید ی را جهت شما عزیزان در نظر گرفته ایم. این بخش حاوی آموزش وهله به وهله طراحی وب وب سایت است که سعی می شود هر هفته متن ای در این زمینه به شما عزیزان ارائه کنیم. در اولین بخش از این سری راهنمای ها با ما باشید.
design web 04 آموزش طراحی وب سایت
webtarahan

طراحی سایت,طراحي سايت ارزان,webtarahan

این دوره آموزسی بر طبـق کتاب Build Your Own Website The Right Way Using HTML & CSS از انتشارات Sitepoint است .

چه افرادی بایستی این کتاب را بخوانند؟

این کتاب جهت افرادی مفید است که از طراحی سایت اطلاعی ندارند و می خواهند تازه به جمع طراحان وبسایت ملحق شوند پس مسلما از آسان ترین نکات شروع می شود .
این کتاب شما را با HTML و CSS آشنا می نماید راه را جهت ساخت وب وبسایت استاندارد به شما نشان می دهد. ذکر این نکته لازم است که ترجمه خط به خط کتاب ارائه نمی شود و چیزی که به عنوان برداشت شخصی من یک طراح وب سایت (بهزاد علی بیگی) از کتاب است در قالب مقالات آموزش ی جهت شما بیان خواهد شد.
سعی می کنم در هر مقاله حداکثر فصل از کتاب را روش دهم مسلما با بازخوردی که از خوانندگان خواهم گرفت کیفیت کار و هم چنین وسعت کار را بیشتر شدن خواهم داد.
فصل اول:
Setting up Shop

این فصل در واقع آماده کردن رایانه جهت کار، قبل از زدن اولین طرح شماست.
قبل از این که وب سایت خودتان را بسازیــد ، می بایست رایانه خود را برای کار آماده نمایید که حاوی برنامـه هایی است که یا در سیـستم شما موجود است یا این که می بایست آن ها را نصب نمایید.
برنامـه های خیلی ی در بازار موجود است ولی در ابتدا از پروگرام های رایگان قابل دسترس مصرف می کنیم.
وسایل و برنامـه های مهم که شما نیاز دارید:

۱- وسیلۀ ابتدایی جهت ویرایش فایـل های متنی که در واقع صفحه وب شما را حاوی می شود
۲- یک مرورگر (web browser) برای دیدن صفحات وب در آن
۳- فرستادن صفحه وب سایت به محیط اینترنت با مصرف از ftp client

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

وسائل های اولیه در ویندوز:

۱- ادیت کردن متن : برای ادیت کردن متن در ویندوز می توانید از Notepad مصرف نمایید. این متن، همان صفحۀ وب است .
جهت دسترسی به این برنامـه در محیط ویندوز مسیر زیر را طی بکنید :

Start > All Programs > Accessories > Notepad
2- دیدن خروجی فایـل : جهت دیدن کار خروجی می بایست از مرورگر و یا browser استفاده کنیم. مرورگرهای مفرق ی وجود دارد که بحث آنها خیلی مفصل است ولی در محیط ویندوز مرورگر Internet Explorer در دسترس است.
شما می توانید آن را در دسکتاپ خود و یا Quick Launch ویا فولدر برنامـه ها و یا در منوی start پیدا بکنید .

۳- برای فرستادن صفحه به محیط وب از دستور ftp استفاده خواهیم کرد که در ادامه به آن اشاره میکنم.

وسائل های دیگر:

برای ادیت کردن صفحات می توانید از برنامـه NoteTab مصرف کرد .مزیت استفاده از آن اینست که می توانید تب های مختلف ی را جهت صفحات مختلف باز بکنید بعد از بستن در حافظه ش می ماند و برای دفعه بعد باز می ماند.

همچنین مرورگرهای گوناگونی وجود دارد که مصرف از آن ها را در کنار Internet Explorer توصیه می کنم. اما در اینجا از یکی از بهتریـن آنها را نام می برم : firefox

اما تمام عناصر که متن نیستند شما جهت ویرایش عکس زیبا هم به برنامـه هایی نیاز دارید که می توانید از برنامـه های زیر استفاده بکنید :
Adobe photoshop
Adobe fireworks
Picasa
توصیه من استفاده از فتوشاپ است نگـران نباشید یادگیری آن برای کاربر د وب آسان است.

وهله انتها – درست کردن مکانی است برای فایـل های تهیه و تولید شده :

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

Right click > new > folder

پس نام وب وبسایت را گزینش نمایید .هم اکنون فولدر دارید که فایل اصلی به همراه تصاویر و css ,html ,….. را درون آن قرار می دهید.

درباره ی admin

مطلب پیشنهادی

چگونه خودرو مناسب خود را اجاره کنیم؟

چگونه خودرو مناسب خود را اجاره کنیم؟ اجاره خودرو یکی از بهترین اتفاق هایی است که …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

خرید vps خرید vps ارزان خرید سرور مجازی خرید سرور مجازی ارزان خرید وی پی اس خرید وی پی اس ارزان خرید فیلترشکن خرید vpn خرید vpn ارزان خرید vpn خرید vpn
close
خرید بک لینک قالب وردپرس پوسته وردپرس قالب فروشگاهی وردپس خرید وی پی ان