تالار گفتمان مانشت
مبانی طراحی وب - نسخه‌ی قابل چاپ

صفحه‌ها: ۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸
مبانی طراحی وب - fa_karoon - 21 تیر ۱۳۹۱ ۰۸:۳۲ ب.ظ

(۲۰ تیر ۱۳۹۱ ۰۹:۴۹ ب.ظ)hamid.adldoost نوشته شده توسط:  سلام دوباره

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

مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمی‌باشید. جهت مشاهده پیوندها ثبت نام کنید.

اگه دوستان نظر خاصی در موردش داشتن خوشحال میشم بشنوم. البته اینو بگم که خیلی خیلی ناقصه ! هنوز کار زیاد داره تا راه اندازی بشه!

موفق باشید.
ظاهرش که ساده است لینک هاش هم که کار نمی کنند ولی در کل قالبش مناسب همچین موضوعی هست، موفق باشید

مبانی طراحی وب - javadjj - 23 تیر ۱۳۹۱ ۰۳:۳۹ ق.ظ

سلام به همه دوستای خوبم و گلم - من نمیدونم اینا چه حسیه که نسبت به هم دارین ،این چه تاپیک هاییه که این اخرا داره رد و بدل میشه یک فرایند آموزشی خوب که حمید آقا شروع کرده تبدیل به یک کل کل کاملا شخصی شده
ببینید ایراد گرفتن بدترین کاره(البته منظورم انتقاد نیست) !!!! اگر از فعالیتی که یک نفر شروع کرده کسی اومد و ایرادی گرفت و یا خواست مهرات خودش رو به رخ بکشه طرف مقابل کاملا رمقش و انرژیش گرفته میشه این از نشانه های حسادت هست
تاپیک رو همینطور پر انرژی بدون وارد کردن هیچ ایرادی از یکدیگه ادامه بدید منم این کنار به شخصه استفاده می کنم
حمید آقا ادامه بدید خیلی خوبه

مبانی طراحی وب - Mahbanoo313 - 23 تیر ۱۳۹۱ ۰۹:۵۹ ق.ظ

والا تا جایی که یادمه همیشه از اقا حمید تشکر کردم و خواهش داشتم که روند کارشون رو ادامه بدن !!! ما هم بی صبرانه منتظر ادامه آموزش هاتون با سبک خودتون هستیم ...

RE: مبانی طراحی وب - M.Amin.M - 23 تیر ۱۳۹۱ ۰۸:۰۳ ب.ظ

سلام دوستان من امروز این تاپیکو پیدا کردم.از اول تا آخرشو خوندم.
خیلی خوبه.منم با آقا حمیدموافقم.
اگه هم کمکی از دستم براومد دریغ نمیکنم.من قصد دارم PHP رو شروع کنم.هنوز اول راهم.!!!Big Grin
بی صبرانه منتظر پست جدید آقا حمید هستم.Smile

برای همه آرزو ی موفقیت دارم.Big GrinBig GrinBig GrinBig GrinCool

مبانی طراحی وب - hamid.adldoost - 24 تیر ۱۳۹۱ ۱۰:۵۷ ب.ظ

با سلام مجدد خدمت دوستان عزیز

تو پست قبلی به شکل کلی html اشاره کردم و گفتم که هر تگ توی html شامل یک سری خصوصیت ها هست که ظاهرش رو تعیین می کنن. مثلا رنگ پشت زمینه (background-color) ، رنگ نوشته (color) ، فونت (font-family) ، عرض (width) ، ارتفاع (height) و ....
اما سازمان w3c تصمیم گرفت که یک سری صفحه های استاندارد برای تعیین خصوصیات المان های موجود در html در نظر بگیره ، که این صفحه ها stylesheet نام دارن. توی این صفحه ها ۳ دسته کلی از تعریف خصوصیات وجود داره. نوع اول برای تعیین المان های ذاتی html هست . به شکل زیر :
کد:
body
{
background-color : Gray;
font-family : tahoma;
direction : rtl;
}

با نوشتن این کد توی stylesheet و پیوند دادن این stylesheet با هر صفحه html ، قسمت body اون صفحه به شکل خصوصیت های گفته شده در میاد.(یعنی دارای پشت زمینه ی خاکستری ، فونت نوشته های tahoma و سمت نوشته ها از راست به چپ خواهد بود)
این طرز نوشتن برای تمام المان های html وجود داره ، یعنی مثلا اگه برای تگ <p> این خصوصیت ها رو تنظیم کنیم ، تمام پاراگراف های صفحه به این شکل در میاد.

