• اطلاعیه ها

    • Masih

      برخوردی شدید با تاپیک های تبلیغاتی   شنبه, 12 آبان 1397

      درود، از این لحظه به بعد، تمامی تاپیک های تبلیغاتی سبک رپرتاژ که با هدف جمع آوری بک لینک در انجمن های بیست اسکریپت ایجاد می شوند، حذف شده و دسترسی کاربر خاطی نیز مسدود خواهد شد.
plus

ویژه
آموزش اسکریپت نویسی (اختصاصی)

4 ارسال در این موضوع قرار دارد

با سلام به دوستان گلم ...

نتیجه نظرسنجی رو دیدم .

خوشحالم که حمایت کردید برای شروع این دوره ، و خوشحالم که قراره همون دوتا چیز کمی هم که بلدم بین دوستانم نشر بدم.

منم طبق قولی که دادم دوره رو شروع می کنم.

 

----

حتما بخوانید ( یک توضیح کوچک درباره آموزش ها )

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

خب زیاد حرف زدم بریم سراغ آموزش

 

------------------------------------------------

 

قسمت 1 : درباره اسکریپت و ساخت صفحه نخست

 

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

 

خب در جلسه اول درباره صفحه نخست اسکریپت صحبت می کنیم و کمی روی این صفحه کار می کنیم .

 

در ابتدا برای راحتی کار و نوشتن کد برنامه های زیر را دانلود کنید . (اختیاری میباشد/به کار شما سرعت میبخشد)

 

لطفا برای مشاهده link وارد سایت شوید و یا ثبت نام کنید.

لطفا برای مشاهده link وارد سایت شوید و یا ثبت نام کنید.

 

 

 

خب بعد از دانلود نرم افزار های زیر و نصب آن ها کار رو شروع می کنیم .

 

 

notepad کامپیوتر را باز می کنیم و کد های اصلی یک صفحه html را می نویسیم که کد های زیر هستند . نام صفحه مورد نظر را به صفحه نخست تغییر می دهیم .

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

<head><title>صفحه نخست</title></head><body></body></html>

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

 

اکنون کد زیر را دربین تگ <head> قرار می دهیم تا صفحه ما با زبان فارسی نیز درست کار کند.

 

 

 

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

 

 

 

خب حالا سعی می کنیم طرحی که برای صفحه اول در نظر داریم را روی کاغذ پیاده کنیم . تا از همون ابتدا بدونیم که می خوایم صفحه مورد نظرمون چطور باشه .

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

 

 

 

طرح صفحه نخست :

 

لطفا برای مشاهده link وارد سایت شوید و یا ثبت نام کنید.

 

 

 

خب میریم سراغ ساخت صفحه ای که طرحشو کشیدیم.

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

 

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

در تگ body تگ center را قرار می دهیم .

 

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

 

 

 

حالا با استفاده از تگ div یک قسمت با عرض 700 پیکسل و ارتفاع 400 پیکسل می سازیم . و فاصله را از بالای صفحه 50 پیکسل در نظر می گیریم. این div اصلی می باشد .

 

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

 

حالا درون این div اصلی بخش هدر رو به وسیله یک div دیگر اضافه می کنیم.

خاصیت های div هدر : عرض : 700px ، ارتفاع : 100px ، بگراند : نارنجی

 

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

 

اکنون با دو div دیگر باید بخش ورود و توضیحات را اضافه کنیم . در اینجا خاصیت float مشخص می کند که div کجا قرار گیرد .

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

 

 

 

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

با یک div دیگر فوتر را درست می کنیم . توجه داشته باشید که این div بیرون از div اصلی باشد. یعنی قبل از </body>

 

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

 

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

 

لطفا برای مشاهده link وارد سایت شوید و یا ثبت نام کنید.

 

 

 

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

 

00ab-t187213.png

 

 

 

در آموزش های بعدی روی html زیاد مانور نمیدیم . و سعی می کنیم بیشتر رو کد های php کار کنیم .

 

 

با تشکر کردن از این دوره حمایت کنید تا آموزش های بعدی رو زودتر قرار بدیم روی انجمن

 

پسند شده توسط 4 کاربر

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

خسته نباشی بی زحمت کدهارو جپ چین کن و اگر تصاویر رو وسط چین کنی محیطش بهتر میشه

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

واقعا ممنونم دمت گرم moa

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

ای

ده تون واقعا عالیه،

اما در کدها شما تمامی کد های قدیمی و قابل بهبود رو جای دادید!

به جای کد:

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

از کد زیر استفاده کنید که در HTML5 استفاده میشه:

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

البته کدی که شما هم برای کارست دادید درست هست اما با نوع پرونده شما ( که به عنوان 5 اطلاع رسانی کردید ) تناقض داره.

بهتر است به تگ html، خاصیت lang اضافه شود:

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

همچنین بهتر است برای تبدیل صفحه به حالت واکنش گرا کد زیر را به عنوان فرزند head اضافه کنید:

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

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

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

بهتر است به جای تگ منقضی شده center در html4، از css استفاده کنید:

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

و در فایل style.css اسجاد شده در مجاورت index.php:

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

همچنین کد های css درون خطی، بر سئو تاثیر منفی دارند و بهتر است خارجی سازی شوند/

استفاده از تگ های header و footer و ... به جای آی دی دهی به div ها فراموش نشود.

موفق باشید

پسند شده توسط 1 کاربر

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • چه کسانی در حال بازدید هستند؟   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.