HTML-oldal létrehozása a Dreamweaver új dokumentumablakával

Létrehozhat egy új HTML-oldalt a Dreamweaver Új dokumentum ablakának használatával, amely több lehetőséget kínál, mint az üdvözlő képernyő, beleértve a Dreamweaverrel létrehozott sablonokhoz való hozzáférést, valamint előre megtervezett elrendezések gyűjteményét, amely előnyt jelenthet. az Ön tervein.

Az Új dokumentum ablakban sokféle fájlt hozhat létre, és keverheti a lehetőségeket. Ez a sokoldalúság eleinte zavaró lehet, mert nagyon sok választási lehetősége van. A Dreamweaver CC-ben ezt a párbeszédpanelt leegyszerűsítették, így a három részből csak egy lehetőséget kell kiválasztania.

Új HTML-oldal létrehozásához kövesse az alábbi lépéseket:

Válassza a Fájl→Új menüpontot.

Megnyílik az Új dokumentum ablak. Az első részben, a bal szélen válassza ki a létrehozni kívánt oldal típusát:

  • Üres oldal: Válassza ezt a lehetőséget HTML oldalak, valamint összetettebb PHP vagy JSP formátumú oldalak létrehozásához.

  • Fluid Grid Layout: Ez a lehetőség megnyitja a gördülékeny rácselrendezés funkcióit, amelyek segítségével adaptív webdizájnokat hozhat létre, amelyek automatikusan alkalmazkodnak a különböző képernyőméretekhez.

  • Kezdősablonok: Ha a Dreamweaver .dwt sablonformátumával hoz létre sablonokat, akkor ezzel a lehetőséggel létrehozhat oldalakat a sablonok alapján.

  • Webhelysablonok: Válassza ezt a lehetőséget, ha testreszabható mobil webalkalmazás-terveket szeretne létrehozni a jQuery Mobile segítségével.

    HTML-oldal létrehozása a Dreamweaver új dokumentumablakával

A képernyő bal oldalán válassza az Üres oldal lehetőséget.

Az Oldaltípus listában válassza a HTML lehetőséget.

Az Elrendezés részben válassza a lehetőséget.

Az elrendezések a HTML oldalak CSS segítségével történő tervezésének előmozdítását szolgálják.

Ha módosítani szeretné a dokumentumtípust, használja a DocType melletti legördülő listát.

Alapértelmezés szerint a Dreamweaver CC HTML 5 használatával hoz létre oldalakat, amelyet a legtöbb tervező a mai weblapok számára a legjobb megoldásnak tart. Ha olyan webhelyen dolgozik, amely a HTML egy korábbi verzióját, például az XHTML 1.0 Transitionalt használja, mindenképpen módosítsa ezt a beállítást.

Kattintson a Létrehozás gombra az ablak jobb alsó sarkában.

Az Új dokumentum ablak bezárul, és egy új üres oldal jön létre és nyílik meg a munkaterületen.

Megjegyzés: Ha Macintosh számítógépet használ, a Létrehozás és a Mégse gombok felcserélődnek.

Válassza a Fájl→Mentés menüpontot az oldal mentéséhez és fájlnév megadásához.

A Dreamweaver automatikusan elnevez minden új fájlt Névtelennek, majd 1-nek, 2-nek és így tovább a létrehozási sorrendben. Szokjon rá, hogy olyan neveket adjon fájljainak, amelyek több jelentéssel bírnak az Ön számára. Azt is vegye figyelembe, hogy a webhelyek fájlneveiben nem szabad szóközt vagy speciális karaktert használni (bár a kötőjel és az aláhúzás megfelelő).

Szokjon rá az új weboldalak létrehozása után a helyi webhely mappájába menteni, még akkor is, ha az oldalak még üresek. Amikor linkeket hoz létre vagy képeket ad hozzá oldalaihoz, a Dreamweavernek tudnia kell azonosítani az oldal helyét a webhely mappájában. A legjobb, ha először elment egy oldalt, mert sok Dreamweaver funkció nem működik az oldal mentéséig.

Leave a Comment

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

Fedezze fel a Klónbélyegző eszköz használatát a Photoshop CS6 programban, és tanulja meg, hogyan klónozhat képeket szakmai szinten.

Adobe CS5 Dreamweaver Property Inspector

Adobe CS5 Dreamweaver Property Inspector

Az Adobe Creative Suite 5 (Adobe CS5) Dreamweaverben a Property Inspector az egyik leghasznosabb panel, amely részletes információkat nyújt a kiválasztott elemekről.

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós réteg a Photoshop CS6-ban színkorrekcióra szolgál, lehetővé téve a rétegek tartós módosítása nélkül történő szerkesztést.

Alakzatok átméretezése az Illustratorban

Alakzatok átméretezése az Illustratorban

Amikor az Adobe Illustrator CC-ben tervez, gyakran pontos méretű formára van szüksége. Fedezze fel az átalakítás panel használatát az alakzatok precíz átméretezéséhez.

A Photoshop CS6 panelek beállítása

A Photoshop CS6 panelek beállítása

A Photoshop CS6 paneljeinek kezelése egyszerű és hatékony módja a grafikai munkafolyamatok optimalizálásának. Tanulja meg a paneleket a legjobban kihasználni!

Kijelölések az Adobe Illustrator CC programban

Kijelölések az Adobe Illustrator CC programban

Fedezze fel, hogyan kell hatékonyan kijelölni objektumokat az Adobe Illustratorban a legújabb trükkökkel és technikákkal.

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Fedezze fel a Photoshop CS6 legmenőbb funkcióját, a Rétegek automatikus igazítását, amely lehetővé teszi a tökéletes képek létrehozását.

InDesign szövegkeret beállításai

InDesign szövegkeret beállításai

Fedezze fel, hogyan használhatja az InDesign szövegkeret beállításait a kívánt eredmények eléréséhez. Tudja meg, hogyan rendezheti el a szövegeket, és optimalizálja a kiadványait!

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

Fedezd fel, hogyan használhatod az InDesign Creative Suite 5 rácsait és segédvonalait az elemek pontos elhelyezésére. A rácsok és a segédvonalak megkönnyítik az oldal elrendezését és a nyomtatást.

Az átlátszóság alkalmazása az SVG-kre

Az átlátszóság alkalmazása az SVG-kre

Ismerje meg, hogyan alkalmazhat átlátszóságot az SVG-grafikákon az Illustratorban. Fedezze fel, hogyan lehet átlátszó hátterű SVG-ket nyomtatni, és hogyan alkalmazhat átlátszósági effektusokat.