پرسش و پاسخ – نحوه ایجاد فایل HTML

نرم افزار برای طراحی صفحات وب و بطور کلی برای نوشتن دستورات HTML و یا حتی دیگر زبان ها مثله (..,CSS,PHP) نرم افزارهای بسیار زیادی امروزه وجود دارند.
نرم افزارهایی همچون :
Adobe Dreamweaver
Microsoft Expression Web
++NotePad
و…
یا ساده ترین آنها نرم افزار NotePad موجود در ویندوز می باشد، ولی اگه تمایلی به استفاده از نوت پد ویندوز نداشتید پیشنهاد میکنم از ++NotePad استفاده نمایید چون هم حرفه ای هست و هم سبک و کم حجم

برای اینکه تست کنید و عملا خودتون ببینید چه اتفاقی می افته، یکبار در هنگام ذخیره دستورات در قسمت Encoding گزینه UTF-8 را انتخاب نکنید و فقط ذخیره کنید.
بعدش فایل تون رو در مرورگر باز کنید، به احتمال خیلی زیاد (۹۹٫۹۹درصد) اگه از دستورات فارسی در فایل تون نوشته باشید اون دستورات در مرورگر بصورت عجیب غریب یا بصورت حروف ناخوانا نمایش داده می شود..
پس برای اینکه اگر از متن فارسی استفاده کردیم و این متن در مرورگرها بصورت صحیح نمایش داده شود باید در قسمت Encoding گزینه UTF-8 را انتخاب نماییم.

مشکل استفاده نکردن از متای کاراکترها می باشد. برای حل این مشکل باید از دستور زیر در بین تگ Head صفحه تون استفاده نمایید.

برای مشاهده مثال عملی لطفا اینجا کلیک نمایید.

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

• Microsoft Expression Web
• Brackets
• Adobe Dreamweaver
• ++Notepad
• Sublime Text

باسلام و عرض ادب
امیدوارم که حالتون خوب باشه
این قاعده که شما میگید، بهش میگیم سیستم یا تاکتیک گرید بندی (Grid)
هدف اصلی استفاده از این تاکتیک برای قابل انعطاف کردن قالب سایت هست
خب یعنی چه ؟ قابل انعطاف بودن یک سایت
یعنی اینکه اون سایت یا قالب بتونه در اندازه های مختلف صفحه نمایش خودشو وفق بده و بهترین حالت نمایش رو داشته باشه.
خب حالا همین وفق دادنه میشه قابلیت واکنش گرایی یا ریسپانسیو بودن یک سایت.
پس بطور کلی ما از گرید بندی استفاده میکنیم تا قالبی واکنش گرا داشته باشیم به همین راحتی.
باز فقط ۱۲ ستون نیست، یعنی بسته به اون طراح میتونه از ۱۶ ستون یا ۲۴ و یا بیشتر و کمتر استفاده کنه.
الان در حال حاضر فریم ورک بوت استرپ از همین گرید بندی داره استفاده میکنه.(مشاهده سیستم گرید بندی بوت استرپ)
باتشکر

باسلام و عرض ادب خدمت شما دوست عزیز و محترمم
خیلی خوشحالم که میتونم در خدمت شما باشم
به احتمال خیلی زیاد و حدس میزنم مشکل شما بخاطره اینه که پسوند فایل رو مشخص نمیکنید یا به اشتباه مشخص میکند، یعنی اونجایی که میخواید فایل رو ذخیره کنید باید نام فایل رو که نوشتید یک ( . ) نقطه بزارید و بعدش html رو بنویسید.
لطفا این ویدئوی کوتاه رو مشاهده نمایید ( برای مشاهده ویدئو کلیک نمایید )
باتشکر از شما دوست عزیز

با سلام و عرض ادب خدمت شما دوست محترم
امیدوارم که حالتون خوب باشه
آموزش کامل ریسپانسیو یا واکنش گرایی رو از اینجا دنبال نمایید.
حال برای اینکه فعلا کار شما راه بیوفته، بطور کلی و خلاصه مواردی رو خدمتتون ارائه میدم که میتونه کمکتون کنه، همچنین در آخر یه مثال آنلاین هست که میتونید مشاهده نمایید.
—————–
قدم اول برای واکنش گرایی صفحه باید از تکه کد زیر در قسمت HEAD صفحه وبتون استفاده نمایید

—————–
قدم دوم استفاده از ویژگی box-sizing هست، برای اینکه اندازه عرض و ارتفاع عناصر از اندازه های Padding و border خودشون تفکیک بشن. ( اطلاعات بیشتر در این مورد )

—————–
قدم سوم برای واکنش گرایی تصاویر

—————–
قدم چهارم استفاده از دستور media@ برای اینکه مشخص کنیم مثلا اگه صفحه اندازش کمتر از ۵۶۰ پیکسل شد تو فلان عنصر را به اینصورت نمایش بده

حال برای مشاهده مثال آنلاین لطفا اینجا کلیک کنید. ( برای مشاهده عملکرد لطفا صفحه مثال را تغییر اندازه دهید )

باسلام و عرض ادب
اگه منظورتون اینه پس از ذخیره فایل و اجرا کردنش، تو مرورگر بجای اجرا شدن دستورات خوده سورس کد رو نشون میده، خب این یعنی مشکل در نحوه ذخیره شدن فایل هست.
باید حتما و حتما فایلت پسوندش ( یا فرمتش ) بطور دقیق مشخص شده باشه، مثلا test.html
بعد اجرا میکنی و هیچ مشکلی هم نخواهد داشت
باتشکر