반응형사이트에 대해, PC나 모바일웹에 맞게 사이즈가 자동으로 조정되는 것으로 이해들을 하고 계시며 천사웹에서는 그러한 특성을 고려하여 제작을 해드리고 있습니다.

 

 

천사웹에서 제작을 해드린 이후,

 

홈페이지 관리자께서는 하나하나의 컨텐츠 작업시에도 반응형의 특성을 고려하여 컨텐츠를 업데이트 해주셔야 지속적인 품질 유지가 되는데요.

 

이러한 특성을 알고 계시는 홈페이지 관리자분들이라면 상관이 없으시겠지만, 그렇지 않은 경우라면 아래의 내용들에 따라 작업을 해주셔야 품질 유지가 되겠습니다.

 

 

---

 

1. 텍스트 삽입

 

텍스트는 에디터에서 바로 입력해주시고 나서,

글씨 크기와 색상을 조정해주시는 방식을 권장해드리며, 이렇게 해주셔야 최적화 출력됩니다.

 

외부에서 "복사" 해서 "붙여넣기" 하시는 경우, 불필요한 소스코드들이 삽입되면서 깨질 수 있기 때문입니다.

 

 

2. 이미지 삽입

 

텍스트는 에디터의 이미지삽입 기능을 활용하여 중간중간 삽입해주시는 방식을 권장해드리며, 이미지 가로(width)의 크기값은 따로 지정해주지 않아야 모바일웹에서 확인시에 잘리지 않습니다. (가로값이 지정된 경우, html에서 삭제)

 

가로값(width)이 지정된 경우, html에서 삭제 예제

 

 

3. 표 삽입

 

반응형사이트의 경우, 표 삽입시가 가장 까다로운 부분이 될 수 있는데요.

워드, 한글, 타홈페이지, 타블로그 에서 "복사" 해서 "붙여넣기" 하시는 경우, 불필요한 소스코드들이 삽입되어 깨어질 수 있습니다.

 

따라서,

 

• 추천방법1
  에디터 자체에서 표작업을 바로 해주시되, 가로(width)의 크기값을 픽셀(px)이 아닌 100%와 같이 %단위로 지정해주어야 모바일웹에서 확인시에 잘리지 않습니다
  
  

  가로값(width)이 픽셀(px)로 지정된 경우, html에서 100%로 수정 (예제)
  
   

• 추천방법2
  홈페이지 전용툴인 "드림위버" 프로그램에서 표 작업을 하시어 붙여넣기 하시되, 마찬가지로 가로(width)의 크기값을 픽셀(px)이 아닌 100%와 같이 %단위로 지정해주어야 모바일웹에서 확인시에 잘리지 않습니다.
  
   
• 추천방법3
  다른 방법으로써 https://goo.gl/YmmX8N 의 안내에 따라, 표만들기 전용툴을 활용하여 표를 만들어 삽입할 수 있으며 초중급자분들에게 유용한 방법입니다.
  
   
• 추천방법4
  위의 방법들이 모두 어려우신 경우, 워드나 한글 등에서 작업을 하시되 작업된 부분을 "이미지" 로 저장 → "이미지" 로 삽입하는 방법으로 해주세요.

 

---

 

 

※ 반응형에 대한 좀 더 전문적인 이해를 통해 작업을 원하시는 경우,

https://goo.gl/hDTr0Y / https://goo.gl/W6rAv9 의 내용을 참고해주시길 바랍니다.

 

※ 천사웹에 컨텐츠작업을 의뢰하시는 경우,

위에서 안내해드린 반응형의 특성들을 고려하여 제작을 대행해드립니다.