دمج landing pages في موقع واحد

قم بإعطاء كل واحدة منهم اسم معين (كل ملف html) وضعهم في ملف الـ public.

ففي العادة يكون ترتيب الملفات بالشكل :

- index.html
- css
	- newName.css
	- css باقي ملفات الـ  
- js
	- script.js
	- باقي ملفات الجافاسكريبت

فما يجب عليك ان تفعله هو :

- newName.html
- css
	- newName.css
	- css باقي ملفات الـ 
- js
	- newName.js
	- باقي ملفات الجافاسكريبت

حيث أن newName هو اسم الملف الجديد

وبعد ذلك تعدل الروابط الخاصة باستدعاء ملفات الـ js و الـ css إلى الاسم newName الجديد.

وتقوم بهذه الخطوة لكل واحدة من صفحات الهبوط وبعدها تقوم بدمج كل مجلدات الـ css في مجلد css واحد وكذلك بالنسبة للـ js.

لتصبح الملفات لديك بالشكل التالي :

- newName1.html
- newName2.html
- css
	- newName1.css
	- newName2.css
	- css باقي ملفات الـ 
- js
	- newName1.js
	- newName2.js
	- باقي ملفات الجافاسكريبت

وفي حال وجود المزيد من المجلدات مثل images و fonts ..إلخ فتقوم بتجميعها في مجلد واحد بالاسم images و fonts بنفس الطريقة ولا داعي لإعادة تسمية الملفات في هذه الحالة إلى إذا كان هنالك اكثر من صورة بنفس الاسم.

كما في التعليق السابق وضح عمر الفكرة الأساسية لعمل مثل هذه المواقع وطريقة بناء وترتيب ملفات المشروع ويوجد عدة طرق للقيام بذلك ولكن ترجع بالأخير للطريقة التي تفضلها ولكن كلما كانت الملفات في شكل منظم لن يسبب لك الموقع العديد من المشاكل كلما كثرة الملفات

الطريقة الأولى 

Pages (in root of site):
index.html
page2.html
page3.html
إلى آخره

Folders:
> shared (كل الملفات المشتركة في صفحات ال html  )
- styles.css
- scripts.js
- image.jpg

> index (كل الملفات الخاصة بصفحة index)
- index-styles.css
- index-scripts.js
- imageB.jpg

> page2 (كل الملفات الخاصة بصفحة page-2.)
- page2-styles.css
- page2-scripts.js
- imageC.jpg

> page3 (كل الملفات الخاصة بصفحة page-3.)

الطريقة الثانية

<مجلد المشروع> 
	templates 
		index.html 
		about.html 
		..... 
		contact.html 
	assets 
		css 
			style.css 
			..... 
			responsive.css 
		js 
			script.js 
			..... 
			main.js 
		images 
			..... 
		fonts 
			..... 

يمكنك إختيار الطريقة التي تفضلها