ورود

View Full Version : مبتدی: راهنمایی در شروع ...



Kakaamin1
شنبه 28 اردیبهشت 1392, 16:09 عصر
با سلام به دوستان
البته نمیدونم که این پست اینجا جاش هست یا نه اما از دوستان انتظار راهنمایی دارم
من به طراحی وب علاقه مندم و مقداری هم مطالعه داشتم و تقریبا با HTML هم آشنا هستم ... و چون مطالب بسیار جالبی تو این سایت دیدم عضو شدم.
حالا از دوستام میخوام بهم کمک کنن و بگن که من برای طراحی یه سایت(بطور کامل) باید چطوری و از کجا شروع کنم .
دوستان لطف میکنن اگه بطور کامل راهنمایی کنن.

moalla
شنبه 28 اردیبهشت 1392, 17:50 عصر
فکر کنم این سوال هفته ای یبار پرسیده میشه
اما بهرحال پیشنهاد میکنم با سیستمهای مدیریت محتوا شروع کنید تا بیشتر درک کنید چی به چیه. سیستمهایی مثل جوملا و یا وردپرس و یا دروپال
وردپرس برای شروع خوبه
وقتی درک کردید یه سایت حدودا چه چیزهایی میخواد کم کم خودتون هم میتونید دست ببرید و تغییراتی بدید
البته چیزی مانع این نیست که در حین کار با سیستمهای مدیریت محتوا بصورت اصولی و به تدریج با html و css و jquery بصورت فنی تری یه دوره رو بگذرونید
برای هر سه اینها یکسری آموزش توی سایتم اوردم که بصورت فیلم هست و از مبتدی شروع کردم www.quicklearn.ir

esmaeilbf
شنبه 28 اردیبهشت 1392, 21:18 عصر
دقیقا چند روز یکبار همین سوال رو دوستان می پرسن!!
و بارها توی انجمن جوابهای مفصلی به این جور سوالات داده شده به نظرم یه ذزه سرچ کنید به جوابهاتون سریعتر و کاملتر می رسید!

vahide amp
یک شنبه 29 اردیبهشت 1392, 08:38 صبح
میتونید از سایتس مثل www.w3schools.com که کامل و جامع هست استفاده کنید از انگلیسی بودن سایت نترسید خیلی آسون.

Kakaamin1
یک شنبه 29 اردیبهشت 1392, 13:14 عصر
مرسی از دوستان

فقط میمونه یه چیزی ؟
من حتی با فتوشاپ سایت طراحی کردم(از روی الگو) ولی مشکل اینجاست که نمیدونم چه کارش کنم
اصلا باید چطور این دو تا(HTML & Photoshop ) رو به هم مرتبط کرد...
ممنون میشم راهنمایی کنین .

moalla
یک شنبه 29 اردیبهشت 1392, 13:32 عصر
توی این قسمت هم آموزش فارسی زیاده باید باشه. جستجو کنید احتمال زیاد پیدا میکنید. یه اموزش همین امروز توی همین تالار گذاشتم برای تقسیم بندی صفحات Html
منتها دیگه نگفتم چطوری عکسهای فتوشاپ رو توش قرار بدیم

