طراحی وب سایت

 به شيوه‌هاي بسيار مطلوبي مي‌توانيد تعداد مشتريان خود را افزايش دهيد...

 اتحاد جماهير شوروي آن زمان موشکي با نام «اسپونيک» (Spotnik) را به فضا مي‌فرستد و نشان مي‌دهد داراي قدرتي است که مي‌تواند شبکه‌هاي ارتباطي آمريکا را توسط موشک‌هاي بالستيک و دوربرد خود از بين ببرد. آمريکايي‌ها در پاسخگويي به اين اقدام روس‌ها، موسسه پروژه‌هاي تحقيقي پيشرفته “ARPA” را به‌وجود آوردند. هدف از تاسيس چنين موسسه‌اي پژوهش و آزمايش براي پيدا کردن روشي بود که بتوان از طريق خطوط تلفني، کامپيوترها را به هم مرتبط نمود. به طوري که چندين کاربر بتوانند از يک خط ارتباطي مشترک استفاده کنند. در اصل شبکه‌اي بسازند که در آن داده‌ها به صورت اتوماتيک بين مبدا و مقصد حتي در صورت از بين رفتن بخشي از مسيرها جابه‌جا و منتقل شوند. در اصل هدف “ARPA” ايجاد يک شبکه اينترنتي نبود و فقط يک اقدام احتياطي در مقابل حمله احتمالي موشک‌هاي اتمي دوربرد بود. هر چند اکثر دانش امروزي ما درباره شبکه به‌طور مستقيم از طرح آرپانت “ARPPA NET” گرفته شده‌است. شبکه‌اي که همچون يک تار عنکبوت باشد و هر کامپيوتر ان از مسيرهاي مختلف بتواند با همتايان خود ارتباط دااشته باشد واگر اگر يک يا چند کامپيوتر روي شبکه يا پيوند بين انها از کار بيافتاد بقيه باز هم بتوانستند از مسيرهاي تخريب نشده با هم ارتباط بر قرار کنند.

اين ماجرا با وجودي که بخشي از حقايق به‌وجود آمدن اينترنت را بيان مي‌کند اما نمي‌تواند تمام واقعيات مربوط به آن را تشريح کند. بايد بگوييم افراد مختلفي در تشکيل اينترنت سهم داشته‌اند آقاي “Paul Baran” يکي از مهمترين آنهاست. آقاي باران که در دوران جنگ سرد زندگي مي‌کرد مي‌دانست که شبکه سراسري تلفن آمريکا توانايي مقابله با حمله اتمي شوروي سابق را ندارد. مثلا اگر رييس جمهور وقت آمريکا حمله اتمي متقابل را دستور دهد، بايد از يک شبکه تلفني استفاده مي‌کرد که قبلا توسط روس‌ها منهدم شده بود. در نتيجه طرح يک سيستم مقاوم در مقابل حمله اتمي روس‌ها ريخته شد. 

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

آقاي باران (Baran) طي مقالاتي اينچنيني ساختمان و ساختار اينترنت را پيش‌گويي کرد. او از کار سلول‌هاي مغزي انسان به عنوان الگو استفاده کرد، او معتقد بود: وقتي سلول‌هاي مغزي از بين بروند، شبکه عصبي از آنها ديگر استفاده نمي‌کند و مسير ديگري را در مغز انتخاب مي‌کند. از ديدگاه وي اين امکان وجود دارد که شبکه‌اي با تعداد زيادي اتصالات براي تکرار ايجاد شوند تا در صورت نابودي بخشي از آن، همچنان به صورت مجموعه‌اي به هم پيوسته کار کند. تا نيمه دهه ?? ميلادي کسي به نظرات او توجه‌اي نکرد. تا اينکه در سال ???? نيروي هوايي آمريکا و«آزمايشگاه‌هاي بل» به نظرات او علاقه‌مند شدند و پنتاگون با سرمايه‌گذاري در طراحي و ساخت شبکه‌اي براساس نظريات او موافقت کرد.

