E.Nourddine

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

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

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

عادة ما أفعل ذلك، حيث أضع مستطيل أبيض وأضع فيه رمز أو شكل لاعتماده كأيقونة، وهذا يتيح لي إمكانية وضع طبقة منفصلة وتحويلها لطبقة شفافة. ويمكن تغيير لون الخلفية إلى شفافة من خلال القائمة التالية: File -> Document Properties من خلال نافذة Page. وذلك حتى تستطيع استعمال أي شكل:

من خلال تجربتي مع المواقع، وخصوصا المواقع التي تشهد إقبالاً شديدا من المستخدمين لاحظت ما يلي: تبدأ غالبية المواقع في أول الأمر باستعمال نصوص في قوائمها الموجودة على رأس الصفحة -Header-، حتى تتضح للمستخدم مهمة كل قائمة، وبعد مضي مدة ليست بالقصيرة، وبعد وتعود المستخدمين، يُغَير شكل القوائم بشكل لا يجعل المستخدم يشعر بتغيير كبير، على أن تكون الأيقونات الموضوعة في رأس الصفحة تتوفر على تلميح لوظيفتها، وذلك عبر إظهار نص عند مرور مؤشر الفأرة فوف كل الأيقونة. بهذا الشكل: لذا عليك اختيار استراتيجية تجعل المستخدم يفهم وظيفة كل أيقونة وبشكل تدريجي، حتى تضمن فاعلية موقعك، والإقبال على استخدامه بشكل أفضل.

يمكنك استخدام هذه النسخة التي تدعم اتجاه RTL حيث لها سمعة جيدة ولا مشاكل فيها: Twitter-Bootstrap-Version-3-with-RTL-support نسخة أخرى على github : jnaqsh/rbootstrap هنا ك نقاش حول الموضوع في مجتمع حسوب، سيغنيك من حيث المحتوى والآراء: هل جرب احدكم bootstrap rtl؟

عن طريق الاختصار Shift+Ctrl+F ستظهر لك نافذة منبثقة للتحكم في لون الشكل ولون إطاره، ومن بين الخصائص المتوفرة خاصية تدرج الألوان والشفافية، كما في الصورة: قم بتعين خاصية الشفافية كما في الصورة. نوع آخر من الشفافية:

يمكنك استعمال أداة الطلاء Fill Tool مع اختيار اللون بأداة القطارة، مع ملء الخلفية بنفس اللون ثم استخدام فرش صغيرة الحجم: وقد لا تحصل على نفس الشكل 100بالمئة. حينها جرّب الاستعانة بخلفية أخرى شبيه لتلك التي في الصورة.

يتضح من الصورة أن الخط غير واضح، بالإضافة إلى مكان النص والاستمارة. إليك اقتراحين: استمارة ثابتة، مع نص واضح ومقروء. استمارة متحركة باستخدام CSS3 و Jquery:

استعمل أداة الدائرة (U). اضغط بالزر الأيمن للفأرة وحدد القيم التالية للشكل : 100px width و 100px height . كرّر نفش العملية مع تغيير القيمة إلى 200px width و200px height ، بنفس الطريقة كرر العملية مع قيم تصاعدية بـ 100px كل مرة وتغيير اللون. باستعمال أداة التحريك Move tool ذات الاختصار (V) حرّك الأشكال لتتوافق بعضها فوق بعض. ثم باستخدام الاختصار Ctrl+T و بتحديد جميع الدوائر المُشكّلة، نغير حجم الشكل مع الضغط على الزر Shift: نستخدم إحدى أدوات القص لاقتطاع الجزء المعين:

أولاً عليك برسم شكل كهذا الذي في الصورة: المستقيمين هما محورا x,Y . في الجانب الأيمن للصورة ما نريد الحصول عليه وذلك بتحويل الشكل على محورZ، وذلك من خلال الذهاب إلى القائمة: Apply path → object to path ثم: extensions → modify path → perspective لنحصل على الصورة: مما يتيح لنا امكانية تحريك الشكل باتخاذ النقطة السوداء نقطة محورية للشكل:

