How to create a search in Dreamweaver How to create a search bar in Dreamweaver

How to search in Dreamweaver? First, there is a search box

What is the process of web design and production?

The analysis is as follows:

1. First download and install Dreamweaver. After opening it, create a new web page. Generally, select "HTML" to create a web page. Choosing the "Classic" interface will help us use this software more conveniently.

2. Select these three interfaces below, code, split, and design. Generally, the default design interface is used. This function is visual for novices and can better create web pages.

3. Next we will make a website and create a file on the computer as the root directory. All the files and web pages of the website we build are saved in this file. The function of the site is to make the framework between the web pages of your website clear. Also give the site a name.

4. Then create a file specifically to store website images in the root directory of the site, and set the default. In this way, all pictures you add to this website will be automatically saved to this file and will not be lost. Note that the file naming must be in English. Below I will use the (Basketball Information Network) I created to introduce it. Click the Basketball Information Network in the lower right corner - drop down and click Manage Site - click Advanced Settings - set the default image folder to the newly created images. save.

5. Let’s make the homepage of this website and learn to add pictures first. Insert - image - select material to add. Click on the image, and the following properties can be edited to modify the image size, add hyperlinks, etc. Below I modify the image size as a demonstration.

6. Learn to add text below. Edit "Basketball Information Network". The following properties can be used to set text fonts, add hyperlinks, etc. Click on page properties to edit text properties in detail.

7. A webpage is basically a combination of text and pictures. Adding videos requires learners to search for Dreamweaver usage videos to learn. Remember to save the last web page you create. File in the upper left corner - Save.

8. Finally, we learn to add hyperlinks. I used the second web page I created as an example. Select the text of the Basketball Information Network, click Properties at the bottom of the page - Link - click the small file button - select the first web page, so that the text of the Basketball Information Network turns blue. This is an internal link to the website, as opposed to an external link. Add the picture, be sure to write http://... and that's it.

9. Finally, we browse the web. File in the upper left corner - Browse the web page in the browser, click on the two links in the web page to reach the specified web page.

Extended information:

Web design

When designing a website, you should pay attention to two key points: overall style and color matching.

Style

The overall style of a website and its creative design are the most difficult to learn. The difficulty is that there is no fixed model to refer to and imitate. Give you a theme and no two people will be able to design an identical website.

Style is abstract. It refers to the comprehensive feeling that the overall image of the site gives to the viewer. This "overall image" includes the site's CI (logo, color, font, slogan), layout, browsing method, interactivity, text, tone, content value, existence significance, site honor and many other factors.

Color matching

Whether it is graphic design or web design, color is always the most important part. When we are far away from the display screen, what we see is not the beautiful layout or beautiful pictures, but the color of the web page.

Web page color matching tips:

1. Use one color: This means selecting a color first, and then adjusting the transparency or saturation. This way the page will look uniform in color and layered;

2. Use two colors: first select one color, then select its contrasting color;

3. Use a color system: To put it simply, use a color that feels the same, such as light blue, light yellow, light green; or earthy yellow, earthy gray, earthy blue.

In web page color matching, there are some misunderstandings that should be kept in mind:

1. Don’t use all colors, try to limit it to three to five colors;

2. The contrast between the background and the previous text should be as large as possible (never use complicated patterns as the background) in order to highlight the main text content.

Reference: Baidu Encyclopedia: Design

How to fill in the HTTP address of the Dreamweaver site?

Site - when creating a new site, fill in the site name and select the folder where the site is stored. You do not need to fill in the HTTP address.

How to add a search box in DW web page production?

Use the input tag to add a search box, and then beautify the input

How many categories is the dw insertion toolbar divided into?

Its working interface includes: title bar, menu bar, insert panel group, document toolbar, document window, status bar, property panel and floating panel group.

1. Title bar

After starting MacromediaDreamweaver8.0, the title bar will display the text MacromediaDreamweaver8.0. After creating or opening a document, the location of the document will also be displayed later. and file name.

2. Menu bar

Dreamweaver8.0 has 10 menus, namely File, Edit, View, Insert, Modify, Text, Command, Site, Window and Help .

(1) File: used to manage files. For example, create, open, save, import, convert, output and print, etc.

(2) Editing: used to edit text. For example, cut, copy, paste, find, replace, and preference settings.

(3) View: Used to manage, switch view modes, and display and hide auxiliary view functions such as toolbars, rulers, and grid lines.

(4) Insertion: Used to insert various elements, such as pictures, multimedia components, tables, hyperlinks, etc.

(5) Modification: It has the function of modifying page attributes and page elements, such as inserting tables, splitting and merging cells, aligning objects, and modifying libraries, templates, and timelines.

(6) Text: used for formatting operations on text, etc.

(7) Command: Contains all additional command items.

(8) Site: used to create and manage sites.

(9) Window: Used to display and hide the control panel and switch operations of various document windows.

(10) Help: Online help function.

3. Insert Panel Group

The Insert Panel Group integrates all objects that can be applied in web pages, including the options in the "Insert" menu. The Insert panel group is actually an iconized "Insert" menu command, just like the common toolbars in other application software. Through iconized buttons, users can easily add images, sounds, multimedia animations, tables, graphs, etc. Layers, frames, forms, Flash and ActiveX and other web page elements make various operations easier and faster.

4. Document Toolbar

The "Document" toolbar contains various buttons that allow users to quickly switch between different views of the document (such as "Code" view, " Design view, Split view showing both Code and Design views). The Documents toolbar also contains some common commands and options for viewing documents and transferring documents between local and remote sites.

5. Document window

The "Document" window displays editing documents and is the main place used to edit various web page elements. Dreamweaver8.0 provides three different styles The document window display mode allows users to select any view as needed and switch and refresh it at any time.

"Design" view is a design environment for visual page layout, visual editing, and rapid application development; "Code" view is a hand-coding environment for writing and editing HTML, JavaScript, server language code, and any other type of code. Environment; "Code and Design" view is an organic combination of "Design" view and "Code" view, providing the ability to simultaneously see the "code" of the same document in a single window and the final visualization in the browser .

6. Properties panel

The properties panel is used to display and edit the most commonly used properties of the currently selected page elements (such as text, images, etc.). The contents of the properties panel vary depending on the selected element. Because the property panel does not load the properties of all page elements in the document window on the panel, but dynamically displays its properties based on the selected object. For example, if an image is currently selected, the properties related to the image will appear on the properties panel; if text is selected, the properties panel will correspondingly change to the properties related to the text.

7. Status bar

The status bar is used to display other relevant information about the currently edited document. Such as document size, estimated download time, window size, zoom ratio, tag selector, etc.

8. Floating panel group

Other panels such as CSS, applications, files, frames, history, etc. can be referred to as floating panels. These panels are divided into several groups according to their functions. They can all be outside the editing window, can be expanded using the expand button, and can be selectively opened and hidden through commands in the "Window" menu.

How to change the website backend management address?

I haven’t seen your website code, so I can’t point out the specific changes. To give you a general idea: 1. Modify the folder name. This usually does not require changing the code, you can just rename the folder.

2. Modify the name of the login page, such as Login.asp to abc.asp, but the home page in the background or other places must also be modified accordingly.

For example, when the background homepage index.asp detects that you are not logged in, it will automatically jump to login.asp. At this time, if we want it to jump to abc.asp, we must also modify it here. . Because I don’t know where you are redirecting, I suggest you don’t use Notepad, use Dreamweaver, search the source code - whole site: login.asp and replace it all with abc.asp. Please back up before operation