Web production techniques: page you tried to do "beyond recognition"?
Related Tags:
If only because here to change the browser settings, or because the browser is not compatible with itself with a website become "beyond recognition," and the more frustrating! Below us to a common tool lovers website Dreamweaver (hereinafter referred to DW) as an example, the web site lists several of the more common production beginners page layout problems and solutions, hope for beginners to help.
First, the elimination of arbitrary scaling of the Web browser window of
Some of the hard work done by the website in full screen mode to all normal. But changes in the browser window size, the website has become the "offensive", and this is a very noteworthy problems.
The root of the problem must start with the layout of a web page, DW, the positioning web content is generally achieved through the form, the problems will be solved forms the most successful.
We should note that in DW in the form of the Height and Width attributes panel set provides a choice of two different types: Percentage and pixel value. Will be a percentage of the use of the front said that the illnesses. Talking about here refers to the percentage of forms of high or wide of the mark is set to top regional high or wide percentage, as in the form of a unit width is 600, in its embedded inside another form, Form width of the forms unit 50%, then this form with a width of 300, and so on, if not in a form embedded in the unit in another form, its percentage relative to the width of the window at that time. IE browser, any changes to the size of Home window, the contents of forms also will be dislocation and deformation, it is because the percentage of forms to the size of window with a corresponding change in the percentage of the width.
Naturally, a solution to this problem is to set up a fixed width forms width (that is, pixel value). Another form has been good if the outer fixed width settings, the inner forms can also set up the appropriate use of percentage. After this principle clearly, if there is a similar problem we all know how to resolve.
Second, the middle page
As the window size will be thinking along the path of the resolution, 800 × 600 pixel pages produced in 1024 × 768 machines opened, the entire page will go to the left, 1024 × 768 resolution page 800 × 600 pixel machines sometimes become "offensive." The two make a resolution? Done time-consuming, seem strenuous. How do?
Now the majority of Internet users are still using 800 * 600 resolution, so we can generally resolution of this main page to get in the middle at 1024 * 768, as long as the original code in the website <body> tight after an increase <center >, </ body> front of a </ center> on OK. But there are several issues that must pay attention to this, the first issue is the percentage of the above mentioned issues, forms, the width of the cells to use the best unit pixel units, rather than use percentage. For example, width = 770. If you set the width of the table is the percentage, then the use of more than 800 × 600 pixel, the website will pull wide, this website may be deformed. In "body> = 0 leftmargin adding that the <body leftmargin = 0> Under such circumstances, the support of 800 × 600 forms width of 780 pixels, there will not be any rolling. Another point to note is the DW can not be used to locate layer.
<html>
<head> </ Head>
<body Topmargin=0 leftmargin=0>
<center>
<table Cellspacing cellpadding width=760> <tr> <td> </ td> </ tr> </ table>
</ Center>
</ Body>
</ Html>
Third, the definition of fixed-size text
As we all know, in the IE browser feature set, one can freely set the window size of the functional content, such as different habits of visitors to different settings, showing page in front of them, sometimes not vary. For example, you may have been designed to use the Font on the 2nd, the results of the browser as users of the additional settings, the greater the change, then your website could also become "offensive." Although not your fault, the customer is God.
If you use a web page in the css style sheets technology, would not have been the situation. Shortcuts using "Shift F11" open style sheet "CSS Style" editor, in the window, click the right mouse button implementation of the "New css style ..." orders a new style sheet, and then gives a list of options "types" option, the definition text attribute parameters (the text size more appropriate to select 12 px). Upon completion of pages of the text in the edit window, click the name of the new style sheet, we can see that the selected text has changed. Try preview, the text Font Size definition will not be with the choice of browser font size change.
Fourth, to adapt to different Web browser
The pattern of browser is now two points the world, one is IE, and the other is at NetScape, it is absolutely in the country Ie share, and in these circumstances we have designed the website as long as it compatible trip, but NetScape or abroad a lot of people use, it is, after all, the veteran browser.
Although there is no way to make that all browsers are compatible with the web site, as long as the attention to the following points, the web site comes out in all browsers can be achieved in relatively good effect:
Do not mix layers and form layout, if the father and son relationship, such as layer forms, and not within the scope of this principle.
- CSS within the Netscape Navigator in the often be a problem, the use of chain or embedded.
Sometimes necessary in the air layer insert tables, or transparent picture to ensure the Netscape Navigator in effect.
For only a few pixels of width or height, switch to picture to achieve.
Avoid using the w3c organization does not recommend layout attributes, instead of using CSS.
- CSS broadcast of the commonly used techniques
- You may not know that 10 of the CSS techniques
- Optimization and CSS techniques
- Web site promotion techniques 8
- CSS2.0 of the 18 most commonly used techniques
- CSS style sheet document and optimization techniques
- Flash techniques used in the pixel fonts
- Ajax tools and techniques of
- You may not know that the CSS techniques
- 16 Dreamweaver use of fast techniques
- Google ranking - Search engine registration techniques
- Dreamweaver use of fast techniques
- Painting techniques: Flash painting pen
- Dreamweaver image rendering techniques
- CSS code-writing techniques commonly used
- Web-based framework of the optimization techniques
- Worthy of the respect of an article on the CSS techniques
- 13 Dreamweaver use of fast techniques
- JavaScript methods and techniques Daquan
- CSS techniques commonly used
