Software Engineering-by cker (HTML Version)
THE DESIGN PROCESS(Software) Design Method
Good programmers are just like people. Think more, maybe the Stone of other mountains can attack the jade, never become a slave of code. CKEROriginal:Larry BrinnTranslation:CKER
1.
1. Overview
Dr. Roy Fielding (see Personal homepage) is the main designer of the HTTP and URI protocol issued by the IETF. HTTP and Uri are the two most important web infrastructure protocols, so Dr. Fielding is one of the founders of the Web architecture.
In addition to academic excellence, Dr. Fielding has been involved in the design and development of many O
Restructured HTML to improve Web application design, restructured html to improve web
This article summarized and reconstructed several rules and practices for improving Web application design
hyperlinks, look at the following code
Insert it into the head area of the HTML file. Link is set to have a hyperlink color, visited is the hyperlink color visited, active is the mouse to move up the color, hover is the mouse click Color. and "text-decoration:none" means to suppress the underscore display of hyperlinks.
There are more uses and techniques for CSS settings, such as setting different font sizes and hyperlink colors on the same page,
Article Description: Adobe publishes web design software muse.
Adobe today announced the launch of web design software-muse.
Adobe says that with the help of Muse software,
Mobile web--Adaptive Web Design (HTML/CSS control)In the current situation, the Web app is a trend and current, but the design of the Web app may not be very familiar to everyone, the f
PS We can design a variety of forms, but many of them eventually need to turn into HTML form page, in most forms if not based on CSS can not be used in many situations. So the problem that web designers need to consider when designing a form is how to turn it into a html+css page form.
Although
-device-width:400px), the Tinyscreen.css file is loaded.
link rel="stylesheet" type="text/css" media="screen and (min-width:400px) and ( max-device-width:600px) " href=" smallscreen.css " />
If the screen width is between 400 pixels to 600 pixels, the Smallscreen.css file is loaded. In addition to loading CSS files with HTML tags, you can also load them in an existing CSS file.
@import url ("tinyscreen.css") screen
-device-width:400px), the Tinyscreen.css file is loaded.
link rel="stylesheet" type="text/css" media="screen and (min-width:400px) and ( max-device-width:600px) " href=" smallscreen.css " />
If the screen width is between 400 pixels to 600 pixels, the Smallscreen.css file is loaded. In addition to loading CSS files with HTML tags, you can also load them in an existing CSS file.
@import url ("tinyscreen.css") screen and (
(min-width:400px) and (max-device-width:600px) " href=" smallscreen.css "/> If the screen width is between 400 pixels to 600 pixels, the Smallscreen.css file is loaded. In addition to loading CSS files with HTML tags, you can also load them in an existing CSS file.@import url ("tinyscreen.css") screen and (max-device-width:400px); six. CSS @media rules in the same CSS file, you can also choose to apply different CSS rules depending on the screen re
Design | Web page design fonts (font) settings are the first Web page to create a novice encounter difficulties. How to control the font size, how to remove the hyperlink font underline is the most asked by a netizen. Well, let's take a thorough look at all aspects of the font: character set. when viewing
-device-width:400px), the Tinyscreen.css file is loaded.
link rel="stylesheet" type="text/css" media="screen and (min-width:400px) and ( max-device-width:600px) " href=" smallscreen.css " />
If the screen width is between 400 pixels to 600 pixels, the Smallscreen.css file is loaded. In addition to loading CSS files with HTML tags, you can also load them in an existing CSS file.
@import url ("tinyscreen.css") screen and (
de-floating (float:none), Width auto-adjusting (Width:auto), and the sidebar block is not displayed (Display:none).Seven. Image adaptation (fluid image) In addition to layout and text, adaptive web design must also implement automatic scaling of images. This is just one line of CSS code:img {max-width:100%;} This line of code is also valid for most video embedded pages, so it can be written as:IMG, object
-device-width:400px), the Tinyscreen.css file is loaded.
link rel="stylesheet" type="text/css" media="screen and (min-width:400px) and ( max-device-width:600px) " href=" smallscreen.css " />
If the screen width is between 400 pixels to 600 pixels, the Smallscreen.css file is loaded. In addition to loading CSS files with HTML tags, you can also load them in an existing CSS file.
@import url ("tinyscreen.css") screen and (
will automatically scroll to the bottom of the preceding element without overflow (overflow) horizontally, avoiding the appearance of the horizontal scroll bar. In addition, the use of absolute positioning (Position:absolute) should also be very careful.Five. The core of "adaptive web Design" is the media query module introduced by CSS3. It means that the screen width is automatically detected and then the
-device-width:400px), the Tinyscreen.css file is loaded.
link rel="stylesheet" type="text/css" media="screen and (min-width:400px) and ( max-device-width:600px) " href=" smallscreen.css " />
If the screen width is between 400 pixels to 600 pixels, the Smallscreen.css file is loaded. In addition to loading CSS files with HTML tags, you can also load them in an existing CSS file.
@import url ("tinyscreen.css") screen and (
file is loaded.Media= "screen and (min-width:400px) and (max-device-width:600px)"href= "Smallscreen.css"/>If the screen width is between 400 pixels to 600 pixels, the Smallscreen.css file is loaded.In addition to loading CSS files with HTML tags, you can also load them in an existing CSS file.@import url ("tinyscreen.css") screen and (max-device-width:400px);Six. @media rules for CSSThe same CSS file, you can also choose to apply different CSS rules
attaching information, this tool is popular with programmers and is also suitable for any novice who has just touched the web design. Its function is suitable for both the Web veteran and the new design. In addition, it also has an active online forum, everyone in the use of actual problems encountered here can be ans
Atitit. Advantages and Disadvantages of Software Development GUI layout management summary java swing wpf web html c ++ qt php asp.net winform, atititwpf
Atitit. Advantages and Disadvantages of Software Development GUI layout management summary java swing wpf web
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.