طراحی وب سایت از ابتدا تا انتها – قسمت دوم (کددهی)

طراحی وب سایت از ابتدا تا انتها – قسمت دوم (کددهی)

در تاریخ ۲۴ اردیبهشت ۱۳۸۸ توسط کامران 9,005 بازدید.

اول از همه از تاخیر بوجود آمده در آماده سازی و انتشار قسمت دوم و نهایی این خودآموز با نام “آموزش طراحی وب سایت” از همه شما عزیزان عذرخواهی میکنم و امیدوارم تمامی عزیزانی که در این مدت یکماه از قسمت اول تا قسمنت دوم با ایمیلها و نظراتشون ما رو مورد لطفشون قرار دادند با دیدن این قسمت همه برای همه سئوالهاشون جوابی بدست بیاورند و در مجموع این خودآموز مفید براتون واقع بشه.

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

نمایش نهایی دمو

دانلود فایل pdf خودآموز

دانلود سورس فایلها

همچنین در صورتیکه هنوز قسمت اول خودآموز را انجام نداده اید به این آدرس مراجعه نمایید.

اگر از مطلب فوق لذت برده اید آنرا با دوستان خود به اشتراک بگذارید
  • Twitter
  • FriendFeed
  • del.icio.us
  • StumbleUpon
  • Digg
  • Facebook
  • Technorati
  • MySpace
  • RSS

برچسب‌ها: ,

نوشته شده توسط کامران

ادمین سایت ITT، مهندس کامپیوتر و متخصص ارشد طراحی وب سایت (CIW)و علاقمند به طراحی وب سایت، SEO، بازاریابی اینترنتی، تجربه تکنیکها و روشهای جدید طراحی و پیاده سازی ایده های جدید

۵۶ نظر

mohammad

۲۴ اردیبهشت ۱۳۸۸

vaghean dastet dard nakone karet fogholadast nemidonam chetori begam karet tope dar kol ye doneyi

scorpion

۲۴ اردیبهشت ۱۳۸۸

من خیلی کم کامنت می نویسم ولی این کار عالی شما حقیقتاً کامنت می برد! خیلی ممنون عالی بود.

مونا

۲۴ اردیبهشت ۱۳۸۸

بالخره تموم شد
واقعا خسته نباشید
ممنونم

رضا

۲۶ اردیبهشت ۱۳۸۸

واقعا ممنون. خیلی عالی بود.

محمود

۲۶ اردیبهشت ۱۳۸۸

ممنون از شما واقعا این کارها مفیده

کیهان

۰۳ خرداد ۱۳۸۸

عالی بود ممنون

asal

۱۴ خرداد ۱۳۸۸

vaghean kare besiar jaleb vamonhaser be fardi ro anjam dadid
merc

مرتضی

۱۵ خرداد ۱۳۸۸

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

کامران

۱۵ خرداد ۱۳۸۸

سلام مرتضی جان
الان سرم شلوغه ولی حتما اون کار رو خواهیم کرد با کمک شما دوستان

Urireeshots

۱۶ خرداد ۱۳۸۸

Hi, Congratulations to the site owner for this marvelous work you’ve done. It has lots of useful and interesting data.

بهار

۲۴ خرداد ۱۳۸۸

خدا خیرتون بده.خیلی کارمو راه انداخت.

ehsan

۰۲ تیر ۱۳۸۸

سلام و خسته نباشید….

وب سایت فوق العاده ای دارید و بسیار از مطالبش لذت بردم و کلی هم استفاده کردم عزیز.

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

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

منتظر خبرتون هستم
با تشکر و احترام

mahdi

۰۴ تیر ۱۳۸۸

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

کامران

۰۴ تیر ۱۳۸۸

