طراحی وب سایت

آخرین مطالب

امکانات وب

نوشته هاي وردپرس حکم پست هاي يک وبلاگ را دارند ؟

برگه هاي وردپرس صفحات ثابتي هستند که جداي از نوشته هاي عادي در سايت يا وبلاگ منتشر مي شوند. نوشته هاي وردپرس حکم پست هاي يک وبلاگ را دارند که ممکن است هر روز بروز شوند، ولي برگه ها استفاده اي متفاوت تر دارند. به عنوان مثال اگر در جايي صفحه “درباره ما” را ديديد، اين مي تواند يک برگه باشد که به صورت ايستا و تقريباً ثابت است.

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

صفجه برگه هاي وردپرس

صفجه مديريت برگه هاي وردپرس

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

ويرايش سريع، براي ويرايش سريع برگه بدون باز شدن در صفحه جديد

زباله دان، براي حذف برگه

و نمايش، براي نمايش شکل و شمايل صفحه براي بازديدکنندگان

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

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

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

در نهايت اين يک نماي کلي و کامل از صفحه برگه هاي وردپرس بود که مي توانستيد آنها را مديريت کرده و سايت خود را با آنها کارا تر نماييد.

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

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

در صفحه “پيوندها” شما همه لينک هايي که ثبت شده است را به صورت رديفي مي بينيد. هر رديف داراي

صفحه مديريت لينک هاي سايت وردپرس

صفحه مديريت پيوندهاي سايت وردپرس

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

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

طراحی وب سایت...

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

برچسب : طراحی وب سایت, طراحی سایت, طراحی وب, نویسنده : ramin webdesign27 بازدید : 99 تاريخ : چهارشنبه 16 مرداد 1392 ساعت: 14:11

سوشير

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

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

سوشير (SoShare) که نام معتبر موسسه بيت تورنت را به عنوان توليد کننده يدک مي کشد، ابزاري رايگان و آنلاين است که امکان آپلود و اشتراک گذاري فايل ها تا حجم 1 ترابايت را براي ما به ارمغان آورده است.

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

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

لينک مطلب ادامه مطلب نظر بدهيد (1)

زندگي بهتر با ماژول و پلاگين کمتر

علي اصغر هنرمند

جمعه ?? تير ???? - ??:??

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

اکثر اين امکانات در قالب افزونه هاي کوچک و بزرگي به نرم افزار اصلي اضافه مي شوند. اين امکانات جديد با توجه به سيستم مديريت محتوايي که استفاده مي کنيد، نامگذاري ويژه خودش را دارد. نام هايي مانند پلاگين، ماژول، کامپوننت و...

وبلاگ نويس ها و وبمسترهاي تازه کار، علاقه زيادي به استفاده از اين امکانات دارند و مي بينيم هر آنچه که به نظرشان مفيد مي رسد را روي سايت شان نصب مي کنند و با اين کار سعي مي کنند سايت شان امکانات بيشتري داشته باشد.

اما اين فقط يک روي سکه است و بسياري از وبمسترها نمي دانند که بهتر است در اضافه کردن امکان جديد به سايت شان تا جاي ممکن بخيل باشند.

در واقع نصب ماژول ها و کامپوننت هاي جديد، دردسرها و کارهاي اضافه زيادي به همراه خود خواهد آورد که بهتر است ابتدا از آنها مطلع باشيد:

نگهداري سخت تر:

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

مصرف منابع بيشتر، سايت کند تر:

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

امنيت پايين تر:

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

ناهماهنگي ميان پلاگين ها:

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

مي بينيد که هر چيزي قيمتي دارد! داشتن امکانات زياد و متنوع خوب است اما در بسياري موارد به دردسرهاي بعدي اش نمي ارزد. هنر شما به عنوان يک وبمستر خوب اين خواهد بود که با ارزشيابي منطقي، تعادلي خوب ميان امکانات، زمان و بودجه تان به وجود بياوريد.

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

لينک مطلب نظر بدهيد (2)

آموزش برنامه نويسي اندرويد - قسمت ??:نحوه ساخت فولدرها و فايل هاي جديد در فولدر res

بهزاد مرادي

جمعه ?? تير ???? - ??:??

اهداف آموزشي اين قسمت عبارتند از:

1. نحوه ايجاد يک فولدر جديد

2. نحوه ايجاد يک فايل جديد در فولدر values

3. مقدمات بومي سازي يک اپليکيشن

