텍스트 위젯

별찌만의 "소스코딩 자동완성 시스템"

텍스트입력, 이미지 삽입, 표가 어우러진 상세페이지, 하드코딩하실 필요가 없습니다.

빈 화면에 글작성 엔터치고 줄 바꿈 글 작성하고

이미지 삽입하고, 표삽입하고 예쁜표로 꾸미기하고

보여지는데로 홈페이지의 상세페이지가 완성됩니다.

홈페이지 디자인에 가장 많이 사용되는 텍스트 작업들
텍스트입력, 텍스트 크기 지정
효과넣기,
링크걸기
텍스트 문장 사이에 이미지 넣기
아름다운 표작성(표안에 텍스트 넣기)
코드보기 (코딩으로 작업하기)

웹사이트제작에서 가장 손이 많이 가고, 가장 어려운 표현이 바로  텍스트 작업입니다.

코딩으로 작업을 하게 되면 중급자도 어려울 수 밖에 없는 다양한 방식의 텍스트 디자인!


제공되는 텍스트위젯은 코드를 몰라도 위의 모든 것을 고급기술자이상으로

예쁘고 아름답게 표현할 수 있습니다.

더군다나 - 마우스로 좌우상하,중간,구석 - 어느곳이나 원하는 곳에 배치할 수 있답니다.

1 폰트

폰트를 지정합니다.

더블클릭하여 내용 수정. 단락 구분(P 태그)은 Enter로,
줄 바꿈(BR 태그)은 Shift + Enter 로 사용할 수 있습니다.

보이는 그대로 홈페이지에 텍스트가 입력됩니다.

2.제목(헤딩)

단락을 구분짓는 제목용 검색태그가 적용된 텍스트 크기 적용의 예

제목(헤딩)

제목1

제목2

제목3

제목4

제목5
제목6

표준

3.텍스트 크기

4. 자간 크기 지정

기본 자간    -1PX

기본 자간 1PX

기본자간 2PX

기본자간 3PX

기본자간 4PX

기본자간 5PX

5. 폰트컬러

더블클릭하여 내용 수정. 단락 구분(P 태그)은 Enter로,
줄 바꿈(BR 태그)은 Shift + Enter 로 사용할 수 있습니다.


초간단 컬러적용

6. 백그라운컬러

백그라운컬러

텍스트에 바탕색 넣어서 단어,문구,문장을 강조하기

7~10.텍스트 표

B  굴게 

          U 밑줄

                     S 취소선

                                  i 기울림꼴

12~14. 정렬, 숫자리스트, 점리스트

텍스트로 된 문장을 좌로 정렬

텍스트로 된 문장을 중간 정렬

텍스트로 된 문장을 우로 정렬


숫자리스트

  1. PC+모바일+반응형웹 제작
  2. PC+모바일+반응형웹+APP 통합제작
  3. 쇼핑몰+PC+모바일+반응형웹 제작
  4. 쇼핑몰+PC+모바일+반응형웹+APP 통합제작
  5. 모바일앱 제작
  6. 모바일쇼핑앱 제작


점리스트

  • 디자인모드
  • 텍스트 위젯
  • 최고의 디자인은 텍스트에서 시작

15. 표 작업

HTML, CSS 를 몰라도 어려운 테이블 디자인도 거뜬

표스타일 지정
테이블 헤더(헤더테이블은 태그 분리적용)
칸이 많은 테이블도 표에디터로 간단히
테이블안 바탕색상도 간단 지정열 삽입, 열삭제도 에디터로행삽입, 행삭제도 간단히
HTML, CSS 를 몰라도 텍스트 디자인
웹검색에 유리한 문서 소스코드 내장
행 hover 효과
테이블 제거도 간단히
컬러 파렛트로 글색상 간단적용
문장사이에 이미지도 쉽게 삽입
셀 수직분할 , 수평분할
글감별로 원하는 위치에 배치
링크걸기 - 디자인모드
텍스트 작업한 모습 그대로 홈페이지로 적용
표 안의 글 좌,우,중간 정렬셀 틱 효과

틈새 공간에 텍스트도 넣어 보구요. 만일 지금 보여지는 화면과 같은 표를 태그 작업으로 표현한다면,
능숙한 고급 기술자만 구현가능한 일,  하지만, 지금 이 화면을 보시는 고객님도 쉽게 표현하실 수 있는 별찌만의 텍스트 위젯의 표구성.

16. 이미지 첨부

텍스트 글 사이에 이해를 돕는

이미지를 쉽게 넣을 수 있습니다.

이미지를 첨부하고 이미지링크/ 이미지테두리박스/ 라운드표현/ 등등

코딩을 모르셔도 됩니다. 텍스트 내용은 지원하는 이미지 첨부 에디터 

17. 서식제거

잘못 입력한 서식을 제거합니다.

18. 소스코드 에디터

텍스트를 입력하는 데로, 보여지는데로 홈페이지에 그대로 표현되는 데요.

그럼 만약 소스코드로 작업을 한다면 어떨까요?

소스코드에디터는 태그를 직접 넣어서 내용을 추가,변경도 가능