مهدی جان
باید خدمتت عرض کنم که خودآموزهایی که در سایت ITT قرار میگیرن همگی Level و سطحشون از مبتدی بالاتره و مبنا بر این است که شما آشنایی با CSS و HTML و فتوشاپ دارید
تا اونجایی که من میدونم سایت و مقاله برای آموزش سطحهای مختلف این برناتمه ها و زبانهای برنامه نویسی زیاده
چیزی که کمه و هدف ما هم همونه انجام مثالهای کاربردی هستش و اگر نتونستم که به زبانی خیلی گویا بگم ازت عذرخواهی میکنم و سعی میکنم از این به بعد گویاتر بنویسم
ممنون از نظرت
موفق باشی

mahdi

۰۵ تیر ۱۳۸۸

ممنون از این که زود جواب نظرم رو دادی
آموزش هم عالی بود
به عنوان پیشنهاد میگم
به نظر من ما ها دوست داریم همه چی هلو تو گلو باشه
شما اگه دوست داشتی از دفعه بعد که از این آموزش های توووووپ میزاری چند تا لینک هم بغلش بزار که آموزش css و اچ تی ام ال باشه
خیلی هم ازت سپاسگزارم

محمد

۰۶ تیر ۱۳۸۸

عالللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللی بود

دستت درد نکنه

سعید

۲۱ تیر ۱۳۸۸

عالی بود
خیلی ممنون
مثالهای بیشتری بزنید

من

۲۶ تیر ۱۳۸۸

چون که باحالی تو خبرنامه عضو میشم . جیگر

elyas

۰۳ مرداد ۱۳۸۸

وب جالبی نبود وب خیلی خیلی جالب بود ممنون واقعا ممنون

پیمان

۰۹ مرداد ۱۳۸۸

طراحی وب سایت با نرم افزار فلش رو هم میشه خیلی ساده مثل همین کار جالبتون آموزش بدید؟ من آموزش با فتوشاپ رو با اجازتون چند تا پرینت گرفتم و به دوستانم که لازم داشتند دادم اونها هم استفاده بردند و فکر کنم الان جزء بازدیدکننده هاتون شده باشن

امین

۱۰ مرداد ۱۳۸۸

با الیاس خیلی موافقم

Cornelius

۱۸ مرداد ۱۳۸۸

Thank you! You often write very interesting articles. You improved my mood.

net.ru

۱۸ مرداد ۱۳۸۸

cant w8 to try it on my business

کامبیز

۱۹ مرداد ۱۳۸۸

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

کامران

۱۹ مرداد ۱۳۸۸

حتما رو چشم

Mackern

۱۹ مرداد ۱۳۸۸

I added your blog to bookmarks. And i’ll read your articles more often!

Kouba

۲۱ مرداد ۱۳۸۸

Are you a professional journalist? You write very well.

محمد

۰۲ شهریور ۱۳۸۸

سلام خدمت همه دوستان در باب طراحی وب و همچنین از مدیر سایت به خاطر آموزشی که گذاشتن خیلی ممنون
من یه پکیج عالی براتون دارم که اگه خواستین میتونید با من تماس بگیرید
۱ دی وی دی شامل آموزش نرم افزار DreamWeaver CS4 از شرکت معروف total training به علاوه ۲۴۰ پلاگین این نرم افزار و همچنین ۵۷۲ تا php اسکریپت انگلیسی با نازلترین قیمت
تماس با من
bia2muzik@gmail.com

کامران

۰۲ شهریور ۱۳۸۸

با اینکه علنا داری تبلیغ میکنی اما اشکال نداره .اگر قرار ۱ نفر هم با خرید این پکیج پیشرفت بکنه و کارش راه بیافته از نظر من ok هست
اما باید به همه بگم که من هیچ شناختی از ایشون ندارم و تایید نظر ایشون به منزله تایید کار ایشون نیستش

مصطفی مقدم

۰۴ شهریور ۱۳۸۸

سلام به دوستان ItTuturial،
کیفیت و حجم مطالبتون قابل تقدیره. حتماً از مطالبتون استفاده می کنم و لینک سایت باارزشتون رو در سایت خواهم گذاشت.
موفق باشید.

