من میگم اگه میخوندم // واسه خاطر دلت بود//تو میگی طلوع من باش//خیلی زوده واسه بدرود..
من میگم خسته شدم از
شب و دلتنگی و غربت
تو میگی زندگی اینه
درد تو درد محبت..
من میگم اگه میخوندم // واسه خاطر دلت بود//تو میگی طلوع من باش//خیلی زوده واسه بدرود..
من میگم خسته شدم از
شب و دلتنگی و غربت
تو میگی زندگی اینه
درد تو درد محبت..
امروز یکی از دوستان نوت بوک خودش رو آورده بود برام.خلاصه به دلیل اینکه برنامه ای که بهاش کار میکرد ویروسی شده بود…
خوشبختانه بک آپ ار اطلاعات اون برنامه داشت. گفتن که میخام کامل برام از اول پارتشین کنی و اینا…
خب بریم سر اصل مطلب ؛ میخاستم ویندوز جدید نصب کنم سی دی رامش هم خراب بود (اکسترنال داشت).
بعد مجبور شدم به روش زیر ویندوز 7 رو با یو اس بی نصب کنم.
برای این کار شما به یه دیسک ویندوز 7 ، یو اس بی 4 گیگ کافیه (از من 15 گیگ بود)
خب مرحله اول : کلید های ویندوز و R فشار میدیم تا پنچره RUN نمایان بشه ، بعد تایپ کنید CMD واینتر رو بزنید.
مرحله ی دوم : این کلمه رو تایپ کنید ؛ DISKPART
تا بتونیم دیسک های موجود رو ویندوز رو بهشون دسترسی داشته باشیم.
حالا این کلمه رو تایپ کنید تا لیست دیسک های موجود رو ببینیم LIST DISK
برای من دو تا آورد ؛ 0 = 980 GB که هارد من هست و 1 = 15 GB که یو اس بی
خب حالا با این دستور یو اس بی خود را انتحاب می کنیم : SELECT DISK 1
( دقت کنید اینجا عدد 1 برا آدرس یو اس بی در سیستم من ، در سیستم شما میتونه متفاوت باشه)
این پیام رو نشون میده که دیسک شما با موفقیت انتخاب شده ؛ Disk 1 is now the selected disk
خب حالا این دستور رو تایپ کنید : CLEAN
الان دیگه باید یو اس بی رو فرمت بزنیم نوع فرمت هم NTFS باشه خب به ترتیب دستورات رو تایپ کنید؛
دیسک رو انتخاب میکنیم SELECT DISK 1 (توجه عدد 1 شماره ی درایور یو اس بی من هستش)
حال این دستور را تایپ کنید CREATE PARTITION PRIMARY
بعد این دستورات را به ترتیب ؛ SELECT PARTITION 1
ACTIVE
FORMAT FS = NTFS
مدت فرمت شدن بسته به حجم درایو یو اس بی تان زمان میبره ، لطفا منتظر بمانید تا تموم بشه ،
خب حالا این دستور را وارد کنید ؛ ASSIGN
بعد دستور خارج شدن را وارد کنید : EXIT (یو اس ابی رها می شود)
خب حالا این دستور را تایپ کنید ؛ I : CD BOOT ( دقت کنید I نام درایو دیسک ویندوز من در سیستم هستش شما متناسب با نام داریو دیسک تون تایپ کنید) ؛
با این دستور وارد دیسک ویندوز- پوشه ی بوتش میشیم؛ تایپ کنید ؛ CD BOOT
حالا این دستور ؛ :BOOTSECT.EXE /N60 G (دقت کنید G آدرس یو اس بی من هستش )
با این دستور ما از سیستم میخواهیم که در یو اس بی فایل بوت را ایجاد کند (بوتیبل کردن USB) خب بعد تموم شدن این عملیات پنچره ی CMD رو ببندید و به دیسک ویندوز خود برید اونجا همه فایل ها رو کپی کنید و درون یو اس بی خود بریزید. به همین راحتی! بیخیال خش برداشتن و خرابی دیسک ویندوز! والبته سی دی رام! که خودم ندارم!
/* ویندوز های که استفاده می کنیم کرک شده هست (جز لپ تاپ من و دوستان 🙂 ! ) و آنتی ویروس موقع کپی شون به یو اس بی نمیذاره فایل ها کامل کپی بشن قبل از کپی حتمن انتی ویروس رو غیرفعال کنید تا مشکلی پیش نیاد */
این مشکل برا خودم پیش اومد مک آفی رو خاموش کردم.
موفق باشید ، الله همراه تان
بخش دوم ساختار و اصول اولیه نوشتن کد های اچ تی ام ال
نرم افزار مورد نیاز :
شاید فکر میکنید برای برنامه نویسی با اچ تی ام ال یا بطور کلی برای طراحی وب سایت برنامه ی خاصی نیاز دارید.
همچین چیزی اصلا درست نیس!!! درسته که یه سری نرم افزارها هستن که کدنویسی را
راحتر میکنند و یه سری دیگر بصورت ویژوال کار طراحی رو انجام میدن! اما بطور کلی برای کد نویسی وب
شما به یک ویرایشگر متن به سادگی “نوت پد” ویندوز، به برنامه دیگری نیاز ندارید! و یا حداکثر برنامه های
نوت پد پلاس پلاس و ساب لایم تکست را در پیوست آموزش دانلود و نصب نمایید.در طول آموزش از این برنامه ها استفاده می شود.
اصول نوشتن کدهای html
اچ تی ام ال از شناسه ها یا همان تگ ها ساخته شده هست. خب این تگ ها چی هستند و به چه صورتی نوشته می شوند.
هر تگ اچ تی ام ال با علامت کوچکتر ریاضی > باز می شود و با علامت بزرگتری < به پایان می رسد. <تگ>
خب وارد نوشتن کد بشیم
مثال را با معرفی یک تگ پرکاربرد در اچ تی ام ال شروع میکنیم <b> مخفف کلمه bold
این تگ باعث ضخیم شدن متن میشود که برای نوشتن این تگ نوشتن تنها <b> کافی نیست باید
این تگ بسته بشه به این صورت<b/> به مثال دقت کنید :
<b>آموزش برنامه نویسی وب ، یک برنامه نویس وب</b>
خروجی : آموزش برنامه نویسی وب ، یک برنامه نویس وب
حال یک نمونه اشتباه رو باهم ببنیم
<b>آموزش برنامه نویسی وب ، یک برنامه نویس وب
ساختار اچ تی ام ال از هزاران تگ تشکیل شده هست ، برای اینکه این تگ ها بدرستی در کنار هم قرار بگیرند شما باید همیشه
بیاد داشته باشید که : ” هر تگی که باز کردید رو ببندید و هر تگی که زودتر باز شود دیرتر بسته می شود.
به این مثال دقت کنید تا به معنای جمله بالا بیشتر پی ببرید.
</u></b> آموزش برنامه نویسی وب ، یک برنامه نویس وب<b><u>
در اچ تی ام ال تگ های استثنایی هم هستند که نیاز به بسته شدن ندارند. در این بخش فقط یک مثال میزنیم
و توضیحات را در بخش بعدی مطرح میکنم .
</br> مخفف کلمه ی break که این تگ باعث میشه به خط بعدی برید. (همون نقطه از سر خط دبستان)! به مثال دقت کنید:
<b/> آموزش برنامه نویسی وب <br> یک برنامه نویس وب <b>
خروجی : یک برنامه نویس (خط شکسته شد و ادامه متن به خط بعدی رفت)
آموزش برنامه نویس وب
| Element | |||||
|---|---|---|---|---|---|
| <br> | Yes | Yes | Yes | Yes | Yes |
ساختار کلی اچ تی ام ال
<!doctype html> <html lang="bal"> <head> <meta charset="utf-8"> <title> آموزش برنامه نویسی وب </title> </head> <body> بدنه اصلی اچ تی ام ال که هر چی بین این باشه تو مرور گر نشون داده میشه! </body> </html>
<doctype html!> این خط به مرورگر و یا هر ابزار دیگری اعلام میکند که صفحه موجود از چه نوع استانداردی استفاده می کند.
در خود فایل اچ تی ام ال بدین معناست که از کدام نسخه از استاندارد اچ تی ام ال استفاده شده است. اینم بگم که در نسخه های قبلی عبارت طولانی داشت که شما می توانید از این لینک نمونه های آن رو مشاهد کنید.
برچسب html که در مثال بالا خصیصه lang را با مقدار bal اضافه کردیم ، مشخص کردیم که متن این سند حاوی زبان بلوچی است. (بودن خصیصه lang اجباری نیس و بودن و نبودن آن تاثیری در کارایی و معتبر بودن فایل اچ تی ام ال مان ندارد)
برچسب head این قسمت از اچ تی ام ال در خروجی اصلی مرورگر نشون داده نمیشه و تگ متا در این قسمت قرار میگیرند که در بخش های بعد توضیح می دهم.
اولین خط داخل این پرچسب مشخص کننده شیوه رمز گذاری حروف سند هست (اطلاعات بیشتر). که ما همیشه از utf-8 در فایل خودمان استفاده میکنیم.
Title (تیتر صفحه ) برای معرفی عنوان صفحه فایل خودمون استفاده میکنیم و در قسمت بالای مرورگر نمایش داده می شود.
برچسب body بدنه ی اصلی سند اچ تی ام ال که هر چه میخواهیم در مرورگر ببینم باید در این قسمت قرار بدیم.
ما تا آخر آموزشمون از این ساختار استفاده می کنیم.
خب الان دیگه آماده اید اولین صفحه html خودمان را بنویسیم.
1 : نوت پد را باز کنید عکس
2 : کدهای قسمت بالا را در نوت پد بنویسید
3 : فایل خود را به این صورت ذخیره کنید. نوع فایل باید html باشد. عکس
4 : حال فایل خود را با مرورگر تون اجرا کنید .
” لطفا از مرورگر اکسپلورر استفاده نکنید ” .
تبریک می گم شما اولین صفحه ای اچ تی ام ال خودتان را درست کردید.
امیدوارم تونسته باشم قابل فهم براتون نوشته باشم.![]()
لطفا در قسمت نظرات ، دیدگاه و سوالات خود را بنویسید. موفق باشید . تا بخش بعدی خدا همراتون ![]()
پیوست یک : NotePad++
پیوست دو : Sublime Text
زبان HTML (اچ تی ام ال) اولین ، ساده ترین ، پرکاربردترین و مهم ترین زبان برای طراحی وب هست.
HTML یکی از محدود زبان هایی هست که مرورگرها قابلیت خواندن و معنی کردن آن رو به صورت مستقیم دارند.و کاربرد بیشتر زبان های مانند php و … هم در واقع برای مدیریت بهتر بر روی HTML است ، در واقع از همین نکته هم می شود از اهمیت این زبان با خبر شد
طراحی وب استاتیک و دینامیک
اگر شما از نرم افزار مدیریت محتوا برای مدیریت وب سایت خودتون استفاده کنید وب سایت شما دینامیک است و اگر فقط با نوشتن کد وب سایت خودتون رو به روز رسانی کنید و سایت شما دارای هیچ سیستم مدیریت محتوایی نباشد وب سایت و یا بلاگ شما استاتیک نام خواهد گرفت.
دیالوگ برتر – سویینی تاد (جانی دپ): دو نوع از انسان وجود داره…
و فقط دو نوع ~ اونی که منتظر می مونه تا توی جای درستش قرار بگیره
و اونی که با پاهاش روی صورت دیگران میره !
Sweeney Todd-2007
برنامه ای بنویسید که یک فایل متنی را بخواند و محتویات آن را در لیست باکس نشان دهد.
با شرط اینکه هر جا در متن “فاصله ” داشت ادامه را در سطر بعدی چاپ کند.
بدین صورت : این یک متن آزمایشی می باشد برای فهم نمونه های به کار رفته در نوشته ها.
نتیجه :
این
یک
متن
آزمایشی
می
باشد
و…