توضیحات
Web designers, web producers, and webmasters rely on one program above all others to design, build, and manage professional websites: Adobe Dreamweaver. It provides the tools you need to create everything from simple HTML pages to database-driven PHP pages. But what makes Dreamweaver so versatile is also what makes it difficult to learn. This bestselling guide offers you with clear, jargon-free explanations to help you master this sophisticated program — and bring stunning, contemporary websites to life.
Written by veteran Dreamweaver teacher and author David McFarland, Dreamweaver CS5: The Missing Manual takes you through site creation step-by-step, from building your very first page to launching a template-driven, fully interactive site. You’ll hone your skills with the help of hands-on, guided tutorials throughout the book.
- Learn how to control the appearance of your web pages with CSS, from basic to advanced techniques
- Design dynamic, database-driven websites, from blogs to product catalogs, and from shopping carts to newsletter signup forms
- Add interactivity to your website with ready-to-use JavaScript programs from Adobe’s Spry Framework
- Effortlessly control the many helper files that power your website and manage thousands of pages
- Examine web page components and Dreamweaver’s capabilities with the book’s ”live examples”
Add Spry Tabbed Panels to Web Pages Some website visitors are loath to scroll; if they dont see what they want when a page first loads, they move on. Because of this, some web designers divide long passages of information into multiple pages so that each page presents small, easy-to-digest chunks. Of course, that means building several pages instead of just one, and forces visitors to click through (and wait for) a series of pages. Spry Tabbed Panels provides an alternative (see Figure 13-1). Instead of creating one long page, or several smaller pages, you can organize information into separate tabbed panels. That way, your content is always front and center, and your visitors can easily access different sections by clicking a tab above each panel. Adding a Tabbed Panel You can place Spry tabbed panels anywhere on a web page. But since the tabs form a single row at the top of the group of panels, you need enough horizontal space to accommodate all the tabs. Unless you have only a couple of tabs with one-word text labels, you should place the tabbed panels in a fairly wide space, such as the main column of a web page, or across the entire width of the page. Just follow these steps:
1. In the document window, click where you wish to insert the panels. For example, inside a div tag. 2. Choose Insert > Spry > Spry Tabbed Panels, or, on the Insert panels Spry category, click one of the Spry Tabbed Panels buttons (see Figure 13-2). You can find all the Spry goodies on the Insert panels Spry category (Figure 13-2, left); youll also find several Spry widgets (including tabbed panels) listed under the Layout category (Figure 13-2, right), and other Spry buttons grouped under other tabs (form validation Spry widgets appear under the Forms tab, for example).
After you insert a tabbed panel, you see two tabs and two panels on the page (Figure 13-3); in addition, a blue tab appears above the panels indicating the Spry widget. The blue tab appears only in Dreamweavers Design view, not in a guests web browser. It gives you an easy way to select the Spry widget and access its properties in the Property inspector.
- Note: When you save a page after inserting a Spry Tabbed Panel, Dreamweaver notifies you that it has added two files to the site: a CSS file (SpryTabbedPanels.css) for formatting the panel group, and a JavaScript file (SpryTabbedPanels.js) to make the panels appear and disappear when visitors click the tabs. Dreamweaver saves both files in the SpryAssets folder in your sites root folder. Make sure you upload this folder when you move your site onto your web server.
4. Add additional panels. If two panels arent enough for your needs, use the Property inspector to add more. Above the list of tab names, click the + button (see Figure 13-3) to add a new panel. To remove a panel, in the same list, click the name of a tab, and then click the minus (-) button. You can also reorder the panels by selecting a tab from the list, and then clicking the up or down arrow button. The up arrow moves a panel to the left, while the down arrow moves a panel to the right.
- Note: A Spry widgets properties appear in the Property inspector only when you select the widget. To do so, click the blue tab above the elements inside the widget.
————————————————————–
ترجمه ماشینی :
طراحان وب، تولیدکنندگان وب و مدیران وب برای طراحی، ساخت و مدیریت وبسایتهای حرفهای بیش از همه به یک برنامه متکی هستند: Adobe Dreamweaver. ابزارهایی را که برای ایجاد همه چیز از صفحات ساده HTML گرفته تا صفحات PHP مبتنی بر پایگاه داده نیاز دارید را فراهم می کند. اما چیزی که Dreamweaver را بسیار همه کاره می کند همان چیزی است که یادگیری آن را دشوار می کند. این راهنمای پرفروش توضیحات واضح و بدون اصطلاحات را به شما ارائه می دهد تا به شما در تسلط بر این برنامه پیچیده کمک کند – و وب سایت های خیره کننده و معاصر را زنده کنید.
نوشته شده توسط معلم و نویسنده کهنه کار Dreamweaver دیوید مک فارلند، Dreamweaver CS5: The Missing Manual شما را گام به گام از ساختن اولین صفحه تا راهاندازی یک سایت کاملاً تعاملی مبتنی بر قالب و ایجاد سایت راهنمایی میکند. . شما مهارت های خود را با کمک آموزش های عملی و هدایت شده در سراسر کتاب تقویت خواهید کرد.
- یاد بگیرید چگونه ظاهر صفحات وب خود را با CSS کنترل کنید، از تکنیک های اولیه تا پیشرفته
- طراحی وب سایت های پویا و مبتنی بر پایگاه داده، از وبلاگ ها تا کاتالوگ های محصولات، و از سبد خرید گرفته تا فرمهای ثبتنام در خبرنامه
- با برنامههای جاوا اسکریپت آماده از Adobe’s Spry Framework تعاملی را به وبسایت خود اضافه کنید
- با زحمت بسیاری از فایلهای کمکی که وبسایت شما را نیرو میدهند و مدیریت میکنند، کنترل کنید. هزاران صفحه
- بررسی اجزای صفحه وب و قابلیت های Dreamweaver با “نمونه های زنده” کتاب
افزودن Spry Tabbed پانلهای صفحات وب برخی از بازدیدکنندگان وبسایت تمایلی به پیمایش ندارند. اگر زمانی که یک صفحه برای اولین بار بارگذاری می شود چیزی را که می خواهند نبینند، ادامه می دهند. به همین دلیل، برخی از طراحان وب، اطلاعات طولانی را به چندین صفحه تقسیم می کنند تا هر صفحه تکه های کوچک و قابل هضم را ارائه دهد. البته، این به معنای ساختن چندین صفحه به جای تنها یک صفحه است و بازدیدکنندگان را مجبور می کند که روی یک سری از صفحات کلیک کنند (و منتظر بمانند). Spry Tabbed Panels یک جایگزین ارائه می دهد (شکل 13-1 را ببینید). به جای ایجاد یک صفحه طولانی یا چندین صفحه کوچکتر، می توانید اطلاعات را در پانل های تب دار جداگانه سازماندهی کنید. به این ترتیب، محتوای شما همیشه در جلو و مرکز قرار میگیرد و بازدیدکنندگان شما میتوانند به راحتی با کلیک کردن بر روی تب بالای هر پانل به بخشهای مختلف دسترسی پیدا کنند. افزودن پانل Tabbed میتوانید پانلهای تبدار Spry را در هر نقطه از صفحه وب قرار دهید. اما از آنجایی که زبانهها یک ردیف در بالای گروه پانلها تشکیل میدهند، به فضای افقی کافی برای قرار دادن همه زبانهها نیاز دارید. مگر اینکه فقط چند برگه با برچسب های متنی یک کلمه ای داشته باشید، باید پانل های تب دار را در یک فضای نسبتاً وسیع، مانند ستون اصلی یک صفحه وب، یا در کل عرض صفحه قرار دهید. فقط این مراحل را دنبال کنید:
1. در سند. در پنجره، روی جایی که می خواهید پانل ها را وارد کنید کلیک کنید. به عنوان مثال، در داخل یک تگ div. 2. Insert > Spry > Spry Tabbed Panels را انتخاب کنید، یا در دسته Insert panels Spry، روی یکی از دکمه های Spry Tabbed Panels کلیک کنید (شکل 13-2 را ببینید). شما می توانید همه چیزهای Spry را در دسته Insert panels Spry پیدا کنید (شکل 13-2، سمت چپ). همچنین میتوانید چندین ویجت Spry (از جمله پانلهای زبانهدار) را که در زیر دستهبندی Layout فهرست شدهاند (شکل 13-2، سمت راست) و سایر دکمههای Spry را که در زیر برگههای دیگر گروهبندی شدهاند (به عنوان مثال، ویجتهای Spry اعتبارسنجی فرم در زیر برگه Forms ظاهر میشوند) پیدا کنید.
tag : دانلود کتاب Dreamweaver CS5: The Missing Manual , Download Dreamweaver CS5: The Missing Manual , دانلود Dreamweaver CS5: The Missing Manual , Download Dreamweaver CS5: The Missing Manual Book , Dreamweaver CS5: The Missing Manual دانلود , buy Dreamweaver CS5: The Missing Manual , خرید کتاب Dreamweaver CS5: The Missing Manual , دانلود کتاب Dreamweaver CS5: The Missing Manual , کتاب Dreamweaver CS5: The Missing Manual , دانلود Dreamweaver CS5: The Missing Manual , خرید Dreamweaver CS5: The Missing Manual , خرید کتاب Dreamweaver CS5: The Missing Manual , برای فرستادن دیدگاه، باید وارد شده باشید. |






نقد و بررسیها
هنوز بررسیای ثبت نشده است.