close
تبلیغات در اینترنت
{ آموزش طراحی وب سایت از پایه - قسمت اول }

بهترین مطالب اینترنت

  { آموزش طراحی وب سایت از پایه - قسمت اول  } از امروز  بخش جدیدی  را برای شما عزیزان در نظر گرفته ایم. این بخش شامل آموزش  مرحله به مرحله طراحی وب سایت می باشد که سعی می شود هر هفته مقاله ای در این زمینه به شما عزیزان ارائه کنیم. در اولین قسمت از این سری آموزشها با ما باشید.…

جستجوگر پیشرفته سایت



{ آموزش طراحی وب سایت از پایه - قسمت اول }
نظرات ()

 

{ آموزش طراحی وب سایت از پایه - قسمت اول  }
از امروز  بخش جدیدی  را برای شما عزیزان در نظر گرفته ایم. این بخش شامل آموزش  مرحله به مرحله طراحی وب سایت می باشد که سعی می شود هر هفته مقاله ای در این زمینه به شما عزیزان ارائه کنیم. در اولین قسمت از این سری آموزشها با ما باشید.

design-web-00.jpg
این دوره آموزسی بر اساس کتاب Build Your Own Website The Right Way Using HTML & CSS از انتشارات Sitepoint  می باشد.

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

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

فصل اول:
Setting up Shop

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

1- وسیلۀ ابتدایی برای ویرایش فایل های متنی که در واقع صفحه وب شما را شامل میشود
2- یک مرورگر (web browser) برای دیدن صفحات وب در آن
3- فرستادن صفحه وب سایت به محیط اینترنت با استفاده از ftp client

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

ابزارهای اولیه در ویندوز:

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

 

 

Start > All Programs > Accessories > Notepad

design-web-01.jpg
2- دیدن خروجی فایل : برای دیدن کار خروجی می بایست از مرورگر و یا browser استفاده کنیم. مرورگرهای متفاوتی وجود دارد که بحث آنها بسیار مفصل است ولی در محیط ویندوز مرورگر Internet Explorer در دسترس است.
شما می توانید آن را در دسکتاپ خود و یا Quick Launch ویا فولدر برنامه ها و یا در منوی start پیدا کنید.

design-web-02.jpg

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

ابزارهای دیگر: 

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

design-web-03.jpg
 آن را از این آدرس دانلود نمایید.  

همچنین مرورگرهای گوناگونی وجود دارد که استفاده از آن ها را در کنار Internet Explorer توصیه می کنم. اما  در اینجا از یکی از بهترین آنها را نام می برم : firefox
 
design-web-04.jpg

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

مرحله آخر - درست کردن مکانی است برای فایل های ساخته شده :

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

Right click > new > folder


سپس نام وب سایت را انتخاب نمایید .حالا یک فولدر دارید که فایل اصلی به همراه تصاویر و css ,html ,..... را داخل آن قرار می دهید.

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


ادامه دارد اگر مورد استقبال قرار گیرد!



امتیاز: نتیجه : 0 امتیاز توسط 0 نفر مجموع امتیاز : 0

بازدید :146
برچسب ها : { آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }{ آموزش طراحی وب سایت از پایه - قسمت اول }-
نویسنده
نویسنده : Habib
تاریخ : سه شنبه 10 بهمن 1391
زمان : 20:42
ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
:: آموزش ساخت جدول در Word تنها با نوشتن چند دکمه ( تاریخ : یکشنبه 08 آذر 1394)
:: دانلود کتاب الکترونیکی آشنایی با نرم افزار اکسل 2010 ( تاریخ : سه شنبه 27 خرداد 1393)
:: دانلود کتاب چگونه در اینترنت سرمان کلاه نرود ( تاریخ : دوشنبه 18 فروردین 1393)
:: روش صحیح دانلود با نرم افزار Internet Download Manager ( تاریخ : دوشنبه 18 فروردین 1393)
:: آموزش پاک کردن ویروس با نود 32 Node ( تاریخ : دوشنبه 18 فروردین 1393)
:: آموزش فعال کردن منوی استارت - Start در ویندوز 8 ( تاریخ : یکشنبه 17 فروردین 1393)
:: آموزش حذف عبارات جستجو شده در ویندوز 8 ( تاریخ : یکشنبه 17 فروردین 1393)
:: جلوگیری از انتقال اطلاعات به حافظه های فلش در ویندوز 7 ( تاریخ : یکشنبه 17 فروردین 1393)
:: افکت بافت در فتوشاپ CS6 ( تاریخ : یکشنبه 17 فروردین 1393)
:: ایجاد افکت زمستان برروی تصویر طبیعت با فتوشاپ CS6 ( تاریخ : یکشنبه 17 فروردین 1393)


بالای صفحه