مفاهیم
کلی اینترنت سایت8 / 10 از 10 کاربر در حدود دهه ی 90 قرن بیستم میلادی باتوجه به بسط اندازه به کارگیری از ابزار دیجیتالی و پوشه های دیجیتالی مفهومی به اسم html به وجود آمد، که در مطلب html چه می باشد می توانید به طور بی نقص با این معنی آشنا گردید . در تعریف کلی این فایل ها، انواعی بودند که شامل نیز نوشته هم تصویر و هم صوت و . . . می شدند .
امروزه این مدل فولدر ها بسط یافتند و مفهومی به نام وب سایت و اینترنت تارنما به وجود آمده می باشد .
وب سایت ها شامل انواع فایل ها بر روی شبکه جهانی اینترنت می باشند، که ابراز قابل قبولی برای ارتباط با سایر کاربران به روشی سرعت بالا و لحظه ایی و همچنین اشتراک فولدر ها و مطالب، با آنها می باشد .
در دنیای روز جاری که عصر ارتباطات نامیده میشود، وب تارنما ها مهم ترین رسانه بعد از تلوزیون می باشند که با پیشرفت سرعت بالا شرکت های پباده سازی سایت ، چه بسا وب تارنما ها در سالیان اخیر برای بخش اعظمی از مردمان جهان تبدیل به رسانه نخستین گردیده اند .
وب تارنما ها را ما می توانیم تا به روز جاری به سه نسل گونه بندی کنیم؛ اما این نسل ها با توجه به سرعت پیشرفت دانش در این قضیه می تواند در آینده خیلی بیشتر شود .
این
سه نسل را با نیز مطالعه می نماییم:
1-
نسل اول:
نسل اول اینترنت وبسایت ها وقتی بود که صرفا یوزرها می توانستند اطلاعات اینترنت وبسایت ها را مشاهده کنند و قابلیت تغییرات و ایجاد محتوا در آن ها را نداشتند، داده ها تنها توسط مدیران اینترنت وبسایت بر روی آن قرار می گرفت . اصطلاحا این وب تارنما ها یک طرفه بودند . امروزه هنوز این نسل از اینترنت تارنما ها با دقت به این که موج سوم و نسل هوشمند وب تارنما ها در دنیا عرضه گردیده اند، در دربین کمپانی هایی با ساختار سابق اشاعه دارند .
2-
نسل دوم:
نسل دوم وب وبسایت ها از هنگامی ایجاد شد که نیاز به این قضیه که در محتوای سایت باید یوزرها نقش داشته باشند، و تغییراتی ایجاد و مطالبی را به تصویب برسانند؛ این نسل از وب وبسایت ها را وب سایت های مشارکتی هم می گویند . زیرا در ویرایش و نگارش محتوا هم مدیران و هم کاربران دخالت دارند . در این نسل فناوری های نیکی برای صفحه ها وب سایتطراحی شد . از این مثال فناوری آجاکس ( Ajax) که فناوری برای بهبود در بالا داخل شدن ورقه و آپلود آن فارغ از بار گذاری کل صفحه بود؛ این نسل نسل همگانی اکثرا سایت هایی که ما با آنها سرکار داریم و از آنها استعمال کرده ایم می باشند .
3-
نسل سوم:
نسل سوم که در سال های اخیر مهندسین فناوری اطلاعات برای طراحی سایت خود به سمت آن رفته اند، ایجاد وب سایت های هوشمند هست که بتوانند مخاطب خود را بشناسند و با آنها رابطه برقرار کند . اینترنت سایت های توصیف شده در این نسل بایستی بتواند با دقت به صلیقه و علایق کاربر مطالب و محتوا را در اختیار آنها قرار بدهد و مطابق صلیقه کابر تغییر و تحول نماید .
ولی به کارگیری از این وب وب سایت ها هنوز همه گیر نشده و تعدادی یه خرده از این وب وبسایت ها در جهان می توانیم مشاهده کنیم . در برنامه نویسی این اینترنت تارنما ها از تکنولوژی هوش مصنوعی استفاده شده است و می توانایی اذعان کرد ابتکار عمل این تکنولوژی باعث به وجود آمدن این ایده در طراحی سایت گردیده میباشد .
مزایای
وب وبسایت ها:
همان گونه که در خصوصیت های اینترنت سایت اشاره کردیم وب تارنما ها امکان ها و مزایای فراوان برای ما تولید کرده اند، همینطور بسیاری از محدودیت ها را برای شغل های رسانه ایی از بین برده اند .
فصل
اولیه (معرفی کامل HTML4)
جلسه
اولیه ( HTML چیست؟ )
مقدمه
صفحات اینترنتی شامل اطلاعاتی هست که دربردارنده متن ، تصویر ، ویدیو ، صوت و… می باشد . این محتوا بوسیله سه لایه به استفاده کننده نمایش داده می شود .
سه
لایه به شرح زیر می باشد :
– لایه محتوا (Content ، به وسیله HTML ایجاد می شود .)
– لایه نمایش (Presentation ، به وسیله Css ساخت می شود .)
– لایه خلق (Behavior ، به وسیله JavaScript ایجاد می شود .)
لایه
محتوا
این لایه مدام وجود دارااست ، دربردارنده محتوایی می باشد که خالق قصد دارااست آن را به کاربر نمایش دهد . این محتوا بصورت کدهای اچ تی ام ال مابین دو تگ قرار می گیرد .
لایه
نمایش
وظیفه این لایه تبدیل کدهای اچ تی ام ال به تصاویر و متونی میباشد که استفاده کننده بتواند بصورت شکیل آن را مشاهده کند ؛ کدهای اچ تی ام ال به وسیله گونه های مرورگرها ترجمه می شوند و به تصاویر و متونی تبدیل می شود که به وضوح برای کاربران قابل سناریو می باشد .
لایه رفتار
در این لایه برخی از رفتارهایی که به وسیله جاوااسکریپت کدنویسی شده است نمایش داده می شود . به تیتر مثال : اسلایدر جهت نمایش بنرهای تبلیغاتی در ورقه وب . کدهای جاوا اسکریپت فی مابین دو تگ قرار می گیرد .
HTML
چیست؟
عبارت HTML مخفف Hyper Text Markup Language به مفهوم زبان علامت گذاری فوق نوشته میباشد . اچ تی ام ال لهجه استاندارد پباده سازی صفحات وب هست . آن چیزی که شما هنگام بازدید از یک کاغذ اینترنت می بینید، فیض تعبیروتفسیر مرورگر شما از کد های html است . برای دیدن کدهای یک صفحه به سادگی می توانید بروی view از منوی بالای مرورگر کلیک کنید، و آیتم source را گزینش فرمایید .
عموما همگی زبانهای برنامه نویسی ذیل وب، به نوعی وابسته به اچ تی ام ال می باشند . بعنوان مثال،PHP، جاوا اسکریپت و برنامه نویسی دات نت ، علاوه بر داشتن قانون ها و استانداردهای خود، از HTML امداد می گیرند بطوریکه کدهای متن شده در قالب خاصی، در فی مابین کدهای اچ تی ام ال قرار داده می شود .
در یک کاغذ HTML می بضاعت از گونه های موادتشکیل دهنده از قبیل نوشته ، تیتر ، عکس ، جدول و … استفاده نمود ، که برای هر عنصر بایستی از تگ <> … مربوط به آن استعمال کرد .
به عنوان نمونه : برای نمایش عنوان دارای اهمیت یک نوشته از تگ
……
استعمال می نماییم .
به چه شکل
یک کاغذ HTML ساخت کنیم؟
یک سند اچ‌تی‌ام‌ال، یک پرونده ی مبتنی بر متن (Text–based) می باشد که معمولاً با پسوند .htm یا این که .html نام‌گذاری گردیده و محتویات آن از برچسب‌های اچ‌تی‌ام‌ال تشکیل می گردد . مرورگرهای وب، که توانمند به فهم و تعبیروتفسیر برچسب‌های اچ‌تی‌ام‌ال هستند، تک‌تک آنها را از درون گواهی اچ‌تی‌ام‌ال خوانده و بعد از آن محتوای آن صفحه را برای استفاده کننده نمایان‌سازی (Render) میکنند .
جهت
تالیف کدهای اچ تی ام ال شما می توانید از HTML editor software های مختلف به کار گیری نمایید به تیتر نمونه : NotePad , NotePad++ , Adobe Dreamweaver , Microsoft Expression Web , CoffeeCup HTML Editor , ، Nuspher PhpED و … .
ما در این مقاله از Notepad++ استفاده می نماییم . پس از نصب نرم افزار آن را باز کرده از منوی Encoding مورد Convert to UTF_8 را (جهت سناریو صحیح کاراکترهای فارسی) گزینش فرمایید ، آن‌گاه به منوی Language رفته و آیتم H و بعد HTML را گزینش نمایید ، تا پیکربندی ذی‌ربط فیس پذیرد .
تعدادی سال پیش که نو دنیای وب رو به بسط بود، هنوز اشکال و اقسام گجت ها از قبیل لپ‌تاپ، گوشیهای هوشمند، تبلت و آیفون در دسترس کاربرها نبود و سایت ها تنها یک نشانی (URL) داشتند . ولی بعد از اینکه این ابزارها به طور همگانی در دسترس افراد قرار گرفت هر سایتی بدون چاره بود برای اینکه اطلاعات خود را هم در سیستم کامپیوتر و نیز در گونه های و اقسام تلفن همراه ها در اختیار قرار بدهد 2 یا یک سری آدرس با امکان نمایش در ابزارهای متعدد تولید نماید . در واقع آن ها می بایست یک وبسایت برای دسکتاپ و یک ورژن به طور کامل گوناگون دیگر برای دستگاه‌های دیگر می‌ساختند . این کار دوچندان هزینه‌بر بود و سبب ساز می شد سایت در موتورهای کاوش رتبۀ پایینتری بگیرد و به حیث (Seo) افت کند . به مجبور باید هنگام به کار گیری از وب سایت در گوشیهای موبایل دائم به چپ و راست اسکرول می‌شد و این فرمان به هیچ وجه کاربرپسند فقدان و دوچندان خسته کننده بود . تارنما های ریسپانسیو ( responsive Design ) یا این که واکنش گرا این نقص را حل کرده هست .
پباده سازی
وب سایت واکنش‌گرا یا ریسپانسیو
وب سایت
ریسپانسیو (واکنش‌گرا) چیست؟ وب سایت های ریسپانسیو این قابلیت و امکان را دارا هستند که با گونه های پلتفرم ها هماهنگ شوند و دیگر نیازی به اسکرول افقی و Zoom out و Zoom in نمی باشد . با این راه وب سایت به طور کامل انعطاف پذیر و با انواع سیستم‌ها هماهنگ می شود . همینطور دیگر نیازی به ایجاد نشانی نو یا کد Html متمایز وجود ندارد و به این ترتیب بهینه سازی وب سایت در موتورهای کاوش به ویژه در گوگل به شایسته ترین صورت انجام میشود و کاربرهای بیشتری را جذب می کند . این‌گونه شما مشتری‌های وب‌سایتتان را که از گوشی های همراه یا تبلت استعمال میکنند خواهید داشت و تارنما شما با همۀ دستگاه ها تهیه و تنظیم می شود .
برای
چه باید یک سایت ریسپانسیو داشته باشیم؟ در دنیای امروز که برخلاف قبل نیمی از کسب و کارها به شکل مجازی انجام می‌گیرد، تبلیغات سایت‌ها و اکثر کردن بازدیدکنندگانشان از اهمیت بالایی برخوردار است و روز به روز بها سایت‌هایی با کاربرهای بالا و بهینه‌سازی‌های سئو عمده می شود . به کار گیری از گوشی و تبلت سرعت کارهای اینترنتی و این‌گونه کسب‌و‌کارها را بالا برده میباشد . شرکت‌ها برای بخش اعظم کردن سرعت خود در این عرصه، صرفه‌جویی در برهه زمانی و کسب رضایت مخاطبان در رقابتی تنگاتنگ قرار گرفته‌اند . اینجاست که اهمیت سایت‌های ریسپانسیو (Responsive Design) مشخص و معلوم میگردد . وب سایت ریسپانسیو به استدلال اینکه به سادگی از روش هر دسته دستگاه در اختیار استفاده کننده قرار می‌گیرد و مخاطبش را خسته نمی‌کند با استقبال زیادی مواجه می شود . این‌گونه وب سایت ها در موتور جست و جوی گوگل ( Google ) بیشترین و کمترین دما رنک‌ها را در اختیار می‌گیرند و هر روز بازدیدکنندگانشان بیشتر میشود بدین ترتیب درصورتی که می خواهید فیض سرشاری را از رویه تبلیغات برای سایتتان به‌دست بیاورید و برای تطبیق مطالب سایتتان با پلتفرم‌های متفاوت هزینه‌ی کمتری بپردازید، بایستی به تامل یک تارنما ریسپانسیو باشید .
براساس یک تحقیق که در سال 2016 انجام شده بیش از 50 درصد جست و جوهای اینترنتی از طریق گوشیهای هوشمند و تبلت بوده میباشد . بنا براین شما برای به دست آوردن رضایت حجم وسیعی از یوزرها ناچارید به روش‌های مختلف سایتتان را بهینه‌سازی فرمائید . تأثیر وب سایت عکس العمل گرا در بهینه‌سازی سایت، امروزه بر هیچ‌کس پوشیده نیست .
نادیده گرفتنِ پباده سازی سایت واکنش‌گرا (Responsive) در واقع در حکمِ مرگ کسب و فعالیت شماست و چه کسی می باشد که بخواهد شانس‌های خود را برای داشتن یک وبسایت پُر مخاطب از دست بدهد؟
در
سطح backend قضیه قاب ورک ها مدام سوال برانگیز میباشد و معمولا این سوال وجود دارد که مقدمه شایسته ترین کادر ورک را انتخاب کنیم آن‌گاه آغاز به پباده سازی کنیم . در زبان قادر PHP کادر ورک های بسیار متعددی وجود دارد که هر کدام به نوعی ویژگی های مشترک یا مختص خود را دارا‌هستند بعضا از این فریم ورک ها نظیر Fuel مضاعف ساده و سبک می‌باشند البته برخی نظیر Symphony یا این که Zend برای مسلط شدن نیاز به مقطع مضاعف بیشتری است ، معمولا شنیده میشود که فلان کادر ورک برای پروژه های والا می باشد و خصوصیت های خاصی دارد اما این نکته همیشه وجود داراست که ملاکی که باعث می شود یک فریم ورک برای پروژه های تعالی باشد چه میباشد ؟ از طرفی ممکن میباشد که برنامه نویس زمان زیادی را صرف تحقیق در مسئله گزینش شایسته ترین قاب ورک طراحی سایت کند و این فرآیند را برنامه نویسان حرفه ای انجام وارد می کنند .
سرعت کد نویسی در قاب ورک ، یعنی با کد های کوتاه بتوان نتایج را بدست آورد منظور این نمی‌باشد که اصل برنامه شما کوتاه و ساده باشد ، برای مثال کد های مربوط به زیرساخت ها مانند اتصال و یا این که عملیات CURD یا همان (create, update,read,delete) اگر قاب ورک سازوکار پیچیده ای برای اتصال به دیتابیس را داشته باشد سبب میگردد سرعت بسط وب تارنما کاهش پیدا کند . یا این که مثلا توابعی کمکی برای ارسال آدرس اینترنتی یا سیستم Cache که همگی به صرفه جویی در مدت برنامه نویس امداد می‌نماید به طور مثال لاراول (Laravel) یکی از بهترین کادر ورک های پباده سازی سایت میباشد .
ویژگی
های اصلی یک قاب ورک Backend خوب سریع
و چابک و بهینه باشد از
سیستم Route به خوبی پشتیبانی کند ماژولار
باشد MVC
را ساپورت کند با
بقیه خدمت های اتصال به نشانی اینترنتی و ذخیره سازی تعامل داشته باشد به
طور دائم به روزرسانی شود در
مرحله Frontend یا UI برنامه نویسان با تجربه همت می نمایند آیتم های را تعیین کنند که در آتی به دردسر نیفتند ، عمده قاب ورک های ضعیت آن‌گاه از مدتی یا این که توسعه و گسترش آنان متوقف میگردد یا این که دستخوش تغییرات دارای اهمیت می‌شوند که ورژن های قبلی با نسخه های تازه اصلا سازش ندارد . قاب ورک Bootstrap که در مرحله جهانی طرف داران زیادی دارد و برهان آن نیز جامعه والا برنامه نویسان و گسترش دهندگان آن میباشد .
ویژگی
های کلیدی یک کادر ورک CSS خوب سبک
و کم حجم باشد هسته
آن برپایه SCSS باشد جامعه
بزرگی از برنامه نویسان در خصوص پرسش و پاسخ کاربران از آن پشتیبانی کنند دست کم
یک سری سال از ارائه آن قبل باشد سیستم
Grid را با جزئیات بالا ساپورت کند وب
تارنما های پباده سازی گردیده متعددی به رخ نمونه برای سرمشق گیری داشته باشد به
طور دائم به روزرسانی شود امنیت
بالای در مقابل اشکال Attack ها داشته باشد