تبلیغات
ویواز 2014 - نکات مهم در طراحی وب سری 1

جستجو

 

نکات مهم در طراحی وب سری 1

جمعه 23 فروردین 1392   02:05 ب.ظ

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


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

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

فصل اول:
Setting up Shop

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

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

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

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

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

Start > All Programs > Accessories > Notepad

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



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

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

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

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

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

Right click > new > folder

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

موارد دیگر
نگران نباشید با هم پیش میریم و به همه موارد خواهیم رسید.آموزش توسط بهزاد علی بیگی
طراحی و پشتیبانی سایت: طراحی سایت


نوشته شده توسط : amir ali

How can you heal an Achilles tendonitis fast?
شنبه 1 مهر 1396 09:51 ب.ظ
Hmm is anyone else encountering problems with the images
on this blog loading? I'm trying to find out if its a problem on my end or if it's the blog.
Any feed-back would be greatly appreciated.
http://arlynerieve.hatenablog.com
جمعه 16 تیر 1396 07:15 ب.ظ
I feel this is one of the such a lot vital information for
me. And i'm glad studying your article. However should remark on few normal issues, The
site taste is ideal, the articles is actually excellent : D.
Just right process, cheers
http://katrinahyle.jimdo.com/
پنجشنبه 15 تیر 1396 09:42 ق.ظ
I read this piece of writing completely about the difference of most up-to-date
and previous technologies, it's amazing article.
kyliekociolek.soup.io
سه شنبه 6 تیر 1396 11:52 ب.ظ
I really like it when folks get together and share views. Great website, continue the good
work!
Augusto de Arruda Botelho
دوشنبه 1 خرداد 1396 06:25 ب.ظ
It's going to be end of mine day, but before finish
I am reading this fantastic piece of writing to
improve my knowledge.
manicure
جمعه 8 اردیبهشت 1396 11:05 ق.ظ
Good article. I will be dealing with many of these issues
as well..
BHW
سه شنبه 22 فروردین 1396 01:33 ب.ظ
I really like it whenever people get together and share ideas.
Great blog, continue the good work!
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر