الإعلانات

freemind تصميم المواقععندما تفكر في الأدوات التي يمكنك استخدامها لإنشاء صفحات الويب ، ربما تفكر في أشياء مثل Kompozer أو Firebug دليل الهواة لتخصيص تصميم موقع الويب باستخدام FireBug قراءة المزيد . ومع ذلك ، ماذا لو أخبرتك أن إحدى الأدوات التي يمكنها حقًا تعزيز العصائر الإبداعية الخاصة بك عندما يتعلق الأمر بصياغة تخطيط تصميم الويب هي خريطة ذهنية؟

لقد غطينا الكثير من أدوات رسم الخرائط الذهنية هنا في MUO. استعرضت نانسي علب الفكر صناديق التفكير: رسم الخرائط الذهنية يلبي قائمة مهامك قراءة المزيد ، وغطى جيفري أدوات Mindmapping لنظام التشغيل Mac MindMapping: 3 برامج تخطيط فكرة بسيطة لنظام التشغيل Mac قراءة المزيد . أعتقد أن تطبيق رسم الخرائط الذهني المفضل لهم جميعًا هو مشروع FreeMind مفتوح المصدر.

العقل الحر هي واحدة من تلك سهلة الاستخدام الرائعة ، ولكنها معقدة بشكل معقد كما تحتاج إليه عندما تحتاج إليها حقًا. هذا هو جمالها. لذلك ، بالنسبة للأشخاص المبدعين بشكل خاص ، فإن تطبيقًا مثل FreeMind يحرر عقلك حرفيًا للاستكشاف في أي اتجاه تريد الذهاب إليه. عندما تحاول القيام بشيء تجريدي ومعقد مثل تصميم تدفق ووظيفة موقع ويب ، فهذا هو نوع المرونة التي تحتاجها.

instagram viewer

هنا في MUO ، نسعى لمساعدة القراء على "الاستفادة" من التطبيقات بطرق لم تكن قد فكرت بها من قبل. أنا متأكد من أن البعض منكم قد استخدم أدوات رسم الخرائط لهذا الغرض - هذا حشد ذكي على كل حال. ولكن ، بالنسبة لأولئك منكم الذين لم يفكروا أبدًا في استخدام أداة رسم الخرائط لتصميم موقع الويب الجديد الخاص بك ، دعني آخذك في نزهة عبر حديقة تصميم الويب FreeMind.

تصميم موقع على شبكة الإنترنت مع FreeMind

في أبسط أشكالها ، أعتقد أنه يصبح واضحًا جدًا جدًا سريعًا بالضبط لماذا تعد أداة رسم الخرائط الذهنية مثل FreeMind مثالية لتصميم الويب. في دقائق معدودة فقط ، وباستخدام خيار "New Child Node" فقط في FreeMind ، قمت بإنشاء خريطة المستوى الأعلى لمدونتي.

كما ترى ، يتيح لك FreeMind البدء من صفحة أساسية - لا يجب أن تكون الصفحة الرئيسية لموقعك ، يمكن أن تكون أي صفحة بداية - ثم تتبع مسار الروابط عبر موقعك الجديد.

freemind تصميم المواقع

في هذا المثال ، قمت بتصميم صفحة رئيسية بها ستة روابط تنقل للأقسام الفرعية الستة الرئيسية من موقعي. ربما كان يجب عليّ أيضًا إضافة صفحة "ميزات" أو "مقالات" أيضًا ، لأن هذه هي النقطة الكاملة في المدونة. ولكن هذا هو جمال الخريطة الذهنية - يمكنك تعديلها وتغييرها لتناسب أي أفكار تصميم تظهر في رأسك على طول الطريق.

بالطبع ، عندما تبدأ في بناء موقع الويب الخاص بك ولديك صفحات فعلية للعرض ، يمكنك إضافة روابط تشعبية إلى تلك الصفحات مباشرة من الخريطة الذهنية. لذا ، أثناء إنشاء موقعك استنادًا إلى خطة FreeMind ، يمكنك حرفيا تتبع كل شيء مباشرة من الخطة نفسها.

freemind لرسم خرائط الموقع

هل تريد التحقق من صفحة الاتصال التي قمت بتحريرها منذ فترة؟ لا تهتم بأخذ الوقت لفتح متصفحك وكتابة عنوان URL ، فقط انقر على رابط FreeMind وستكون هناك.

freemind لرسم خرائط الموقع

يمكنك مشاهدة عنوان URL للرابط عن طريق تمرير مؤشر الماوس فوق العقدة - يظهر في شريط الحالة السفلي.

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

ميزة أخرى رائعة حقًا في FreeMind هي القدرة على إضافة صور إلى العقد. فقط انقر فوق إدراج - صورة من القائمة ، أو انقر فوق العقدة واضغط Alt-K. تصفح فقط إلى ملف الصورة الذي تريد استخدامه. من الأسهل كثيرًا إذا قمت بتغيير حجم الصورة بحيث تكون بحجم الصورة المصغرة - وإلا سيتعين عليك تعديل عرض HTML Code في FreeMind بعد استيراد الصورة.

freemind لرسم خرائط الموقع