يمكنك إضافة إطار لصورة على برنامج Gimp باتباع الخطوات التالية: اذهب إلى القائمة : Filters -> Decor -> Add Border ستظهر لك نافذة منبثقة كهاته: وما عليك إلا اختيار اللون وسمك الإطار لكل محور (X,Y) . نص حول خصائص الإطار من موقع Gimp:Border X size, Border Y size Here you can select the thickness of the added border, in pixels. X size (left an right) and Y size (top and bottom) may be different. Maximum is 250 pixels. Border color Clicking on this button brings up the color selector dialog that allows you to choose an “average” border color (see below, Delta value on color). Delta value on color This option makes the border sides to be colored in different shades and thus makes the image to appear raised. The actual color of the respective border side is computed for every color component red, green, and blue[15] from the “average” Border color as follows (resulting values less than 0 are set to 0, values greater than 255 are set to 255): Top shade = Border color + Delta Right shade = Border color - ½ Delta Bottom shade = Border color - Delta Left shade = Border color + ½ Delta

رغم أن الأمر ليس بالصعوبة الكبيرة، إلا أن معظم المصممين إلا القليل ممن يُقدم على خطوة برمجة نظام شبكة CSS، وذلك ربما يرجع لوجود أنظمة جاهزة كـ Bootsrtrap، Fondation ... وسهلة الاستخدام، وهذا بطبيعة الحال ليس بالعيب، فقد يجد المطور راحته في استعمال أحدها، أو يبرمج هو بنفسه ما يحتاجه حسب ما يُتيح له الوقت. إنشاء نظام شبكي مرن وقوي في CSSBuild a Responsive Design Using 960 Grid

نعم يمكن فعل ذلك، للإشارة فقط الشفرة التالية، أضفت إليها تنسيق css لكي تظهر جنبا إلى جنب عن طريق الخاصية float: <html> <head> <style> .f { float: right; } </style> </head> <body> <form action="action" method="get"> <input type="text" name="abc"> <div id="buttons"> <input type="submit" class="f" name="next" value="Next"> <input type="submit" class="f" name="prev" value="Prev"> <div style="clear:both"></div><!-- Need this to have the buttons actually inside div#buttons --> </div> </form> </body> </html> لكن يبقى عمل كل منهما رهين بـ Jquery: هذا مثال: <script language="JavaScript"> <!--// /*كود الخلف*/ function Back() { document.location="history.htm"; } /*كود الأمام*/ function Forward() { document.location="BackForward.htm"; } --></script>لاحظ أن كل من صفحتي الأمام والخلف -السابق والتالي- معين في كود Jquery. Back and Forward Buttons using simple code

أولا نقوم بوظيفة، تعمل على تغيير شكل التاريخ، وتأخذ كقيمة مُدخلة متغيّر تاريخ: Function FormatDate(date) FormatDate = MonthName(Month(CDate(date))) & " " & Day(CDate(date)) & " " & Year(CDate(date)) End Function ثم نستخدمها بهذا الشكل: Response.Write(FormatDate("10/28/2015")) وأيضا بهذه الطريقة: FormatDate = MonthName(Month(CDate(date))) & " " & Day(CDate(date)) & " " & (Year(CDate(date))-1)

نضيف الأداة Repeater بهذه الطريقة: <asp:Repeater ID="rptRecords" runat="server" OnItemDataBound="rptRecords_ItemDataBound"> بعد ذلك ربطت الأداة -Repeater- لحساب عدد الساعات الموجود في قيم مصفوفة، يهذا الشكل: protected void rptRecords_ItemDataBound(object sender, RepeaterItemEventArgs e) { if (e.Item.ItemType == ListItemType.Footer) { int totalHours = 0; foreach (RepeaterItem item in ((Repeater)sender).Items) { Label lblRowHours = (Label)item.FindControl("lblHours"); if (lblRowHours != null) totalHours += Convert.ToInt32(lblRowHours.Text); } ((Label)e.Item.FindControl("lblHoursTotal")).Text = totalHours.ToString(); } } وهذا مثال آخر:

