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

السؤال

Recommended Posts

  • 0
نشر

اما ان العميل يثبت لوكل هوست ويجرب الموقع لو كان الموقع بقاعدة بيانات و باك اند .

وهذا رح يتعب العميل و يشتتو خصوصا لو كان خارج المجال.
أو تعمل تريك بسيطة , وهي الأفضل . ترفع الموقع على استضافة مجانية , وتضيف فورم دخول للموقع مثلا وتسلملو بيانات الدخول (ولو حقل واحد , رقم تسلسلي مثلا) وبعد الاتفاق على المطلوب تزيل الفورم و تحذف بيانات الموقع من السي بانل للمستضيف المجاني .
استضافات مثل نتلفاي Netlify (لو كان الموقع ستاتيك) أو 000webhost أو freewha (ان كان الموقع بقاعدة بيانات و سرفر سايد) ستكون مناسبة جدا 


 

  • 0
نشر
بتاريخ 11 دقائق مضت قال محمود عطا:

لو عاوز اخلى العميل يجرب الموقع لكن بدون رفعه على اي موقع استضافه ؟

السلام عليكم اخي @محمود عطا
 

اسهل طريقة بحيث لا تشتت العميل او ممكن ان يكون ليس لديه خبرة , الطريقة هي انك تقوم بعمل اتصال عبر برنامج مثل "Team Viewer"  ويستطيع تجربته من جهازك او طريقة اخرى هي اخبارك العميل بتثبيت سيرفر محلي مثل Xamp او Namp على جهازة الشخصي ومن ثم وضع ملفات الموقع في مسار تثبيت السيرفر في العادة يكون htdocs او مجلد WWW  

تحياتي

شكرا لك  

  • 0
نشر

مرحباً بك محمود.

حتى يستنى للعميل تصفح موقعك من جهازه الشخصي عبر متصفحه الخاص لابد أن تكون رفعته اونلاين بالتأكيد، هناك عدد من منصات الرفع التي تسهل لك رفع موقعك بسرعة، بالخصوص اذا كان موقعك يحتوي على ملفات HTML/CSS/JS فقط مثل GitHub Pages و Netlify.

أما في حالة تعذر رفع الموقع للانترنت بسهولة يمكنك تشغيل سيرفر التطوير في جهازك الشخصي واستخدام أحد البرامج التي تعطي المستخدمين القدرة على تصفح جهازك عن بعد مثل TeamViewer.

شكراً لك.

 

  • 0
نشر
بتاريخ الآن قال محمود عطا:

لا انا اريد عمل قسم لاعمالي واضيف مواقع جاهزه لكن لم ترفع على الانترنت  

شكرااا 

تفضل كود html + css لمعرض اعمال جاهز قمت بعمله من قبل 

 

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

body {
  background-color: #f1f1f1;
  padding: 20px;
  font-family: Arial;
}

/* Center website */
.main {
  max-width: 1000px;
  margin: auto;
}

h1 {
  font-size: 50px;
  word-break: break-all;
}

.row {
  margin: 8px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
  padding: 8px;
}

/* Create four equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  background-color: white;
  padding: 10px;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .column {
    width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}
</style>
</head>
<body>

<!-- MAIN (Center website) -->
<div class="main">

<h1>PORTFOLIO Name</h1>
<hr>

<h2>PORTFOLIO</h2>
<p>Resize the browser window to see the responsive effect.</p>

<!-- Portfolio Gallery Grid -->
<div class="row">
  <div class="column">
    <div class="content">
      <img src="/images/mountains.jpg" alt="Mountains" style="width:100%">
      <h3>My Work</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
    <img src="/images/lights.jpg" alt="Lights" style="width:100%">
      <h3>My Work</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
    <img src="/images/nature.jpg" alt="Nature" style="width:100%">
      <h3>My Work</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
    <img src="/images/mountains.jpg" alt="Mountains" style="width:100%">
      <h3>My Work</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
    </div>
  </div>
<!-- END GRID -->
</div>

<div class="content">
  <img src="/images/p3.jpg" alt="Bear" style="width:100%">
  <h3>Some Other Work</h3>
  <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
  <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
</div>

<!-- END MAIN -->
</div>

</body>
</html>


تحياتي 

  • 0
نشر
بتاريخ الآن قال Othmane Othwsav:

السلام عليكم,

يمكنك إضافته كصور في موقعك,

يعني أن تصور كل موقع صممته و تضيفه إلى معرض الأعمال في موقعك, و يمكنك فعل ذلك باستخدام هذا التطبيق الذي يوجد في أي متصفح كان.

تحياتي الحارة.

شكراا جزيلا

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...