امیر

۰۴ شهریور ۱۳۸۸

ممنون مصطفی جان. نظر لطفته ، من وب سایت زیباتونو دیدم کارتون عالیه.موفق باشید.

کامران

۰۴ شهریور ۱۳۸۸

مصطفی جان لطف داری به ما
ممنون که به ما لینک میدی
موفق باشی

ابراهیم پوربهرام

۰۹ شهریور ۱۳۸۸

سلام
آقا خیلی خیلی چاکرتم …..

مردیم واسه قسمت سوم تورو خدا برسون خدا اجرت بده
ان شاء الله

زکات علم نشر آن است…

کامران

۰۹ شهریور ۱۳۸۸

ابراهیم جان اگر دقت میکردی میدیدی که نوشتم کلا این مجموعه ۲ قسمت هستش، منظورم این خودآموز بود

سعید

۱۵ شهریور ۱۳۸۸

salam
اگه میشه اموزش ساخت قالب برای بلاگ فا رو یاد بدین و همچنین تر جمه قالب از وبلاگ شناور به بلاگ فا
———————————————————————
و اموزش تبدیل فرمت PSD به کد HTML
موفق باشید

کامران

۱۵ شهریور ۱۳۸۸

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

سعید

۱۵ شهریور ۱۳۸۸

از این آموزشها زیاد پیدا میشه منتها کار خوبی می کنید که فارسی در اختیار همه قرار میدین.

کامران

۱۵ شهریور ۱۳۸۸

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

سعید

۱۶ شهریور ۱۳۸۸

salam
مطالبتون حرف نداره
می تونید منو با نرم افزار SWiSH Max2 و یا flash mx اموزش بدین که بنز های تبلیغاتی بسازم

محمدرضا موسوی

۲۹ شهریور ۱۳۸۸

سلام خسته نباشید وب سایت فوق العاده ای دارید من مدیر سایت تازه کاره :) پارسیان دیزاین هستم . خوش حال می شم اگر مایل با تبادل لینک با من باشید . در ضمن اگر به سایت من سر زدید و دید قالب من مثل قالب سایت یکی دوستانتان هست ناراحت نشین چون براش توضیح دادم چی شده . و قراره عوضش کنم . ممنون منتظر شما هستم .

کامران

۲۹ شهریور ۱۳۸۸

محمد رضا جان اگر مایل باشی میتونم لینک سایت شما رو در قسمت لینکهای مفید معرفی کنم

Ebess

۲۶ مهر ۱۳۸۸

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

حسن .م

۲۹ مهر ۱۳۸۸

سلام خیلی خوب بود

طراحی سایت

۱۶ آبان ۱۳۸۸

بسیار سایت جالبی دارین. مطلب مفیدی بود. همواره موفق باشید.

مرتضی

۲۳ آبان ۱۳۸۸

با سلام بنده عبادی هستم من سایت شما رو دیدم و نکات بسیار اموختنی دارد اما من سایتی طراحی کردم و می خواهم این سایت را به فروشگاه اینترنتی تبدیل کنم تا از طریق حسابهای الکترونیکی محصولاتم را به فروش برسانم لطفا مرا راهنمایی فرمایید

کامران

۲۳ آبان ۱۳۸۸

ممنون. اولین و بزرگترین مشکل شما اینه که شما باید شرکت ثبت شده داشته باشید تا بانکها به شما امکان پرداخت آنلاین رو بدن
برای این مشکل فکری کردی؟

javid

۲۸ آبان ۱۳۸۸

mr30 aliiiiiiii bud tanks

سعید

۱۰ اردیبهشت ۱۳۸۹

سلام دوست گرامی

آموزش‌هاتون تا اینجا بسیار خوب و روان بودند و به نظرم از ۲۰ نمره ۲۰ میگرفتند.

ولی در این آموزش به نظرم شتابزدگی به همراه داشت ،

اصطلاحاتی رو فرمودید که قبلش به هیچ وجه توضیحی راجع به اونها نفرموده بودید مثل مارجین و استایل و …

