محبوبترینها
از کجا بفهمیم قاشق چنگال اصل است | قاشق چنگال تقلبی نخرید!
با چاپ روی وسایل یک کسب و کار پرسود بسازید
قیمت دیگ بخار و تولیدکننده اصلی دیگ بخار
معروف‌ترین هدیه و سوغاتی یزد مشخص شد!
آشنایی با انواع دوربین مداربسته ضد آب
پرداخت اینترنتی قبوض ساختمان (پرداخت قبض گاز، برق و آب)
بهترین دوره آموزش سئو محتوا در سال 1403 با نام طوفان ۱۴۰۳ در فروردین ماه شروع می شود
یک صرافی ارز دیجیتال چه امکاناتی باید داشته باشد؟
تعمیرگاه مجاز تعمیر ماشین لباسشویی در شرق تهران
تعمیرگاه مجاز تعمیر ماشین لباسشویی در شرق تهران
جراحی و درمان ریشه دندان عفونی با خانم دکتر صفوراامامی
صفحه اول
آرشیو مطالب
ورود/عضویت
هواشناسی
قیمت طلا سکه و ارز
قیمت خودرو
مطالب در سایت شما
تبادل لینک
ارتباط با ما
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
آمار وبسایت
تعداد کل بازدیدها :
1799461952
آموزش طراحی کامل قالب های سایت و وبلاگ (شروع کار) -
واضح آرشیو وب فارسی:سایت ریسک: آموزش طراحی کامل قالب های سایت و وبلاگ (شروع کار) datasun 20 اسفند 1387, 20:54سلام امیدوارم حالتون خوب باشد ! پ.ن : ببخشید من مدتی بود نبودم و نتونستم تاپیک قبلی رو ادامه بدم و قفل شد و اومدم تا جبران کنم با سارا خانوم هم حرف زدم گفت مشکلی نداره و تاپیک جدید بزن خیلی از دوستان هم لطف داشتن و همراهی کردن ولی من بد قولی کردم ! خوب بریم سر آموزش مدتی هست که هر کسی که جدیدن وبلاگ میزن دوست داره یک قالب اختصاصی و جذاب داشته باشه و خیلی از دوستان هم هستن که میخوان یک سایت ساده و زیبا راه اندازی کنن خوب من هم قبلا همین جوری بودم و برای همین دوست دارم که همه یاد بگیرن فکر کنم خیلی ها دستو پا شکسته از قالب و کدها و ... چیز هایی بلد باشن ولی ما میخوایم از اول شروع کنیم روند کار هم به این گونه است که توضیحاتی در مورد کدها و چیز های کاربردی دیگه هم میگم ، البته باید بگم هیچ عددی نیستم و اساتید دیگر هر کدوم برای خودشون و با شیوه خودشون آموزش دادن و این خیلی خوبه بزارید از آموزش بگم من میخوام آموزش رو طبقه خواسته های دوستان انجام بدن چون میدونم مشکلشون چیه دوست دارن سریع یاد بگیرن و سریع هم قالب بسازن ، خوب نوع آموزش با فتوشاپ و css و html هست . ولی برای آسونی کارتون به یک نرم افزار نیاز داریم که بتونیم راحت باهاش قالب بسازیم اسم این نرم افزار Microsoft Front Page 2003 هست دقت داشته باشید چون من خودم نسخه 2003 رو دارم پیشنهاد میکنم که شما هم این نسخه رو گیر بیارید و کارو شروع کنیم خوب برا جلسه اول بعد نیست در مورد html کمی توضیح بدم . شاید خیلی از دوستان بدونن که html یک زبان برنامه نویسی نیست بلکه کد نویسی هست و خیلی آسونه html یک سری قواعد خودشو داره از جمله این قواعد شما دقت کنید به کد زیر <html > یک بر چسب یا تگ اصلی هست که همیشه صفحه های ما این جوری شروع میشه یعنی اگه نباشه سایت ما سایت نمیشه :D همه بر چسب ها در کد نویسی Html شروع و پایان داره که اعمال ما توی این ها قرار میگیره و پایان همگی به این صورت است </> یعنی تگ <html> اینجوری پایان میگیره </html> بعد از این تگ چند تا تگ دیگر هم در صفحه ما به صورت اصلی شناخته میشن مثل html البته باید توجه کنید که اولین شروع کننده <htmL> است باید این رو هم بگم که همه دستور ها یا تگ ها توی دیگری قرار میگره مثل این <html> دستور </html> معرفی تگ های اصلی : <html> <head> <title>عنوان سایت </title> </head> <body> دستورات </body> </html>خوب اگه تو کد با لا نگاه کنید چند تا تگ اصلی معرفی شده که این تگ ها رایج ترین هستن مثلا ما توی تگ <title> عنوان سایتمون رو معرفی کردیم مثلا مجید آنلاین دات کام خوب برای اولین جلسه کافی بود . منتظر پیشنهاد های خوبتون هستم اگه هم نحوه آموزش خوب نیست بگید منتظر باشید :tavajoh: برای جلسه های بعدی به نرم افزار فرانت پیج نیاز است .:D datasun 21 اسفند 1387, 18:20جلسه دوم : سلام امیدوارم حاله همگی دوستان خوب باشه اول دوباره در مورد آموزش بگم همون جوری که سارا خانوم گفتن من فقط قصدم ساده کردن آموزش + گرافیک بالا هست چون خیلی منبع های دیگه هستن که دارن آموزش میدن همین . خوب درس امروز اگه یادتون باشه یا جلسه قبلی رو خونده باشید فهمیدید که به طور کلی تگ ها یک شروع و پایان دارن ودستورات توی این تگ ها انجام میگره و تگ های اصلی رو هم نام بردیم امروز با معرفی چند تگ اصلی دیگه و ایجاد عملیات توی خود تگ بحث رو به پایان میرسونیم و به سراغ طراحی میریم :D ایجاد عملیات در تگ اچ تی ام ال میتونه به این صورت باشه یعنی <html dir="rtl"> میبینید که ما یک دستور توی تگ html دادیم این دستور این معنی رو میده که پاراگ راف ها را از راست به چپ بنویس یا مرتب کن دستور ها با یک مساوی و دابل کوتیشن میان سلام="دستور" دستور های زیادی هست که نمیشه همه رو یاد داد یا اینکه حفظ کرد واین کار رو فرانت پیج انجام میده یعنی شما اول یک دستور رو توی یک تگ میزنید خودش مثل autocomplate میاره و میتونید سلکتش کنید به همین سادگی تگ ها اصلی رو میشه این جوری نام برد البته همین جور که گفتم این های اصلی ها است ثابت هارو در جلسه قبل گفتم <html> <head> <meta "Content-Type" content="text/html; charset=utf-8"> <meta "Content-Language" content="fa"> <title>عنوان سایت</title> <meta name="keywords" content="کلمات کلیدی سایت"> <meta name="description" content="توضیح سایت"> </head> <body> </body> </html>اگر دقت کنید مابین تگ های head چند تا تگ دیگه میبینید که پایان ندارن توی html از این تگ ها زیاد هست خوب به این تگ ها که مابین تگ های هید هستند متا تگ میگن که یکسری عملیات روی کامپیوتر کاربر انجام میده مثلا این دو تا <meta "Content-Type" content="text/html; charset=utf-8"> <meta "Content-Language" content="fa"> میگن که اگر فارسی نداره یا روی این حالت اینکد نیست بزار رو این حالت و نوشته ها را به صورت گارویج نشون نده من باید دوباره تکرار کنم که همه این کد ها و تگ ها را فرانت پیج به صورت اتو مات انجلم میده و نیاز نیست رو این جور آموزش ها فقط گذاشت اگر دوستان لطف کنن و فرانت پیج رو تهیه کنن میتونیم به زودی آموزش طراحی قالب رو یاد بدیم با فتوشاپ اخه خوده اچ تی ام یک دنیایی داره که خودتون به مرور یاد میگیرید هدف آموزش اینکه راحت بتونید طراحی سایت استاتیک کنید و یک قالب برای سایت یا وبلاگتون بسازید همین پس فرانت پیج رو تهیه کنید تا کار زود به پایان برسه یا علی موفق باشید سوالی بود در خدمتم. GFX Master 23 اسفند 1387, 14:08برای اینکه آموزشها پست سر هم مرتب بشن پستهای اضافی رو پاک کردم. لطف کنید برای تشکر از دکمه تشکر استفاده کنید و فقط اگر سوالی داشتید پست بدید. این پست خودم رو هم آخر سر پاک میکنم. موفق باشید. datasun 23 اسفند 1387, 14:35جلسه سوم : با سلام خدمت دوستان عزیز خوب ادامه آموزش ها را و جلسه سوم رو شروع میکنیم فکر کنم توضیح در مورد کد های html برای همون دو جلسه کافی بود اگه سوالی بود در خدمت هستم . ساختار و طراحی قالب : طراحی تمپلیت یا قالب ، یا بر اساس CSS هست یا Table یا مخلوط :D یعنی تیبل و سی اس اس با هم هستن طراحی سی اس اس بر اساس سایز بندی با اعداد است که باعث میشه قالب شما سریع بار گزاری بشه و مانور طراحی توش بیشتر هست اما طراحی تیبل آسون تر و پر حجم و مانور گرافیکیش خیلی کم هست ولی یک نوع طراحی وجود داره که همه مزیتی داره و اون هم مخلوطی از تیبل و سی اس اس است و با عث آسونی کار گرفیکی شدن و کم حجم شدن قالب سایت یا وبلاگتون میشه . خوب توضیحی درمورد سی اس اس : شما تصور کنید که در بین تگ بادی <body> salam </body> یک نوشته دارید به عنوان مثال سلام که اگه این رو مثلا توی قسمت ویرایش قلب وبلاگتون بزارید مینویسه سلام حالا ما میخواهیم این نوشته رو قرمز کنیم و از اندازه فونت اون رو به 8 تغییر بدیم به این مثال توجه کنید : <font face="Tahoma" color="#FF0000" style="font-size: 8pt">salam</font> خوب ما این جا از تگ فونت استفاده کردیم که یکسری عملیاتی رو روی نوشتمون انجام میتونیم بدیم مثلا دستور عمل اولی در خود تگ فونت نوع فونت رو معرفی میکنه مثلا tahoma و دومی رنگ و سومی یک یک نو دستور استایل یا سی اس اس است سایز فونت خوب با میتونستیم با استایل هم رنگ بدیم هم نوع فونت خوب موقعی که نرم افزار فرانت پیج رو داشته باشید نیاز اصلا نیست که کد نویسی کنید و نوشتون رو مینویسید ومانند آفیس این تغیرات رو بهش میدین تا اینجا کافیه من هر بار آخر هر درس این رو میگم آموزش ما وابسته گیش به نرم افزار فرانت پیج زیاد هست چون این نرم افزار که کاره مارو راحت میکنه پس سعی کنید تا جلو نرفتیم تهیش کنید همین و بس :D datasun 28 اسفند 1387, 17:07سلام امیدوارم حال همتون خوب باشه , ببخشید یکم دیر شد خوب امروز درس خیلی مهمی نمیخواهم بدم فکر کنم فرانت پیج رو گرفتین دیگه خوب در جلسه قبل بررسی کردیم که سی اس اس چی هست و مقایسش کردیم با تیبل پس ما شیوه ترکیب تیبل با سی اس رو اموزش میدیم خوب بعد از نصب نرم افزار فرانت پیج و باز کردن آن همچین صفحه ای رو میبینید. 28066 به تصویر نگاه کنید توی تصوی شماره میبینید این شماره ها را توضیحاتشو پایین دادم. 1- این قسمت در حال حاضر رو نشون میده یعنی بخش طراحی دستی که خیلی ساده هست اگر شما یک متن رو بنویسید و از اون بالا بهش رنگ بدید توی گزینه کد بقل design میتونید ببینید که فرانت پیج چی کار کرده 2- قسمت طراحی و کد یعنی هم حالت مد رو نشون میده هم طراحی صفحه رو دو قسمت میکنه 3- توی قسمت یک گفتم کد ها رو میتونید ببیند و بنویسید به صورت اتو (جلسه بعدی) 4- نشون میده چیکار کردید برای این مار میتونید از F12 هم استفاده کنید 5- قسمت فعلی کد ها را نشان میده یعنی ما الان هر کاری کنیم توی tag بادی <body> انجام میشه خوب متوجه میشید که به نظر ساده میاد همینطور هست خیلی ساده است و کاری نداره برای همین در جلسه بعدی آموزش کشیدن پارتیشن اصلی سایت رو میگم یعنی دو منو باشه یا یک منو پس همین کافیه منتظر باشید.:rose: datasun 03 فروردين 1388, 11:03سلام عید رو به همگی تبریک میگم خوب امروز میخوام در مورد کشیدن قالب سایت آموزش بدم پس دست و پا شکسته از فرانت پیج سر دراوردین خوب برای این کار اول قسمت Table رو فعال میکنیم از این مسیر Tools > Customize > Table بعد از فعال شدن روی این آیکون ها کلیک کنید (تصویر) حالا میتونید براحتی نوع صفحه بندی سایت خود را به این صورت ایجاد کنید . () خوب همین مقدار کافی هست . توجه : ببخشید چون نوع اینجوری آموزش وقت میگیره و دوستان خیلی در خواست میکنن که جلسه بعدی رو سریعتر بزار من تصمیم گرفتم این آموزش را به همراه جلسه های بعد در یک فایل PDF قرار بدم منتظر با شید. hami131 04 فروردين 1388, 14:07این تایپیک باید منتقل بشه به زیر انجمن مربوطه اگه مدیری در کار بعد از 14 روز این تایپکو از گرافیک پیکسلی به تایپیک طراحی وب انتقال بده البته مطلب مفیدی هست ولی جاش این جا نیست! datasun 04 فروردين 1388, 15:15این تایپیک باید منتقل بشه به زیر انجمن مربوطه اگه مدیری در کار بعد از 14 روز این تایپکو از گرافیک پیکسلی به تایپیک طراحی وب انتقال بده البته مطلب مفیدی هست ولی جاش این جا نیست! ولی خودم میدونم قرار بود با فتوشاپ آموزش بدم ولی نشد دوستان گفتن html ممنون لطفا سارا خانوم انتقال بده :rose: datasun 14 فروردين 1388, 16:03به نام خدا ، امیدوارم سال خوبی داشته باشید ببخشید نتونستم به قولم عمل کنم و نشد PDF کنم . برین سراغ آموزش خوب خداروشکر یاد گرفتید که چجوری میشه یک بخش بندی با تیبل ها توی فرانت پیج انجام داد خوب توی این جلسه و جلسه بعد تصمیم به آموزش سی اس اس فرانت پیج و ساخت بلاک های قالب رو دارم شما اگر توی هر بخش از اون جدول ها که در جلسه پیش توضیح دادم یک نوشته بنویسید و کاره خودتون رو ببینید میبینید که نوشته هاتون بخش بندی شده توی جدول ها حالا ما میخوایم بدونیم که چجوری فونتمون رو توی همه صفحات 8 کنیم یا اینکه همه جا نوشته هامون سبز رنگ باشه گذاشتن Style دو نوع هست یکی به صورت خروجی که از فایل .css گرفته میشه یکی هم به صورت دستوراتی مابین تگ <style> مثال : یک مثال ما برای اینکه یک مقدار ثابت به یک تگ بدیم باید اون رو بشناسونیم و بهش یک استایل بدیم مثلا تگ <body> که بنده اصلی رو تشکیل میده میتونیم به این صورت در بیاریم <body style="font-size:8pt;"> خوب اگه الان این دستور رو به تگ body بدید تو کل صفحات فونتتون سایز 8 رو داره برای این جلسه کافیه ادامه آموزش برای جلسه بعد :rose: اگه سوالی بود با آی دی من تماس بگیرید :neutral: Cman.Design 14 فروردين 1388, 17:59طراحی قالب با فوتوشاپ تماما به کار با ابزار Slice Tool محدود میشه ( البته برای مبتدی ها ) و اگر شما کمی از Front Page یا Dream Weaver سر در بیارید میتونید یه قالب خیلی شیک طراحی کنید :paint:. برای مثال : توی برنامه ی فوتوشاپ یه کار جدید باز می کنید با اندازه ی 1004 در 572 درست کنید . ( البته کاملا اختیاریه ، خودتون میتونید هر اندازه ای که دوست داشتین طراحی کنید . ) بعد هرچی که دوست داشتین میزارین فقط توجه کنید این قالب یه سایت هست نه یه پوستر یا بنر تبلیغاتی . مثلا این طرح من هست که طراحی کردم براتون همین الان : 28495 فایل PSD ــیش هم اینه () خب این فایلو شما باید یه جورایی جراحیش کنید . و به وسیله ی Slice Tools ( هم گروهی Crop Tools ) . شما اون قسمت هایی که به نظرتون Interactive میان و خب باید تغییراتی روشون اعمال بشه ، لینک بگیره ، ... رو اسلایس میکنید ( چگونگیش خیلی راحته . مثل Rectangular Marquee Tool هست . باید اون قسمتی که می خواین رو در یک Marquee قرار بدین تا بگیم اون تیکه رو اسلایس کردید .) بعد از این اعمال جراحی شما باید فایلتون رو یه جورایی Export کنید . چگونگیش اینجاست : File > Save For Web & Devices .. در این قسمت شما تنظیمات رو چک میکنید . پسوند تصاویر رو عوض میکنید ( Default ـش Gif هست ) . و آخر کار Save رو بزنید ( نکته : اگر بلد نیستید فقط همون Save رو بزنید ) . بعد نام رو وارد میکنید و نوع کار رو Html And Images انتخاب میکنید و هر جایی خواستید ذخیره میکنید . الان کار شما آمادست و اگر با فرانت پیج یکم دستکاری روش انجام بدید به راحتی میتونید بزارید روی وب سایتتون . :cool: :rose:کار تکمیل شده : فایل PSD ، اسلایس شده () فایل های اکسپورت شده ( بدون تغییر ) () فایل های اکسپورت شده ( با تغییرات - به زودی ) ( قرار داده شد ) ()
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 3319]
-
گوناگون
پربازدیدترینها