HTML-Frameset-Beispielcode_HTML/Xhtml_Webseitenproduktion

In diesem Artikel wird ein Framework vorgestellt, dessen Erstellung mit Frameset nicht einfacher sein könnte.

Schauen wir uns zunächst die Seitenstruktur dieses Frameworks an. Da es sich um ein rein handgemachtes Testprogramm handelt, habe ich nur etwas Code in Notepa erstellt, der sehr grob ist. Es enthält jedoch weiterhin den allgemeinen Inhalt von Frameset. Okay, kommen wir zurück zur Sache, werfen wir zunächst einen Blick auf die Dateistruktur.

1.Frame.html enthält die Struktur des Frames

2.link.html enthält die linke Menüleiste des Frames

3.firstPage.html enthält eine Textzeile auf der Hauptseite des Frames (ich bin zu faul, das gut zu machen)

4.secondPage.html ähnelt 3 oben und wird zum Testen verwendet.

Das Folgende ist ein Screenshot (nicht klar, ich mache das zum ersten Mal)

Sehen Sie sich zunächst den Code in Frame.htm an:

Fühlt es sich nicht ganz einfach an? Es handelt sich hauptsächlich um ein Frameset-Element, und dann wird das Attribut cols="159px,*" festgelegt. Die Funktion dieses Attributs besteht darin, die Seite in 159 Pixel und zwei weitere Bereiche zu unterteilen. Wie im Bild oben gezeigt.

Dann gibt es noch das Frame-Tag oben, und das Unterelement sollte auch mehrere Werte haben. Dann gibt es einige gemeinsame Eigenschaften von . Dazu gehören die Breite des Rahmens, ob Bildlaufleisten angezeigt werden, die Rahmenfarbe und ob Benutzer die Größe ändern dürfen. Um welche Quelldatei es sich handelt und einige andere Attribute.

Dann verweist die zweite Quelldatei zum Testen auf firstPage.

Als nächstes kommt link.html:

Meine Website


 
• Erste Seite


• Zweite Seite




• Mein Konto
  
  
   
   
  • Management
  
   
  • Online-Zahlung
  
   
  • Für Überweisung registrieren
  
    < ;li>Online-Rekrutierung
  
  • Historische Konten
    
  
  


• Website-Verwaltung< ;/a>
   
  
  
  • Anmelden
  
       角色管理
      
  • 用户管理   
  
    

 

       这个其实就偷懒了, 是从网上找的一个个DIV CSS下,我感觉自己能用起来,知道怎么改就OK了.

下面是两个测试页面,由于这连个测试页面稍微懂点HTML的都能写出来,这里就只贴出页面1的代码:


 

第一个页面

< ;/body>

估计高手看到这都要吐了,一定说很垃圾,不过只是记录下自己做的小东西.呵呵,见谅了啊。