پس از آشنايي با فولدر res در قسمت يازدهم، در اين قسمت قصد داريم تا با نحوه ايجاد فولدرهاي زيرشاخه res و هم چنين ايجاد فايل هاي زيرشاخه فولدر values آشنا شويم. علاوه بر اين خواهيم فهميد که به چه نحوه مي توان يک اپليکيشن اندرويدي را براي کشورهاي مختلف و زبان هاي مختلف بومي ساخت.

پس ادامه مطلب را از دست ندهيد.

لينک مطلب ادامه مطلب نظر بدهيد (3)

کاربردپذيري در فرم هاي جستجو

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

کارفرما طي چند نوبت، تقاضاي اضافه شدن امکانات مختلفي را به جستجوي پيشرفته ارسال مي کرد و تيم برنامه نويس در واکنش به هر تقاضا، يک فيلد جديد به فرم جستجوي پيشرفته اضافه مي نمود.

چند روز بعد صفحه جستجوي پيشرفته اين اپليکيشن، به فرمي وحشتناک تبديل شده بود که هر کاربري با ديدن آن عطاي استفاده اش را به لقايش مي بخشيد!

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

در فيلد جستجوي گوگل مپس مي توانيد آدرس، نام شهر يا موقعيت جغرافيايي را وارد کنيد

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

براي مثال در تصوير اصلي مطلب مي بينيد که براي پيدا کردن وضعيت آب و هوا، کاربر مي تواند نام شهر يا Zip Code را وارد کند و دو فيلد مجزا براي آن قرار نگرفته است.

بخش جستجوي پيشرفته کتابفروشي آدينه بوک فيلدهاي زيادي دارد. به نظر شما چطور مي توان آن را بهينه تر کرد؟

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

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

لينک مطلب نظر بدهيد (5)

سه اصل ساده براي انتخاب اسم مناسب براي يک استارت آپ

حسين نوذري

چهارشنبه ?? تير ???? - ??:??

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

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

در اين مقاله کوتاه به سه اصل اوليه اما مهم پرداخته شده است که توجه به آنها براي اسم استارت آپ شما ضرورت محسوب مي شود. ادامه مطلب را از دست ندهيد.

لينک مطلب ادامه مطلب نظر بدهيد (5)

آموزش برنامه نويسي جاوا - قسمت ??: ايجاد يک شماره تصادفي در پروژه برادر بد شانس

در اين جلسه قصد داريم تا نحوه به کار گيري کلاس Random در زبان برنامه نويسي جاوا را مورد بررسي قرار دهيم. در واقع در اين آموزش علاوه بر نحوه توليد يک عدد تصادفي توسط کلاس Random به استفاده از مباحث if و همچنين Loop يي از جنس for هم خواهيم پرداخت.

در اين جلسه هم همچون برخي جلسات گذشته نياز به يک سناريو داريم:

فرض کنيم که ما برادري داريم که همواره بر سر اين مسئله که چه کسي امروز برود و نان خريداري کند با او مشاجره مي کنيم و هر دفعه هم که شير يا خط مي اندازيم تا اينکه ببينيم قرعه به چه کسي مي افتد او بهانه مي آورد که تو سکه را از قصد طوري انداختي که قرعه به نامت نيفتد. از آنجا که ما يک برنامه نويس جاوا هستيم اين پيشنهاد را به او مي دهيم که مي توانيم برنامه اي طراحي کنيم که به صورت کاملاً تصادفي شماره اي را به يکي از ما دو نفر اختصاص خواهد داد. حال هر کس که از نفر ديگري امتياز کمتري کسب کرد مي بايست اين کار را انجام دهد. در نهايت اين پيشنهاد مورد قبول طرفين واقع مي شود و شروع به نوشتن برنامه مي کنيم (البته از آنجا که نگارنده اين آموزش تنها پسر خانواده است، اين وظيفه خطير در هر صورت به عهده خودش است!).

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

لينک مطلب ادامه مطلب نظر بدهيد (8)

seo robotيکي از ابزارهايي که هميشه از آن براي پيدا کردن محتوا بهره مي بريم، موتورهاي جستجو هستند. مديران و طراحان وب سايت با استفاده از تکنيک هاي سئو تمامي صفحات سايت خود را به موتور جستجو معرفي مي کنند. اما در يک سايت صفحاتي نيز وجود دارد که بايد از چشم موتورهاي جستجو مخفي بمانند.

