اذهب إلى المحتوى

السؤال

نشر

مرحبا لدي مجموعة من landing pages كل landing page عبارة عن برنامج يقوم بمهمة معينة، اريد دمجهم في موقع ويب واحد، كيف اقوم بهدا، اريد خطوات للقيام بدالك او دليل يشرح طريقة؟؟ 

(ملاحظة: لا اريد توضيف مستقلين لهده العملية )

Recommended Posts

  • 0
نشر

قم بإعطاء كل واحدة منهم اسم معين (كل ملف 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 بنفس الطريقة ولا داعي لإعادة تسمية الملفات في هذه الحالة إلى إذا كان هنالك اكثر من صورة بنفس الاسم.

  • 0
نشر

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

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

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 
			..... 

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

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...