بازدید دیروز : 5
کل بازدید : 2174103
کل یادداشتها ها : 596
یک قالب خوب
می‌خواهیم یه صفحه طراحی کنیم که مواردی رو که تو بخش قبل گفتیم داشته باشه.
به کد زیر توجه کنید، خیلی کد ساده‌ایه، از قیافه وحشتناکش نترسین، الان خط به خط توضیح میدهیمش:
توجه کنید که وقتی در حالت HTML هستید میتونید روی یک تگ کلیک کنید و بعد راست کلیک کنید و از منویی که باز میشه گزینه آخرش که Tag Properties هست رو انتخاب کنید و تمام تنظیمات اون رو دستکاری کنید.
طراحی کردن یک قالب
برای شروع باید یه طرح کلی برای سایتتون (یا بهتر بگم همون وبلاگتون) بکشین:
حالا که طرح رو کشیدیم بیاین فکر کنیم چه چیزایی توی وبلاگمون میخوایم.
اولش که یه عنوان بزرگ بالای سایت باید باشه با یه عکس که لوگوی اصلی سایته (البته میشه عکس هم نزاشت، بسته به میل خودتونه)
دوم اینکه باید نوشته‌ها زیر هم و ستونی قرار بگیرند.
درست کردن یک قالب با FrontPage
من شخصا از FrontPage برای درست کردن قالب استفاده میکنم و از خوش دستیش خوشم میاد، ولی ممکنه یکی با Notepad قالب درست کنه و یکی از یه برنامه دیگه مثل Dreamweaver استفاده کنه. ولی چون FrontPage دم دست تره معمولا از اون استفاده میشه.
توی این مثالها از FrontPage XP استفاده شده ولی در کل فرقی نمیکنه. توی نسخه‌های قبل مثل 2000 هم همینطوره.
یادآوری، کدهای HTML
نمیدونم تا حالا با کدهای HTML کار کردین یا نه؟ اگه از FrontPage استفاده کرده باشین حتما دیدین که اون پایین وقتی در حالت طراحی هستین (Normal) دو تا دکمه دیگه هم هست به نامهای HTML و Preview که دکمه HTML کدی رو که این صفحه رو میسازه نشونتون میده و دکمه بعدی یه پیش‌نمایشه از قیافه صفحه وقتی دیگران اون رو می‌بینند.
ام تی (MT) چیه؟
ام تی مخفف موبل تایپ است(Movable Type) یک برنامه است که روی سرور اجرا میشه و کارش مرتب کردن و مدیریت مطالب یک نشریه کوچکه که بصورت وبلاگ به کار میرود.
اگه دقیق‌تر بخواهید بدونید باید بگم که ما برنامه ام تی رو روی سرور خودمون نصب میکنیم و بعد مطالب، عکسها و لینک‌هامون رو به اون تحویل میدیم و این برنامه خودش سایت ما رو (بر طبق قالبی که قبلا براش تعیین کردیم) به روز میکنه و تغییر میده. مدیریت کامنت‌ها و درست کردن آرشیوهای ماهانه و موضوعی هم از کارهایی است که این برنامه خودش انجام میده.
فاکتور طلایی بهبود : توزیع واژگان پایه
بسیاری از وب مستر ها و مدیران سایتها فکر میکنند که با مبادله هر چه بیشتر لینک (پیوند) میتوانند به رتبه های بالا دست پیدا کنند. اما راههای بهتری هم هست. یکی از این راهها مساله توزیع کلمات و واژگان در صفحه است.
توزیع (Distribution) در اینجا معنایی نزدیک به معنای آن در علم آمار دارد. یک کلمه جستجو شده توسط کاربر در بخشهای مختلفی از صفحه ممکن است وارد شده باشد. و تعداد و چگونگی تکرارهای آن یک فاکتور بسیار مهم در رتبه بندی است.
چندی پیش یکی از دوستان ما (جناب مهندس فرخ حیاتی) ، موفق شد یک سایت فارسی در زمینه تجارت الکترونیک را از رتبه بالای هزار ، به صفحه نخست گوگل برساند ، تنها و تنها به دستکاری اصولی متن سایت و توزیع علمیکلمات در آن. توزیع بندی درست کلمات و واژگان کلیدی اغلب یک استراتژی موفق برای SEO است و معمولا بهتر از مبادله لینک جواب میدهد.
بدین منظور شما بایستی فهرست دقیقی از کلمات و عبارتهایی که ممکن است یک جستجو گر را به سایت شما برساند تهیه کنید.
سپس مناسب ترین و موثر ترین ترکیبات از میان آنها را دست چین نموده و به ترتیب اهمیت در صفحات سایت خود بکار ببرید.
دقت کنید : بکار ببرید نه پست سر هم لیست کنید. سعی کنید در پاراگرافهای مختلف صفحه از آنها استفاده کنید.
سعی کنید متن ها را به گونه ای انتخاب کنید که برای کاربران عمومیت داشته باشد. یکی از بهترین راهها استفاده از مقاله است.
اگر سایت شما قسمتی برای مقاله ها و مطالب مربوط به محتوای خود داشته باشد شما گام بزرگی برداشته اید.
زیرا مقاله یعنی جایی برای کاربرد درست کلمات کلیدی و تکرار مناسب آنها. ضمن اینکه این کار سایت شما را حرفه ای تر جلوه می دهد و در هر زمینه ای که فعالیت دارد شما را نیز پرتوان تر و قوی تر نشان میدهد.
باز هم تاکید میکنم.
فاکتور طلایی یعنی سه کار مهم :
1- تشخیص درست و کاربر پسند کلمات کلیدی
2- استفاده درست و منطقی و توزیع مناسب این عبارتها در صفحه
3- بازنگری و تغییر در صفحات و پیگیری (Trace) کردن اثر آن بر حجم بازدید ها.
منبع:seo.blogfa.com
قسمت اول :
بسیاری از وب مستر ها برای بالابردن ترافیک سایت و موقعیت در موتور های جستجو بصورت گسترده ای دست به مبادله لینک (پیوند) می زنند. اما گاهی نتیجه دلخواه بدست نمی آید. دلیل این مساله این است که بسیاری نمیدانند که موتورهای جستجو لینک های وب را چگونه می بینند. آنچه که هست دید یک موتور جستجو با دید یک کاربر در این زمینه اندکی تفاوت دارد.
درک این تفاوت به مدیر یا سرپرست سایت کمک می کند تا از لینک ها و پیوندهای ورودی و خروجی استفاده مناسب ببرد.
برخی موتورهای جستجوی مهم همچون msn ، یاهو و گوگل به لینکهای ورودی و خروجی صفحه شما اهمیت می دهند. گوگل به این فاکتور بسیار اهمیت میدهد.
یعنی مهم است که شما به چه سایتهایی لینک میدهید و از چه صفحه هایی لینک دریافت میکنید.
اگر صفحه مورد نظر شما ، دارای پیوند هایی باشد که کاربر را به صفحه های دارای مطالب مربوط راهنمایی میکند این موضوع خشنودی موتورهای جستجو را بهمراه خواهد داشت.
پس مراقب دو چیز باشید : نخست با چه کسانی مبادله لینک میکنید. دوم آنکه لینک چه صفحاتی را در صفحه خود قرار میدهید. البته معمولا این فاکتور دارای تاثیر مثبت است. یعنی بندرت یک لینک نامربوط باعث بدتر شدن موقعیت شما میشود. اما چگونه بفهمیم که صفحه مورد نظر برای لینک دادن با صفحه ما ارتباط مفهومی دارد یا نه؟ البته لینک دادن سایر سایتها ویژگی دیگری دارد که همانا انتقال ترافیک و هدایت بازدید کنندگان به سایت شما است.
ادامه مطلب...به کلاس اچ تی ام ال مقدماتی خوش آمدید!
آموزش کاربردی و در عین حال کامل زبان اچ تی ام ال از حوصله و گاه دانستنی های این وبلاگ خارج است ولی پس از جستجوهای فراوان توانستیم سایتی جامع و مرجع را در این زمینه به شما دوستان معرفی کنیم.سر فصل های دروس را برایتان آورده ام و مشروح دروس را می توانید در سایت مرجع مطالعه بفرمائید.امیدوارم برایتان مفید واقع شود.
یادگیری زبان HTML بسیار ساده است.در این درسها یاد خواهید گرفت که چگونه با کمک HTML صفحات وب ساخته و وب سایت شخصی فارسی و یا وبلاگتان را راه اندازی کنید. مبنای این دروس نسخه 4 استاندارد اچتمل بوده و نکته بسیار مهم این نسخه جداسازی ظاهر از محتوا و انتقال آن به style sheet ها میباشد. لازم به توضیح است که که تاکید دروس و مقالات این راهنما بر فارسی نویسی مطابق استاندارد یونیکد بوده و اولین مجموعه دروس آموزشی ما شامل آموزش مقدماتی HTML بهمراه مثالهای متعدد فارسی نویسی خواهد بود. ادامه این بخش به شرح سرفصل مطالب ارائه شده خواهد پرداخت:
سرفصل مطالب کلاس اچتمل مقدماتی :
در این درس با ویژگیهای فایلهای اچتمل، اجزا تشکیل دهنده آن یعنی عناصر و تگ ها ( Elements & Tags ) و نحوه ایجاد یک فایل ساده اچتمل و نمایش آن در صفحه مرورگرتان (Browser) آشنا خواهید شد.
در این درس با مفاهیم وب ( تار عنکبوت جهانی یا World Wide Web ) ، اینترنت، مرورگرها (Browsers) و استانداردهای وب آشنا خواهید شد. همچنین با تفاوتهای مرورگرهای وب ( Web Browsers ) و سرویس دهنده های وب ( Web Servers ) آشنا خواهید شد.
یک متن و یا فایل اچتمل از عناصر یا element ها تشکیل میشود و برای ایجاد عناصر از تگ ها یا tags استفاده میشود. در این فصل با عناصر و تگ ها آشنا خواهید شد.
تگ ها ( tags ) اجزا تشکیل دهنده عناصر یا elements های اچتمل هستند و یکی از بهترین روش های یادگیری اچتمل دیدن مثالها و تغییر آنها میباشد. در این فصل با تگ های پایه و مهم آشنا شده و با کمک ادیتور اختصاصی ما و با امکانات فارسی نویسی آن به صورت آنلاین میتوانید به مطالعه و یادگیری مثالها بپردازید.
در این درس با فارسی نویسی، فارسی سازی و استاندارد یونیکد و نحوه استفاده از ادیتور آنلاین و فارسی این سایت آشنا خواهید شد.
وظیفه گروهی از تگ های اچتمل ظاهر سازی و فرمت دهی(Formatting) و تعیین شکل نمایش متون ( مثلا توپر و bold بودن و یا مورب و ایتالیک بودن ) میباشد و در این درس با این گروه از تگهای formatting آشنا خواهید شد. همچنین یاد خواهید گرفت که چگونه source یا اصل کدهای اچتمل یک صفحه یا page را ببینید.
گروهی از نویسه های ( Character ) اچتمل مانند (<) و یا (>) دارای معنی خاصی ( مثلا نویسه < شروع یک تگ را نشان میدهد. ) در استاندارد اچتمل بوده و برای نمایش آنها در صفحاتتان مستقیما قابل مصرف نمی باشند. در این فصل با این نویسه ها آشنا شده و با کمک Character Entities چگونگی استفاده از این گروه از نویسه ها را فرا خواهید گرفت.
در این درس با پیوندها ( Links & Anchors ) ، شناسه های مرتبط مخصوصا href و نحوه به کار گیری آنها آشنا خواهید شد. با کمک لینک هاست که تارعنکبوت یا همان شبکه جهانی ساخته شده است.
در این درس با مفاهیم جدول ( Table ) ، ردیف یا row ، سلولها یا خانه ها (Cells)، مرز یا border در جداول و عناصر مرتبط مخصوصا TABLE ، TD , TR آشنا خواهید شد. جداول کمک شایانی در نمایش اطلاعات بصورت ردیفی و ستونی میکنند.
در این درس با مفاهیم فریم ( Frame ) و عناصر مربوطه مخصوصا Frame و Frameset آشنا خواهید شد. با کمک فریمها میتوان صفحه Browser را به چند Window تقسیم کرده و در هر قسمت صفحه خاصی را نمایش داد.
این درس شما را با نحوه نمایش فهرستها ( List ) ، انواع فهرستها و تگ های مربوطه آشنا خواهد ساخت.
از طریق استفاده از تگ های فرم ( form ) قادر به دریافت اطلاعات از بازدیدکنندگان صفحاتتان و یا تبادل اطلاعات بین صفحات مختلف خواهید شد. با کمک این گروه از تگ ها قادر به نمایش باکسهای ورود اطلاعات متن (text fields) ، چک باکسها (check-boxes) ، رادیو باتونها (radio-buttons) و ... شده و همچنین امکان گذاشتن دکمه های ارسال (submit button) و یا حذف (reset) را خواهید داشت. این فصل با شرح تگ های form و input و ... به چگونگی ایجاد ارتباط با بازدیدکنندگان و گرفتن اطلاعات از آنها خواهد پرداخت.
در این درس با عنصر img و چگونگی نمایش تصاویر و همچنین تنظیم محل آنها آشنا خواهید شد.
در این درس با چگونگی نمایش تصاویر و یا تعیین رنگ پس زمینه آشنا خواهید شد.
با استفاده از دهها مثال موجود در این سایت و با کمک ادیتور HTML ما براحتی قادر به نوشتن کدهای HTML و دیدن نتایچ در مرورگرتان خواهید بود، آزمایش کنید!
فهرستی کامل از منابع و مرجعهای مختلف شما را در یافتن پاسخ سؤالهایتان یاری خواهد داد. در این صفحه فهرستی کلمل از سایتهای مرجع و آموزشی اچتمل را خواهید دید. فرهنگ لغت واژه های فنی نیز در این بخض قرار دارد.
منبع:khaterat.com
طراحی پوسته توسط تیم پارسی بلاگ
