Video: Indsæt billede (HTML) 2024
Oprettelse af baggrunde til websider i Adobe Dreamweaver CS6 er sjovt og kan forfølges på flere måder, end de fleste kunne forestille sig. Du kan oprette et gentagende mønster med et enkelt lille billede, oprette et vandmærke eller bruge et stort billede til at fylde en hel baggrund.
Som standard gentager en HTML-baggrund det valgte billede, indtil det fylder skærmen. I forbindelse med CSS-egenskaber kan du kontrollere eller eliminere gentagende adfærd og endda indstille præcis positionering for et enkelt baggrundsbillede.
Hvis du udfylder en baggrund med et mønster, skal du sørge for at oprette et mønsterbillede, der ikke har nogen synlige kanter.
Følg disse trin for at bruge din standard, gentaget flisebelægning til et baggrundsbilde:
-
I Photoshop skal du vælge Arkiv → Ny for at oprette et nyt billede.
-
I den nye dialogboks, der vises, skal du oprette et billede, der er meget bredere end det er højt, vælge RGB, vælg 72 dpi, og klik derefter på OK.
Indtast f.eks. 1000 i tekstfeltet Bredde og 20 i tekstfeltet Højde.
-
Vælg en forgrunds- og baggrundsfarve for at oprette en blanding; Brug derefter Gradient-værktøjet til at skifte + træk fra toppen til bunden af billedområdet for at oprette en gradientfyldning.
-
Vælg Filer → Gem til web, gem billedet som en JPEG-fil i dit websteds webindholdsmappe, og luk derefter billedet.
-
I Dreamweaver vælger du Modify → Page Properties, eller klik på knappen Sideegenskaber i Property inspektøren for at placere billedet som et baggrundsbillede på din webside.
Hvis knappen Sideegenskaber ikke er synlig, skal du klikke på siden - sørg for ikke at vælge et andet element, f.eks. Et billede.
Dialogboksen Egenskaber for side vises.
-
Klik på knappen Gennemse til højre for baggrundsbilledet i dialogboksen Sideegenskaber. I vinduet, der vises, skal du navigere til placeringen af dit gemte baggrundsbillede og derefter klikke på OK.
-
Tilbage i dialogboksen Egenskaber for sider, klik på OK.
Billedet vises i baggrunden, gentager og skaber en kølig baggrundsgradient på tværs af siden!
Afhængigt af størrelsen og opløsningen af en brugers skærm, kan dit baggrundsbillede blive tvunget til at gentage. Gentagelse af et baggrundsbillede kan give nogle kreative resultater.
I visse tilfælde kan du muligvis ikke se din baggrund, før du klikker på knappen Forhåndsvis / Fejlfinding i browseren og viser siden i din standardbrowser.