ولي آقاي باران (Baran) بنابر دلايلي حاضر با همکاري با نيروي هوايي آمريکا نشد. در اين ميان دانشمندي با نام تيلور (Tailon) وارد موسسه آرپا (ARPA) شد. او مستقيما به آقاي هرتسفلد رييس موسسه پيشنهاد کرد: (ARPA) آرپا هزينه ايجاد يک شبکه آزمايشي کوچک با حداقل چهار گره را تامين کند که بودجه آن بالغ بر يک ميليون دلار مي‌شد. با اين پيشنهاد تيلور تجربه‌اي را آغاز کرد که منجر به پيدايش اينترنت امروزي شد. او موفق شد در سال ????، دو کامپيوتر را در شرق و غرب آمريکا به هم متصل کند. با اين اتصال انقلابي در نحوه صدور اطلاعات در دنياي ارتباطات رخ داد که نتيجه آن را امروز همگي شاهد هستيم. اين شبکه به بسته‌هايي (packet) از داده‌ها که به وسيله کامپيوترهاي مختلف ارسال مي‌شدند اتکا داشت. پس از انکه ازمايشها سودمندي انرا مشخص کردند ساير بخش‌هاي دولتي و دانشگاهها پژوهشي تمايل خود را به وصل شدن به ان اعلام کردند . ارتباطات الکترونيکي به صورت روشي موثر براي دانشمندان و ديگران به منظور استفاده مشترک از داده‌ها در امد. در همان زمان که ARPAnet در حال رشد بود تعدادي شبکه پوشش محلي (LAN) در نقاط مختلف آمريکا به وجود امد. مديران LANها نيز به وصل کردن کامپيوترهاي شبکه‌هاي خود به شبکه‌هاي بزرگتر اقدام کردند . پروتوکل اينترنت ARPAnet IP زبان استاندارد حکمفرما براي برقراري ارتباط کامپيوترهاي شبکه‌هاي مختلف به يکديگر شد.تاريخ تولد اينترنت به طور رسمي اول سپتامبر ???? اعلام شده‌است. زيرا که اولين “IMP” در دانشگاه “UCLA” واقع در سانتاباربارا در اين تاريخ بارگذاري شده‌است.

با ان که اينترنت از ابتدا طوري بود که مبادله اطلاعات براي تازه واردان بسيار ساده باشد. بزرگترين جهش در وب در سال ???? با عرضه نرم‌افزار موزاييک mosaic که نخستين برنامه مرورگر وب گرافيکي بود به وجود امد. برنامه موزاييک محصول تلاش دانشجويان و استادان بخش "مرکز ملي کاربردهاي ابر کامپيوتر " در دانشگاه ايلينويز آمريکا بود. براي نخستين بار موزاييک امکانات اشاره و کليک (به وسيله موش) را فراهم کرد. کاربران مي‌توانستند صفحات وب (web page) يا مجموعه‌اي از متن و گرافيک را کنار هم بگذارند تا هر کسي که ميخواست انها را بتواند روي اينترنت ببيند. وقتي با موش روي کلمه‌ها يا تصاوير خاصي که hyper link ناميده مي‌شد کليک مي‌کردند برنامه موزاييک به طور خود کار يک صفحه ديگر باز مي‌کرد که به کلمه يا تصوير خاص و کليک شده اختصاص داشت. بهترين بخش اين سيستم انجا بود که hyper linkها مي‌توانستند به صفحاتي روي همان کامپيوتر يا هر کامپيوتر ديگر اينترنت با خدمات وب اشاره کنند. صفحات وب هر روز متولد مي‌شدند و مفهوم موج سواري يا surfing روي وب متولد شد. اواسط سال ???? سه ميليون کامپيوتر به اينترنت وصل شده بود و در ان هنگام اجراي عمليات اهسته نشده بود. صفحات جديد وب که شامل همه چيز از اسناد دولتي تا مدارک شرکت‌ها و مدل‌هاي جديد لباس بود در سراسر دنيا چندين برابر شد . موزاييک و جانشينان ان مانند navigator محصول شرکت " نت اسکيپ " اينترنت را از قلمرو علمي به ميان مردم اوردند. طبق اخرين امار ?? درصد کاربران بعد از سال ???? وارد اين محيط شده‌اند. ميليون‌ها انساني که از اينترنت استفاده مي‌کنند نيازي ندارند که نکات فني مانند TCP/IP را بدانند . امروزه شرکتهاي خدمات دهنده اينترنت يا ISP اين کار را به عهده طراحی وب سایت  دارند.رشد روز افزون ان و ساده تر شدن استفاده ان همچنان ادامه دارد . هر چه تعداد مردم بيشتري به اينترنت رجوع کنند تعداد شرکت‌هاي سازنده برنامه‌هاي اينترنت بيشتر مي‌شود.با انکه بعضي از عاشقان اينترنت ان را نوعي شيوه زندگي مي‌دانند. در نظر بيشتر کاربران منبع سرگرمي اطلاعات است ولي بيشترين مصرف ان پست الکترونيکي يا همان email است که يکي از ابزارهاي ارتباطي کار امد به شمار مي‌رود. پيامها از کامپيوتري به کامپيوتر ديگر با سرعت پرواز مي‌کنند و منتظر ميمانند تا شخص فرصت خواندن انها را پيدا کند . وب امکانات خوبي براي کپي از نرم‌افزارهاي مجاز از لحاظ کپي فراهم ميسازد. وقتي که مي‌بينيم که در مدت کوتاهي اينترنت به چنين رشدي نايل آمده است، مطمئنا دشوار خواهد بود که آينده او را پيش بيني کنيم. طبق نظر کارشناسان ماهانه ?? درصد به تعداد کاربران اينترنت افزوده مي‌شود ولي تعداد دقيق کاربران که روزانه از آن استفاده مي‌کنند مشخص نيست. هرچند که پاره‌اي از کارشناسان تعداد آنها را تا ??? ميليون نفر حدس مي‌زنند. تعداد رسمي کاربران اينترنتي را در سال ???? کارشناسان ??? ميليون نفر اعلام کرده بودند.

 به کار گيري html و css در طراحي صفحات وب

 تنظيم خاصيت float براي عناصر HTML از طريق جاوا اسکرپت

 آموزش طراحی صفحات وب

طراحی وب سایت صفحات و سایتهای اینترنتی و فواید این سایتها

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

 طراحی وب سایت

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

 طراحی وب سایت

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

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

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

با استفاده از زبانهای برنامه نویسی طرف سرور نظیر PHP و با استفاده از پایگاههای داده ها و بانکهای اطلاعاتی نظیر MySQL می و تکنیکهایی مثل Ajax و JavaScript امکان طراحی سایتها با انواع کاربری مختلف وجود دارد. اما در طراحی سایت ها باید از این امکانات در جای مناسب استفاده شود تا نیازهای کاربران نهایی برآورده شود.

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

برای ارسال سفارش طراحی سایت می توانید از صفحه «سفارش طراحی وب» ما استفاده کنید یا با ایمیلهای [email protected] و [email protected] تماس بگیرید.

 طراحی وب سایت

طراحی صفحات وب با استفاده از HTML

HTML مخفف "HyperText Markup Language" است. HTML زبانی است که از آن برای نوشتن صفحات وب ایستا (استاتیک) استفاده می شود. این زبان برای مشخص کردن عناصر مختلف صفحه از یک سری تگ (برچسب) استفاده می شود. برای مثال برای اینکه یک تصویر را وارد صفحه کنیم از برچسب <img> استفاده می کنیم و برای مشخص کردن یک پاراگراف متن مورد نظر خود را بین تگ <p> و <p/> قرار می دهیم. بدین وسیله مرورگر اینترنت می تواند عناصر مختلف صفحه را شناسایی کند و آنها را نمایش دهد. مرورگرهای اینترنت کدهای HTML را دریافت می کنند و پس از تفسیر آنها را به صورت یک صفحه طراحی وب سایت  به نمایش در می آورند.

نوشتن صفحات HTML لزوماً به برنامه خاصی احتیاج ندارد. حتی با استفاده از NotePad در ویندوز هم می توانید صفحات مورد نظر خود را طراحی کنید. صرف نظر از برنامه ای که از آن برای طراحی وب سایت  صفحات خود کمک می گیرید آشنایی شما با HTML می تواند تا حد بسیار زیادی در کیفیت صفحات تأثیر بگذارد. برای شروع یادگیری اچ تی ام ال می توانید از لینک زیر استفاده کنید :

آموزش HTML از مقدماتی تا پیشرفته

استفاده از CSS برای قالب بندی عناصر HTML