حللت نفس المشكلة سابقاً، حيث كنت أتوفر على Dataridview وعملت على DataGrid_QueryContinueDrag كـ حدث، وخاصية Cancel لإلغاء السحب، بهذا الشكل : private void DataGrid_QueryContinueDrag(object sender, QueryContinueDragEventArgs e) { if (... condition ...) e.Action = DragAction.Cancel; }على أن يكون شرط الضغط على زر escape هكذا: if ( Keyboard.IsKeyDown(Key.Escape)) e.Action = DragAction.Cancel;

لإدراج قطعة نصية بزوايا دائرية، استعمل العنصر :BlockUIContainer الذي يتيح لك إمكانية إضافة الزوايا والتحكم في درجة دورانهاـ بهذا الشكل: <RichTextBox> <FlowDocument> <BlockUIContainer> <Border BorderThickness="2" BorderBrush="Blue" CornerRadius="8" Padding="3"> <RichTextBox BorderThickness="0"> <FlowDocument> <Paragraph>This is paragraph with border</Paragraph> </FlowDocument> </RichTextBox> </Border> </BlockUIContainer> </FlowDocument> </RichTextBox>لاحظ الخاصية: CornerRadius="8"والتي تعين درجة دوران الزوايا الدائرية .

جيد، wpf من التطبيقات الجميلة والممتعة على حد سواء، ولتغيير لون خلفية سطر من أسطر Listview، عليك بتعيين dtatrigger الكود التالي: <Style TargetType="{x:Type ListViewItem}"> <Style.Triggers> <DataTrigger Binding="{Binding YourProperty}" Value="SomeValue"> <Setter Property="BorderBrush" Value="Red"/> <Setter Property="Background" Value="AliceBlue"/> </DataTrigger> </Style.Triggers> </Style>لاحظ وجود السطرين: <Setter Property="BorderBrush" Value="Red"/> تعيين اللون الأحمرللإطار <Setter Property="Background" Value="AliceBlue"/> تعيين اللون الأزرق الفاتح للسطر

لعلك سمعت بموجة المعلومات الضخمة التي بات يعرفها المجتمع التقني بشكل جيد، وهذا التراكم راجع إلى كثرة المعلومات والبيانات التي أضحت متوفرة بشكل كبير وفي مجالات عدة، كالمعلومات الحيوية، الإحصاء ، المعلومات المُنتجة عبر استعمال الأنترنت ومجالات أخرى...، مما أدى إلى ظهور ما يسمى بـ Big Data. و لغة R أتت لعرض هذه البيانات بشكل يتيح للمستخدم قراءتها وفهمها عن طريق طرق مبسطة ومفهومة، كجداول و رسوم بيانية...وارتبط استعمالها بشكل أساس بمفاهيم الإحصاء واستخراج قيم واستنتاجات من المعلومات المدروسة. بالنسبة للشق البرمجي: لغة R والتحليل الإحصائي

يقصد بهوية الشركة تصميم كل ما يتعلق بالوثائق الإلكترونية والمطبوعة للشركة، ويأتي على رأسها شعار الشركة - أو المؤسسة -، حيث يعتبر الشعار هو الهوية الرئيسة والتعريفية للشركة، وتنقسم إلى قسم إلكتروني وآخر مطبوع: الإلكترونية:الشعار أو اللوغو.تصميم عرض فيديو خاص بالشركة.موقع ويب.كوفر او خلفيات لواقع التواصل الاجتماعي....المطبوعة:قمصان تحمل هوية الشركة - للعاملين أو أثناء تظاهرة -تصميم لملصقات .تصميم لتغليف السيارات.تصميم ملق الأقراص المضغوطة...ثم بطائق الهوية -business card-.وأي شيء آخر قد تحتاجه الشركة.لكن ليس بالضرورة طلب كل هذه العناصر أثناء تقديم العرض، فقد يطلب العميل تصميم شعار لشركته بالإضافة إلى بعض العناصر المذكورة سابقا، وتختلف عناصر الهوية من عميل لآخر حسب حاجته. أهم البرامج التي تستعمل في تصميم هوية التركة، هي برامج التصميم المعروفة كـ Illustrator ,Photosho, Gimp...، حسب اختيار المصمم وارتياحه للعمل على البرنامج.