براي مخفي کردن قسمت هايي از وب سايت مي توانيم از robots به دو شکل فايل يا متا (meta) تگ استفاده کنيم.

مزاياي استفاده از robots

قبل از اينکه با نحوه ايجاد robots و مشخصات آن آشنا شويم، بد نيست برخي از کاربردهاي اين فايل (يا تگ) را مرور کنيم:

طراحی وب سایت...

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ramin webdesign27 بازدید : 92 تاريخ : يکشنبه 30 تير 1392 ساعت: 16:24

وب چيست؟

امروزه سه حرف انگليسي w در کنار هم شبکه جهاني اينترنت را در اذهان تداعي مي کند. اما بسياري هنور مفهوم و تاريخچه اين سه حرف را نمي دانند.

WWW مخفف عبارت World Wide Web مي باشد. که با عنوان W3 هم شناخته مي شود Web وب به معني تار و World Wide به معني گستره جهاني است. و در کل اين سه کلمه در کنار هم مفهوم تار جهاني يا تار گستر جهاني را مي دهند. اشاره دارد به تاري که کل جهان را احاطه کرده باشد.

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

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

بعد از مدلسازي پروژه ، برنرز لي کليه مقدمات لازم براي پياده سازي طرح وب را فراهم کرد. از جمله بکارگيري يک کامپيوتر به عنوان اولين وب سرور جهان با نام NeXT و همچنين اولين مرورگر جهان با همين نام . تصويري که مشاهده مي کنيد عکس کامپيوتر "نکست" اولين سرور وب است.

اولين کامپيوتر سرور هاست جهان بنام نکست

برنرز هر آنچه را که لازم ميديد اجرا کرد و همچنين اولين صفحات وب در جهان را در سال 1991 ساخت. او در مقاله اي توضيحاتي پيرامون شبکه جهاني اينترنت و وب داد.

پروژه برنرز لي اساس شبکه اينترنت امروزي شد و سه اساس مهم در وب که عبارتند از

1- آدرس اختصاصي شناسايي منبع صفحات يا URL

2- انشار متون بوسيله تگ ها يا HTML

3- پروتکل ارسال صفحات وب HTTP

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

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

وب امروزي برپايه نظريات بنز استوار شد اما روز به روز در حال توسعه و تحول است. يکي از تحولات مهم بعد از پيدايش وب بحث استفاده از برنامه نويسي پويا در وب يا به عبارت ساده تر بهره گيري از صفحات وب متغير است. پروژه اي که برنز آنرا نخستين بار پياده سازي کرد بر مبناي متون ثابت (استاتيک) بود اما هم اکنون صفحات متغير وب (دايناميک) وب سايت هايي با قابليت هاي حيرت انگيز و برنامه ريزي شده خلق کرده است. وب سايت هايي که گاه نقش خبرگزاري را دارند ، گاه پايگاه ويديويي مي شوند و گاه مانند ربات در شبکه مي خزند.

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

طراحی وب سایت...

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ramin webdesign27 بازدید : 106 تاريخ : يکشنبه 23 تير 1392 ساعت: 14:18

داشتن وب سایت

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

در هر جاي كامپيوتر كه دوست داريد فلدري به نام my-first-webpage بسازيد.

textEditor خودتان را كه در جلسات قبل توضيح داديم باز كنيد كد زير را در آن كپي كنيد

طراحی وب سایت

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>The Most Basic Web Page in the World</title>

content="text/html; charset=utf-8"/>

</head>

<body>

<h1>The Most Basic Web Page in the World</h1>

This is a very simple web page to get you started.

Hopefully you will get to see how the markup that drives

the page relates to the end result that you can see on

screen.

This is another paragraph, by the way. Just to show how it

works.

</body>

</html>

از textEditor گزينه file>save as را بزنيد پنجره اي مانند زير نمايش مي يابد:

مسير فلدر قبل را بدهيد تا در آنجا ذخيره شود.

نام فايل را انتخاب نماييد البته با پسوند html مانند my-first-webpage.html

از منوي كشويي save as type گزينه all files را انتخاب نماييد

از منوي كشويي Encoding گزينه UTF-8 را انتخاب نماييد.

و حالا دكمه save را بزنيد.

حالا در فلدر مورد نظر فايلتان را با مرورگر باز نماييد . تبريك شما اولين صفحه وب خودتان را ساختيد!