mrgraphy
یک شنبه 29 اردیبهشت 1392, 13:59 عصر
سلام دوست عزیز.
پیرو حرف های دوستمون moalla (http://barnamenevis.org/member.php?24603-moalla) باید بگم که اگر میخواید طراح سایت بشید یه سری اصول پایه رو باید بلد باشید.

از جمله html +css + javascript + framewoks مثل jquery یا Ext .
اگر این ها رو بلد باشید به شما میگن web designer .
اگر طراحی گرافیک یا همون UI تو فتوشاپ رو برای سایت ها بلد باشید بهتون اصطلاحا میگن WUD یا Web UesrInteface Designer .
حالا اگر برنامه نویسی هم بلد باشین بهتون میگن برنامه نویس وب یا Web Developer.
منابع خیلی از برای یادگیری و آموزش تو اینترنت هست.
از جمله w3schools stackoverflow , csstrick و ... فقط با یه سرچ ساده میتونید خیلی چیز هار وپیدا کنید.
اگر نیاز به کتاب یا نمنوه فایلی هم داشتید با ID من تو Yahoo تماس بگیرید . موفق باشید.

Kakaamin1
یک شنبه 29 اردیبهشت 1392, 14:34 عصر
سلام دوست من
واقعا سایتتون عالی بود
فقط
آموزش Css3 - جلسه اول (http://quicklearn.ir/?q=node/29)

یه نگاه یهش بندازین فکر کنم مشکل داره
بازم ممنونم

moalla
یک شنبه 29 اردیبهشت 1392, 16:10 عصر
ممنون دوست من
دیده بودم بازدیدش کمتره اما متوجه نشده بودم و کس دیگه ای تذکر نداده بود
به نظرم بهترین منبع همون w3 است و با این اموزشها فقط میخواستم اون سایت رو برای پارسی زبانان ساده کنم

e_a_23
یک شنبه 29 اردیبهشت 1392, 22:32 عصر
سایت www.cgtv.ir ویدئوهای آموزشی فارسی خیلی خوبی در زمینه طراحی وب داره که خیلی هم روان و ساده توضیح داده.پیشنهاد می کنم حتما ویدئوهاشو دانلود کنید.از ابتدای طراحی قالب در فوتوشاپ آموزش داده و بعد چگونگی تبدیل قالب در فوتوشاپ به کد html و ... ویدئوهای آموزش طراحی وب این سایت رو می تونید در این لینک ببینید: http://www.cgtv.ir/?cat=23&paged=3

Kakaamin1
دوشنبه 30 اردیبهشت 1392, 01:46 صبح
سایت www.cgtv.ir ویدئوهای آموزشی فارسی خیلی خوبی در زمینه طراحی وب داره که خیلی هم روان و ساده توضیح داده.پیشنهاد می کنم حتما ویدئوهاشو دانلود کنید.از ابتدای طراحی قالب در فوتوشاپ آموزش داده و بعد چگونگی تبدیل قالب در فوتوشاپ به کد html و ... ویدئوهای آموزش طراحی وب این سایت رو می تونید در این لینک ببینید: http://www.cgtv.ir/?cat=23&paged=3

واقعا عالی بود دستون درد نکنه...

علی متقی پور
دوشنبه 30 اردیبهشت 1392, 03:32 صبح
سلام دوست عزیز
طراحی سایت یه چیزه برنامه نویسی سایت یه چیز دیگه.
شما اول باید مشخص کنی کدوم از این دو تا میخواهی باشی:
اگر میخواهی طراح یا دیزاینر باشی باید ببینی میخواهی طراح فقط ظاهر باشی یاب رنامه نویسی سمت کلاینتر و هم انجام بدی.
طراحی فقط ظاهر >>> HTML بعد CSS بعد فوتوشاپ و حتی فلش
برنامه نیوسی سمت کلاینت >>> Javascript و بعد JQuery البته EXT Js هم هست که بدرد شما نمیخوره

اگر نه میخواهی سمت سرور بنویسی (یعنی منطق سایت رو بنویسی ) باید انتخاب کنی که میخواهی دات نت کار کنی یا php یا احیانا Java
دات نت >> سی شارپ بعد SQL server بعد EF بعد LINQ و ....
php >> فقط php و کتابخونه ها و ابزارهای و همچین cms های موجود مثل وورد پرس
java >> یادگیری زبونش و بقیش رو نمیدونم :)

این تقریبا برای شروع کافیه. بعدش رو دیگه طبق تجربه و نیاز بازار کار خودت میفهمی باید چکار کنی.

منبع مطالعاتی:
انگلیسی بلدی >>> W3School که همه گفتن
انگلیسی بلد نیستی >>> کلی Pdf فارسی تو نت هست. تو همه زمینه هائی که گفتم. دانلود کن و بخون.

و در آخر تا میتونی تمرین کن که رمز موفقیت همینه :)