Eloquent ORM هو إضافة مع Laravelـ بسيطة ومفيدة جدًا للمطور، تتعلق بتسهيل عملية إنشاء ربط والتحكم في قواعد البيانات، حيث كل جدول في قاعدة البيانات يقابله Model على Laravel، مما يتيح التحكم بالجدول و الوصول إلى مختلف خصائصه بسهولة تامة. يمكننا إنشاء مستعمل جديد عن طريق استخدام Eloquent ثم حفظه بهذه الطريقة: $user = new User; $user->name = 'John'; $user->save();أو البحث عن مستعمل معيّن ثم التعديل عليه وحفظه: $user = User::find(1); $user->email = 'john@foo.com'; $user->save();وإليك هنا أسلوب مسح مستعمل بعد البحث عنه: $user = User::find(1); $user->delete();

استعمل حزمة pdfpages التي تمكن من إضافة وربط LaTeX بصفحة أوصفحات عدة من نوع pdf، ومن الممكن أيضاً اختيار الصفحات متفرقة أو اتباعاً، وهذه هي طريقة العمل به: \usepackage{pdfpages} \includepdf[pages={1}]{myfile.pdf} pdfpages.pdf Including pages from PDF documents وهذا الفيديو -استعن بالترجمة المرفقة في الإعدادت-:

