웹 디자인 도구

Question

안녕하세요!

이전 question과 관련하여 모든 것을 디자인하고 양식을 만들 때 HTML을 사용하기로 결정했습니다. NETBEANS를 사용하여 JSP를 만들었지 만 웹 디자인 도구를 사용하여 웹 페이지를 디자인하고 싶습니다. netbeans GUI Builder (JFrame 승/Swing 및 AWT)를 사용하여 데스크탑 응용 프로그램을 만들고 설계하는 데 익숙합니다. 나는 모든 것을 끌어다 놓는다. 하지만 지금은 사용할 수 없습니다 (JFrame을 사용하지 않기 때문에). JSP를 사용하여 HTML로 웹 응용 프로그램의 디자인을 수동으로 코딩한다면 끝내기까지 수세기가 걸릴 것으로 생각합니다. (나는 정말로 초보자입니다.) Sob. Note : My basic 웹 프로그래밍 수업은 노트 패드를 사용하여 HTML, CSS 및 자바 스크립트 만 생성하도록 가르치고 있습니다.)

나는 인터넷에서 web design tools을 검색했으며 무엇을 선택해야할지 모르겠다. 끌어서 놓기 (내 인생을 편하게하기 위해)를 사용하여 디자인하고 싶습니다. 디자인을 마치면 코드를 복사하여 JSP (Netbeans)에 붙여 넣습니다. 이것은 프로그래머가 일반적으로하는 일입니까? 나 같은 초보자를 위해서, 나는 사용해야 만 할까?

다시 한번 감사드립니다.

Answer 1

HTML, CSS 및 JavaScript와 함께 JSP를 사용하여 응용 프로그램을 만들고 시작에 필요한 지식을 얻는 것이 좋습니다.

이 길을 따라 가면 주문을 설정하고 작업에 확장 성을 제공하는 프레임 워크가 필요합니다.

Netbeans에 대해 Struts2 plug-in을 얻고 간단하고 확장 가능하며 신뢰할 수있는 Apache Struts2 환경을 배우는 것이 좋습니다.

많은 프레임 워크가 있습니다. 하나를 고수하고 잘 배웁니다. 다른 곳으로의 전환이 쉽게 이루어질 수 있습니다.

Answer 2

Adobe Dreamweaver + Adobe Fireworks를 사용하는 것이 좋습니다. 당신의 흔적 버전을 다운로드 할 수 있습니다

: http://www.adobe.com/devnet/dreamweaver.html http://www.adobe.com/devnet/fireworks.html

: http://www.adobe.com/downloads/

그것을 사용하기 전에, 나는 당신이에서 그들에 대한 자세한 내용은 제안

Answer 3

학습 할 때 코드를 직접 작성하여 실제로 작성한 내용을 이해하고 더 중요한 것은 오류를 디버깅하거나 수정할 때 도움이됩니다.

코딩을 마쳤 으면 IDE를 사용하여 개발 속도를 높이는 것이 좋습니다.

NetBeans를 사용하고 있다고하셨습니다.
NetBeans는 HTML을 작성하기에 좋은 환경을 제공합니다.

예 :
NetBeans는 입력하는 동안 태그 속성을 제공합니다.이 태그 자체는 개발 속도를 높입니다.
태그의 다른 속성에 대해 알게되고 전체 속성 이름을 입력 할 필요가 없습니다. 학습을 위해 IDE의 이러한 기능을 사용하십시오.

NetBeans는 개발 속도를 향상시키는 많은 다른 기능도 제공합니다.
NetBeans를 코딩에 사용하면 메모장을 사용하는 것보다 낫습니다.

그리고 NetBeans에서 드래그 앤 드롭 기능을 사용했습니다. 팔레트에서 코드 영역으로 구성 요소를 드래그하면 NetBeans가 해당 구성 요소에 필요한 코드 행을 삽입합니다.

Answer 4

나는 Firebug을 권하고 싶습니다. 이 웹 사이트에서는 아주 좋은 자습서에서 찾을 수 있습니다. 파이어 버그는 파이어 폭스 웹 브라우저를위한 브라우저 안의 무료 웹 개발 툴이다. 다양한 기능으로는 조정 또는 디버깅을위한 즉석 HTML 및 CSS 편집, JavaScript 로깅, 분석 및 디버깅을위한 콘솔 및 직관적 인 DOM (Document Object Model) 검사 도구가 있습니다. 웹 페이지는 서로 관련이 있습니다.