پاورپوینت کامل آموزش طراحی وب با HTML 34 اسلاید در PowerPoint

توجه : این فایل به صورت فایل power point (پاور پوینت) ارائه میگردد

 پاورپوینت کامل آموزش طراحی وب با HTML 34 اسلاید در PowerPoint دارای ۳۴ اسلاید می باشد و دارای تنظیمات کامل در PowerPoint می باشد و آماده ارائه یا چاپ است

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

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

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

بخشی از مطالب داخلی اسلاید ها

پاورپوینت کامل آموزش طراحی وب با HTML 34 اسلاید در PowerPoint

اسلاید ۴: امروز بخش جدیدی را برای شما عزیزان در نظر گرفته ایم. این بخش شامل آموزش مرحله به مرحله طراحی وب سایت می باشد که سعی می شود مقاله ای در این زمینه به شما عزیزان ارائه کنیم. در اولین قسمت از این سری آموزشها با ما باشیدمقدمه:چه کسانی باید این مطالب را بخوانند؟این مطالب برای کسانی مفید است که از طراحی سایت اطلاعی ندارند و می خواهند تازه به جمع طراحان سایت ملحق شوند پس مسلما از ساده ترین نکات آغاز می شود 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 با عرض ۹۰pxدر نظر گرفته ایم تا هم از بالا و هم از سمت چپ پنجره مرورگرمان به میزان px200 فاصله ایجاد کرده ایم.

اسلاید ۱۲: مفهوم تگ های HTML : تگ های HTML برای