يك مقايسه و يك آناليز ساده بين كد شما و ظاهري كه در مرورگر مي بينيد ، مي تواند در يادگيري شما كمك شاياني كند:

زمان مناسبي است كه در مورد 2 تگ p و h1 و البته عناصر ديگر صحبت كنيم.

تيترها و سلسله مراتب آن (H)

تيترها عناصر بلاك و بسته شونده (container)هستند و سلسله مراتب مخصوص به خود را دارند و از h1 تا h6 وجود دارند.

از h1 براي مهم ترين تيتر از h2 براي تيتر كم ارزش تر و از h3 براي تيتر كم ارزش تر از h2 و به همين ترتيب تا h6

پاراگراف (p)

يك تگ بلاك و بسته شونده (container) است و براي يك بلوك متني استفاده مي شود اين بدان معني است كه متن هاي خوتان را بايد داخل اين تگ قرار دهيد.

ليست (list)

فرض كنيد مي خواهيد ليست وب سايت هاي طراحي شده خودتان را نمايش دهيد ،

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>Lists - an introduction</title>

content="text/html; charset=utf-8"/>

</head>

<body>

<h1>Lists - an introduction </h1>

Here's a paragraph. A lovely, concise little paragraph.

Here comes another one, followed by a subheading.

<h2>A subheading here</h2>

And now for a list or two:

<ul>

<li>This is a bulleted list</li>

<li>No order applied</li>

<li>Just a bunch of points we want to make</li>

</ul>

And here's an ordered list:

<ol>

<li>This is the first item</li>

<li>Followed by this one</li>

</ol>

</body>

</html>

و حالا خروجي كار رو در مرورگر ببينيد تا تفاوت هاي دو نوع ليست را ببينيد

طراحی وب سایت

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

طراحی وب سایت...

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ramin webdesign27 بازدید : 93 تاريخ : چهارشنبه 19 تير 1392 ساعت: 15:03

طراحی وب سایت

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

design-web-00.jpg

عنصر blockquote:

طراحی وب سایت

اين تگ ، يک تگ container (که در جلسات قبل توضيح داده شده) است و طبق گفته کتاب اين تگ براي نمايش يک گفته شخصي استفاده مي شود.

ولي در کتاب هاي ديگر به تگ هاي Quotes اشارات متنوعي شده است. Quotes به معني نشان يا نقل قول است و کلا" اين تگها براي جلب توجه بيشتر استفاده مي شود در واقع يک شهادت ويا سفارش و يا کامنت است.

تگ هاي Quotesبه 3 بخش زير تقسيم مي شود :

1. <blockqoute>< /blockqoute>

2. <q>< /q>

3. <cite>< /cite>

طراحی وب سایت

اين تگ ، يک تگ container و inline است و براي نقل و قول براي يک يا دو کلمه استفاده مي شود.

يادآوري : تگ هاي block کل سطر را مي پوشاند و تگ هاي inline تنها دور عنصر را مي گيرند .

I'm said <q>font</q>but my friend said <q> font face </q>

cite :

اين تگ ، يک تگ container و inline است و براي نام نويسنده و يا نويسنده کامنت استفاده مي شود

but then <cite> ali</cite>said <q> no think these font work betfer </q>

تگ هاي strong و em :

اين تگ ها ، تگ هاي container و inline هستند و براي برجسته سازي و اهميت کلمات استفاده مي شوند. و اما در ظاهر ، تگ strong کلمه را bold و تگem کلمه را italic مي کند.

اين نکته را اضافه کنم که اين تگ ها براي موتورهاي جستجو از اهميت خاصي برخوردار است .

this is a bold text this is a italic text

خط فاصله بين متون p :

فرض کنيد مي خواهيم در يک پاراگراف به خط جديدي برويم . براي اين کار از تگ استفاده مي کنيم.

اين تگ ، يک تگ empty است و در ساختار xhtml به صورت نوشته مي شود .

نکته مهم : از br اضافي پرهيز کنيد

this is a test

this line show after break

تعريف تگ هاي خاص:

اين قسمت از آموزش در کتاب نيست ولي با توجه به تجربه شخصي بنده در طراحي وب سايت هاي مختلف( چند نمونه کار هاي طراحي سايت يک طراح وب سايت را چک کنيد) ، ترجيح مي دهم اين تگ ها در اين قسمت بيان شود . اين قسمت نيز شامل تگ هايي است که کمتر استفاده مي شود ولي ميتوانند کاربردي باشند :

<abbr>

براي توصيف يک عبارت اختصار به کار مي رود

The<abbr titile="search engine optimization">seo</abbr> is good for your site

براي توصيف نامها ي محاوره اي اختصار

Can I get this <acronym title="as soon as possible">AsAp </acronym>

براي نوشتن اطلاعات تماس

Behzad alibeigi

<a href =contact.. >email</a>

Phone :...

</address>

<dfn>

براي معناي کلمات استفاده مي شود و يا توصيف يک کلمه و يا مثلا جايي که مي خواهيم اطلاعات بيشتري در اختيار کاربر قرار دهيم .

The <dfn title="microsaft web browser">Inteet explorer </dfn> is the most popular browser used undermater.

همانطوري که از مثال هاي بالا مشخص است اين 4 تگ container و inline هستند.

براي ديدن يک مثال ديگر بهتر است به وب سايت وبسکالا برويم و سورس آن را ببينيم

Adding some style

همان طوري که قبلا اشاره کرديم لايه دوم وب ، لايه ظاهر آن است که با CSS اعمال مي شود.

در گذشته براي اضافه کردن ظاهر به سايت از ترکيب دستورات CSS وHtml استفاده مي شد ولي امروزه براي اين کار مي بايست فقط از css استفاده کرد تا وب سايتي استاندارد داشته باشيم.

CSS يا همان (Cascading style sheets) زباني است که براي تغيير ظاهر عناصر صفحات استفاده مي شود. که مي تواند شامل رنگ ، سايز ويا موقعيت عناصر باشد .

براي اعمال css 3 روش وجود دارد:

• Inline

• Embedded

• Exteal

: inline

در اين روش از خصوصيت style داخل تگ هاي html استفاده مي کنيم بدين صورت :

this is a test

خصوصيت style مي تواند شامل چندين اعلان باشد . اعلان ها با ; از اعلان کناري جدا مي شود. به مثال بالا دقت کنيد : اعلان رنگ و نوع فونت با ; از هم جدا شده اند

هر اعلان شامل يک property و يک value است .

design-web-51.jpg

عنصر span :

طراحی وب سایت

يک تگ inline است و تگ جادويي دوم بعد از div براي من به حساب مي آيد span موارد استفاده زيادي دارد که يک نمونه از آن که مربوط به همين بحث inline style است در مثال زير آورده شده است:

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

مورد استفاده ديگر span مربوط به طراحي هاي پيچيده با تعداد تگ div زياد است که در دوره هاي بعدي توضيح خواهيم داد.

روش هاي embedded , exteal در جلسه بعدي تشريح مي شوند و خواهيم گفت که کدام روش مناسب تر است .

طراحی وب سایت...

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ramin webdesign27 بازدید : 95 تاريخ : يکشنبه 16 تير 1392 ساعت: 12:49

ايجاد پيوند به ديگر صفحات با HTML

در اين بخش ايجاد لينک به بقيه صفحات را مورد بررسي قرار مي دهيم.

براي ايجاد لينک از تگ زير استفاده مي کنيم:

طراحی وب سایت

تگ <a> نشانه لينک است. شناسه href مشخص کننده آدرس لينک مي باشد، <a/> نشانه بسته شدن تگ است. متني که بين اين دو تگ ابتدايي و پاياني نوشته مي شود متني است که در صفحه شما به عنوان يک لينک ديده مي شود. مثلاً اگر مي خواهيد به يک صفحه وب مثلاً صفحه اصلي سايت ما با اين آدرس: http://www.neopersia.org/html/index.html لينکي را در صفحه خود داشته باشيد بايد فرمان زير را در قسمت body صفحه خود در جايي که مي خواهيد لينک به نمايش درآيد قرار دهيد:

<a href="http://www.neopersia.org/html/index.html">متن نمونه براي لينک</a>

لينک در صفحه شما به اين صورت ديده مي شود:

متن نمونه براي لينک

لينکي را که با فرمان بالا ساخته ايد به صورت رنگي (بسته به تنظيمات مرورگر رنگ آن تعيين مي شود) و زيرخط دار به وجود مي آيد. که اين خصوصيات نشانه آن است که يک متن لينک است و وقتي که نشانگر ماوس را بر روي آن قرار دهيد به شکل دست در مي آيد. البته هر متني که رنگي بود و داراي زير خط بود لزوماً نبايد يک لينک باشد. شکل نشانگر ماوس در اينجا به کمک ما مي آيد.

