آخرین مطالب
امکانات وب
شما ميتوانيد به وسيله يک وب سايت، خدمات خود را از کوچه و خيابان به محيط وسيع اينترنت منتقل کنيد و با تغيير مکان کار خود از دنياي واقعي به مجازي نوع کاربران و طراحی وب حتي تعداد آنها را تغيير دهيد؛ به شيوه‌هاي بسيار مطلوبي ميتوانيد تعداد مشتريان خود را افزايش دهيد...
شما ميتوانيد به وسيله يک وب سايت، خدمات خود را از کوچه و خيابان به محيط وسيع اينترنت منتقل کنيد و با تغيير مکان کار خود از دنياي واقعي به مجازي نوع کاربران و حتي تعداد آنها را تغيير دهيد؛ به شيوه‌هاي بسيار مطلوبي ميتوانيد تعداد مشتريان خود را افزايش دهيد…
اين روزها ساختن يک وب سايت بسيار راحت شده است. راحت‌تر از آنچه که به نظر شما بيايد.
وجود نرم‌افزارهاي متعدد براي طراحي سايت اين کار را براي افراد متخصص و غيرمتخصص راحت کرده است.
ما در اين مقاله طريقه طراحي يک وب سايت شخصي را به شما آموزش مي‌دهيم.
ساخت وب سايت به وسيله سرويس Jimdo
Jimdo سايتي است که به راحتي امکان ايجاد يک وب سايت تحت خود را براي شما فراهم ميکند.
?- به صفحه ابتدايي سايت Jimdo رفته و شروع به ثبت کردن نام سايت خود کنيد. در خط اول نام سايت خود را مشخص و در خط بعد آدرس ايميل خود را وارد کنيد تا مرحله ساخت سايت را آغاز کنيد. در صورتي که بخواهيد از آدرس‌هاي Jimdo استفاده کنيد، تبليغات Jimdo در صفحه شما به نمايش گذاشته خواهد شد و در آدرسي که انتخاب ميکنيد، نام Jimdo نيز قرار دارد اما اگر مي‌خواهيد وب سايت خود را شخصي‌تر نماييد بايد به بخش پولي سايت رفته و بخش نرم‌افزاري يا تجارت سايت را انتخاب و سرويس مربوطه را خريداري نماييد.
?- در ادامه آموزش تصميم داريم حساب عادي را کنار گذاشته و يک حساب حرفه‌اي و شخصي براي تهيه وب سايت انتخاب کنيم. براي اين کار بايد از زير مجموعه .com براي انتخاب دامنه استفاده کنيم که مبلغ پنج پوند هر ماه براي شما هزينه خواهد داشت؛ البته دامنه .biz نيز وجود دارد اما دامنه co.uk با هزينه ?? پوند ماهانه مي‌تواند قيمت زيادي باشد. به هر حال شما ميتوانيد هر زمان که بخواهيد اين دامنه را تغيير و انتقال دهيد.
?- بسته پيشنهادي خود را انتخاب کنيد. سپس براي جست‌وجوي دامنه خود، نام مورد نظر را در بخش آدرس وارد نموده و عمليات بررسي را انجام دهيد تا از آزاد بودن نام دامنه مطلع شويد.
?- نام وب سايت خود را مشخص کرده و سپس گزينه‌هاي مورد نظر خود را کليک کنيد. در ادامه پنجره‌اي مشابه پنجره زير را مشاهده خواهيد کرد که قيمت يک ساله و دو ساله سرويس را براي شما مشخص ميکند. ميتوانيد با درصدي کاهش قيمت سرويس خود را براي دو سال خريداري نماييد. سرويس خود را انتخاب و آن را پرداخت نماييد.
?- پس از مراحل مذکور ايميلي از طرف اين سايت حاوي نام دامنه و کلمه عبور براي شما ارسال خواهد شد(اين ايميل به همان ايميلي ارسال مي‌شود که در ابتدا وارد نموده‌ايد). اگر روي لينک دامنه خود کليک کنيد، صفحه شخصي خود را ميتوانيد مشاهده نماييد. با باز شدن اين صفحه در قسمت Login يا همان ورود، کلمه عبور ارسالي از طرف سايت را وارد نماييد تا بتوانيد به بخش مديريت سايت وارد شويد.
از منوي سمت راست در وب سايت بخش تنظيمات يا همان Setting را انتخاب کنيد. با انتخاب اين گزينه پنل تنظيمات براي شما نمايش داده مي‌شود.
در صورتي که بخواهيد مدتي از نام jimdo استفاده کنيد و در زمان مناسب دامنه اختصاصي خود را پيوند دهيد، کافيست به صورت رايگان ثبت‌نام کنيد و در زمان مناسب براي خريد دامنه اختصاصي اقدام نماييد. اين کار براحتي در بخش تنظيمات امکان‌پذير است.
?- با طي مراحل قبل وب سايت شما به راحتي ساخته مي‌شود. کافيست طبق سليقه خود بخش‌هاي اين وبسايت را تغيير دهيد. jimdo براي شما امکاني فراهم کرده است که ميتوانيد به راحتي هدر، قالب، زبان، عنوان و ساير موارد مورد نظر خود را تغيير دهيد. در ادامه به طور مختصر به شما نحوه کار با تنظيمات را آموزش مي‌دهيم.
تغيير تصوير هدر
اگر روي هدر، ماوس را نگه داريد، عبارت Edit Header را مشاهده ميکنيد. روي اين گزينه کليک کنيد. با کليک روي edit header، امکان تغيير هدر، عنوان و لوگو براي شما فراهم است. شش گزينه با انتخاب Edit Header پيش روي شماست که ميتوانيد تغييرات مورد نظر را در اين بخش اعمال کنيد. بخش Photo Gallery يک گالري از تصاوير آماده مناسب هدر را براي شما به نمايش مي‌گذارد. با توجه به محتواي سايت و سليقه خود ميتوانيد يکي از اين تصاوير را انتخاب نماييد. با کليک روي تصوير مورد نظر به عنوان هدر شما انتخاب خواهد شد.
گزينه Custom Photo امکان اين را فراهم ميکند که بتوانيد يک تصوير خاص را از سيستم خود براي وب سايت بارگزاري نماييد.
در بخش Patte الگوهايي به صورت آماده موجود است که ميتوانيد آنها را انتخاب و رنگ آن را نيز مطابق با سليقه خود تغيير دهيد.بخش Adjust Header مربوط به تغييرات اندازه و مکان نمايش تصوير هدر شماست که ميتوانيد بدين‌وسيله به طور کاملاً دلخواه محل نمايش تصوير خود را تنظيم کنيد.
بخش Title براي مشخص کردن عنوان سايت شما قرار داده شده است. کافيست عنوان را در ابزار ويرايشگر نوشته و رنگ و مکان آن را مشخص کنيد.
براي اينکه نماي وب سايت را زيباتر کنيم، ميتوانيم قالب سايت را تغيير دهيم. براي تغيير قالب از منوي عمودي سمت راست اولين گزينه با عنوان Layout را کليک ميکنيم تا فهرست قالب با نماي کلي آنها ظاهر شود. روي قالب مورد علاقه خود از ميان اين قالب‌ها کليک ميکنيم و ظاهر سايت خود را تغيير مي‌دهيم.
زماني که عمليات ساخت صفحه اصلي و خانگي سايت شما تمام شد، ميتوانيد با کليک گزينه Navigation صفحات جديدي براي سايت مشخص کنيد و تغييرات مورد نظر را روي آن اعمال نماييد.
در اينجا ميتوانيد عناصري مثل درباره ما، تماس با ما و … ايجاد نماييد. تمام تب‌ها و صفحاتي که ايجاد ميکنيد، بسته به نوع قالب مي‌تواند در بالاي صفحه نمايش داده شود.
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت, طراحی سایت, طراحی وب, نویسنده : moona webdesignsara23 بازدید : 221
پيدايش اينترنت و زبان کدنويسي HTML
اگر به چند دهه قبل بازگرديم تقريبا هيچ کس نميدانست که اينترنت و کدنويسي وب چيست ولي امروزه به يکي از مهمترين بخش هاي زندگي بشر تبديل شده است.
اينترنت ديگر تنها مکاني طراحی براي يافتن يک رستوران خوب يا لوله کش نيست، بلکه به فضايي گسترده و مناسب جهت کار و کسب درآمد تبديل گشته است. با طراحي و کدنويسي يک سايت زيبا و ارائه مطالب بروز و مفيد ميتوانيد به سرعت افراد را به سايت خود جذب کرده و درآمد مناسبي از طريق تبليغات کسب کنيد.
با اين حال شرايط هميشه به همين شکل نبوده و در ابتداي مسير محدوديت هاي فراواني در کدنويسي وب و ارائه اطلاعات وجود داشت. در ابتدا برخلاف امروز تنها زبان کدنويسي HTML بوده و اولين سايت در سال ???? راه اندازي شد. ار آنروز تا به حال تغييرات زيادي را در کدنويسي به زبان کدنويسي HTML مشاهده کرديم که به بررسي آن خواهيم پرداخت.
اولين نسل از زبان HTML
در دهه ?? ميلادي و بهمراه افزايش ارتباط کاربران با اينترنت، امکان خواندن مطالب در فضاي اينترنت با استفاده از کدنويسي HTML مهيا شد. در آن زمان صفحات وب از متن هايي محدود و در يک ستون تشکيل ميشدند و مودم هاي ديال آپ سرعت بسيار پاييني داشتند به طراحی همين دليل طراحان وب هرگز به فکر استفاده از تصوير و فيلم در صفحات سايت نبودند.
Mosaic نام اولين مرورگر براي ارتباط و درک صفحات وب بود که بر روي سيستم عامل Unix راه اندازي شد. براي غلبه بر اين مشکلات و محدوديت ها تلاش هاي فراواني صورت گرفت تا دنياي وب به شکل امروزي آن رسيده است.
نسل دو زبان کدنويسي HTML
مدت زماني طول کشيد تا طراحان وب خود را با تکنولوژي هاي رو به پيشرفت همگام و هماهنگ کنند. به همين دليل با ايجاد هماهنگي و با ايده فعال و زيبا کردن صفحات وب به ناگهان صفحات زيادي با ظاهر هاي بهم ريخته و شلوغ که تنها به استفاده از تصاوير و رنگ هاي مختلف توجه کرده بودند ايجاد شد. دستورات کدنويسي HTML به سرعت افزايش يافت تا جاييکه براي ايجاد يک هماهنگي عمومي نسخه دوم يعني HTML2 رونمايي شد.
پيچيدگي در کدنويسي وب از همين مرحله آغاز شد و بزرگترين مانع سرعت پايين اينترنت در ديافت عکس و گرافيک براي کاربران عمومي بود.
W3C با مشخص کردن استاندارهاي کدنويسي براي طراحان وب و نظارت بر رعايت آن يک سامان دهي و هماهنگي جهاني ايجاد کرده و هرگونه تغيير و بروزرساني در آن به سادگي در اختيار همگان خواهد بود.
نسل سوم زبان HTML
نسل سوم يا همان کدنويسي HTML3 با ورود انيميشن، فلش، افکت هاي صوتي و تصاوير سه بعدي به صفحات وب همراه بوده و در همين فاصله شرکت مايکروسافت مرورگر خود را با نام اينترنت اکسپلورر به جهان معرفي کرد.
نشل سوم تجربه بهتري براي کاربران اينترنتي بهمراه داشت زيرا طراحان و متخصصان کدنويسي وب توجه بيشتري به نظم در صفحات و نحوه ارائه مطالب نشان ميدادند. در اين مقطع قدرت و پتانسيل بالاي اينترنت بر همگان آشکار شد.
نسل چهارم کدنويسي HTML
HTML4 در عمل پيش درآمد و مقدمه اي براي نسل پنچم يا همان زبان کدنويسي HTML5 بشمار ميرود و تا امروز جديدترين نسخه ارائه شده است. اين نسخه جديد افزونه ها و امکانات بسيار زيادي داشته و با تمام مرورگرهاي موجود همخواني لازم را دارد. عده اي دو نسخه اخير را همچنان افزونه هايي بر نسخه سوم ميدانند زيرا توجه به کاربران و راحتي استفاده از اينترنت از HTML3 آغاز شد.
کدنويسي و اينترنت در دنياي امروز
در دنياي کدنويسي امروز طراحان ميتوانند هر ايده اي را به واقعيت نزديک کرده و در سايتهاي اينترنتي به نمايش بگذارند. کوچکترين جزئيات در صفحات قابل تغيير و کدنويسي HTML هستند.
با افزايش استفاده از اينترنت و ورود مفاهيمي مانند بازاريابي اينترنتي، تبليغات آنلاين و موتورهاي جستجو طراحان وب به اين نتيجه رسيدند که تنها نبايد به طراحی ظاهر و زيبايي وبسايت هاي خود توجه کنند، بلکه با کدنويسي صحيح و رعايت اصول ميتوانند توجه موتورهاي جستجو را به خود جلب کرده و بازديدکنندگان بيشتري را جذب کنند. اين روند همچنان به رشد و پيشرفت خود ادامه داده و ممکن است در آينده اي نه چندان دور شاهد تغييرات شگرفي در دنياي اينترنت باشيم.
ادامه مطلب کدنويسي HTML و بررسي سير تکاملي زبان HTML http://websima.com/blog/%da%a9%d8%af%d9%86%d9%88%db%8c%d8%b3%db%8c-html/#ixzz2ZefXIx9y
گروه شرکت هاي وبسيما
Under Creative Commons License: Attribution Share Alike
Follow us: @websima on Twitter | websima on Facebook
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : moona webdesignsara23 بازدید : 214
تفاوت اينترنت و شبکه جهاني وب چيست؟
از زماني که اينترنت در حد نيروي برق همه گير شده، عبارات « اينترنت » و « شبکه جهاني وب » متدوالا و به اشتباه به جاي يکديگر استفاده شده اند. اين روزها بارها عبارات « جست و جوي اينترنت » و « جست و جوي وب » را به کار مي بريم و يا اين عبارات را از افراد پيرامون خود مي شنويم. در حالي که اين دو مساله کاملا با هم متفاوت هستند.
در اين مقاله از ديفوراف، تلاش ما اين است که اين اشتباه را يک بار و براي هميشه رفع کنيم. از يک سو، اينترنت را مي توان سخت افزار نت دانست – زيربنايي که از پروتوکلي خاص استفاده مي کند و باعث مي شود همه چيز در کنار هم با هماهنگي کامل کار کنند. اما از سويي ديگر شبکه جهاني وب همان نرم افزار وب است – شبکه اي عظيم از نرم افزار ها و پروتوکل ها که ارتباط دهنده همه اجزا با يکديگر است.
در واقع وب همانطور که از اسمش پيداست مثل يک تار عنکبوت عظيم است که اجزاي تشکيل دهنده آن، ميليارد ها ميليارد کاربر در سراسر جهان هستند که از اين شبکه جهاني استفاده مي کنند.
اينترنت در برابر شبکه جهاني وب:
بنابراين شبکه اي که ما آن را با عنوان اينترنت مي شناسيم را متشکل از دو لايه تصور کنيد. لايه اي مستحکم را متصور شويد که از سيم ها، سرور ها، روتر ها، سوييچ ها، کامپيوتر ها و هر آنچه که به صورت فيزيکي شبکه اي در سر تا سر جهان ايجاد کرده تشکيل شده است. اين همان چيزي است که به آن « اينترنت » مي گوييم.
اينترنت چگونه طراحي شده:
در يک توضيح مختصر و کوتاه، اينترنت در ابتدا زيرساختي بود که پايه هاي آن از سال ???? و در نتيجه تلاش هاي آژانس پروژه هاي تحقيقاتي پيشرفته وزارت دفاع آمريکا براي ايجاد يک شبکه ارتباطي قوي در رابطه با جنگ ايجاد شد که اين شبکه ARPAnet نام گرفت که مخفف Advanced Research Projects Agency Network بود.
اين شبکه فيزيکي، مراکز تحقيقاتي که بر روي پروژه هاي امنيتي تمرکز داشتند را با بخش هاي دولتي و نظامي مرتبط ساخت. در واقع اين آرپانت بود که در طول سالها تغيير و تحول به چيزي تبديل شد که ما امروز آن را « اينترنت » مي خوانيم.
اما شبکه جهاني وب، در واقع مغز همه چيز است که همه سخت افزار و زيربناي اينترنت را به شکل نرم افزار ها وارد سرور ها و کامپيوتر ها مي کند. اين مجموعه شامل مرورگر هاي اينترنت و نرم افزار هايي مي شود که از طريق پروتوکل TCP/IP ( يکي از مهم ترين پروتوکل هاي استفاده شده در شبکه هاي کامپيوتري ) با هم در ارتباط هستند.
امروزه ديگر فقط صحبت از کامپيوتر ها و مرورگر هاي وب در ميان نيست. مردم ديگر به صورت فيزيکي و با استفاده از دستگاه هايي چون تبلت ها، اسمارت فون ها، موزيک ديوايس ها، کنسول هاي بازي، تلويزيون ها و حتي وسايلي مثل قاب عکس ها و دوربين هاي ديجيتال به اينترنت متصل مي شوند. تقريبا تمام دستگاه ها به اينترنت وصل مي شوند و به کاربران خود اين امکان را مي دهند تا به راحتي به سازه عظيم اينترنت دسترسي يابند.
اما همه اين موراد چطور کار مي کنند؟ فرض کنيد شما در اتاق خود نشسته ايد و با لپ تاپ يا تبلت خود به اينترنت متصل مي شويد. اولين کاري که مي کنيد اين است که در مرورگر، آدرس www.d4fteam.com را تايپ مي کنيد و سپس Enter را مي زنيد ( اولين کارتان همين است… مگر نه؟ :) ) همين که اينتر را مي زنيد، اطلاعات مربوطه را از شبکه جهاني وب – که همان بخش نرم افزاري شبکه اطلاعات و ارتباطات است – درخواست مي کنيد. پس از فشار دادن کليد اينتر، مسير ترافيک به اين شکل خواهد بود:
درخواست شما از کامپيوترتان به روتر و به ISP شما فرستاده مي شود. ترافيک اين URL بر اساس پيکربندي سرور هاي DNS منطقه شما هدايت مي شود. هر دامين ثبت شده اي در سرور هاي DNS سراسر دنيا ليست شده است – تمام هدف اين سرورها فراهم آوردن IP آدرس هايي است که اطلاعات ( صفحات وب ) در آن ذخيره شده اند. سرور DNS در پاسخ، اطلاعات IP را ارسال مي کند. بنابراين حالا ISP مي داند که به کجا رجوع کند تا صفحات وب مورد نظر شما را پيدا کند.
ترافيک در ادامه مسير به شبکه هاي Network Service Provider يا همان NSP مي رسد. NSP در واقع شامل شبکه هايي مثل SprintNet، IBM، PSINet و… مي شود. اين شبکه ها، ستون فقرات شبکه هاي اينترنتي هستند. اگر مي توانستيد اطلاعات مورد نظرتان که در مسير اينترنت در جريان است را ببينيد، آنگاه مي ديديد که ترافيک ابتدا به نزديکترين NSP مي رسد و سپس از درگاه هاي Network Access Point يا NAP عبور مي کند که به ترافيک امکان مي دهد تا از يک NSP به NSP ديگر برود.
در نهايت درخواست شما به يک ريموت کامپيوتر – در اينجا وب سرور – مي رسد که وب سرور با ارسال صفحات وب مورد نظر به درخواست شما پاسخ مي دهد. سپس ترافيک از همان مسير بازمي گردد تا به کامپيوتر شما برسد. همه اين اتفاقات بسيار سريع و در يک چشم به هم زدن رخ مي دهند.
شبکه جهاني وب چگونه طراحي شده:
اين توضيحي بود براي اينکه اينترنت چطور کار مي کند، اما وقتي صحبت از شبکه جهاني وب به ميان مي آيد، اين توضيحات فقط سطح اوليه را شرح مي دهند. WWW يا همان شبکه جهاني وب به روش عمل سخت افزار و شبکه ها محدود نمي شود. وب در واقع يک تار بزرگ متشکل از اتصالات است – ارتباطات آنلاين به صفحات، فايل ها، موزيک ها، ويديو ها، دانلود ها و هر چيز ديگري که روي يک سرور يا يک کامپيوتر که به شبکه عظيم فيزيکي « اينترنت » متصل است ذخيره شده باشد.
هر صفحه وبي که روي يک سرور ذخيره شده را يک « گره » تصور کنيد که مي تواند شامل اتصالاتي به گره هاي فراوان ديگر در اين شبکه بزرگ باشد. هر گره مي تواند يک بخش از هر نوع اطلاعاتي باشد – متن، تصوير و يا هر نوع اطلاعات ديگر – که به اينترنت متصل است. اين اتصلات داخلي بين گره ها است که شبکه جهاني وب را تشکيل مي دهد. در واقع اين شبکه اي از اتصالات است که مارپيچ مجازي اطلاعات را مي سازد – شبکه اي که با سرعتي بسيار فراتر از سرعت گسترش فيزيکي خود اينترنت، به گسترش و توسعه ادامه مي دهد.
بنابراين اگر از اين به بعد کسي عبارات « اينترنت » و « شبکه جهاني وب » را يکسان دانست، شما هم در واقع مجبور نيستيد اشتباه او را به او گوشزد کنيد. به هر حال مي توانيد در دانش شخصي خود توجه داشته باشيد که اينترنت به زيربناي فيزيکي گفته مي شود – دستگاه هاي متصل به هم در شبکه – در حالي که شبکه جهاني وب همان تار بزرگ نرم افزاري متشکل از گره ها و اتصالات است که اطلاعات ذخيره شده در شبکه عظيم را به هم مرتبط مي سازد.
اين دو در کنار هم شبکه عظيمي را تشکيل مي دهند که دنياي ما را در بر گرفته و همه ما را طوري با هم مرتبط کرده که بدون اين شبکه مي توان گفت امکان اين ارتباط وجود نداشت. با اينکه دو بخش اساسي اين شبکه يکسان نيستند، اما هر کدام از اين دو نقش بسيار مهمي در تشکيل شبکه جهاني و عظيم فضاي مجازي بازي مي کنند.
آيا شما هم جزو آن افرادي هستيد که هميشه فکر مي کردند اينترنت و شبکه جهاني وب يکسان هستند؟ نظرات خود درباره اينترنت و شبکه جهاني وب را با ما در ميان بگذاريد. آيا هنوز هم اين دو براي شما يکسان هستند يا اينکه حالا تفاوت هاي آنها را به آساني تشخيص مي دهيد؟
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : moona webdesignsara23 بازدید : 231
assistance are listed in this article. Welcome to the exciting world of WordPress!
flowchart
WordPress is a great product. It's easy-to-use, quite powerful, and flexible. Before you invest your valuable time and energy into installing WordPress, there are some documents you need to read to help you get started.
About Weblogs - What is Blogging all about?
What is WordPress?
WordPress Features
Before You Install WordPress
Step Two - Make a Plan
Based upon the information you've just read, including instructions on installing WordPress, you should have a list of the things you need and things to do. If not, make that list now. You'll want to make sure it includes the following information:
Website Host Requirements Checked and Verified
Versions of PHP and MySQL Checked and Verified
Web Host Compatibility with New Versions of WordPress
Your Website Useame and Password
Text Editor Software
An FTP Client Software
Your Web Browser of Choice
The following documents will help you understand more about how WordPress works and how to make a plan for your WordPress site:
WordPress Semantics
First Steps With WordPress
WordPress Lessons
It is important to make a plan about how you want to use WordPress on your site. Here are some questions to ask yourself.
Will you install WordPress in the root directory, subdirectory, or you just want
Step Three - Install WordPress
With this information and your plan, it's time to install WordPress.
Before You Install WordPress
Installing WordPress
Hosting WordPress
Editing the wp-config.php file
Frequently Asked Questions About Installing WordPress
Using FTP Clients and Software
Changing File Permissions
Upgrading WordPress
Common Installation Problems
Trouble: I Can't Login
Step Four - Set Up WordPress
With your installation complete, it's time to set up WordPress so it will work the way you want it to work.
To help you understand how all the various features and screens on the WordPress Administration Panels work, check out the Administration Screens guide for a detailed walkthrough.
For help on creating your user profile information, of which some or all may appear on your WordPress Theme, see the Users > Your Profile pages for guidance.
To set the site name and other information, go to Administration > Settings > General.
After you've published a few posts, you can experiment with the full edit or quick edit features in the Administration > Posts > Posts panel.
Add your "About," "Contact," and other information Pages by going to Administration
Take time to explore the WordPress Codex site, the official documentation site for WordPress. You'll find helpful information by reading WordPress Lessons, and these helpful documents:
Lea WordPress for WordPress.com and beginning self-hosted WordPress tutorials and guides.
Moderating Comments
Introduction to Dealing with Comment Spam
WordPress in Languages Other than English
Appearance and Themes
Changing the look of your WordPress website is easy with just a few clicks.
Using WordPress Themes Introduction
The WordPress Theme Directory features thousands of WordPress Themes
WordPress Widgets can quickly add more information and content to your Theme.
WordPress blog design and layout tutorials on the WordPress Codex
At this point, there may be something about your chosen Theme that is bothering you, or, you really want to get your hands dirty understanding how your WordPress Theme works. These simple guides will help you lea about customizing your WordPress Theme:
Lessons: Designing Your WordPress Site
CSS Overview, Tips, Techniques, and Resources
WordPress Widgets
Custom Navigation Menus
Stepping into WordPress Template files
Lessons: Template Files
Stepping Into Template Tags
Lessons: Working With Template Tags
WordPress Template Tags
Editing Files in WordPress
Frequently Requested Design Help
Frequently Asked Questions about Site Layout and Design
If you want to create a new WordPress Theme from scratch, or do major renovations, or even design WordPress Themes for public release, you will need to be familiar with HTML, XHMTL, and CSS. The following documents will get you started:
Developing Your Own WordPress Theme
Validating a Website
Lessons: Website Development
CSS Fixing Browser Bugs
CSS Troubleshooting
If you want a custom-made WordPress Theme created especially for you by expert web-designers, it is recommended you search for qualified web designers on the Inteet, or look in your local community.
Adding WordPress Plugins
There are many "add-on" scripts and programs for WordPress called Plugins that add more capabilities, choices, and options to your WordPress site. WordPress Plugins do many things, including customizing the results of your site information
Managing your WordPress Plugins
WordPress Plugins
The WordPress Plugin Directory
Advanced Use of WordPress
Now that you are familiar with the basic features and functions of how WordPress works, it might be time for you to plunge deeper into the power of WordPress. The links below will expand your familiarity with PHP, HTML, XHTML, and CSS:
Lessons: WordPress Features and Functions
Using Permalinks
Photoblogs and Galleries
WordPress Advanced Techniques
Advanced Techniques for Plugins and Customization
WordPress Server and Database Information
Developer Documentation
Need More Help
As simple and easy as it is to use WordPress, if troubles arise, if something is confusing, if things aren't working, don't despair because help is available! Even though WordPress is free and open source, there are literally hundreds of volunteers eager to help you. Here are some helpful official resources for WordPress:
WordPress Codex (where you are!)
Getting More Help
Using the Support Forums
WordPress Forum
IRC Freenode WordPress Support on channel #wordpress
WordPress IRC Live Help
FAQ
Giving Back to WordPress
Now that you're a full fledged WordPress user, consider contributing to the WordPress Codex, Support Forum, Development, and other volunteer efforts that keep WordPress going. WordPress is free and totally supported by volunteers, and your help is needed.
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : moona webdesignsara23 بازدید : 258
اندازه دادن به عناصرblock :
به طور پيش فرض عناصر block عرضي معادل با 100% فضاي اطراف خود را در صفحه سايت اشغال مي کنند. حتي اگر که div اي که در برگيرنده آنهاست داراي ارتفاع يا عرض مشخصي باشد. تا اينجاي کار تمامي مثال هاي ما شامل اين قضيه مي شد اما اگر شما بخواهيد مي توانيد اين مقدار را عوض کنيد و به جاي 100% به آن مقدار ديگري را بدهيد.
تنظيم کردن عرض
در نظر بگيريد که شما چندين پاراگراف داريد که به طور پيش فرض اين پاراگراف ها عرض 100% دارند (چرا که block) هستند، و اکنون شما مي خواهيد تا يکي از اين پاراگراف ها بيشتر از بقيه چشمگير باشد و عرض آن با بقيه متفاوت باشد پس از طريق css به آن پاراگراف استايل خاصي مي دهيم.
<p>We've stayed in quite a few caravan parks and camp sites over
the last couple of months, and I've started to notice a few
things that seem to suggest that there are some unwritten
rules of staying at these places. Unwritten until now, that is.</p>
<p>Everyone else on site will be better prepared and better
equipped than you. It's a fact. No matter what extras you
might carry, someone a couple of plots down will still have
more. Utensil envy is rife.</p>
<p class="attentiongrab">When you first park, the distance
between the power supply and your van's power socket will be
precisely 2 inches longer than the inadequate power lead that
you own.</p>
<p>On the hottest evenings, you will be parked next to someone
with a very flashy van that's equipped with an air-con unit.
It will be facing you, blowing out hot air and taunting you
with its efficient hum.</p>
design-web-121.jpg
تنظيم کردن ارتفاع يک عنصر هم به همان سادگي عرض دادن به آن عنصر بلاک است، اما در بيشتر مواقع عموما از دادن يک ارتفاع ثابت به عناصر پرهيز مي شود زير را باعث مي شود تا محدوديتي را براي عناصر خود ايجاد کنيد اين کار تنها زماني صورت مي گيرد که بدانيد تعداد آيتم هاي موجود در تگ شما محدود است و بنابر اين براي اينکه مطمئن شويد ارتفاع آن همواره ثابت خواهد بود به آن مي توانيد ارتفاع بدهيد، به عنوان مثال براي منوي راهبر سايت که معمولا تعداد لينک هايي که در آن قرار مي گيرد در بين صفحات مختلف سايت مشخص است.
XHTML زير را در نظر بگيريد:
<div id="mainnavigation">
<h3>Site Navigation</h3>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="recent.html">Recent Work</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
همانطور که در کد بالا مي بينيد يک تگ div منوي راهبر ما را در برگرفته است و همانطور که مي بينيد داراي id است به اسم mainnavigation و اگر به خاطر داشته باشيد قبلا گفتيم که div يک عنصر بلاک است ، پس مي توانيم به آن استايل دهي کرده و css بدهيم و در اين ميان چون تعداد اين لينک ها تقريبا مشخص است مي توان براي آن عرض و ارتفاع خاصي را در نظر گرفت، خوب پس بياييد با هم به آن استايل دهيم :
#mainnavigation {
background-color: #ffcc33;
color: navy;
font-weight: bold;
width: 200px;
height: 400px;
}
همانطور که در کد بالا مي بينيد من به اين منوي رنگ پس زمينه #ffcc33 نيز داده ام تا در زمان نمايش عنصر بلاک را به راحتي تشخيص دهيد و ببينيد، همچنين به آن عرض و ارتفاع ثابتي داده ام که به شکل يک چهارگوش نمايش يابد.
design-web-122.jpg
اگر منوي راهبري بيش از حد طولاني شود چه اتفاقي مي افتد؟
گفتيم که مي توانيم فرض کنيم که تعداد آيتم هاي منوي ما محدود است پس مي توان به آن عرض و ارتفاع داد، اما بايد اين نکته را در نظر گرفت که بسته به نوع مرورگر نحوه نمايش آن متفاوت است:
- در فاير فاکس 3 و IE 7 , 8ارتفاع داده شده باعث مي شود تا پس زمينه به همان ارتفاعي که مشخص شده به رنک مورد نظر (زرد رنگ ) نمايش يابد و از آنجا به بعد از تگ فوق بيرون مي زند.
- اما در مرورگر هاي قديمي IE نسخه هاي 6 به قبل از آن پس زمينه زرد رنگ بدون در نظر گرفتن اينکه ارتفاع ثابتي دارد اگر تعداد آيتم هاي آن زياد تر از ارتفاع داده شده شود توسعه مي يابد.
شکل زير به ترتيب از چپ به راست مصداق توضيحات بالاست:
design-web-123.jpg
نکته از مترجم : اين تفاوت نمايش در مرورگرهاي مختلف يکي مهمترين مشکلات يک طراح حرفه ايست. در نتيجه براي يک طراحي سايت بدون نقص مي بايست مرحله به مرحله وب سايت را در مرورگرهاي مختلف تست نماييد.
افزودن border به عناصر block :
براي عناصر بلاک شما مي توانيد انواع مختلفي از border (کناره) را به کار ببريد که شامل:
- ضخامت هاي مختلف براي کناره ها
- سبک دهي هاي مختلف به کناره ها (خطوط صاف ، نقطه چين و ...)
- دادن رنگ هاي دلخواه
Css اي که مي توان براي اين مورد به کار برد به ترتيب: border-width و border-style و border-color.
به مثال زير نگاه کنيد تا بهتر آن را درک کنيد:
.highlight {
border-width: 5px;
border-style: solid;
border-color: black;
}
design-web-124.jpg
کناره inset
اگر بردر solid به کار شما نمي آيد شما مي توانيد از بردر inset استفاده نماييد. شکل ظاهري آن مثل تصوير زير خواهد بود:
.highlight {
border-width: 10px;
border-style: inset;
border-color: #999999;
}
design-web-125.jpg
:رنگي Border
شما مي توانيد از رنگ هم در css خود براي کناره ها استفاده کنيد تا بردرهايي با دو رنگ و جلوه متفاوت ايجاد کنيد:
design-web-126.jpg
.highlight {
border-width: 10px;
border-style: ridge;
border-color: red;
{
مدل هاي ديگر بردر به شکل زير است:
design-web-127.jpg
.highlight {
border-width: 10px;
border-style: dotted;
border-color: purple;
}
design-web-128.jpg
highlight{
border-width: 10px;
border-style: dashed;
border-color: purple;
}
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : moona webdesignsara23 بازدید : 614
وارد کردن کامنت در متن اچ تی ام ال طراحی وب سایت
توضیحات ( کامنتها ) می توانند وقتی که در حال نوشتن صفحه خود هستید به شما کمک کنند. مرورگرها نمی توانند کامنتها را نشان دهند پس در صفحه نهایی آنها به بیننده نشان داده نمی شوند. تنها راه مشاهده کامنتها مشاهده صفحه Source code صفحه است که با زبان HTML نمایش داده شود. با استفاده از این خاصیت شما می توانید در هنگام نوشتن یک صفحه برای خود یادداشت طراحی وب سایت بگذارید تا وقتی که بعداً به آن نگاه کردید بهتر آرا درک کنید.
در مواردی که پس از گذشت مدتی از نوشتن یک صفحه نیاز به ویرایش آن صفحه باشد یا بیش از یک نفر در نوشتن یک صفحه نقش داشته باشند کامنتها می توانند در فهمیدن صفحه به طراحان آن کمک کنند.
برای نوشتن یک کامنت شما باید ابتدا این علامت > سپس علامت تعجب ! و بعد دو خط فاصله -- (دش) بگذارید. بعد از این علائم هر متنی که بنویسید توسط مرورگر نمایش داده نمی شود. تا وقتی که علامت پایان کامنت را در انتهای طراحی وب سایت آن بگذارید.
علامت پایان کامنت به این صورت نوشته می شود: ابتدا دو خط فاصله -- سپس این علامت < . به مثال زیر توجه کنید:
<!-- این یک کامنت است -->
شما می توانید کامنتها را در چندین خط بنویسید فقط به خاطر داشته باشید که علامت انتهایی را در آخر آن قرار دهید. مانند زیر:
<!--
این یک کامنت است
کامنتها در مرورگر طراحی وب سایت نمایش داده نمی شوند
-->
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : moona webdesignsara23 بازدید : 238
آموزش طراحي قالب وب سايت و وبلاگ
در ادامه آموزش طراحی وب سايت استاندارد به کمک css امروز يک نوع صفحه پايه ي طراحي css که فارسي شده و براي نوشتن مطالب فارسي مناسب مي باشد را براي دانلود در اختيارتان قرار ميدهم. با کليک روي تصوير پايين، آن را دانلود و کار را آغاز کنيد.
دانلود قالب فارسي براي طراحی وب سايت css
فايلي را که دانلود کرده ايد يک فايل zip. است که بعد از extract شدن (خارج شدن از حالت zip ) فولدري را در اختيارتان قرار ميدهد که حاوي سه فايل ميباشد:
2-column.htm
reset.css
styles.css
فايل اول با پسوند htm. همان صفحه اصلي است که در طراحی وب سايت به نمايش در مي آيد. فايل دوم فايل reset.css است لطفا براي دريافت اطلاعات در اين مورد به اين اينجا مراجعه کنيد. فايل سوم فايل style.css است که به صفحه htm. دستور ميدهد که چگونه محتوياتش را نمايش دهد.
صفحه htm. و styles.css را که دانلود کرده ايد در يک ويرايشگر صفحه وب مانند frontpage باز کنيد. در حال حاضر صفحه اي مانند تصوير زير را در اختيار داريد که براي سهولت در ارائه توضيحات، ستونها را با خطوط (border) کاملا واضح مشخص کرده ام.
تصوير قالب دو ستونه براي طراحی وب سايت css
همان طور که قبلا هم توضيح دادم قالبهايي را که مثلا دو ستونه مي ناميم مانند قالبي که هم اکنون براي کار در دست داريد ظاهرا دو ستونه است ولي در اصل با چندين ستون سرو کار داريم. در اين قالب پنج ستون داريم که با تغييرات در ظاهر آنها ميتوانيم به آنچه در نظر داريم نزديک شده و طرح مورد نظرمان را اعمال کنيم.
اکنون به فايل styles.css نگاهي مي اندازيم. براي اين که به اهميت اين فايل بيشتر پي ببريد ابتدا فايل htm. را در مروگر مشاهده کنيد سپس فايل styles.css را از درون فولدر، delete کرده و مجددا فايل htm. را مشاهده کنيد (اگر صفحه شما در مرورگر باز است آن را refresh کنيد تا تغيرات را ببينيد). براي اطلاعات بيشتر در مورد محتويات styles.css اجزاي آن را بررسي ميکنيم:
شما در اين فايل نوشته هايي را مشاهده ميکنيد که هر کدام مربوط به يک ستون مي باشد در ابتدا بايد بدانيد که اسامي ستونها در فايل styles.css با علامت # مشخص ميشوند. مثلا: wrapper# در فايل styles.css که در اختيار داريد چگونگي نمايش ستون wrapper را در صفحه htm. مشخص ميکند. کدهاي HTML صفحه htm. را در ويرايشگر طراحی وب سايت خود مرور کنيد و نام wrapper را بيابيد. اين ستون، ظرف يا قالب اصلي کار شماست که در صفحه htm. آن را براي شما با border قرمز مشخص کرده ام و بقيه ستونها مانند قطعات پازل در آن جاي ميگيرند.
#wrapper {
margin: auto;
direction: rtl;
width: 922px;
border: 1px solid #FF0000;
}
نوشته هايي که در ميان دو علامت { } قرار دارند و زير نام يک ستون قرار ميگيرند دستوارتي هستند که نحوه نمايش آن ستون را اعمال ميکنند. همان طور که در دستور بالا که قسمتي از فايل styles.css شماست و متعلق به ستون wrapper ميباشد مشاهده ميکنيد به اين ستون دستور داده شده تا به حالت اتوماتيک (خودکار) در صفحه جاي بگيرد ( ;margin: auto )،
نوشته هاي درون آن از حالت نوشتاري راست به چپ پيروي کنند که براي نوشتار و تايپ فارسي مناسب است ( ;direction: rtl ) منظور از مقدار rtl که در مقابل کلمه direction نوشته شده همان right to left يا چپ به راست است،
عرض آن 922 پيکسل باشد ( ;width: 922px ) و
اطراف آن را يک خط ممتد با ضخامت 1 پيکسل و رنگ قرمز احاطه کند ( ;border: 1px solid #FF0000 ).
اکنون دستورات ستون ديگري طراحی وب سايت را مرور ميکنيم تا کدهاي جديدتري را پيدا کنيم. در فايل styles.css به دنبال ستون leftcolumn بگرديد دستورات اين ستون را در قسمت پايين مشاهده ميکنيد:
#leftcolumn {
border: 1px solid #000000;
background:#FFFFFF;
margin: 0px 0px 5px 0px;
padding: 10px;
height: 350px;
width: 204px;
float: right;
}
کدهاي جديدي طراحی وب سايت که در اين قسمت مشاهده ميکنيد عبارت است از: background و padding و height و float .
شما ميتوانيد با تغيير اندازه width (عرض) ستون wrapper و ستونهاي داخل آن شکل قالب را کاملا تغيير دهيد. قصد دارم چند طرح را مشخص کنم تا افرادي که اين سري آموزشي را دنبال ميکنند براي تمرين از آن طرح ها به عنوان الگو استفاده کنند.
طراحی وب سايت ساده با CSS,HTML
امروز تصميم به طراحی وب سايت سايت گرفتم ولي نه به عنوان نمونه کار بلکه براي آموزش ، من اين کار رو از الف شروع مي کنم و همراه طراحي به توضيحات در مورد نکات مهم که تو اين تالار مشکل عمده افراد هست مي پردازم ، اين آموزش براي افرادي مفيد خواهد بودکه دوست دارند طراحي با استفاده از استانداردهاي جهاني انجام بدهند ، به دليل کمي وقت اضافه من سعي دارم اين وب سايت رو در پروسه زماني 1 هفته اي براي دوستان عزيز کامل کنم ودر اين اين هروز يک قسمت از اين طرح رو طراحی وب سايت و کد نويسي مي کنيم ، پيشنهادم براي کساني که تمايل دارند به خوبي ياد بگيرند هر روز همراه با من شروع به طراحي مجدد اين سايت کنند در اين آموزش فرض بر آن است که کاربران عزيز مختصر در مورد html,css آشنايي دارند کد نويسي در اين آموزش بسيار ساده و قابل درک خواهد بود.
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : moona webdesignsara23 بازدید : 226