8. Foundation

  • 8.17. Foundation paging

    If your web page has a lot of content, you need to use paging. To create a basic paging feature, you need to use the ...
    2025-10-25 13:33:56 UTC
  • 8.18. Foundation price list

    The price list can be used to display enterprise products: 8.18.1. Example ¶ Basic $19.99 Great for small b...
    2025-10-25 13:33:56 UTC
  • 8.19. Top navigation bar of Foundation

    The top navigation bar is placed at the head of the page: 8.19.1. Example ¶ WebSiteName ...
    2025-10-25 13:33:55 UTC
  • 8.20. Foundation sidebar

    8.20.1. Sidebar navigation ¶ Foundation usage class="side-nav"> Create a sidebar: Example ¶ Link 1a>...
    2025-10-25 13:33:55 UTC
  • 8.21. Foundation sliding Navigation (Off-Canvas)

    8.21.1. Sidebar navigation ¶ Off-Canvas slide navigation is becoming more and more popular on mobile pages (click the...
    2025-10-25 13:33:52 UTC
  • 8.22. Foundation Magellan (Magellan) Navigation

    8.22.1. How to create Magellan Navigation ¶ Magellan navigation is a navigation index, which is created as follows: ...
    2025-10-25 13:33:52 UTC
  • 8.23. Foundation form

    The Foundation form control is automatically set to the global style: 所有 , 及 元素宽度都为 100%,且带有外边距、内边距、阴影和鼠标移动...
    2025-10-25 13:33:56 UTC
  • 8.24. Foundation 输入框尺寸

    使用网格的列来设置输入框的大小,如 .large-6 , .medium-6 , 等。 For more knowledge of grid systems, please click 网格系统 Tutorials. ...
    2025-10-25 13:33:55 UTC
  • 8.25. Foundation switch

    The switch is switched in the “On” and “Off” states with a mouse click (finger tap): 切换开关使用 class="switch"> 创建。 ...
    2025-10-25 13:33:52 UTC
  • 8.26. Foundation slider

    The Foundation slider allows you to drag to select an interval value: The slider can be used by using the class="range...
    2025-10-25 13:33:56 UTC
  • 8.27. Foundation prompt box

    The prompt box is displayed after you move the mouse over the element: We can add to any element data-tooltip Property...
    2025-10-25 13:33:56 UTC
  • 8.28. Foundation modal box

    The modal box is a pop-up window displayed at the head of the page. We can use the container elements (such as id="myM...
    2025-10-25 13:33:52 UTC
  • 8.29. Foundation Joyride

    Joyride is the JavaScript effect of a feature wizard. An example is created as follows: 8.29.1. Example ¶ First s...
    2025-10-25 13:33:53 UTC
  • 8.30. Foundation equalizer (Equalizer)

    We can add in the container element data-equalizer Property and add for each child element data-equalizer-watch Prop...
    2025-10-25 13:33:54 UTC
  • 8.31. Foundation grid system

    The Foundation grid system has 12 columns. If you don’t need 12 columns, you can merge some columns to create some columns...
    2025-10-25 13:33:54 UTC
  • 8.32. Foundation Grid-horizontal Stack

    The following example creates a basic grid system that is tiled horizontally on PC and tablet devices and stacked horizontal...
    2025-10-25 13:33:56 UTC

Principles, Technologies, and Methods of Geographic Information Systems

 102

In recent years, Geographic Information Systems (GIS) have undergone rapid development in both theoretical and practical dimensions. GIS has been widely applied for modeling and decision-making support across various fields such as urban management, regional planning, and environmental remediation, establishing geographic information as a vital component of the information era. The introduction of the “Digital Earth” concept has further accelerated the advancement of GIS, which serves as its technical foundation. Concurrently, scholars have been dedicated to theoretical research in areas like spatial cognition, spatial data uncertainty, and the formalization of spatial relationships. This reflects the dual nature of GIS as both an applied technology and an academic discipline, with the two aspects forming a mutually reinforcing cycle of progress.