HTML اصولاً برای مشخص کردن هویت عناصر صفحه به وجود آمد. یعنی برای اینکه مشخص شود کدام بخش صفحه یک پاراگراف است یا کدام قسمت سرفصل است و کدام بخش یک جدول است و... برای این منظور هم از یک سری تگ استاندارد نظیر <p> ، <h1> و <table> استفاده می شد. وظیفه ای که برای HTML در نظر گرفته شده بود فقط همین بود و نحوه نمایش این عناصر بر عهده مرورگرهای وب بود. برای مثال مشخصاتی نظیر فونت متن، رنگ و مشخصاتی از این قبیل را مرورگر انتخاب می کرد و HTML در قالب بندی عناصر صفحه نقشی نداشت.

به تدریج مرورگرهای بزرگ مثل اینترنت اکسپلورر و Netscape از تگهای HTML جدیدی برای قالب بندی و تعیین ظاهر طراحی وب سایت  استفاده کردند مانند تگ <font> که برای تعیین فونت متن مورد استفاده قرار می گیرد و شناسه color که رنگ متن را مشخص می کند.

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

 طراحی وب سایت

استفاده از استایل و شیوه نامه ها (CSS) با HTML 4.0 آغاز شد. از CSS برای قلب بندی عناصر صفحه استفاده می شود. برای مثال با آن می توان برای قسمتهای مختلف در صفحه تصویر زمینه تعیین کرد، فونت آنها را تغییر داد، رنگ متن ها را تغییر داد و بسیاری از قابلیتهای دیگر که قبلاً در HTML وجود نداشت با CSS در دسترس طراحان قرار می گیرد. برای توضیحات بیشتر و یادگیری CSS می توانید از لینک زیر استفاده کنید :

آموزش استفاده از شیوه نامه ها (CSS) در طراحی وب سایت 

نوشتن صفحات پویای طرف کاربر با جاوا اسکرپت

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

 طراحی وب سایت

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

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

 طراحی وب سایت

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

برای اختصاص دادن یک ویژگی CSS به المنتهای HTML از شیء style استفاده می شود. اما این نکته را باید در نظر داشته باشیم که float از کلمات کلیدی رزرو شده در جاوا اسکرپت طراحی وب سایت است. به همین دلیل نمیتوانیم از متد style.float برای این منظور استفاده کنیم.

برای جلوگیری از تداخل بین float مورد استفاده در CSS و کلمه کلیدی float در جاوا اسکرپت به منظور اختصاص این ویژگی به المنتهای HTML از متد cssFloat استفاده میکنیم. برای درک بهتر میتوانید به مثال زیر در دو حالت قبل و بعد از اختصاص این ویژگی با به المنت توجه کنید:

 طراحی وب سایت

<div style="border:1px #666 dashed; width:50%; margin:10px auto"> 

<div style="width:100px; height:100px; background: #fc0;">بلوک مورد نظر قبل از اختصاص ویژگی</div> 

<p>این متن قبل از اختصاص ویژگی به المنت در زیر بلوک نمایش داده میشود</p> 

</div>

قبل از اختصاص ویژگی float:

بلوک مورد نظر قبل از اختصاص ویژگی طراحی وب سایت

این متن قبل از اختصاص ویژگی به المنت در زیر بلوک نمایش داده میشود

کد مربوط به اعمال ویژگی با استفاده از جاوا اسکرپت:

<div style="border:1px #666 dashed; width:50%; margin:10px auto"> 

<div id="my-block-2" style="width:100px; height:100px; background: #fc0;">بلوک مورد نظر قبل از اختصاص ویژگی</div>

<p>این متن قبل از اختصاص ویژگی به المنت در زیر بلوک نمایش داده میشود</p> <br clear="all">

</div>

 طراحی وب سایت

<script type="text/javascript"> document.getElementById("my-block-2").style.cssFloat = "right"; </script>

و در انتها این چیزی هست که در مرورگر نمایش داده خواهد شد:

بلوک مورد نظر پس از اختصاص ویژگی طراحی وب سایت

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

مقادیر زیر را میتوان برای متد cssFloat به کار برد:

noen :

این مقدار پیش فرض متد هست و تأثیر float را بر روی المنت خنثی میکند.

right :

این مقدار باعث می شود تا بلوک مورد نظر تا حد امکان در سمن راست طراحی وب سایت المنت والد خود قرار گیرد.

left :

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

در پایان این مقاله باید به این نکته اشاره کنم که مقادیر متد cssFloat از نوع رشته ای (String) هستند پس باید در کد جاوا اسکرپت در کوتیشن نوشته شوند. طراحی وب سایت

