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

 

 

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

 

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

 

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

 

 


 

1. 텍스트 삽입

 

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

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

 

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

 

 

2. 이미지 삽입

 

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

 

p071.png

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

 

 

3. 표 삽입

 

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

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

 

따라서,

 

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

    p075.png

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

     

  • 추천방법2
    홈페이지 전용툴인 "드림위버" 프로그램에서 표 작업을 하시어 붙여넣기 하시되, 마찬가지로 가로(width)의 크기값을 픽셀(px)이 아닌 100%와 같이 %단위로 지정해주어야 모바일웹에서 확인시에 잘리지 않습니다.

     
  • 추천방법3
    다른 방법으로써 https://goo.gl/YmmX8N 의 안내에 따라, 표만들기 전용툴을 활용하여 표를 만들어 삽입할 수 있으며 초중급자분들에게 유용한 방법입니다.

     
  • 추천방법4
    위의 방법들이 모두 어려우신 경우, 워드나 한글 등에서 작업을 하시되 작업된 부분을 "이미지" 로 저장 → "이미지" 로 삽입하는 방법으로 해주세요.

 


 

 

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

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

 

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

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

 

 

Who's 천사웹

profile

보다 저렴하게 더 나은 서비스를 제공할 수는 없을까?

"천사웹" 은 이러한 계속되는 질문을 통해 서비스 개발이 되었고

"여러 해에 걸쳐 개선되어온 서비스" 이며 "브랜드" 입니다.

Atachment
첨부 '2'

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
36 천사웹 운영TIP HTML 스크립터 없이 간단히 새창 띄우기 천사웹 2015.06.18 14096
35 천사웹 운영TIP iframe 를 쓰지않고 유튜브 동영상을 게시하는 요령 file 천사웹 2019.03.21 28931
34 천사웹 운영TIP 게시판 첨부파일 용량제한을 조정하는 방법 file 천사웹 2018.05.23 4602
33 천사웹 운영TIP 등록되어 있는 팝업을 간단히 수정/관리하는 요령 file 천사웹 2019.03.28 4878
32 천사웹 운영TIP 문자서비스 신청시에 인증키 확인요령 file 천사웹 2018.08.09 3887
31 천사웹 동영상TIP 반응형 홈페이지는 무엇인가요? 천사웹 2015.05.04 9394
30 천사웹 운영TIP 반응형사이트 - 복사상품 구매고객을 위한 요약가이드 천사웹 2017.11.15 2853
» 천사웹 운영TIP 반응형사이트에서 컨텐츠 작업시 유의사항 및 요령 file 천사웹 2017.12.16 3742
28 천사웹 운영TIP 빠른상담 접수시에 문자로도 받아보는 방법 file 천사웹 2018.01.07 3782
27 천사웹 운영TIP 상담/신청 접수시에 전송받을 이메일을 변경하는 요령 file 천사웹 2016.04.17 4375
26 천사웹 운영TIP 상세보기 페이지에서 첨부한 이미지가 보여지지 않도록 하는 방법 file 천사웹 2018.02.22 3743
25 천사웹 운영TIP 이미지에 간단하게 버튼효과 적용하기 file 노르웨이숲 2016.02.11 6569
24 천사웹 운영TIP 제공해드린 팝업샘플 내용을 수정하는 요령 file 천사웹 2016.06.13 4195
23 천사웹 동영상TIP 천사웹 24시간온라인상담 이용하기 천사웹 2015.06.05 7577
22 천사웹 동영상TIP 천사웹 접속방법 및 템플릿 선정 요령 file 천사웹 2015.05.01 10040
21 천사웹 운영TIP 천사웹 템플릿홈페이지 v2.0 메뉴 수정요령 천사웹 2015.10.13 9188
20 천사웹 운영TIP 천사웹 템플릿홈페이지 첨부파일 용량 수정요령 file 천사웹 2017.12.11 2968
19 천사웹 동영상TIP 천사웹가이드 - 네이버 검색등록 반달이 2015.09.24 11218
18 천사웹 동영상TIP 천사웹가이드 - 다음 검색등록 반달이 2015.09.24 11110
17 천사웹 동영상TIP 천사웹가이드 쇼핑몰 관리자 - 결제관리 결제방식 설정 반달이 2015.07.09 11785
16 천사웹 동영상TIP 천사웹가이드 쇼핑몰 관리자 - 결제관리(1) 무통장입금 및 카드결제 등록 반달이 2015.06.29 11087
15 천사웹 동영상TIP 천사웹가이드 쇼핑몰 관리자 - 결제관리(2) 휴대폰 결제 등록 반달이 2015.06.29 11246
14 천사웹 동영상TIP 천사웹가이드 쇼핑몰 관리자 - 기본정보관리 이용약관설정 반달이 2015.08.21 11744
13 천사웹 동영상TIP 천사웹가이드 쇼핑몰 관리자 - 내 쇼핑몰 정보 등록 및 변경 반달이 2015.06.29 11820
12 천사웹 동영상TIP 천사웹가이드 쇼핑몰 관리자 - 배송관리 배송/반품 설정 반달이 2015.07.10 11703
11 천사웹 동영상TIP 천사웹가이드 쇼핑몰 관리자 - 상품관리 상품등록 반달이 2015.07.10 3685
10 천사웹 동영상TIP 천사웹가이드 쇼핑몰 관리자 - 상품관리 상품아이콘설정 반달이 2015.08.21 11189
9 천사웹 동영상TIP 천사웹가이드 쇼핑몰 관리자 - 상품관리 상품옵션설정 반달이 2015.07.14 11329
8 천사웹 동영상TIP 천사웹가이드 홈페이지 관리자 - 게시판관리 항목 및 권한 수정 반달이 2015.07.14 11865
7 천사웹 동영상TIP 천사웹가이드 홈페이지 관리자 - 서비스관리 반달이 2015.07.14 10887
6 천사웹 동영상TIP 천사웹가이드 홈페이지 관리자 - 운영설정 운영자 및 결제방식 반달이 2015.07.14 11446
5 천사웹 동영상TIP 천사웹가이드 홈페이지 관리자 - 운영설정 회원가입 항목 설정 반달이 2015.07.21 11727
4 천사웹 동영상TIP 천사웹가이드 홈페이지 관리자 - 이용약관설정 반달이 2015.08.21 11188
3 천사웹 운영TIP 템플릿홈페이지 - 복사상품 구매고객을 위한 요약가이드 file 천사웹 2017.10.19 4060
2 천사웹 운영TIP 페이지를 자동으로 이동시키는 방법 4가지 천사웹 2015.06.09 6816
1 천사웹 운영TIP 학원템플릿에서 강사정보 수정하는 방법 file 천사웹 2019.01.19 4338
Board Pagination Prev 1 Next
/ 1