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



 
الرئيسيةالأحداثأحدث الصوردخولالتسجيلالطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! R10,قرانqr f


 

 الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً!

اذهب الى الأسفل 
كاتب الموضوعرسالة
admin
مديرالموقع
مديرالموقع
admin


انثى
عدد المساهمات : 1765
العمر : 91

الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Empty
مُساهمةموضوع: الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً!   الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Emptyالأحد مايو 26 2013, 02:41









الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_google_code_thumb
الحمدلله وكفى والصلاة والسلام على الرسول المصطفى، ثم أما بعد .. تعرضت
سابقاً لخدمة Google Code ومميزاتها وطريقة حفظ ملفات الجافا فيها ( استخدام Google Code لحفظ ملفات الجافا بروابط مباشرة )،
ولم أشر إلى أنه بالإمكان حفظ ملفات ورقة الأنماط CSS وغيرها من أنواع
الملفات مثل الصور، وصفحات الويب HTML, وغيرها؛ رغم أنه بالإمكان رفعها
بنفس الطريقة بدون مشاكل إلا أنها لن تعمل
بعد رفعها ولن تحقق الغرض إذا أردت أن تربطها بقالب مدونتك كإضافة أو
كورقة أنماط للمدونة ــ بل اسوأ من ذلك أنها ستضللك وتجعلك تشك في الإضافة
أو قالب المدونة فتقضي وقتاً طويلاً تبحث عن الخلل في المكان السليم. حسناً
لتتضح الفكرة قمت برفع ملف ورقة أنماط CSS بطريقتين الأولى مباشرة كما
شرحته بالنسبة لملفات الجافا ، والثانية بالطريقة الصحيحة التي سنشرحها
اليوم فانظر لنتيجة الطريقة الأولى المباشرة:
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_000fdffd3_thumb60
وهذه نتيجة الطريقة الثانية حيث قمت برفع نفس ملف CSS بالطريقة الصحيحة ( موضوعنا ) وكانت النتيجة أن التنسيق ظهر بدون مشاكل:


الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_000fdffd3b_thumb23
وحتى نستفيد من سيرفرات Google Code القوية والسريعة وعالية الإعتمادية
لحفظ واستضافة ملفات أوراق الأنماط CSS للمدونة، أو ملفات الإضافات كاملة
مثل إضافة صندوق الضوء التي قدمتها سابقاً، فهي بجميع ملفاتها سواء جافا أو CSS أو صور محفوظة في مكان واحد… اقرأ ما يلي:







[ 1 ] لماذا لا تعمل ملفات CSS مباشرة عند حفظها في Google Code؟! وماهو الحل؟ الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! WlEmoticon-lightbulb%25255B2%25255D




خدمة Google Code موجهة في الأصل لأصحاب المشاريع البرمجية المختلفة, وهي
بالتأكيد ليست خدمة استضافة ملفات مواقع, فعندما ترفع ملف CSS أو HTML فإن
Goole Code سيعتبرها ملفات خام ولن يفهمها كما فهمتها أنت فيعتبرها مجرد ملفات خام لا لون لها ولا طعم ولا رائحه الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! WlEmoticon-smile2 , مثلاً لو قمت برفع ملف اسمه index.html
ثم نسخت رابطه في المتصفح لن يتم استعراضه على أنه صفحة ويب بل مجرد ملف
خام سيسالك المتصفح هل تريد حفظه أم لا!. بتعبير أعمق قليلاً: المتصفحات
عندما تتعامل مع الملفات تبحث في الخادم المستضيف لهذه الملفات عن بروتوكل
اسمه ( MIME ) يعرّف بامتدادات
الملفات وهو الذي يحدد نوع الملف المُستعرض فيخبر المتصفح أن هذا الملف
عبارة عن ملف نصي HTML، أو ملف نصي CSS، أو ملف تنفيذي exe .. وهكذا.
وقوقيل كود لا يفعل هذا إلا بالطريقة التي سنبينها لاحقاً بمشيئة الله. ( إذا كنت تملك استضافة خاصة ستجد زر خاص باسم mime type وسترى أن هناك العديد من تعريفات الملفات .. )

الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! WlEmoticon-stormcloud%25255B2%25255D
والحل أيها الكريم أن نتعامل مع Google code كأننا أصحاب مشروع!. قوقيل
كود يوفر ثلاثة أنظمة لإدارة المشاريع غايتها تنظيم المشروع وحفظ إصداراته
والتعديلات التي أجريت عليه من قبل مطوريه وهي: ( Git ) و ( Mercurial ) و (
Subversion ). وسنعتمد على الأخير الا وهو ( Subversion ). وحتى نصل اليه من خلال الحاسب الآلي سنتسخدم أحد البرامج المتخصصة. لا يهمنا هنا فهم هذه الأنظمة ولا كيف تعمل نريد أن نقتطف من هذا المجال فقط ما يحقق هدفنا وهو كما سترى في غاية اليسر، وهذه المعلومات التي قد تربك البعض أوردتها فقط لفهم القضية ليس إلا.

الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! WlEmoticon-coffeecup%25255B2%25255D {
إذاً الخلاصة لنرفع ملفاتنا إلى قوقيل كود سنتعامل مع نظام التحكم
بالمشاريع المسمى ( Subversion ) من خلال برنامج اسمه ( TortoiseSVN ) يعمل
على بيئة ويندوز وهناك بالطبع برامج للأنظمة الأخرى. }









[ 2 ] فتح حساب في Google Code واختيار نظام التحكم المناسب



1. لفتح حساب في Google Code اقرأ هذه التدوينة: استخدام Google Code لحفظ ملفات الجافا بروابط مباشرة
2. دعنا نتأكد أن نظام التحكم بالمشروع لديك هو subversion:

  • توجه الى صفحة المشروع.
  • اختر التبويب الرئيسي “Administer”.
  • ثم اختر التبويب الثانويSource”.
  • تأكد أن كلمة (Subversion) مكتوبة بجانب العبارة “Version control system
  • إذا لم تكن هي الكلمة ، فقم بالضغط على الزر “Subversion” ليتحول المشروع اليه. انظر الصورة:

الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_000fdffd_thumb18









[ 3 ] الحصول على بيانات حساب المشروع ( الرابط – اسم المستخدم ــ كلمة المرور )



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

  • توجه إلى صفحة المشروع.
  • اختر التبويب الرئيسي “Source”
  • ستظهر لك البيانات كما في الصورة:

الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_000a1_thumb%25255B1%25255D
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_000a1_thumb%25255B1%25255D
1. انسخ رابط المشروع إلى الملف النصي. ( لاحظ أن اسم مشروعي alblogger-gen )
2. انسخ اسم المستخدم إلى الملف النصي. ( لاحظ أنه مجرد عنوان البريد الذي فتحت من خلاله المشروع ).
3. لرؤية كلمة المرور اضغط على “googlecode.com password” ستظهر لك في صفحة جديدة، انسخها أيضاً إلى الملف النصي.
[url=http://lh4.ggpht.com/-PcKwPi0-Yls/Tps-e-x , C-r-a-c-k , P-a-t-c-h , s-e-r-i-a-l-

[url=http://lh4.ggpht.com/-PcKwPi0-Yls/Tps-e-x , C-r-a-c-k , P-a-t-c-h , s-e-r-i-a-l-qmtWrI/AAAAAAAAAls/39aqiyoDsCI/tortoisesvn_000a29.png]الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_000a2_thumb7[/url]
الآن تحصلنا على البيانات الضرورية للتخاطب مع المشروع من خلال البرنامج كما سنبينه لاحقاً إن شاء الله.









[ 4 ] تثبيت برنامج TortoiseSVN الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! WlEmoticon-turtle%25255B2%25255D



بعد البحث والتجربة العملية وجدت أن برنامج TortoiseSVN أفضل برنامج مجاني
بالنسبة لنظام ويندوز، يمكنك الحصول عليه من الموقع الرسمي باتباع هذا الرابط. هناك نسختان 32 بت و 64 بت اختر النسخة التي توافق نوع نظامك ( يمكن معرفة نوع النظام من خلال النقر بالزر الأيمن على My Computer ثم اختيار خصائص ).
تثبيت البرنامج عادي جدا ومباشر, بعد تثبيت البرنامج سوف لن يظهر في قائمة
البرامج، بل سيدمج مع مستكشف الملفات الخاص بويندوز، وهذا يعني أنك تستطيع
تشغيله من أي مكان خلال ويندوز. فبرنامج Tortoise عبارة عن منفذ شيل shell
extension. أعددت عرض شرائح توضح خطوات التثبيت لمن شاء:












[ 5 ] إعداد برنامج TortoiseSVN وتعريف امتدادات الملفات




في الفقرة [ 1 ] أشرت إلى أن بروتوكول
MIME هو المسؤول عن تعريف الملفات للمستعرضات لتفهمها حسب امتدادتها. هناك
ميزة رائعة في نظام التحكم بالمشاريع Subversion اسمها auto-props
تعرف امتدادت الملفات تلقائياً، كل ما علينا الآن هو إضافة أنواع الملفات
التي نريد أن نستضيفها في Google Code إلى برنامج TortoiseSVN لمرةٍ واحدةٍ
فقط. فلنفعل ذلك الآن:
سرد الخطوات:

  • اضغط بزر الفأرة الأيمن في أي مكان ثم اختر “TortoiseSVN” من القائمة.
  • ثم اختر “Settings”. ستظهر نافذة الإعدادت.
  • اضغط على الزر “Edit
  • سينبثق ملف نصي بواسطة برنامج الدفتر.
  • قم باختيار كامل النص بالضغط على الزرين: Ctrl+A
  • احذف كل شيء، واترك الملف مفتوح.
  • الآن! افتح هذا الرابط ( هنا ).
  • اختر كامل النص.
  • عُد الى الملف النصي والصقه كاملاً.
  • احفظ الملف ووافق على التغييرات.
  • انتهى!

صور توضيحية:
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_props_0001_thumb
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_props_0001_thumb
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_props_0002_thumb
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_props_0002_thumb
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! WlEmoticon-airplane%25255B2%25255D وبهذا انتهينا إعداد كل شيء ، ونستطيع البدء في استخدام برنامج Tortoise لرفع ملفاتنا إلى Google Code مباشرة.







[ 6 ] طريقة رفع الملفات إلى Google Code بواسطة برنامج Tortoise الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! WlEmoticon-work%25255B2%25255D




الجميل في Google Code أنك تستطيع أن ترفع مجلد بكامل محتوياته مثل
DropBox، وهذه ميزة عظيمة فعندما ترفع إضافة مكونة من: ورقة أنماط CSS
وملفات جافا وصور فلن تكون مضطراً لتعديل روابط الصور في ملف CSS ولا روابط
ملفات الجافا. فقط ارفع المجلد كما هو وجرب إضافتك.

افتح ملف بيانات حسابك في قوقيل كود الذي أنشاته في الفقرة [ 3 ] والمكون من رابط المشروع، واسم المستخدم، وكلمة المرور، وتابع:
سرد الخطوات:

  • اضغط بزر الفأرة الأيمن في أي مكان ثم اختر “TortoiseSVN” من القائمة.
  • اختر من القائمة المنسدلة “Repo-browser” ( تعني استعراض مخزن المشروع )
  • ستظهر نافذة صغيرة انسخ فيها رابط المشروع. واضغط OK.
  • ستظهر نافذة مخزن المشروع ( ستكون بطيئة وربما ستقرأ عدم استجابة .. تجاهل ولا تغلق النافذة )
  • اضغط من القائمة اليسرى مجلد “Trunk” ( يُعتبر هو المجلد الرئيسي )
  • الآن اضغط بزر الفأرة الأيمن في المربع الأيمن، واختر “Add file” لرفع ملف أو “Add folder” لرفع مجلد بكامل ملفاته. ويمكنك أيضاً استخدام ميزة السحب والإفلات.
  • ستظهر نافذة تطلب منك كتابة وصف للملفات أكتب أي شيء.
  • ثم ستظهر نافذة تطالبك باسم المستخدم وكلمة المرور. أدخلهما وضع علامة صح عند الخيار “Save authentication” حتى لا يطالبك كل مرة.
  • الآن انتظر … حتى ينتهي.
  • يمكنك الآن التوجه لمجلد ملفاتك عبر المتصفح من خلال رابط المشروع.

صور توضيحية:
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_upload_0001_thumb%25255B1%25255Dتوضيحية:
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_upload_0001_thumb%25255B1%25255D
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_upload_0002_thumb%25255B1%25255D
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_upload_0003_thumb%25255B1%25255D
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_upload_0003a_thumb
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_upload_0004_thumb
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_upload_0005_thumb
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_upload_0006_thumb
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_upload_0002_thumb%25255B1%25255D
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_upload_0003_thumb%25255B1%25255D
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_upload_0003a_thumb
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_upload_0004_thumb
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_upload_0005_thumb
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! Tortoisesvn_upload_0006_thumb





وهكذا بحول الله سترفع ملفات أي إضافة تخص موقعك في Google Code وهو بلا شك
مكان آمن ويعتمد عليه، ومن اليوم إذا واجهتك أي إضافة لا تعتمد على
الروابط التي يقدمها المطور لأن هناك الكثير غيرك سيستخدمونها ولأنه أي
المطور قد يحذفها أو يعدل فيها أو يغلق حسابه أصلاً وأنت لا تدري وقد يصعب
عليك حينها الحصول على روابط جديدة ، قم بتنزيل كامل الإضافة ثم ارفعها في
حسابك الخاص وكن أنت من تقرر مصير موقعك! الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! WlEmoticon-rainbow%25255B2%25255D

هذا والحمدلله رب العالمين الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً! WlEmoticon-redrose%25255B2%25255D
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً!
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  تعلم كيفية استخدام Google Code لحفظ ملفات الجافا بروابط مباشرة
» الطريقة الصحيحة لانشاء صفحةhtml
» تعرفى على الطريقة الصحيحة لغسيل شعرك
» حمل برامج كل ما يخص Google Application Google Application
» طبق الفاصوياء على الطريقة التركية

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: ❤منتدى تطوير المواقع المجانية❤ :: الاسئلة الشائعة-
انتقل الى: