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

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

طراحی سایت,طراحي سايت ارزان,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 ,….. را درون آن قرار می دهید.

پاسخ دهید

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

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