Uppskattar HTML Ramar

April 4

Ramar lägga innovativa navigationskontroll, eftersom de gör att du kan visa flera HTML-sidor i en webbläsarfönster och kontrollera innehållet i varje inramat område för sig. Designers använder ofta ramar för att skapa en sida med två eller flera sektioner och sedan placera länkar i ett avsnitt som, när den är markerad, visar information i en annan del av samma webbläsarfönster.

Webbsidor som använder ramar är uppdelade i olika avsnitt -. Eller enskilda bildrutor Alla ramarna tillsammans utgör en ramuppsättning Bakom kulisserna, är varje bildruta av ramverket en separat HTML-fil, vilket gör en sida med ramar lite komplicerade att. skapa, även med Dreamweaver. Om du väljer att skapa din ramfiler i en textredigerare, måste du jonglera flera sidor, som arbetar på varje bildruta i taget, och du kan se vad du skapar bara när du förhands ditt arbete i en webbläsare. Den visuella redigeraren i Dreamweaver gör att skapa ramar mycket enklare eftersom du kan visa alla HTML-filer som utgör ramverket samtidigt och kan redigera dem medan de visas i det sätt på vilket de visas i en webbläsare.

Som en navigationsfunktion, bågar kan du hålla viss information konstant, när du byter annan information på samma sida. Till exempel kan du ha en lista med länkar synliga i en ram och visa information varje länk tar upp i en annan ram.

Ramar ser bra att många designers, men de är också mycket kontroversiell. Även ramar ger dig några bra navigeringsfunktioner, de öppnar också upp en rad konstruktionsproblem och är inte alltid det bästa sättet att organisera din webbplats.

Till exempel kan du skapa så många bildrutor som du vill inom ett webbläsarfönster. Tyvärr har vissa människor överanvända dem och skapa mönster som är så komplexa och bryts upp att de är varken estetiskt tilltalande eller lättnavigerad. Att sätta alltför många bildrutor på en sida kan också göra en sajt svårt att läsa eftersom de olika rutorna är för små. Detta har lett till att många webbsurfare att passion hatar ramar. Dessutom har vissa webbplatser som rusade att genomföra ramar när de först introducerades antingen övergett dem eller minimeras deras användning.

En mer problematisk aspekt av ramar är att de inte är bakåtkompatibel för mycket gamla eller renodlat textbaserade webbläsare, vilket innebär att om en besökare använder en äldre webbläsare som inte stöder ramar, kommer de inte se något - det är rätt, de får en tom sida - om du inte använder en speciell tagg kallad <NOFRAMES> taggen för att skapa en alternativ sida att komplettera din inramade sidan. Lyckligtvis infogar Dreamweaver automatiskt en <NOFRAMES> taggen i alla frameset sidor och gör det mycket enkelt att lägga till den alternativa innehåll för tittare med webbläsare som inte stöder ramar.

Goin till riktlinjer

Här är en lista över riktlinjer att följa när du använder frames:

  • Använd inte frames bara för sakens skull använda ramar. Om du har ett tungt vägande skäl för att använda ramar, sedan skapa en elegant och lätt att följa ramuppsättning. Men gör det inte bara för att Dreamweaver gör det enkelt att göra.
  • Begränsa användningen av ramar och arkivera små. Kom ihåg att varje bildruta du skapar representerar en annan HTML-fil. Således en ramuppsättning med tre ramar kräver en webbläsare för att visa tre webbsidor, och som dramatiskt kan öka nedladdningstiden.
  • Stäng av ramkanter. Nyare webbläsare stöder förmågan att stänga gränsen som delar ramar i en ramuppsättning. Om sektionen måste vara bläddringsbar, är gränsen syns oavsett vad. Men om du kan stänga gränserna av, dina sidor ser renare. Frame gränser är tjock och en ful grå till färgen, och de kan bryta upp en snygg design. Använd dem bara när du känner att de är riktigt nödvändigt.
  • Använd inte ramar när tabeller är bättre. Tabeller är ofta lättare att skapa än ramar och kan ge en mer elegant lösning på dina designbehov eftersom de är mindre påträngande till designen
  • Placera inte ramar inom ramar. Fönstren blir för förbaskat liten för att vara användbar för mycket av något, och skärmen ser fruktansvärt komplicerat. Du kan också stöta på problem när din inramade sajt länkar till en annan webbplats som är visas i din frameset.
  • Sätt i omväxlande <noframes> innehåll. Antalet användare att surfa på webben med webbläsare som inte stöder ramar blir mindre varje dag. Ändå är det en bra idé att visa dem något annat än en tom sida.

Prova kommandot Split Frame

När du skapar en ram sida i Dreamweaver, är det viktigt att inse att den fil du börjar med är ramuppsättningsfilen - filen som inte visas i webbläsaren utan endast instruerar webbläsaren hur du vill visa resten av ramarna och vilka sidor som ska användas som innehåll för varje bildruta. När du redigerar innehållet i någon av ramarna i ramverket, du är inte egentligen att redigera ramuppsättningsfilen, men filerna som befolkar de inramade regionerna inom ramverket. Normalt skulle du behöva redigera filerna separat, men Dreamweaver gör det mycket enklare att designa med ramar genom att låta dig redigera innehållet i varje ram i samband med ramuppsättning som det ser ut i en webbläsare.

Du kan skapa ramar på två sätt i Dreamweaver. Det första sättet uppnås genom att dela en enda HTML-fil i två sektioner, som sedan blir enskilda bildrutor. När du gör det, genererar Dreamweaver automatiskt en namnlös sida med <FRAMESET> taggen och sedan ytterligare namnlösa sidor som visas i var och en av ramarna inom ramverket. Plötsligt du hanterar flera sidor, inte bara en. Detta är viktigt att förstå, eftersom du måste spara och namnge alla dessa sidor som en separat fil, även om Dreamweaver gör att det ser ut som du arbetar på endast en sida som är uppdelat i sektioner.

Du bör alltid spara dina HTML-filer först innan du sätter något i dem; Men är det tvärtom när du arbetar med ramfiler i Dreamweaver. Vänta tills efter du har skapat alla bildrutor i din frameset och sedan spara dem; annars blir det lite för komplicerat och förvirrande att spåra dina filer.

För att skapa en enkel ramuppsättning i Dreamweaver, gör du så här:

1. Välj Arkiv -> Nytt.

En ny sida öppnas.

2. Välj Ändra -> Ramuppsättning -> Split Frame Vänster.

Sidan delar sig i två sektioner. Du kan också välja Split Frame Höger, Upp, eller Ned. Dela ram Vänster eller Höger delar sidan vertikalt. Split Rama Upp eller Ned delar sidan vågrätt.

3. Klicka i den högra ramen området för att göra den aktiv.

4. Välj Ändra -> Ramuppsättning -> Split Frame Upp, Ner, Vänster eller Höger för att dela upp sidan igen.

5. Klicka på någon av barerna som delar ramarna för att välja baren och dra den tills sidan är uppdelad på det sätt du önskar.

6. För att redigera varje avsnitt av ramverk klicka inuti ramen som du vill arbeta med.

Du kan skriva, lägga in bilder, skapa tabeller och lägga till andra funktioner precis som du skulle till någon annan sida.

7. Om du följde tillsammans med de här stegen för praktiken och inte vill spara din ramuppsättning på denna punkt, väljer du Arkiv -> Stäng för att avsluta ärendet. På frågan om du vill spara ändringarna, välj Nej