data during development and is also related to various template technologies on the server side. For example, the Smarty template in PHP (I used to), the MODEL2 concept of JSP and so on. How the HTML structure is designed, how to make HTML reusable, and even the development of OOP in the HTML layer (the front-end development process I am now designing in the new product line) requires server-side support. At the very least, you have to tell the PHP programmer what you need. If you don't know an
contains a large amount of content, in the beginning of the design of the page must first determine the good reader object.
It is meaningful for novice or new visitors to use a fixed file structure and give instructions at the beginning. For example, the description table for the content or some sort of similar structure. If you want to satisfy readers who are not on the same level of knowledge or experie
Javascript| Menu | design | Web page | When the page is made, in order to better organize the information, so that the display of information classification clear, Level clear, web page makers often do their best. Commonly used me
Note: The Velositey used in the tutorial is an earlier version, with the current version of 1.1, slightly different from the interface shown in the tutorial, but basically consistent, but more powerful.
Common layout styles
Before really starting to study Velositey, let's start by simply warming up the common layout style. Take ThemeForest's most popular three wordpress themes (Avada, enfold and salient) as examples, and you'll find that they have a lot in common.
First of all,
Google conducted an online lecture on the concepts and methods of adaptive web design, maintaining the same Web page code to enable the site to have a better reading experience on a variety of browsing devices (from desktop monitors to smartphones or other mobile devices), briefly collating the contents of the lecture
Design | Web Page Design |
Positioning has always been a difficult point in the application of Web standards, if you do not understand the positioning of the possible implementation of the effect can not be achieved, the effect may be out of shape. If you clear the principle
The goal of the XHTML standard is to replace
HTML。 According to the consortium, "XHTML is
HTMLSuccessor "(http://www.w3.org/MarkUp/).
XHTML has two main goals:
Create a more visible separation between the document structure and the representation.
An application that re-represents HTML as XML.
The advantage of using the XHTML standard is that you only need to design the page once to make the
considering the natural light source), which has two background with the effect of paper texture. Results 75% believed that the background with a paper texture had the highest reading comfort for a long time.Conclusion: In the actual work, we need to think more, only these 5 elements is not enough. Browse the environment, equipment, website characteristics, user groups, personal preferences and so on need to be based on the specific situation of the designer to grasp the display of the text int
Most people do not like forms, because people come to the site, the main purpose is not to fill out the form, but to browse or buy. Carefully designed forms make the input smoother and enjoyable, while poor design makes people feel good about the wall. So what is a good form? The layout of the page, logical organization, visual style and so on are all noteworthy details, where the simplified input is often
Design | Web page
There's always someone out there showing off their PS (Photoshop) technology, it seems to be a plane to do with PS, the results of a lot of web designers to do with PS floor plan and then cut the map, and then do the site, today I would like to say with fireworks can make good
The collision color Wind (color Blocking) has become the trend of web design. The use of square (or even curved) color box as a color tool has begun to spread.
This trend was first popular in the fashion world. boxes, bags, footwear and even sportswear class will put a variety of colors together, they are not the form of collocation, but a separate color block collocation.
Now the trend of the color style
Response Web Design How hot we will not repeat it here. But to do a responsive design, so that the page on each screen can be normal display and have a good layout, designers and front-end students need to pay a lot of effort. It's been a lot of trouble to adjust the compatibility of different browsers for 13~27-inch d
With the general background image, blurred background images are becoming the mainstream of web design. In addition, the blur not only creates a cool effect, but also highlights the main content that the site needs to focus on, avoiding any legibility issues. The following is a collection of foreign pictures of some blurred backgrounds. The effect is quite good to sayHappytablesTiny FactoryBlue-Blue
Translator's words : As an educational institution, there is nothing better than using students and blackboard elements to design web banners. A simple but compelling visual focus is created by adding some handwriting to the blackboard. This article through an example to explore the design of a blackboard-style Web
a interesting perspective for his portrait.
Big photograph
A large photograph of yourself can leave a lasting impression in your users minds if it is done.
The more we use computers to communicate, the less face-to-face interaction we. This is why David Desandro ' s about the page is so effective. His headshot was as big as any I ' ve seen on a about page makes to really feel as thought you ' re meeti
1. Do not misuse flash
Adobe's animation technology makes the Internet more powerful, from the Nike company's very exaggerated homepage animation to the Web pages used by many advertisers banner. But this technique is very easy to misuse, and too much animation is not only impractical but also slows down the user's Web browser.
2, do not let the ads blocked the content of the site
It is true that adverti
frontpage| design A, detect network information and system Information
In FrontPage 2000, in the Explorer manager, select Help | about the FrontPage Manager (about Microsoft FrontPage exploer), click the Detect Network (network test), Click Start Test (start test) to detect network parameters including Winsock protocol, IP address, domain name, and click System Information to view system information.
Ii. associating a file with an editor
Under the Org
font, and now we will use it to control the display of the entire page in the new standard. However, we must do something different from the past to adapt to this new change, such as using div to lay out instead of tables, using structured, semantically marked, and so on. With the new approach, we can now easily design reusable CSS (used in multiple Web sites of
Web page Production WEBJX article introduction: button position and grouping in Web site interaction design.
Button grouping
The grouping of buttons allows an interface to become self-describing. In a complex layout, a well-organized set of buttons is chosen, and because it is obvious, it can quickly tell t
css| Skills | tutorials | design | Web page | style sheet
1.CSS Font Shorthand rules
You might do this when you use CSS to define fonts:
Font-size:1em;Line-height:1.5em;Font-weight:bold;Font-style:italic;Font-variant:small-caps;Font-family:verdana,serif;
In fact, you can abbreviate these attributes:
Font:1em/1.5em Bold Italic Small-caps Verdana,serif
It's much
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.