بخه نظرم این آموزش نمره‌ی قبولی نمیگیره و اگر میخواین که نمره بگیرید باید یه آموزش به هنوان اصلاحیه منتشر کنید و تمامی اصطلاحات و کدهای نامفهوم رو توضیح بدید.

موفق باشید
یا حق

منصور - 13

۲۱ تیر ۱۳۸۹

با سلام خدمت مهدی عزیز و تمامی دست اندرکاران
وای خدا اصلا باورم نمیشه . من این آموزش را تا آخرش رفتم تمرین کردم . من CSS صفر صفر بودم ولی کاملا متوجه شدم دستورات ساده بودند مثل HTML بود . خیلی باهاتون حال کردم/
فقط من یه سری مشکلاتی دارم .
۱) Content ام ۲ بار میاد همینطوری که در عکس پیداست
۲) Margin تنظیم شده برای Thumb 17px هست ولی چسبیده به Content .
3) همچنین من تنها طبق کد ۱ بار بیشتر اضافه نکردم ولی شما میبینید که ۴تا Content ایجاد شده .
۴) مشکل آخرم هم Footer هست که Text مربوط به آنرا چطور بیارم سمت راست ؟
اینم ScreenShot از کار من.
http://gfxbucket.net/images/myweb.png
موفق و پیروز باشید
خیلی چاکریم.

pari

۰۱ مرداد ۱۳۸۹

سلام!دستتون درد نکنه واقعا!
یه سوالی ؟اگه بخوایم یه وب سایت درست کنیم میتونیم از شما کمک بگیریم؟
در ضمن اگه ممکنه کار با frontpage رو هم یاد بدید..
ممنون!

AgriMag

۰۵ مرداد ۱۳۸۹

هنوز وقت نکردم نگاه کنم اما باید جالب باشه مخصوصا با این نظر هایی که بچه ها دادن
و یه سوال چگونه رتبه سایتمون رو بالا ببریم؟؟
برای طراحی هم مشغولیم … . اگه کمک کنید ممنون می شم!!

با تشکر پیشاپیش
داود نبی زاده

ebi

۲۳ مرداد ۱۳۸۹

سلام
میخاساتم بگم که من سر در نیووردم
میخام بدونم برنامه ای نیست خودش تبدیل کنه بدون دخالت انسان

محمد صادق

۰۴ شهریور ۱۳۸۹

با سلام خدا کنه تو این ماه رمضونی هر چی تو دلت هست و به خیر وصلاحت هست بهت عطا کنه
نهایت قدردانی از شما استاد خوبم دارم.

محمد صادق(TATAR)

۱۰ شهریور ۱۳۸۹

دستتون درد نکنه.یه قدم خیری برداشتین.اجرتون تو اون دنیا خودم بهتون میدم!!!

زهرا

۱۳ شهریور ۱۳۸۹

سلام دستتون درد نکنه واقعاً مطالب به درد بخوری گذاشتین ، فقط یک سئوال ما برای این که از امکانات مختلف jquery استفاده کنیم ، از چندین فایل جاوا که هر کدوم مربوط به یک کاری است استفاده می کنیم ، این کار باعث کندی سرعت نمی شه؟

امیر

۱۳ شهریور ۱۳۸۹

با تشکر . زهرا >> برای استفاده از jquery باید کتابخانه اون رو در ابتدت اضافه کنید تا بشه از کدهای jquery در وب سایت استفاده کرد . با توجه به پیچیدگی و نوع کاربری می تونید ار ورژن های مختلف کتابخانه که دارای حجم های گوناگون هستند استفاده کنید.
در مورد کندی هم باید بگم بالاخره استفاده از هر سیستمی یکسری معایب و محاسن داره مهم اینه که تشخیص بدید استفاده از jquery در وب سایت شما محاسنش بیشتر از معایبش هست. از جمله حجم.

نظر شما چیست ؟