What is the difference between bootstrap and dreamweaver

Difference: 1. Bootstrap is a front-end framework based on HTML, CSS, and JavaScript, while dreamweaver is a web page code editor; 2. Bootstrap can be used to quickly create a responsive website, while dreamweaver can be used to improve Website development speed.

The operating environment of this tutorial: Windows7 system, bootsrap3.3.7&&Adobe Dreamweaver CS6 version, DELL G3 computer

##bootstrap Introduction

Bootstrap is Twitter’s open source front-end framework based on HTML, CSS, and JavaScript. It is a front-end toolkit designed for rapid development of web applications. It supports responsive layout and adheres to mobile device priority after the V3 version.

Bootstrap provides elegant HTML and CSS specifications, which are written in the dynamic CSS language Less. Bootstrap has been very popular since its launch and has been a popular open source project on GitHub, including NASA's MSNBC (Microsoft National Broadcasting Company) Breaking News. Some frameworks that are familiar to domestic mobile developers, such as the WeX5 front-end open source framework, are also performance optimized based on the Bootstrap source code.

Content

• Basic structure: Bootstrap provides a basic structure with a grid system, link styles, and background. This will be explained in detail in the Bootstrap basic structure section.

• CSS: Bootstrap comes with the following features: global CSS settings, defining basic HTML element styles, extensible classes, and an advanced grid system.

• Components: Bootstrap contains a wealth of Web components. Based on these components, you can quickly build a beautiful and fully functional website.
  It includes the following components: drop-down menu, button group, button drop-down menu, navigation, navigation bar, path navigation, paging, layout, thumbnail, warning dialog box, progress bar, media object, etc.

• JavaScript plug-ins: Bootstrap comes with 13 jQuery plug-ins, which give "life" to components in Bootstrap. These include: modal dialog boxes, tabs, scroll bars, pop-up boxes, etc.

Function:

Use the styles and components it provides to quickly write a website

You only need to reference some defined Class, that is, the class name, you can create a web page with a very beautiful style, and it supports self-adaption, which is a very good framework.

To put it simply: is an open source project (based on Jquery) for quickly building a website front page. You only need to understand the meanings of relevant classes, tag names, etc., and then when building the page, import bootstrap's JS, css, etc., and it will display the corresponding effects.

Introduction to dreamweaver

The full name of dreamweaver is Adobe Dreamweaver, referred to as "DW", and the Chinese name is "Dream Weaver". It was originally developed by the American MACROMEDIA company. , acquired by Adobe in 2005.

DW is a WYSIWYG web code editor that integrates web page production and website management. With support for HTML, CSS, JavaScript and more, designers and programmers can quickly create and build websites virtually anywhere.

Adobe Dreamweaver uses a WYSIWYG interface and also has HTML (an application under the Standard Universal Markup Language) editing function. With the help of a simplified intelligent coding engine, it is easy to create, code and manage dynamic websites. . Access code tips to quickly learn about HTML, CSS, and other web standards. Use visual aids to reduce errors and increase website development speed.

Software advantages

• Production efficiency
  Dreamweaver can use the fastest way to convert Fireworks, FreeHand, or Photoshop files Move to web page. Use the color picker tool to select a color on the screen to set the closest web-safe color. For menus, shortcut keys and format control, all can be completed in one simple step. Dreamweaver can be paired with your favorite design tools, such as PlaybackFlash, Shockwave, and plug-in modules. You can complete it without leaving Dreamweaver, and the overall application process is natural and smooth. In addition, Dreamweaver can automatically open Firework or Photoshop with a single click to edit and optimize the image.

• Website Management
  Use a site map to quickly prototype a website, design, update and reorganize web pages. Change the web page location or file name and Dreamweaver will automatically update all links. Complex website updates are made quickly and easily using search and replace capabilities that support text, HTML code, HTML attribute tags, and general syntax.

• Control ability
  Dreamweaver is a design tool that provides synchronization of Roundtrip HTML, visual editing and source code editing. It includes mainstream text editors such as HomeSite and BBEdit. Frames and tables can be created faster than you can imagine. Advanced table editing features allow you to easily select cells, rows, columns or make non-consecutive selections.

  You can even sort or format table groups. Dreamweaver supports precise positioning and layout layout by dragging and dropping layers that can be easily converted into tables. WYSIWYG Dreamweaver successfully integrates dynamic publishing visual editing and e-commerce functions, providing strong support capabilities to third-party vendors, including ASP, Apache, BroadVision, ColdFusion, iCAT, Tango and self-developed application software.

  When you are using Dreamweaver to design dynamic web pages, the WYSIWYG function allows you to preview the web page without using a browser. Dreamweaver and XMLDreamweaver separate content from design for rapid web updates and teamwork web editing.

  Create a template for the appearance of a web page and specify editable or non-editable parts. Content providers can directly edit style-based content without accidentally changing the established style. You can also use templates to correctly import or export XML content.

  All-round presentation Web pages designed using Dreamweaver can be fully presented on popular browsers on any platform. For dynamic HTML support for cascadingstylesheets and mouse-over effects, a DHTML effects library for sounds and animations can be executed on Netscape and Microsoft Internet Explorer.

  Use the different browser detection function, Dreamweaver can tell you how effective it is in different browsers. When a new browser is launched, just download its description file from the Dreamweaver website to get a detailed performance report.

  Implement CSS best practices without writing code. Create new CSS rules in the Properties panel and clearly and simply indicate where each property belongs in the style cascade.

• Comprehensive CSS support enhancements

  Make your website stand out with enhanced CSS implementation tools in Dreamweaver CS4. Quickly define and modify CSS rules in the Properties panel with instant visual feedback in Design and Live View. Use the new Related Files and Code Navigator features to find where specific CSS rules are defined.

Related recommendations: "dreamweaver tutorial", "bootstrap usage tutorial"

The above is the detailed content of What is the difference between bootstrap and dreamweaver. For more information, please follow other related articles on the PHP Chinese website!