نوع دوم ، تعیین یک دسته کلی از خصوصیت ها در قالب یک کلاس هست که میشه اون کلاس رو به هر تگی توی html نسبت داد. این نوع تعریف با یک نقطه در اول اسم کلاس شروع میشه. مثلا
کد:
.mystyle
{
width : 200px;
height : 100px;
margin-left : 20px;
text-align : center;
background-color : Navy;
}
این دسته کلی از خصوصیت ها از این به بعد با اسم mystyle شناخته میشه و به هر المانی نسبت داده بشه ، اون المان از این خصوصیت ها پیروی می کنه. (یعنی ، عرض اون ۲۰۰ پیکسل میشه و ارتفاش ۱۰۰ پیکسل ، فاصله از المان سمت چپ ، ۲۰ پیکسل ، نوشته های وسط چین و رنگ پشت زمینه ی آبی تیره )
برای نسبت دادن این کلاس به هر المان باید اسم اینو توی خاصیت class برای اون المان نوشت. مثلا :
کد:
<p class="mystyle" >
نوع سوم این خاصیت ها برای نسبت دادن مستقیم یک سری ویژگی ها به فقط یک شیء استفاده میشه. هر المان توی html دارای یک id منحصر به فرد هست. توی صفحه stylesheet میشه مستقیما به این شکل ویژگی ها رو به اون المان نسبت داد:
کد:
#id5
{
width : 300px;
background-image : path;
background-position : top center;
background-repeat : no-repeat;
}
و این ویژگی ها به المان id5 نسبت داده میشه.

پس از این که این کد ها داخل یک Stylesheet نوشته شد (یعنی یک صفحه با پسوند : css) اون صفحه با قرار دادن کد زیر در قسمت head به یک صفحه html نسبت داده میشه :
کد:
<link rel="stylesheet" type="text/css" href="stylesheetpath" />
در پست بعدی ، بخش های دیگری از مفاهیم css رو مطرح می کنم .
منتظر نظرات شما دوستان عزیز هستم.

مبانی طراحی وب - Mahbanoo313 - 24 تیر ۱۳۹۱ ۱۱:۴۰ ب.ظ

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

RE: مبانی طراحی وب - M.Amin.M - 25 تیر ۱۳۹۱ ۰۲:۲۸ ب.ظ

ممنون خیلی خوب بود!!!
منتظر پست بعدیتون هستم!!!TongueBig Grin

RE: مبانی طراحی وب - hamid.adldoost - 28 تیر ۱۳۹۱ ۱۰:۳۹ ب.ظ

دوره ۴۰ ساعته آموزش مبانی طراحی وب و ASP.NET

ارومیه - خیابان شهید دکتر بهشتی - خیابان منصور افشار - مرکز رشد دانشگاه ارومیه - ساختمان جهاد دانشگاهی - طبفه دوم - شرکت سان

۰۹۱۴۳۴۷۱۸۹۹
۰۴۴۱-۳۴۴۰۷۸۷

[تصویر:  112267_1_1379090941.png]

مبانی طراحی وب - malekinasab - 31 تیر ۱۳۹۱ ۰۸:۲۹ ب.ظ

با سلام
برای دوستانی که دنبال یادگیری طراحی وب وبه نوعی HTML هستند یک راه ساده برای این که یک صفحه اینترنتی دم دستتون باشه وبدونید چط.ر طراحی شده وبا تغییر روش چه شکلی میشه میتونید از یه کلیک راست ساده استفاده کنید.....
روی گوگل کروم که کلیک راست رو بزنید گزینه inspect element روبزنید وخیلی راحت میتونید صفحه رو تغییر بدید که برای شروع خوبه
من که جیمیل رو برای سر گرمی ;-) کداش رو تغییر دادم....برا گذراندن وقت خوب بود.....:-))

RE: مبانی طراحی وب - hamid.adldoost - 05 مرداد ۱۳۹۱ ۰۱:۰۵ ق.ظ