اگر شما لينکي را که با اين روش به وجود آمده کليک کنيد به صفحه مورد نظر مي رويد. با اين روش شما مي توانيد به هر صفحه اي لينک بسازيد چون آدرس کامل آنرا در لينک قرار داده ايد. براي مثال شما مي توانيد براي صفحات سايت خود در صفحه اصلي با اين روش لينکهايي بسازيد.

متن نمونه براي لينک

طراحی وب سایت

هر دو روش بالا يک نتيجه را دارند اما در روش دوم زحمت نوشتن کمتر است.

اگر شما شک داريد يا مطمئن نيستيد که هر دو صفحه در يک پوشه قرار دارند حتماً از آدرس کامل استفاده کنيد. چون در اين روش مهم نيست که صفحات مربوط به چه سايتي باشند.

شناسه ديگري که مي توانيد در تگ لينک به کار ببريد title است. با استفاده از اين شناسه مي توانيد عنواني را براي لينک انتخاب کنيد و اين عنوان در هنگامي که بازديد کننده کاوس خود را روي لينک قرار مي دهد به نمايش در نمي آيد. به مثال زير توجه کنيد:

<a href="../css/index.html" title="آموزش استفاده از استايل در صفحات وب">آموزش CSS به زبان فارسي</a>

ماوس خود را روي لينک زير قرار دهيد تا نتيجه را مشاهده کنيد:

آموزش CSS به زبان فارسي

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

طراحی وب سایت...

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ramin webdesign27 بازدید : 88 تاريخ : پنجشنبه 6 تير 1392 ساعت: 15:26

لیستهای نامرتب ,لیستهای مرتب

لیستهای نامرتب طراحی وب سایت

در لیستهای نامرتب برای عناصر لیست از شماره و عدد یا حروف الفبا استفاده نمی شود. عناصر این معمولاً با یک دایره تو پر مشخص می شوند. تگ ابتدای آن <ul> است و تگ پایانی آن <ul/> است. برای جدا کردن هر بخش لیست در ابتدای آن از تگ <li> استفاده می شود. بهتر است هر تگ <li> که باز می شود با <li/> بسته شود. در زیر یک مثال برای این نوع لیست آورده شده است:

<ul>

</ul>

مثال بالا یک لیست بولت دار با سه بخش را به ما می دهد:

طراحی وب سایت

بخش اول لیست

بخش دوم لیست

بخش سوم لیست

به این نکته هم توجه کنید که <li> نیازی به تگ پایانی ندارد ولی بهتر است از تگ پایانی آن یعنی <li/> استفاده شود.. فاصله متن لیست شده از ابتدای خط هم مقداری از بقیه متن بیشتر می شود. شما می توانید این فاصله را با افزودن تگ <ul> بیشتر کنید فقط به خاطر داشته باشید تگهایی را که باز کرده اید در آخر لیست ببندید.در زیر یک مثال برای این نمونه لیست طراحی وب سایت آورده شده است:

<ul>

</ul>

نتیجه این فرمان به شکل زیر خواهد بود:

طراحی وب سایت

خط اول لیست

خط دوم لیست

خط سوم لیست

از شناسه type می توان در تگ <ul> استفاده کرد و ظاهر لیست را تغییر داد.

شناسه type

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

circle

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

disc

این مقدار شکل علامت ابتدای هر قسمت از لیست را به یک دایره تو پر تغییر می دهد.

square

این مقدار شکل علامت لیست را به صورت یک مربع تو پر در می آورد.

به یاد داشته باشید که از شناسه type هم می توان در تگ <ul> استفاده کرد و هم در تگ <li>. در صورتی که برای تگ <ul> از این شناسه استفاده شود علامت مربوط به همه قسمتهای لیست تغییر می کند اما اگر برای تگ <li> از این شناسه استفاده شود فقط علامت مربوط به همان بخش از لیست تغییر می کند.

طراحی وب سایت

در مثال زیر می توانید نحوه نمایش لیست با استفاده از شناسه type را در حالات مختلف مشاهده کنید. ما از کد زیر برای ساختن این لیست آزمایشی طراحی وب سایت استفاده می کنیم:

<ul>

</ul>

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

طراحی وب سایت

قسمت اول لیست

قسمت دوم لیست

قسمت سوم لیست