انقر على الصورة ، وستظهر أداة تحرير تتيح لك إضافة شرح صغير أسفل الصورة. يمكنك استخدام هذا لإضافة القليل من pizzaz إلى الخريطة الذهنية لتصميم الويب الخاص بك. استخدمته لإظهار صور الكتاب ، وتمثل العقدة نفسها صفحة ملفهم الشخصي على الموقع.

موقع freemind

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

ميزة أخرى رائعة حقًا لـ FreeMind والتي تتناسب تمامًا مع مجموعة أدوات تصميم الويب هي أداة إدارة الوقت المضمنة في FreeMind. يمكنك الوصول إلى هناك بالانتقال إلى "أدوات" ثم اختيار "إظهار التقويم". سيؤدي ذلك إلى ظهور نافذة تقويم كبيرة "إدارة الوقت".

موقع freemind

يمكنك تطبيق التواريخ على العقد بالضغط على "إلحاق التاريخ بالعقد المحددة". هذه طريقة رائعة للتحكم في الإصدار على صفحاتك ، عن طريق ختم التاريخ / الوقت بالعقدة بتاريخ إنشاء تلك الصفحة المحددة أو تحديثها.

سيتم إلحاق التاريخ الذي اخترته بنهاية نص العقدة.

موقع freemind

والأفضل من ذلك ، لماذا لا تقوم بإعداد جدول زمني بحيث بمجرد اكتمال موقعك ، يمكنك تلقي تذكير عندما يحين وقت تحديث صفحة على الموقع. هذه طريقة رائعة للتخطيط المنهجي لجدول تحديث لموقع ما ، وجدولة تحديثات صفحة معينة بمرور الوقت ، بحيث لا يصبح تحديث موقع ويب عملًا روتينيًا فوضويًا.

للقيام بذلك ، ما عليك سوى تحديد العقدة ، والانتقال إلى تقويم إدارة الوقت ، واختيار التاريخ الذي تريد تحديث الصفحة فيه ، ثم النقر فوق "ذكّرني في هذا التاريخ".

كيفية استخدام FreeMind لتصميم أو إدارة موقع freemind8

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

أيضًا ، إذا كنت تريد الاطلاع على جدول التحديث بالكامل ، مدرجًا حسب الصفحة ، فما عليك سوى الانتقال إلى "الأدوات" وتحديد "إظهار قائمة جدولة الوقت".

كيفية استخدام FreeMind لتصميم أو إدارة موقع freemind9

ستحصل على تقرير كامل عن جميع الصفحات التي قمت بجدولتها ، وعندما قمت بجدولتها (إنشائها) ، والتاريخ الذي من المقرر فيه تحديث هذه الصفحة المحددة بعد ذلك.

كيفية استخدام FreeMind لتصميم أو إدارة موقع freemind10

المكان الوحيد الذي يمكن أن يفشل فيه هذا النظام هو إذا قمت بتحديث الصفحة ونسيت العودة وتحديث العقدة بوقت وتاريخ تحديث جديدين. لذا ، حاول أن تجعل من عادة القيام بذلك ، وستبقي نظام تحديث الصفحة بالكامل يعمل بسلاسة.

أوه ، وهناك ميزة مهمة أخيرة نسيتها تقريبًا. هذا في الواقع مهم جدًا إذا كنت تميل إلى أن تكون أحد هؤلاء المبرمجين الذين يفقدون مكان تخزين ملفات مشروعك.

يتمتع FreeMind بالقدرة على الارتباط التشعبي بالملفات الموجودة على جهاز الكمبيوتر الخاص بك ، لذا يمكنك استخدام هذه الميزة لربط عُقد الصفحة بالرمز الفعلي المحفوظ على جهاز الكمبيوتر الخاص بك. ما عليك سوى الانتقال إلى "إدراج" ، واختيار "ارتباط تشعبي (منتقي الملفات)" ، ثم استعراض الملف الذي تريد ربط هذه العقدة به.

freemind تصميم المواقع

يظهر رابط الملف لهذه العقدة كسهم أحمر. عندما تريد إجراء بعض التغييرات على الرمز ، ما عليك سوى النقر على رابط الملف ، وسيتم فتحه لك على الفور - لا داعي للبحث في محاولة العثور عليه. فقط تأكد من تذكر المكان الذي حفظته فيه حتى تتمكن من تحميل التغييرات إلى خادم الويب الخاص بك.

كما ترى ، فإن استخدام أداة رسم الخرائط الذهنية مثل FreeMind لا يساعدك فقط في تصميم تخطيط وتدفق موقعك ، بل يمكنه أيضًا مساعدتك في إدارة مشروع تصميم الويب بالكامل من البداية إلى النهاية.

ما الأدوات التي تستخدمها لإدارة مشاريع تصميم الويب الخاصة بك؟ هل تفكر في تجربة FreeMind بدلاً من ذلك؟ هل لديك أي أفكار إبداعية أخرى لاستخدام أداة رسم الخرائط كجزء من مشروع تصميم الويب؟ شارك افكارك في قسم التعليقات في الاسفل.

ريان حاصل على درجة البكالوريوس في الهندسة الكهربائية. لقد عمل 13 عامًا في هندسة الأتمتة ، و 5 سنوات في مجال تكنولوجيا المعلومات ، وهو الآن مهندس تطبيقات. محرر إداري سابق لـ MakeUseOf ، وقد تحدث في المؤتمرات الوطنية حول تصور البيانات وقد ظهر في التلفزيون والإذاعة الوطنية.