Development Tools
dreamweaver
Points to note when developing websites using Dreamweaver and MyEclipse
Points to note when developing websites using Dreamweaver and MyEclipse
The content of this article is about the points that need to be paid attention to when using Dreamweaver and MyEclipse to develop websites. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
I recently used these two tools to build a website, and encountered many problems on the way. I will summarize them now for your reference!
1. First unify the encoding. Dreamweaver and MyEclipse sometimes have different default encodings. You need to unify them first, otherwise the transition will be chaotic.
The way Dreamweaver changes the default encoding: Ctrl N (File-> New) -> Preferences -> New Document -> Default encoding -> Just select the default encoding format you want.
MyEclipse Change the encoding method of the project: right-click the project name->Properties->Resource->Text file encoding, select the encoding method of the project.
MyEclipse changes the default encoding of various files: Window->Preferences->General->Content Types-> For example, if you select the JSP on the right, Default encoding will appear at the bottom of the window. Modify the default encoding of the file on the right. Encoding method is enough.
2. Create a new site in Dreamweaver and complete the layout of the main static parts of the website!
3. Create a new project in MyEclipse, then open the html file you need to import, select "Save As" in the appropriate directory in your project, and it is best not to change its suffix when naming it. After saving, you will have this file under your project, then right-click to rename it. At this time, you can change the suffix ".jsp" to jsp.
4. If there are style sheet files and pictures , just copy the style sheet file to the corresponding directory. For example, you can create a new directory css to store your style sheet file, and a new images directory to store your pictures. Of course, the path may be different at this time. It is best not to modify the path in the code yourself, but to use Dreamweaver to open your jsp file and modify it.
5. Then you can complete your project in MyEclipse. You can open the jsp file in your project in Dreamweaver at the same time, then modify it, and save it after modification. In MyEclipse, it will If you are prompted that the file has been modified and whether to load it, just select Yes. If there is no reminder, just right-click your project and select Refresh.
Attention to a few issues
1. It is best not to delete the original html file.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">2. It is best to copy the
<% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>
2. If there is a garbled code problem, assuming the encoding method you use is UTF-8, just add
<%@ page contentType="text/html;charset=UTF-8" %>
at the top of the jsp file. If it is an encapsulated tag file, Just add
<%@ tag charset=UTF-8" %>
and also change the original ones in the html file
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Be sure to change the default encoding of Eclipse to UTF-8, otherwise there will be problems when saving.
If garbled characters still appear, delete the garbled characters, rewrite them, or save the part you want to copy and paste with Notepad, and select the "UTF-8" encoding method when saving.
3. Sometimes the style sheet will not work after being copied, even if the path is correct, then you can type the file in Dreamveaver and
delete the original style sheet link, such as < ;link href="css/style.css" rel="stylesheet" type="text/css"/>, delete it, and then rewrite the
4. Sometimes the style sheet does not work because of encoding problems. Maybe Chinese characters appear in your style sheet, such as Chinese comments. Sometimes this will also be affected. You can delete the comments or add @ in the style sheet. charset "utf-8", or use Notepad to save it;
5. Other hyperlinks, image links, etc. may not work. Just relink them in Dreamweaver.
The above is the detailed content of Points to note when developing websites using Dreamweaver and MyEclipse. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1392
52
How to adjust text position in dreamweaver
Apr 09, 2024 am 02:24 AM
Adjusting the text position in Dreamweaver can be completed by the following steps: Select the text and use the text position adjuster to make horizontal adjustments: left alignment, right alignment, center alignment; 2. Make vertical adjustments: top alignment, bottom alignment, vertical center; 3. Press Shift key and use the arrow keys to fine-tune the position; 4. Use shortcut keys to quickly align: left alignment (Ctrl/Cmd + L), right alignment (Ctrl/Cmd + R), center alignment (Ctrl/Cmd + C).
How to add video to dreamweaver webpage production
Apr 09, 2024 am 01:42 AM
Embed video using Dreamweaver: Insert a video element. Select and upload a video file. Set video type, URL, size, autoplay and controls. Insert video. Optional: Customize the video appearance.
How to adjust line spacing in dreamweaver
Apr 09, 2024 am 03:00 AM
Adjusting line spacing in Dreamweaver is a four-step process: select the text, open the Paragraph panel, adjust the Line Spacing options, and finally click OK to apply the changes.
How to add pictures to dreamweaver
Apr 09, 2024 am 03:30 AM
To insert a picture in Dreamweaver, click the Insert menu and choose Image, then navigate to the picture file and select it. Other methods include dragging and dropping files or inserting HTML code directly. Adjusting properties includes changing size, alignment, adding borders, and entering alt text.
How to set the web design software Dreamweaver to Chinese
Apr 09, 2024 am 12:39 AM
To set Dreamweaver to Chinese, follow these steps: Open Dreamweaver; change User Interface Language to Simplified Chinese or Traditional Chinese in the preferences; restart Dreamweaver; check the Help menu About Dreamweaver" item to verify the language settings.
How to set dreamweaver font
Apr 09, 2024 am 02:54 AM
You can set fonts in Dreamweaver by selecting a font, size, and color using the Properties panel. Use CSS to set fonts for your entire website or specific elements. Set the font directly in the HTML code using the "font" tag.
How to set text size in dreamweaver
Apr 09, 2024 am 02:18 AM
To set text size in Dreamweaver, just: Select the text Go to the Text menu Select Font Size Select the desired size Press Enter to save
How to add text box in dreamweaver
Apr 09, 2024 am 01:15 AM
Add a text box in Dreamweaver: Open a new document and insert a table text field. Set text box properties, including name, height, width, and wrapping, through the Properties panel. Double-click the text box to enter text and use the text editing function to set the text style. Customize the appearance and behavior of text boxes with CSS. Use the HTML tab of the Properties panel to view and edit the text box code.
