صفحه محصول - پاورپوینت آموزش طراحی سایت با HTML

پاورپوینت آموزش طراحی سایت با HTML (pptx) 29 اسلاید

دسته بندی : پاورپوینت

نوع فایل : PowerPoint (.pptx) ( قابل ویرایش و آماده پرینت )

تعداد اسلاید: 29 اسلاید

قسمتی از متن PowerPoint (.pptx) :

آموزش طراحی سایت با HTML فهرست مطالب: 1-مقدمه 2-معرفي زبان HTML 3-چگونگي ابتدايي كار با HTML 4-ابزار هاي اوليه در ويندوز 5-موقعيت دهي مطلق 6- تگ های HTML 7-فيلم آموزشي HTML 8-نتيجه گيري امروز  بخش جدیدی  را برای شما عزیزان در نظر گرفته ایم. این بخش شامل آموزش  مرحله به مرحله طراحی وب سایت می باشد که سعی می شود مقاله ای در این زمینه به شما عزیزان ارائه کنیم. در اولین قسمت از این سری آموزشها با ما باشید مقدمه: چه کسانی باید این مطالب را بخوانند؟ این مطالب برای کسانی مفید است که از طراحی سايت اطلاعي ندارند و می خواهند تازه به جمع طراحان سایت م لحق شوند پس مسلما از ساده ترین نکات آغاز می شود HTML  راه را برای ساخت یک وب سایت استاندارد به شما نشان می دهد. ذکر در هر مقاله حداکثر یک فصل از موضوع را آموزش د هیم و مسلما با بازخوردی که از خوانندگان خواهم گرفت کیفیت کار و هم چنین وسعت کار را افزایش خواهم داد معرفی زبان HTML : عبارت HTML مخفف (Hyper Text Markup Language) است . Html زبان استاندارد طراحی صفحات وب است و کليه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهايت به کدهای HTML تبديل شده و توسط مرورگر نمايش داده می شوند. HTML یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود در يک صحفه HTML می توان انواع عناصر از قبيل متن ، تيتر ، عکس ، جدول و ... را قرار داد ، که برای هر عنصر بايد از تگ مربوط به آن استفاده کرد . صفحات HTML فقط از کد ها که به صورت متن هستند تشکيل شده اند چگونگي ابتدايي كار با html این قسمت در واقع آماده کردن کامپیوتر برای کار، قبل از زدن اولین طرح شماست . قبل از این که وب سایت خودتان را بسازید، می بایست کامپیوتر خود را برای کار آماده نمایید که شامل برنامه هایی است که یا در سیستم شما موجود می باشد و یا این که می بایست آن ها را نصب نمایید . برنامه های زیادی در بازار موجود می باشد ولی در ابتدا از برنامه های رایگان و قابل دسترس استفاده می کنیم . وسایل و برنامه های اصلی که شما نیاز دارید : الف) وسیلۀ ابتدایی برای ویرایش فایل های متنی که در واقع صفحه وب شما را شامل میشود ب)یک مرورگر (web browser) برای دیدن صفحات وب در آن ج)فرستادن صفحه وب سایت به محیط اینترنت با استفاده از ftp client چون اکثر کاربران ما درایران از ویندوز استفاده می کنند پس ابزارهای موجود در ویندوز را بررسی خواهیم کرد ابزارهای اولیه در ویندوز : الف edit- کردن متن : برای edit کردن متن در ویندوز می توانید از Notepad استفاده نمایید. این متن، همان صفحۀ وب است . برای دسترسی به این برنامه در محیط ویندوز مسیر زیر را طی کنید : Start > All Programs > Accessories > Notepad ب - دیدن خروجی فایل : برای دیدن کار خروجی می بایست از مرورگر و یا browser استفاده کنیم. مرورگرهای متفاوتی وجود دارد که بحث آنها بسیار مفصل است ولی در محیط ویندوز مرورگر Internet Explorer در دسترس است . شما می توانید آن را در دسکتاپ خود و یا Quick Launch ویا فولدر برنامه ها و یا در منوی start پیدا کنید . ج - برای فرستادن صفحه به محیط وب از دستور ftp استفاده خواهیم کرد که در ادامه به آن اشاره میکنم . ابزارهای دیگر : برای edit کردن صفحات خود می توانید از برنامه NoteTab استفاده کرد .مزیت استفاده از آن اینست که می توانید تب های مختلفی را برای صفحات مختلف باز کنید و بعد از بستن هم در حافظه ش می ماند و برای دفعه بعد هم باز می ماند . همچنین مرورگرهای گوناگونی وجود دارد که استفاده از آن ها را در کنار Internet Explorer توصیه می کنم. اما   در اینجا از یکی از بهترین آنها را نام می برم : firefox   مرحله آخر - درست کردن مکانی است برای فایل های ساخته شده : بعد از ساختن فایل های خود مدیریت آنها بسیار مهم است و این که در کجا فایل اصلی و در کجا تصاویر قرار گیرد و به همین ترتیب تمام عناصر وب سایت . شما باید یک فولدر بسازید و تمام عناصر وب سایت خود را در آن قرار دهید. فرض کنید در دسکتاپ خود می خواهید یک وب سایت بسازید . Right click > new > folder سپس نام وب سایت را انتخاب نمایید .حالا یک فولدر دارید که فایل اصلی به همراه تصاویر و css ,html ,..... را داخل آن قرار می دهید . ابتدا برنامه را به صورت زير در ند پت مي نويسيم و بعد مراحل ذخيره سازي آن به صورت زير است   مسیر فلدر قبل را بدهید تا در آنجا ذخیره شود . نام فایل را انتخاب نمایید البته با پسوند html مانند my-first-webpage.html از منوی كشویی save as type گزینه all files  را انتخاب نمایید از منوی كشویی Encoding گزینه UTF-8 را انتخاب نمایید . و حالا دكمه save را بزنید . حالا در فلدر مورد نظر فایلتان را با مرورگر باز نمایید . تبریك شما اولین صفحه وب خودتان را ساختید !   موقعیت دهی مطلق ( absolute) : شاید به جرات بتوان گفت که راحت ترین روش برای موقعیت دهی به عناصر استفاده از موقعیت دهی مطلق برای عناصر است. در هنگام استفاده از موقعیت دهی مطلق می بایست موقعیت آن عنصر را از بالا و چپ صفحه نیز معین کنیم. تصور کنید از یک مغازه جواهر فروشی می خواهید خرید کنید و آدرس یک قطعه طلا را می خواهید به شخص فروشنده بدهید، می گویید " می توانم آن ساعتی را که در ستون پنجم است و از بالا در ردیف سوم قرار دارد را ببینم؟ " استفاده کردن از موقعیت دهی مطلق به سادگی انجام می شود تنها کافیست که جهت های مد نظر خود را (موقعیت آن عنصر از بالا و چپ) در کنار موقعیت مطلق داده شده به عنصر در فایل html آن اضافه نمایید. در مثال زیر، ما موقعیت های top و left را برای یک div با عرض 90 px در نظر گرفته ایم تا هم از بالا و هم از سمت چپ پنجره مرورگرمان به میزان px200 فاصله ایجاد کرده ایم .