اگر می خواهید از تگ <center> برای لیست خود استفاده کنید در این کار دقت کنید. چون ممکن است تمام سطرهای متن شما به یک اندازه نباشند. در این صورت به جای اینکه لیستی در یک خط و مستقیم داشته باشید ممکن است لیستی در هم ریخته و شلوغ به وجود آید. مانند زیر:

<ul>

<li>بخش اول لیست که بلندتر از بقیه سطرهای لیست است</li>

</ul>

لیست نهایی به این صورت در صفحه دیده می شود.

بخش اول لیست که بلندتر از بقیه سطرهای لیست است

بخش دوم لیست

بخش سوم لیست در سطر آخر

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

لیستهای مرتب طراحی وب سایت

شما می توانید در مورد لیستهای مرتب هم مانند لیستهای نامرتب عمل کنید فقط کافیست به جای استفاده از <ul> و <ul/> از تگهای <ol> و <ol/> استفاده کنید. به یک مثال در این زمینه توجه کنید:

<ol>

</ol>

نتیجه به صورت لیستی شماره گذاری شده ظاهر می شود:

طراحی وب سایت

بخش اول لیست

بخش دوم لیست

بخش سوم لیست

برای کنترل تگ <ol> از چند شناسه می توان استفاده کرد

شناسه start

در مورد لیستهای مرتب طراحی وب سایت

با استفاده از شناسه start در تگ <OL> می توانیم تعیین کنیم که شماره های لیست از چه عددی شروع شود. به مثال زیر توجه کنید:

<li>این سطر اول لیست است ولی شماره آن 15 است.</li>

</ol>

نتیجه به صورت زیر مشاهده می شود:

این سطر اول لیست است ولی شماره آن 15 است.

شناسه type

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

"type="1

با این شناسه بخشهای لیست با اعداد ریاضی مشخص می شوند.

"type="A

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

"type="a

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

"type="I

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

"type="i

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

این شناسه هم می تواند در تگ <ol> استفاده شود و هم در تگ <li> و در این مورد مانند لیستهای نامرتب عمل می کند.

طراحی وب سایت

در مثال زیر می توانید نحوه نمایش حالات مختلف لیست را با استفاده از شناسه type مشاهده کنید:

<ol>

<li type="I">قسمت چهارم لیست</li>

</ol>

طراحی وب سایت...

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ramin webdesign27 بازدید : 92 تاريخ : چهارشنبه 29 خرداد 1392 ساعت: 14:34

آموزش طراحی وب سایت HTML و CSS

آموزش طراحی وب سایت HTML , CSS

در گذشته نه چندان دور بروزرسانی و اعمال تغییرات در سایت نیازمند به دانش طراحی وب سایت HTML , CSS , Java , PHP , ASP و یا سایر زبان های برنامه نویسی وب بود و یا مالکین وب سایت هایی که از چنین توانایی هایی بی بهره بودند بایستی بابت هر تغییر کوچک با پرداخت هزینه های گوناگون به افراد متخصص جهت بروزرسانی سایت خود اقدام میکردند. اما منطقی نبود که به عنوان مثال صاحب یک شرکت و یا فروشگاه اینترنتی برای بروزرسانی سایت خود با صرف زمان طولانی اقدام به یادگیری این زبان ها نماید. بدین ترتیب سیستم های مدیریت محتوا یا CMS ها شکل گرفتند.

آموزش طراحی وب سایت HTML و CSS

HTML اچ تی ام ال چیست ؟

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

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

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

CSS سی اس اس چیست ؟

CSS یا Cascade Style Sheets زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر کردن نقاط ضعف و خلاء های آن دارد.

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

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

جمله آخر اینکه، استفاده از CSS باعث تمیزتر شدن کدهای برنامه نویسی تان می شود، تغییرات آتی را آسان می کند و همچنین دید شما را بیشتر به طراحی وب سایت معطوف می کند تا سر و کله زدن با کدهای برنامه نویسی.

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

صفحه قبل 1 صفحه بعد

طراحی وب سایت...

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ramin webdesign27 بازدید : 118 تاريخ : چهارشنبه 22 خرداد 1392 ساعت: 16:59

طراحی وب سایت

آخرین مطالب

امکانات وب

نوشته هاي وردپرس حکم پست هاي يک وبلاگ را دارند ؟

سوشير

وب چيست؟

داشتن وب سایت

طراحی وب سایت

ايجاد پيوند به ديگر صفحات با HTML

لیستهای نامرتب ,لیستهای مرتب

آموزش طراحی وب سایت HTML و CSS

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه