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

موقع الويب

محمود عطا

السؤال

Recommended Posts

  • 0

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

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


 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

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

تحياتي

شكرا لك  

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

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

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

شكراً لك.

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

طب لو سمحت ف حالة اني عاوز اضيف المواقعه التي صممتها على الموقع الخاص بي كمعرض اعمال ماذا افعل ؟

تقصد في موقع مستقل ؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 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

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

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

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

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...