طراحی وب سايت  CSS,HTML

    امروز تصميم به طراحی  وب سايت  ساده با CSS,HTML گرفتم ولي نه به عنوان نمونه کار بلکه براي آموزش ، من اين کار رو از الف شروع مي کنم و همراه طراحي به توضيحات در مورد نکات مهم که تو اين تالار مشکل عمده افراد هست مي پردازم ، اين آموزش براي افرادي مفيد خواهد بودکه دوست دارندطراحی  وب سايت  با استفاده از استانداردهاي جهاني انجام بدهند ، به دليل کمي وقت اضافه من سعي دارم اين وب سايت رو در پروسه زماني 1 هفته اي براي دوستان عزيز کامل کنم ودر اين اين هروز يک قسمت از اين طرح رو طراحي و کد نويسي مي کنيم ، پيشنهادم براي کساني که تمايل دارند به خوبي ياد بگيرند هر روز همراه با من شروع به طراحي مجدد اين سايت کنند در اين آموزش فرض بر آن است که کاربران عزيز مختصر در مورد html,css آشنايي دارند کد نويسي در اين آموزش بسيار ساده و قابل درک خواهد بود.

    شروع کار:

    بهتره قبل از شروع کردن به کد نويسي با استفاده از چشم خود به طرح هاي مختلف به کارهاي هم موضوع با کار ما چه خارج و چه داخل ايران توجه کنيم ، رنگ بندي ها رو ببينيم ، نحوه جايگذاري المنت ها ، جزئيات اضافه شده و هرآن چه که به ذهنمان خطور مي کند.

    خوب فکر کنم بعد از اين کار يک ذهنيتي از چيزي که مي خواهيم تو ذهنمون پديدار شده خوب توسط فتوشاپ و يا هر نرم افزار گرافيکي که به آن مسلط هستيد شروع به ترسيم ذهنيت خودتان بکنيد.

    من طرحي رو که فايلش رو در پايين ضميمه کردم با استفاده از خلاقيت ذهني خودم طراحي کردم و برش هاي لازم نيز داده شده لازم به ذکر هست که من توانايي طراحي با فتوشاپ رو دارم اين طرح رو با فتوشاپ به صورت لايه لايه پياده سازي کردم شايد بعضي از دوستان به برنامه هاي ديگري مسلط باشند.

    خوب پس اولين کار طراحی  وب سايت  در محيط گرافيکي و دومين کار برش تصاوير..

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

    نکات ضروري :

    1- تکه هاي برش داده شده را با پسوند png 24 ذخيره مي کنيم.

    2- اندازه اي که من در فتوشاپ در نظر گرفتم 1000px در عرض و براي طول هم کمي بيشتر چون در دفرم شدن تاثيري ندارد 1500px در نظر گرفته ام.

    3- در زمان طراحی  وب سايت  شايد ايده هاي جديدي داشته باشيم که در پست هاي آينده آن ها را پياده سازي مي کنيم.

    4- ابزار برش در فتوشاپ Slice Tool هست.

    5- براي ذخيره قسمت برش داده نيز مي توانيد از کليد ميانبر alt+ctrl+shift+S استفاده کنيد.

    لينک اصلاح شده براي 4shared

    لينک اصلاح شده دوم

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

    موفق باشيد..

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

   .

    خوب فکر کنم بعد از اين کار يک ذهنيتي از چيزي که مي خواهيم تو ذهنمون پديدار شده خوب توسط فتوشاپ و يا هر نرم افزار گرافيکي که به آن مسلط هستيد شروع به ترسيم ذهنيت خودتان بکنيد.

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

    خوب پس اولين کار طراحي در محيط گرافيکي و دومين کار برش تصاوير..

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

    نکات ضروري :

    1- تکه هاي برش داده شده را با پسوند png 24 ذخيره مي کنيم.

    2- اندازه اي که من در فتوشاپ در نظر گرفتم 1000px در عرض و براي طول هم کمي بيشتر چون در دفرم شدن تاثيري ندارد 1500px در نظر گرفته ام.

    3- در زمان طراحي شايد ايده هاي جديدي داشته باشيم که در پست هاي آينده آن ها را پياده سازي مي کنيم.

    4- ابزار برش در فتوشاپ Slice Tool هست.

    5- براي ذخيره قسمت برش داده نيز مي توانيد از کليد ميانبر alt+ctrl+shift+S استفاده کنيد.

    لينک اصلاح شده براي 4shared