أولاً عليك بترميز الكتابة الفارسة، وذلك باستعمال دالة urlencode . مبدئيا عليك بتغيير نعريف الروابط، بالشكل التالي: $keyword = urlencode('فارسی'); $url = "https://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=$keyword&userip=192.168.106.1";ثم كلاس البحث: class stdClass#2 (2) { public $results => array(4) { [0] => class stdClass#3 (8) { public $GsearchResultClass => string(10) "GwebSearch" public $unescapedUrl => string(46) "https://en.wikipedia.org/wiki/Persian_language" public $url => string(46) "https://en.wikipedia.org/wiki/Persian_language" public $visibleUrl => string(16) "en.wikipedia.org" public $cacheUrl => string(66) "http://www.google.com/search?q=cache:xHz0PgdVXjEJ:en.wikipedia.org" public $title => string(51) "Persian language - Wikipedia, the free encyclopedia" public $titleNoFormatting => string(51) "Persian language - Wikipedia, the free encyclopedia" public $content => string(201) "Persian (/ˈpɜrʒən/ or /ˈpɜrʃən/), also known by its endonym <b>Farsi</b> or Parsi ( English: /ˈfɑrsiː/; Persian: <b>فارسی</b> fārsi [fɒːɾˈsiː] ( listen)), is the predominant ..." } [1] => class stdClass#4 (8) { public $GsearchResultClass => string(10) "GwebSearch" public $unescapedUrl => string(85) "https://fa.wikipedia.org/wiki/%D8%B2%D8%A8%D8%A7%D9%86_%D9%81%D8%A7%D8%B1%D8%B3%DB%8C" public $url => string(121) "https://fa.wikipedia.org/wiki/%25D8%25B2%25D8%25A8%25D8%25A7%25D9%2586_%25D9%2581%25D8%25A7%25D8%25B1%25D8%25B3%25DB%258C" public $visibleUrl => string(16) "fa.wikipedia.org" public $cacheUrl => string(66) "http://www.google.com/search?q=cache:Wa73LPvsgnQJ:fa.wikipedia.org" public $title => string(78) "زبان <b>فارسی</b> - ویکی‌پدیا، دانشنامهٔ آزاد" public $titleNoFormatting => string(71) "زبان فارسی - ویکی‌پدیا، دانشنامهٔ آزاد" public $content => string(310) "<b>فارسی</b> یکی از زبان‌های هندواروپایی در شاخهٔ زبان‌های ایرانی جنوب غربی است که در کشورهای ایران، افغانستان، تاجیکستان و ازبکستان به آن سخن می‌گویند. <b>فارسی</b> زبان ..." } [2] => class stdClass#5 (8) { public $GsearchResultClass => string(10) "GwebSearch" public $unescapedUrl => string(70) "http://www.bbc.com/persian/tvandradio/2013/08/000001_bbcpersian_livetv" public $url => string(70) "http://www.bbc.com/persian/tvandradio/2013/08/000001_bbcpersian_livetv" public $visibleUrl => string(11) "www.bbc.com" public $cacheUrl => string(61) "http://www.google.com/search?q=cache:HsItkryX0ZAJ:www.bbc.com" public $title => string(101) "تلویزیون <b>فارسی</b> بی‌بی‌سی: پخش زنده اینترنتی - BBC Persian" public $titleNoFormatting => string(94) "تلویزیون فارسی بی‌بی‌سی: پخش زنده اینترنتی - BBC Persian" public $content => string(307) "برنامه های تلویزیون <b>فارسی</b>، هر روز به طور مستقیم و زنده از وبسایت <b>فارسی</b> بی‌بی‌سی نیزپخش می شود. با این حال، امکان تماشای بخشی از برنامه‌های تلویزیونی به دلیل ..." } [3] => class stdClass#6 (8) { public $GsearchResultClass => string(10) "GwebSearch" public $unescapedUrl => string(30) "http://www.farsinet.com/farsi/" public $url => string(30) "http://www.farsinet.com/farsi/" public $visibleUrl => string(16) "www.farsinet.com" public $cacheUrl => string(66) "http://www.google.com/search?q=cache:yI1zxZstf_oJ:www.farsinet.com" public $title => string(91) "<b>Farsi</b>, the most widely spoken Persian Language, a <b>Farsi</b> Dictionary <b>...</b>" public $titleNoFormatting => string(70) "Farsi, the most widely spoken Persian Language, a Farsi Dictionary ..." public $content => string(156) "Persian Language, also known as <b>Farsi</b>, is the most widely spoken member of the Iranian branch of the Indo-Iranian languages, a subfamily of the ..." } } public $cursor => class stdClass#7 (6) { public $resultCount => string(10) "56,600,000" public $pages => array(8) { [0] => class stdClass#8 (2) { ... } [1] => class stdClass#9 (2) { ... } [2] => class stdClass#10 (2) { ... } [3] => class stdClass#11 (2) { ... } [4] => class stdClass#12 (2) { ... } [5] => class stdClass#13 (2) { ... } [6] => class stdClass#14 (2) { ... } [7] => class stdClass#15 (2) { ... } } public $estimatedResultCount => string(8) "56600000" public $currentPageIndex => int(0) public $moreResultsUrl => string(102) "http://www.google.com/search?oe=utf8&ie=utf8&source=uds&start=0&hl=en&q=%D9%81%D8%A7%D8%B1%D8%B3%DB%8C" public $searchResultTime => string(4) "0.36" } } Laravel 4: Les Bases d'une API RESTful

الخطأ بـ double quotes ( " ) مع إمكانية تضمين المتغيرات، عكس single quotes التي يمكن استعمالها شرط أن لا تتضمن أي متغيرات، إلا في حالة استعمال concatenation - دمج المتغير مع جمل الاستعلام- ، وبهذا يمكن كتابة جملة الاستعلام على الشكلين التاليين : الشكل الأول:"select * from favorites where user_id = $user_id AND article_id = $article_id"الشكل الثاني:'select * from favorites where user_id = '.$user_id.' AND article_id = '.$article_id ; When to use single quotes, double quotes, and backticks