سلام
بابت تاخیر به وجود اومده عذر خواهی می کنم.
بحث رو ادامه میدیم با ادامه مبحث CSS. گفتیم که css برای جدا کردن صفات المان ها از المان ها استفاده میشه و این خصوصیت ها توی صفحاتی با پسوند .css نوشته میشه.
اما نکته دیگه اینه که همین کد های css رو میشه داخل خود صفحات html هم نوشت. یعنی توی قسمت head و داخل تگ style.
به عنوان مثال :
کد:
<html>
    <head>
          <title>my page</title>
           <style type="text/css">
                .myStyle
                 {
                     color:blue;
                     font-size:small;
                     font-family:tahoma;
                  }
             </style>
      </head>
      <body>
              <p class="myStyle">
                    This is my paragraph</p>
       </body>
</html>
این کد یه پاراگراف رو نشون میده که از استایل myStyle پیروی می کنه.

روش دیگه هم اینه که همین استایل رو مستقیما داخل تگ پاراگراف بنویسیم. یعنی به این شکل :
کد:
<html>
   <head>
         <title>my page</title>
   </head>
   <body>
         <p style="color:blue; font-size:small; font-family:tahoma;">
          This is my paragraph </p>
   </body>
</html>

امیدوارم ادامه بحث رو بتونم اینبار زودتر بنویسم.
موفق باشید.
منتظر نظرات شما هستم.

مبانی طراحی وب - marjan_gh - 06 مرداد ۱۳۹۱ ۱۲:۰۳ ق.ظ

چه جوری این فایلی رو که تو این اکسپرسشن ایجاد می کنیم رو ببریم تو ویژوال استدیو اصلا می شه یا نه؟

مبانی طراحی وب - marjan_gh - 07 مرداد ۱۳۹۱ ۰۱:۴۴ ق.ظ

بچه ها کمک می خوام در حد المپیک
):۱من باید آدرسهای مستر پیج هامو بزارم تو sql اما نمی دونم چه جوری آدرس نسبیشونو پیدا کنم
۲:باید قبل از لود صفحه با توجه به انتخاب قبلی یه مسترپیج بیاد اینم بلد نیستم کل امروزم رفت واسه اینا

مبانی طراحی وب - arixooo - 07 مرداد ۱۳۹۱ ۰۹:۰۷ ب.ظ

فقط برای اطلاع دوستانی مثل خودم که چیزی از طراحی صفحات وب نمیدونستن و میخوان شروع به یادگیری کنند..
من توی ۱ ماه گذشته..html,css,java script رو کاملا و به صورت حرفه ای یاد گرفتم....الانم میخوام php رو شروع کنم...قبل از اینها فکر میکردم با یادگیری اینها که اتفاقا خیلی هم آسون بودند میتونم یه سایت رو طراحی کنم..اما الان به این نتیجه رسیدم که نه...سخت در اشتباه بودم...همه اینها لازمه اما کافی نیست...اصل قضیه اون طرح اولیه است که اگه بخواید یه سایت رو به تنهایی طراحی کنید باید فوتوشاپ و فلش هم برید یاد بگیرید...تازه بعدشم باید توی خودتون بگردید ببینید آدم خوش سلیقه ای هستید یا نه...اصلا من کم کم دارم به این نتیجه میرسم که این کار بیشتر از اینکه علم باشه..هنره....
من یکی که توی خودم نمیبینم این طراحی ها رو...شما اگه میبینید حتما شروع کنید...که خیلی کار باحالیه..

RE: مبانی طراحی وب - fa_karoon - 07 مرداد ۱۳۹۱ ۱۱:۰۳ ب.ظ

(۰۷ مرداد ۱۳۹۱ ۰۱:۴۴ ق.ظ)marjan_gh نوشته شده توسط:  بچه ها کمک می خوام در حد المپیک
):۱من باید آدرسهای مستر پیج هامو بزارم تو sql اما نمی دونم چه جوری آدرس نسبیشونو پیدا کنم
۲:باید قبل از لود صفحه با توجه به انتخاب قبلی یه مسترپیج بیاد اینم بلد نیستم کل امروزم رفت واسه اینا
اگه لطف کنی یه کم بیشتر توضیح بدی که دقیقا می خوای چیکار کنی و اصلا به چه هدفی می خوای این کار ها رو انجام بدی شاید بتونم کمکت کنم

RE: مبانی طراحی وب - hamid.adldoost - 08 مرداد ۱۳۹۱ ۱۲:۳۱ ق.ظ

(۰۷ مرداد ۱۳۹۱ ۰۹:۰۷ ب.ظ)arixooo نوشته شده توسط:  فقط برای اطلاع دوستانی مثل خودم که چیزی از طراحی صفحات وب نمیدونستن و میخوان شروع به یادگیری کنند..
من توی ۱ ماه گذشته..html,css,java script رو کاملا و به صورت حرفه ای یاد گرفتم....الانم میخوام php رو شروع کنم...قبل از اینها فکر میکردم با یادگیری اینها که اتفاقا خیلی هم آسون بودند میتونم یه سایت رو طراحی کنم..اما الان به این نتیجه رسیدم که نه...سخت در اشتباه بودم...همه اینها لازمه اما کافی نیست...اصل قضیه اون طرح اولیه است که اگه بخواید یه سایت رو به تنهایی طراحی کنید باید فوتوشاپ و فلش هم برید یاد بگیرید...تازه بعدشم باید توی خودتون بگردید ببینید آدم خوش سلیقه ای هستید یا نه...اصلا من کم کم دارم به این نتیجه میرسم که این کار بیشتر از اینکه علم باشه..هنره....
من یکی که توی خودم نمیبینم این طراحی ها رو...شما اگه میبینید حتما شروع کنید...که خیلی کار باحالیه..

سلام
خوبی دوست عزیز؟ خوشحالم که داری به جمع طراحان وب می پیوندی. اما یه توصیه می کنم. دور php یه خط قرمز خیلیی پررنگ بکش! دوران php برای سایت های عادی دیگه به پایان رسیده! اگه می بینین facebook یا yahoo با php هستن معنیش این نیست که حتما php خیلی بهتره! بلکه واقعیت اینه که شرکت های بزرگ مثل facebook از یه php منحصر به فرد و بهینه سازی شده برای خودشون دارن استفاده می کنن! php یه آش شعله قلم کاره که هیچ کاری توش به صورت مدون و حرفه ای پیش بینی نشده ! فقط ترکیب c هست با وب !
دنیای آینده وب بین ۳ تا تکنولوژی خیلی بزرگ داره تقسیم میشه! دات نت ، جاوا و پایتون ! البته فعلا اینا هستن! هرچند زبان های دیگه ای هم دارن کم کم بزرگ میشن اما فاصله این سه تا و مخصوصا جاوا و دات نت با بقیه داره نجومی میشه! دات نت هم که من خودم کار کردم چون اپن سورس نیست تنها شرکتی که می تونه توسعه اش بده خود ماکروسافت هست و متاسفانه داره با لرزه های شدیدی مواجه میشه مثل سیلورلایت که به شکست محکوم شد ! اگه می خوای شروع کنی ، چیزی رو شروع کن که آینده داره نه گذشته !
php گذشته ی خیلی موفقی داشته ! اما آینده مال تکنولوژی های تحت پلتفورم هست. مثل جاوا و دات نت. و به نظر من بیشتر جاوا چون به شدت با اندروید هم داره ترکیب میشه و حتما می دونین که اندروید داره دنیا رو میگیره و پیش بینی میشه به زودی محبوبیتش به بالای ۸۰ درصد برسه! این یعنی جاوا هر روز بهتر از دیروز ! (دینگ دینگ ، صاایران!) جاوا هم برای تکنولوژی های تحت وب گزینه های زیادی داره ارائه میده ! اما جدیدا JSF داره به شدت همه رو جذب می کنه و توی آمار های محبوبیت داره از همه سبقت می گیره ضمنا به شدت با آژاکس هماهنگه و کنترل های خیلی خیلی خیلی عالی داره براش ساخته میشه ! چیزایی که توی زبان های دیگه یه رویا هست توی JSF مثل خوردن آب شده ! (حتما یه سر به سایت PrimeFaces بزن تا ببینی چی میگم!) پس اگه به توصیه ی من گوش می کنی برای شروع برو سراغ JSF . ضمنا JSF ذاتا از معماری MVC استفاده می کنه و این یعنی یه پله از همه تکنولوژی های دیگه بالاتره ! (بماند که php اصلا این چیزا حالیش نمیشه!) من که الان ۴ ساله دارم از ASP.net استفاده می کنم دارم شیفت میدم رویJSF. بهر حال بازم با بقیه مشورت کن.