موفق باشی

Kakaamin1
چهارشنبه 01 خرداد 1392, 01:21 صبح
از همه شما دوستان واقعا ممنونم
با کمک شما دیگه شروع کردم و الان دارم از روی نمونه اولین سایتم رو مینویسم.
فقط یه سوال: چه جوری میشه یه پس زمینه به شکل زیر ساخت؟ لطفا دقیق راهنمایی کنین.

104486

ممنون میشم .

s.hoseinpoor
چهارشنبه 01 خرداد 1392, 01:43 صبح
خب یه نمونه کوچیک از شکل بالا رو ببرید بصورت عمودی.بعد بک گراند صفحه رو آدرس عکس قرار بدین و صفت تکرار پس زمینه رو افقی انتخاب کنین.

e_a_23
چهارشنبه 01 خرداد 1392, 09:04 صبح
خب یه نمونه کوچیک از شکل بالا رو ببرید بصورت افقی. بعد بک گراند صفحه رو آدرس عکس قرار بدین و صفت تکرار پس زمینه رو افقی انتخاب کنین

البته به صورت عمودی باید برش زده بشه نه افقی.و بعد در css :

body{
background: url(../Images/bg.jpg) repeat-x;
}

که bg.jpg عکس برش خورده پس زمینه هست که در فولدر Images ذخیره شده.
باز هم اگر سوالی دارید جناب Kakaamin1 در خدمتیم.

moalla
چهارشنبه 01 خرداد 1392, 12:40 عصر
اینجا (http://quicklearn.ir/?q=node/30)استفاده از بک گراند رو آموزش دادم
اینجا (http://www.cgtv.ir/?p=967)هم یه فیلم آموزشی دیگه به فارسی که توضیح داده

caspianhero
چهارشنبه 01 خرداد 1392, 16:13 عصر
سلام بر دوستان
کلیپی عالی ای بود دوست عزیز: ببخشید یک سئوال داشتم از شما جناب moalla
شما کلیپ های اموزشی تان را با چه نرم افزاری ضبط می کنید؟؟
پوزش از دوستان عزیز به خاطر سئوال بی ربطم!!
سپاس

moalla
چهارشنبه 01 خرداد 1392, 16:40 عصر
با برنامه camtasia که اونی که شما دیدید رو با ورژن 7 ساخته بودم. امروز نسخه 8 رو نصب کردم که تفاوت بسیااااار بود! نمونه آموزشی که امروز ساختم رو اینجا (http://quicklearn.ir/?q=node/45)ببینید. کیفیت ده برابر! حجم شاید یک سوم!

Kakaamin1
چهارشنبه 01 خرداد 1392, 22:10 عصر
ممنون از همه دوستان بابت جوابهاشون
باز هم یه سوال دیگه:
چجوری میشه یه لوگو در کنار آدرس بار قرار داد؟(با HTML)
البته گشتم و یه چیزایی پیدا کردم ولی نشد.

ممنون از همه...

Kakaamin1
چهارشنبه 22 خرداد 1392, 01:24 صبح
سلام خدمت شما دوستان
بالاخره به کمک شما دوستان تونستم یه صفحه وب ساده ای بنویسم البته با CSS , HTML
از شما دوستان می خوام اونو ببینین و نظراتتون رو نسبت بهش بگین(انتقاد ، پیشنهاد و ...)
البته اینو در نظر بگیرین که من کاملا تازه کارم و هیچ پیش زمینه ای نداشتم.

از اینجا دانلود (https://cid-8b61749433abc24c.users.storage.live.com/users/0x8B61749433ABC24C/LiveFolders/Amin.exe) کنین...

پیشاپیش از همکاریتون تشکر میکنم.

Kakaamin1
چهارشنبه 22 خرداد 1392, 13:47 عصر
http://public.fileup.ir/d/2094757/Amin.rar

Kakaamin1
پنج شنبه 23 خرداد 1392, 12:59 عصر
این پست ما جواب نداره
یعنی هیشکی نیست به ما کمک کنه...