طراحی سایت در مشهد
استایل بردرهایی که شما میتوانید استفاده نمائید :
نمونه های بالا بیشتر استایل هایی را که شما میتوانید استفاده نمائید به شما نشان اعطا کرد . در زیر لیستی از مورد های مختلفی را که برای شما قابل استفاده است را آورده ایم .
ضخامت بردر :
میزان ضخامت بردر را می توان با واحد های px , pt و یا این که em به کار پیروزی .
به طور پیش فرض نیز میتوانید از کلمه ها اصلی خویش htmlبرای ضخامت دادن به بردر استفاده نمایید که مشتمل بر سه سایزو باریک ( thin ) , میانگین ( medium ) و کلفت ( thick ) است .
استایل بردر :
یک بردر قادر است هرمورد از استایل های زیر را داشته باشد :
■ solid ( میزان پیش فرض )
■ double
■ dotted
■ dashed
■ groove
■ ridge
■ inset
■ outset
رنگ بردر :
رنگ بردر نیز نظیر بقیه موادتشکیل دهنده وبسایت که به آن ها رنگ میدهیم میزان میگیرد . رنگ های خویش html که با عبارات اصلی مشخص و معلوم شده اندمثل red و هم از روش اعداد هگزا دسیمال نظیر #ff0000 .
صورت دهی و سایز دهی به عنصرها باطن وبسایت :
بیایید تا تغییرات کوچکی به پروژه سایتمان بدهیم . از عنصر body آغاز میکنیم . Style1 . css را در پروژه خویش گشوده فرمایید ( این فولدر که به موادسازنده تارنما صورت می‌دهد در تگ header به ورقه ما وصل میگردد ) و استایل های داده شده به body را نگاه فرمائید و به‌دنبال استایل های داده شده به آن بردری مانند زیر به آن بیافزایید :
BODY {
FONT - FAMILY : VERDANA , HELVETICA , ARIAL , SANS - SERIF;
BACKGROUND - COLOR : #E2EDFF;
PADDING : 15PX;
LINE - HEIGHT : 125 % ;
BORDER : 4PX SOLID NAVY;
}
نگاهی به صفحه های وبسایت خویش در مرورگر فرمایید ظواهر همه آنان می بایست نظیر صورت زیر باشد .
بیایید یه خرده تغییر تحول نیز در منوی راهبری بدهیم , پیش خیس در فصل 2 سفارش دادم که برای بخش های با اهمیت تارنما خویش از id استفاده فرمائید , ما هم در اینجا از آن خصیصه استفاده میکنیم .
design - web - 133 . jpg
در style1 . css برای منوی راهبری این مقادیر را تعریف نمایید و بعد آن را ذخیره کرده و در مرورگر آن را مشاهده کنید .
#NAVIGATION {
WIDTH : 180PX;
BORDER : 1PX DOTTED NAVY;
}
design - web - 134 . jpg
تغییر‌و تحول بعدی که می‌توانیم به منوی راهبری بدهیم background - color است , پس در پی css آی دی navigation آن را هم بیش تر میکنیم .
#NAVIGATION {
WIDTH : 180PX;
BORDER : 1PX DOTTED NAVY;
BACKGROUND - COLOR : #7DA5A8;
}
درحال حاضر منوی ما خوبتر به حیث می‌رسد , البته رنگ دور نما ای که گزینش کرده ایم منجر می گردد تا رنگ لینک و پیوند های مشاهده شده خوانایی پاره ای داشته باشند به همین منظور رنگ لینک و پیوند های مشاهده شده را تغییر‌و تحول میدهیم .
A : VISITED {
COLOR : NAVY;
}
حال خوب تر شد , در تراز آنگاه خوب تر است که به tag line بردر و رنگ بگراند بدهیم . در نمونه فوق یک تگ div بالای منو موجود هست که آی دی #tagline دارااست و درون آن یک تگ p موجود هست . پس به این ترتیب به آن استایل میدهیم :
#tagline p {
font - style : italic;
font - family : Georgia , Times , serif;
background - color : #bed8f3;
border - top : 3px solid #7da5d8;
border - bottom : 3px solid #7da5d8;
}
با انبارکردن پوشه css خویش بایستی خروجی مثل صورت زیر داشته باشید :
design - web - 135 . jpg
هم اکنون برای مشخص و معلوم شدن تگ های h1 و h2 از همدیگر , برای آن ها تفاوت قائل می شویم و بین آن‌ها یه خرده css های متعدد درج میکنیم به دلیل آنکه استفاده از رنگ دورنما تیره برای هر دو آن ها سبب شده تا تیترهای وبسایت بیشتراز حد دارنده رنگ دور نما تیره باشند .
css های زیر را نسخه برداری کرده و در css خویش طولانی تر نمائید , به این ترتیب ظاهری نظیر تصویر زیر را می بایست در مرورگر خویش ببینید .
فراگیری پباده سازی وبسایت
و قول ميدهيم که مشخصات شخصي شما محفوظ و در اختيار هيچ شخص يا مقامي قرار نخواهد گرفت .
دسته‌ها، آخرین‌ها، آمار و ابزارهای کاربردی در یک نگاه.
شنبه 06 تیر 1405 18:50
65
شنبه 06 تیر 1405 18:50
67
شنبه 06 تیر 1405 18:50
71
شنبه 06 تیر 1405 18:50
59
شنبه 06 تیر 1405 18:50
61
شنبه 06 تیر 1405 18:50
61
شنبه 06 تیر 1405 18:50
110
شنبه 06 تیر 1405 18:50
99
شنبه 06 تیر 1405 18:50
93
شنبه 06 تیر 1405 18:50
90
سلام
اگه میخوای خیلی راحت میتونی از وبلاگت کسب درآمد کنی.
روش کار هم خیلی سادست .
برو تو سایت زیر
userpopup.ir
ثبت نام کن . و شروع به کسب درآمد کن.
هر سوالی هم داشتی میتونی از پشتیبانی بپرسی و خیلی سریع جوابشو بگیری .
منتظرتم .
از اینکه وبلاگ خود را در لوکس بلاگ ایجاد کرده اید کمال تشکر را داریم.مطمئن باشید لوکس بلاگ قوی ترین سیستم ساخت وبلاگ در ایران است.لوکس بلاگ تمامی امکانات ویژه و استاندارد را در حد ایجاد یک وب سایت حرفه ای مثل سیستم نظر سنجی.سیستم نظر دهی گرافیکی زیبا.سیستم امتیاز دهی 5 ستاره ای به مطالب.سیستم عضو گیری و ... را داراست.در اینجا سعی داریم معرفی و راهنمایی کمی در خصوص امکانات لوکس بلاگ داشته باشیم.فرض میکنیم شما تا به حال هیچ وبلاگی نداشته اید.ما شما را یاری میکنیم تا در چند قدم بتوانید یک وبلاگ استاندارد ایجاد کنید.اولین قدم:
انتخاب یک قالب
برای وبلاگ است.قالب وبلاگ به معنای ظاهر و محیط وبلاگ شماست که بینندگان ان را میبینند.برای انتخاب قالب در لوکس بلاگ 3 روش موجود است.روش اول میتوانید از منوی سمت راست گزینه -انتخاب قالب- را بزنید از بین 90 قالب موجود یکی را انتخاب نمایید.روش دوم میتوانید از قالبهای اماده دیگر وب سایت ها استفاده نمایید.کافی است در گوگل به فارسی بنویسید قالب وبلاگ و اینتر کنید.لیستی از سایت هایی که قالب وبلاگ ارائه میکنند را مشاهده خواهید کرد.با زدن یکی از ان گزینه ها و انتخاب قالب از ان سایت ها میتوانید -کد قالب بلاگف- را دریافت نمایید.(لوکس بلاگ سازگاری کامل با قالب های بلاگفا دارد)پس نیازی نیست به دنبال قالب لوکس بلاگ باشید.هرکجا هر قالبی مربوط به بلاگفا نیز مشاهده کردید میتوانید در لوکس بلاگ هم استفاده نمایید.بعد از دریافت کد از سایت های ارائه قالب از منوی سمت راست گزینه -ویرایش قالب- را بزنید.صفحه ای باز خواهد شد پر از کدهای مختلف.کدهایی که مشاهده میکنید را به طور کامل پاک کنید و کد قالب جدید که از سایت های ارائه قالب گرفته اید را قرار دهید و ثبت تغییرات را بزنید.اینگونه میتوانید از هزاران قالب مختلف برای وبلاگ خود استفاده نمایید.چناچنه در صورت اشتباه وبلاگ شما به هم ریخت نگران نباشید.در لوکس بلاگ هیچ چیز خراب نمیشود.به راحتی میتوانید از منوی سمت راست -انتخاب قالب- را بزنید و یک قالب انتخاب نمایید.تنظیمات به قبل خواهد برگشت.
قدم بعد از انتخاب قالب
ارسال مطلب است.از منوی سمت راست گزینه ارسال مطلب را بزنید.در این صفحه شما محیطی مشاهده خواهید کرد که میتوانید در ان مطلب بنویسید.نام این محیط
-ویرایشگر- است.این محیط قابلیت های بسیار فراوانی دارد که خود شما باید در طول زمان ان را فراگیرید.مثل تغییر رنگ نوشته ها.تغییر اندازه و نوع نوشته ها.قرار دادن عکس و ...اما در اینجا فقط به نحوه
قرار دادن عکس میپردازیم.برای قرار دادن عکس دو حالت پیش رو داریم.1-شما عکسی در وبلاگ و یا سایت دیگری میبینید و دوست دارید ان عکس در وبلاگ شما نیز نمایش داده شود.در اینصورت روی عکس مورد نظر راست کلیک کرده
و -کپی- را زده.سپس به ویرایشگر خود امده و در ویرایشگر راست کلیک کنید و -پیست و یا چسباندن- را زده.اینگونه ان عکس به وبلاگ شما منتقل خواهد شد.2-ممکن است شما عکسی در کامپیوتر خود داشته باشید و دوست دارید ان را در وبلاگ خود به نمایش بگزارید.در اینصورت مراحل کمی طولانی تر است.در ویرایشگر علامت
را پیدا و کلیک کنید.صفحه ای باز خواهد شد.در این صفحه به دنبال کلیدی با عنوان -آپلود عکس و انتخاب عکس از سرور- بگردید و کلیک کنید.صفحه دیگری باز خواهد شد که در پایین صفحه قسمتی وجود دارد برای انتخاب فایل از کامپیوتر.فایل خود را انتخاب و دکمه آپلود را بزنید.نام عکس شما در بالای ان صفحه به صورت یک لینک نمایش داده میشود.روی نام عکس خود کلیک کنید.عکس شما به ویرایشگر منتقل خواهد شد.به همین راحتی.به همین خوشمزگی.
اکنون که عنوان مطلب و مطلب را نوشته اید میتوانید دکمه ارسال مطلب و انتشار مطلب را بزنید.کار تمام است.شما یک وبلاگ نویس شدید.از این به بعد اگر میخواهید حرفه ای تر باشید ادامه اموزش را دنبال کنید. بهتر است به گزینه های زیر ویرایشگر دقت کنید.اولین گزینه
-اضافه کردن ادامه مطلب- است.فرض کنید شما مطلبی بسیار طولانی در مورد چگونگی ساخت وبلاگ دارید.اگر بخواهدی همه مطلب را یکجا در صفحه اصلی وبلاگ خود نمایش دهید باعث سنگین شدن وبلاگ و شلوغی میشود.پس بهتر است چند سطر اول مطلب خود را در قسمت اول ویرایشگر نوشته و سپس روی
-اضافه کردن ادامه مطلب- کلیک کنید و در ویرایشگر جدید به وجود امده بقیه مطلب را بنویسید.اینگونه مطلب شما در وبلاگ در 2 قسمت نمایش داده خواهد شد.کسانی که علاقه مند به اموزش هستند با خواندن چند سطر اول در صفحه اصلی اگر مشتاق بودند با کلیک روی لینک ادامه مطلب در وبلاگتان میتوانند به ادامه مطلب دسترسی پیدا کنند و ادامه اموزش را بخوانند.در اینجا گزینه هایی مثل
موضوعات است. .همه دوستدار نظم وترتیب هستند.اگر وبلاگ شما در چند
زمینه مختلف مثل عکس و اس ام اس است بهتر از قسمت موضوعات استفاده کنید.برا
این منظور از منوی سمت راست گزینه موضوعات را کلیک کنید.در اینجا میتوانید یک موضوع
اصلی مثل عکس ایجاد کنید.سپس در صورت تمایل میتوانید برای موضوع عکس زیر موضوع هم
بسازید.زیر موضوع عکس میتواند -عکسهای طبیعت- و -عکسهای هنرمندان- و -عکسهای ورزشی-
باشد.سپس دوباره یک موضوع اصلی بسازید با عنوان اس ام اس.و دوباره میتوانید زیر
موضوع هایی نیز برای دسته بندی بیشتر ایجاد کنید.مثل -اس ام اس عاشقانه- و-اس ام اس
عارفانه- و ....بدین صورت شما منظم ترین وبلاگ را خواهید داشت.شما میتوانید اصلا از
زیر موضوع استفاده نکنید و فقط موضوعات اصلی معرفی کنید.در لوکس بلاگ همه چیز به
دلخواه شماست.ولی برای دسته بندی بیشتر زیر موضوع را اختراع کرده ایم.تا به اینجا
شما موضوعات وبلاگ خود را ساخته اید.اکنون میخواهید عکسهای ورزشی در وبلاگ خود
ارسال کنید.ارسال مطلب را زده.مطلب خود را نوشته.اکنونه در پایین ویرایشگر قسمت
موضوعات گزینه موضوع اصلی -عکس- و زیر موضوع -عکسهای ورزشی- را تیک بزنید.اینگونه
وبلاگ شما میفهمد این مطلب مربوط به کدام موضوع است.مطلب را ارسال کنید.اکنون اگر
بیننده ای وارد وبلاگ شما شود و فقط به عکسهای ورزشی علاقه مند باشد با کلیک روی
موضوع عکسهای ورزشی وبلاگ شما تمامی مطالب عکسهای ورزشی را خواهد دید.
کلمات کلیدی یکی از مفید ترین امکانات برای بینندگان و مخصوصا موتور های
جستجو گر است.سعی کنید هنگام ارسال مطلب حتما کلمات کلیدی مفید معرفی کنید.اگر مطلب
شما راجع به دانلود نرم افزار انتی ویروس است در کلمات کلیدی بنویسید دانلود.انتی
ویروس.نرم افزار رایگان. اینگون مطلب شما دارای کلمات کلیدی مناسب مربوط به همین
مطلب است.
عضو گیری در وبلاگ یکی از امکانات مهم و ویژه لوکس بلاگ است.لوکس بلاگ
محیطی فراهم کرده است که بینندگان شما میتوانند در وبلاگ شما عضو شوند.شما اینگونه
میتوانید بیننده های ثابتی برای وبلاگ خود فراهم کنید.با عضویت افراد در وبلاگ شما
ایمیل انها در خبرنامه نیز ثبت میشود.سپس شما میتوانید بعد از اپدیت وبلاگ با ارسال
خبرنامه اعضا را به دیدن وبلاگ تشویق کنید.مزیت بعدی مشارکت اعضا در ارسال مطلب
برای وبلاگ شماست.اعضا از طریق کنترل پنل های خود قادر هستند برای وبلاگ شما مطلب
ارسال کنند.اینگونه شما یک وبلاگ دارید با هزاران نویسنده.میتوانید اعضا را تشویق
به ارسال مطلب کنید تا مسئولیت ارسال مطلب فقط به دوش شما نباشد.
هنگام ارسال مطلب
در زیر ویرایش گر میتوانید گزینه ای با عنوان-دسترسی به مطلب فقط مخصوص اعض-را
مشاهده کنید.با تیک کردن این گزینه بینندگان با زدن ادامه مطلب نمیتوانند ادامه
مطلب شما را مشاهده کنند و با پیام این مطلب مخصوص اعضاست مواجه میشوند.و در زیر ان
مکانی برای ثبت نام است.اگر افراد ثبت نام کنند میتوانند ادامه مطلب را مشاهده
کنند.اینگونه شما سیستم عضو گیری را فعال و مورد استفاده قرار داده اید.
توجه داشته باشید دنیای وبلاگ نویسی و ایجاد سایت بسیار وسیع میباشد.شما در طول
زمان با مهارت های بیشتری اشنا خواهید شد.برای این امر زیاد عجول نباشید.لوکس بلاگ
راحت ترین سیستم برای فراگیری مهارت های وبلاگ نویسی است.در هر قسمت از لوکس بلاگ متن
های راهنمایی اورده شده.با دقت به این راهنما ها میتوانید با این مهارت ها اشنا
شوید.پس حتما راهنما ها را بخوانید و تمرین کنید و در نهایت اگر مشکلی داشتید انرا
با فرم های مخصوص با ما در میان بگذارید.اوقات خوشی را در لوکس بلاگ برای شما
ارزومندیم.
نام کاربری یا ایمیل خود را وارد کنید
کد ۶ رقمی ارسالشده به ایمیل و رمز عبور جدید را وارد کنید.
در چند ثانیه حساب کاربری خود را بسازید
دیدگاه خود را با ما در میان بگذارید
ورود کاربران
خوش آمدید! لطفا وارد حساب خود شوید