Per crear el vostre propi lloc web necessiteu molt de coneixement i temps. Fer això sense un editor especial és bastant difícil. I per què? Després de tot, ara hi ha un gran nombre de programes diferents que faciliten aquesta tasca. Potser el més popular d’ells és Adobe Dreamweaver. Molts desenvolupadors ja han valorat els seus beneficis.
Adobe Dreamweaver és un editor visual popular per al codi html. Va ser creat per Adobe el 2012. Suporta tots els idiomes populars: HTML, JavaScrip, PHP, XML, C #, ActionScript, ASP. Amb ella, podeu crear llocs de gran bellesa, inserir diversos objectes, editar el codi o fer canvis a l'intèrpret d'ordres gràfic. Podeu veure el resultat en temps real. Penseu en les principals característiques del programa.
Pestanya de codi
Hi ha tres maneres principals d’operació a Adobe Dreamweaver. Aquí el desenvolupador pot editar el document del codi font en un dels idiomes disponibles per al programa. Quan obriu la carpeta amb el lloc, tots els seus components es troben convenientment situats en pestanyes separades del panell superior. I des d’aquí podeu canviar d’ells i fer canvis. Això és molt convenient, perquè quan el lloc és gran, es necessita molt de temps per cercar i editar cada component.
Quan introduïu text en mode desenvolupador, per exemple, en HTML, en una finestra emergent, apareix una guia de referència d'etiquetes integrada des de la qual podeu seleccionar la que voleu. Aquesta funció estalvia el temps del desenvolupador i és una mena de pista.
Quan es treballa amb un gran nombre d’etiquetes, de vegades és difícil comprovar si estan tancats manualment. A l'editor Dreamweaver, els fabricants han proporcionat i això. Simplement introduïu els personatges "
Sense un editor, realitzeu canvis idèntics en els diferents fitxers, un procés llarg. A través de Dreamweaver es pot fer més ràpid. És suficient editar un fitxer, seleccionar el text modificat i anar a l’eina "Cerca i substitueix". Tots els fitxers relacionats amb el lloc es corregiran automàticament. Funció increïblement útil.
A la part esquerra de la finestra d’edició, hi ha una barra d’eines convenient per treballar amb el codi.
No consideraré cadascun d’ells de manera separada; es pot veure una descripció detallada visitant "Aprendre DW".
Mode interactiu o visualització en directe
Després de fer tots els canvis necessaris al codi, podeu veure com es mostrarà el lloc editat. Això es pot fer en anar al mode "Visualització interactiva".
Si, quan es visualitza, el desenvolupador no li agrada el resultat final, llavors en aquest mode podeu corregir la posició dels objectes. I el codi del programa es corregirà automàticament. El mode interactiu pot ser utilitzat per creadors novells del lloc que encara no tenen habilitats per treballar amb etiquetes.
Podeu canviar la mida de la capçalera, inserir un enllaç, suprimir o afegir una classe sense sortir del mode interactiu. Quan passeu el ratolí sobre un element, s'obrirà un petit editor que us permetrà fer aquests canvis.
Disseny
Mode "Disseny", creada per crear o ajustar el lloc en mode gràfic. Aquest tipus de desenvolupament és adequat per a desenvolupadors novells i experimentats. Aquí podeu afegir i suprimir les posicions del lloc. Tot això es fa amb el ratolí i els canvis, com en el mode interactiu, es mostren instantàniament al codi.
Amb l’eina "Insereix", podeu afegir diversos botons, lliscadors de desplaçament i etc. al lloc. L’eliminació d’elements és molt senzilla, amb el botó Del estàndard.
Els títols també es poden canviar en mode gràfic d’Adobe Dreamweaver. Podeu establir paràmetres de color de font, imatge de fons i més, a la pestanya "Canvia" in "Propietats de la pàgina".
Separació
Molt sovint, els creadors de llocs han d’editar el codi del lloc i veure immediatament el resultat. Continuar en línia no és gaire convenient. Per a aquests casos, es va proporcionar un mode "Separació". La seva finestra activa es divideix en dues àrees de treball. A la part superior es mostrarà un mode interactiu o disseny, a escollir l'usuari. S'obrirà un editor de codi a la part inferior.
Panell addicional
A la dreta de la zona de treball hi ha un panell addicional. En ell, podeu trobar ràpidament i obrir el fitxer desitjat a l’editor. Introduïu-hi una imatge, un fragment de codi o utilitzeu el constructor de l’editor. Després d’adquirir una llicència, la biblioteca d’Adobe Dreamweaver estarà disponible addicionalment.
Barra d'eines superior
Totes les altres eines es recullen a la barra d'eines superior.
Pestanya "Fitxer" conté un conjunt estàndard de funcions per treballar amb documents.
A la pestanya "Edita" Podeu realitzar diverses accions sobre el contingut del document. Talla, enganxa, troba i substitueix i es pot trobar molt més aquí.
Tot el relacionat amb la visualització del document, dels panells, del zoom i similars es pot trobar a la pestanya "Visualitza".
Les eines per inserir imatges, taules, botons i fragments es troben a la pestanya "Insereix".
Podeu fer diversos canvis a un document o element de document a la pestanya "Canvia".
Pestanya "Format" creat per treballar amb el text. Sants, format de paràgraf, estils HTML i CSS es poden editar aquí.
A Adobe Dreamweaver, podeu comprovar l’ortografia i corregir el codi HTML especificant l’ordre de processament massiu. Aquí també podeu aplicar la funció de formatació. Tot això està disponible a la pestanya. "Equip".
Es pot buscar tot el relacionat amb el lloc en conjunt a la pestanya "Lloc web". A més, aquí es crea un client FTP amb el qual podeu afegir ràpidament el vostre lloc web a l’allotjament.
Els paràmetres, la visualització de les finestres, els esquemes de color, els inspectors de codi d’història estan a la pestanya "Finestra".
Vegeu informació sobre el programa i aneu al directori d’Adobe Dreamweaver que es pot trobar a la pestanya "Ajuda".
Virtuts
Desavantatges
Per instal·lar el programa des del lloc oficial, primer heu de registrar-vos. Després, un enllaç estarà disponible per descarregar la plataforma CreativeCloud, des de la qual s'instal·larà la versió de prova d’Adobe Dreamweaver.
Baixeu la versió de prova d’Adobe Dreamweaver
Baixeu la darrera versió del programa des del lloc oficial
Comparteix l'article a les xarxes socials: