بما أن العديد من الأصدقاء قد سألوا عن كيفية قص الصور، وبما أن هذه المشكلة يمكن أن تكون كبيرة أو صغيرة، فمن المستحيل تمامًا شرحها بوضوح في جملة أو جملتين، لذلك سأقدم مثالًا بسيطًا لتوضيح هذه المشكلة عندما يكون لدي مجانًا حسنًا، لنبدأ:
الخطوة 1: افتح مسودة التصميم في Photoshop، كما هو موضح أدناه
حدد أداة التقطيع على لوحة الأدوات، وقم بإجراء قطع غامق أولاً! نصائح: قم بقص مساحة كبيرة من كتلة الألوان إلى قطعة واحدة بشكل منفصل، واحتفظ بها بشكل أنيق قدر الإمكان على الخط الأفقي (سوف تتعلم المزيد عن هذا). الإصدار في صفحة الإنتاج اللاحقة) الشعور) الصورة المقطوعة هي كما يلي:
الخطوة 2: حدد حفظ الملف للويب... في Photoshop للإخراج. انتبه إلى اختيار بعض المعلمات هنا:
دعونا نلقي نظرة على الأجزاء 1 و2 و3 المميزة بالخط الأحمر. حدد أداة التقطيع الموضحة في 1، ثم انقر على الصورة الموضحة في 2، وحدد قيمة اللون في المكان الموضح في 3. إذا كانت اللون فردي، يمكنك اختيار أصغر قيمة ممكنة للون (لماذا هذا؟؟) الإجابة: سيؤدي ذلك إلى تقليل حجم الملف بشكل كبير وفي نفس الوقت الحفاظ على لون الصورة بشكل أفضل انقر فوق "موافق" لإخراج الملف. يتضمن الملف هنا مجلد htm والصور، كما هو موضح في الشكل:
اكتمل نصف صفحتك فقط في هذه المرحلة، بعد ذلك، قم بإنشاء الموقع في Dreamweaver:
الخطوة 3: تحديد الموقع:
قم بتسمية الموقع في اسم الموقع الموجود على الجانب الأيسر من الصورة مثل المثال
ثم حدد كافة مجلدات الموقع التي قمنا بتصديرها للتو في المجلد الجذر المحلي أدناه؛ وبعد إنشاء الموقع، سنرى في خريطة الموقع:
(لماذا نبني موقعًا إلكترونيًا؟) يتيح لنا إنشاء موقع ويب تطوير عادة جيدة، وهي تجميع الملفات والمجلدات الموجودة في موقع الويب معًا بطريقة منظمة، وفي الوقت نفسه، يمكننا بسهولة نقل الموقع إلى أماكن أخرى place دون أي إعادة كتابة لمسار الملف! (بالطبع، إذا كنت لا ترغب حقًا في إنشاء موقع، فلن يجبرك أحد. لقد واجهت مثل هؤلاء الزملاء في عملي. فهم غير معتادين على إنشاء مواقع للصفحات). بالطبع، ستكون العواقب الكثير من المتاعب.)
الخطوة 4: إعادة إنشاء جدول الصفحة (لماذا؟) عادةً لا يمكن استخدام ملف htm الذي تم تصديره مباشرة في Photoshop مباشرة، لأن بعض الأماكن تحتاج إلى التعديل أثناء الاستخدام الفعلي. مثل الأماكن التي تحتوي على نص ديناميكي، نحتاج إلى إضافتها إلى الصفحة. إذا كانت صفحة الإدخال لا تستخدم الصور، فيجب إزالة الصور إذا قمت بإزالة الصور غير المرغوب فيها وإضافة الأشياء التي تريدها في htm الذي تم إنشاؤه مباشرة ، ستجد أن الصفحة ستصبح رهيبة، وقد تكون الصفحة بأكملها فوضى عارمة!
حسنًا، لنقم أولاً بتحليل ملف htm الذي تم تصديره:
وفقاً للجدول الموجود في هذه الصفحة، نقوم بإنشاء جدول مكون من ثلاثة صفوف وعمود واحد في الصفحة الجديدة:
لاحظ أنه من المهم جدًا ضبط قيم بطانة الخلية وتباعد الخلايا والحدود على 0 لأننا لا نريد رؤية فجوات واختلالات في الصورة ثم قم بإدراج جدول بثلاثة صفوف وعمودين في الصف الأول؛ ودمج الجدول الأيسر المكون من ثلاثة أعمدة، كما هو موضح في الشكل:
عند إدراج جدول، يجب عليك الانتباه إلى مقارنة المحتوى الموجود في ملف htm الأصلي والتفكير في سبب قيامك بذلك؛
بعد ذلك، قم بإدراج جدول يحتوي على صفين وعمودين في الصف الثاني، ودمج الشبكة اليسرى كما هو مذكور أعلاه، ثم قم بإدراج جدول مكون من صف واحد وخمسة أعمدة في الصف الأول من الشبكة اليمنى كما هو موضح:
وأخيرًا، قم بإدراج جدول مكون من ثلاثة صفوف وعمودين في الصف السفلي، وقم بدمج العنصرين 1 و 2 في الصورة:
حسنًا، مهمتنا الآن هي إضافة الصور والمحتوى إلى الجدول! لن أخوض في التفاصيل هنا (في الواقع، لقد قيل هذا بالفعل بما فيه الكفاية!)
أريد أيضًا أن أذكر الجميع أنه عند إضافة الصور والمحتوى، يجب أن يكون الجدول! إن سمتي المحاذاة والمحاذاة مهمتان جدًا، ويجب ألا تدخر أي جهد لاستخدامهما لمساعدتك في القيام بالأشياء، حسنًا، تدرب على ذلك بنفسك!