Shulou(Shulou.com)06/02 Report--

This article mainly introduces what are the differences between bootstrap and dreamweaver. It is very detailed and has certain reference value. Friends who are interested must finish reading it.

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

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

Introduction to bootstrap

Bootstrap is Twitter's open source front-end framework based on HTML, CSS and JavaScript. It is a set of front-end toolkits designed for the rapid development of Web applications. It supports responsive layouts and insists on mobile devices first after V3.

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

Include content

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

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

Components: Bootstrap contains a wealth of Web components, according to these components, you can quickly build a beautiful, fully functional website.

It includes the following components: drop-down menu, button group, button drop-down menu, navigation, navigation bar, path navigation, paging, typesetting, thumbnail, warning dialog box, progress bar, media object, etc.

JavaScript plug-ins: Bootstrap comes with 13 jQuery plug-ins that give "life" to components in Bootstrap. These include: mode dialog box, tab, scroll bar, pop-up box and so on.

Function:

Quickly write a website with the styles and components it provides

You only need to refer to some defined classes, that is, the class name, to create a web page that already has a very beautiful style, and supports self-adaptation, which is a good framework.

To put it simply: it is an open source project to quickly build the front page of the website (based on Jquery). You only need to know the meaning represented by the relevant class, tag name, etc., and then import bootstrap's JS, css, etc., when building the page, and it will show the corresponding effect.

Introduction to dreamweaver

Dreamweaver's full name is Adobe Dreamweaver, abbreviated as "DW", and the Chinese name is "Dream Weaver". It was originally developed by MACROMEDIA in the United States and was acquired by Adobe in 2005.

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

Adobe Dreamweaver uses WYSIWYG interfaces and HTML editing capabilities to easily create, encode and manage dynamic websites with the help of a simplified intelligent coding engine. Access code hints to quickly learn about HTML, CSS, and other Web standards. Use visual aids to reduce errors and improve website development speed.

Advantages of software

Production efficiency

Dreamweaver can move files such as Fireworks,FreeHand or Photoshop to a web page in the quickest way. Use the Color Detection eyedropper tool to select the color on the screen to set the closest web-safe color. For menus, keyboard shortcuts and format control, all can be done in a simple step. Dreamweaver can be matched with your favorite design tools, such as PlaybackFlash,Shockwave and plug-in modules, without leaving Dreamweaver, the overall application process is natural and smooth. In addition, with a single click, Dreamweaver can automatically open Firework or Photoshop to edit and optimize the drawing file.

Website management

Using site maps, you can quickly prototype, design, update and reorganize web pages. Change the location of the page or the name of the file and Dreamweaver will automatically update all links. Using search and replacement functions that support text, HTML code, HTML attribute tags and general syntax to make complex site updates quick and easy.

Control ability

Dreamweaver is a design tool that provides RoundtripHTML, visual editing and source code editing synchronization. It contains mainstream text editors such as HomeSite and BBEdit. Frames (frames) and tables are made so fast that you can't imagine. The advanced table editing function allows you to easily select single cells, rows, columns, or non-continuous selections.

You can even sort or format table groups, and Dreamweaver supports precise positioning and 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 to provide strong support to Third-party vendors, including ASP,Apache,BroadVision,ColdFusion,iCAT,Tango and self-developed applications.

When you are using Dreamweaver to design dynamic web pages, WYSIWYG allows you to preview web pages without having to go through a browser. The Dream template and XMLDreamweaver separate content from design and apply it to rapid web updates and teamwork web editing.

Create a template of the appearance of the page, specifying editable or non-editable parts, and content providers can edit style-based content directly without accidentally changing the established style. You can also use the template to import or output XML content correctly.

Omni-directional presentation of web pages designed by Dreamweaver, which can be fully presented on popular browsers on any platform. For cascadingstylesheets's dynamic HTML support and mouse swap effects, the DHTML effects library for sound and animation can be executed on Netscape and Microsoft Internet Explorer.

Using different browser check-in features, Dreamweaver can tell you how well it works on different browsers. When a new browser is available, you can get a detailed performance report simply by downloading its description file from Dreamweaver's website.

You do not need to write code to implement CSS best practices. Create a new CSS rule in the Properties panel and clearly and simply state the corresponding location of each property in the style cascading.

Comprehensive CSS support enhancements

Use the enhanced CSS implementation tools in Dreamweaver CS4 to make your site stand out. Quickly define and modify CSS rules in the Properties panel with immediate visual feedback in Design and Real time View. Use the new related Files and Code Navigator features to find the location where specific CSS rules are defined.

These are all the contents of this article entitled "what are the differences between bootstrap and dreamweaver". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.