2017.09.30 08:50

광고 코드 작성 방법

조회 수 2705 추천 수 0 댓글 0

안녕하십니까. 관리자 좋은아빠되기입니다.


HTML로 광고 코드 만드는법 간략하게 설명드리겠습니다.



우선


윈도우의 메모장을 실행합니다.


그리고


<div style="border:1 solid blue; background:#dcdcdc; color:green; TEXT-ALIGN:center; width:336; height:280;">

<a href="tel:055-354-3344" style="text-decoration:none">

<br />

<font size="5" color="blue"><strong>밀양 금성 컴퓨터 학원</strong></font><br /><br />

<font size="4" color="blue">컴활 1급, 2급 실기</font><br /><br />

<font size="3" color="black"><strong>밀양 금성컴퓨터학원에서</strong></font><br />

<font size="3" color="black"><strong><font size="3" color="red">확실하게 합격을</font> 배우세요.</strong></font><br />

<font size="3" color="green">워드, 컴활(1,2급), 정보처리, ITQ, MOS<br /> C, JAVA, 웹프로그래밍, 코딩교육</font><br /><br />

<font size="2" color="black"><strong>(평일 및 주말 휴일반 운영)</strong></font><br />

<font size="4"><strong>상담전화 : 055-354-3344</strong></font>

</a>

</div>




위 예제코드 또는 해당 광고의 코드를 복사하신 다음 메모장에 붙여넣기 합니다.


ad1.png



위 그림 같이 넣어주신 다음 코드 내용을 적당히 수정합니다.

(수정법은 아래 나옵니다. 일단 저장하는것부터 배우세요 ㅎㅎ)


그런 다음 저장을 하겠습니다.


근데 저장할때 컴퓨터 설정이나 기타 사정에 따라서


test.html로 저장을 해도 test.html.txt 파일 형태로 텍스트 문서로 저장되면


익스플로러나 크롬 등의 브라우저로 열어서 테스트 해볼수가 없습니다.




이런 것을 방지하고자(다른 방법도 많지만 아래 방식을 따라하면 오류를 줄일수 있습니다.)


저장할때


ad3.png


위 그림과 같이


파일 형식 : 모든 파일로 바꾸신 다음


파일이름은 test.html 또는 저장하고 싶은 이름.html로 저장을 하시면 됩니다.


저장하신뒤 익스플로러, 엣지, 크롬등에서 열어 보시면 광고 내용을 확인 하실수있습니다.





내용을 수정하고 싶으실때는


메모장을 다시 실행하신 다음


열기를 누른뒤


ad4.png




위 그림과 같이 열기 창이 나오면 텍스트문서가 아닌


모든 파일로 바꾸신뒤 수정하실 파일을 열어 주시면 됩니다.


이때부터는 저장 버튼만 누르면알아서 html 형식을 저장되 됩니다.


당연한 이야기지만 이미 html로 되어 있는 파일을 열었으니깐요.




그럼 광고 코드에 해서 간략하게 설명 드리겠습니다.


아래 태크(명령어?)를 수정해야 하는데 처음 보시는분들으 여러울수 있으니 설명 드리겠습니다.



손대지 말야야 할 부분은 설명하지 않겠습니다.




<div style="border:1 solid blue; background:#dcdcdc; color:green; TEXT-ALIGN:center; width:336; height:280;">


광고 뒷 배경색 설정 하는것입니다.


인터넷에 html 색상표 치면 많이 나옵니다. 바꾸고 싶은걸로 바꾸시면 됩니다.


저는 약깐 회색빛 사용하게 해놨습니다.




<a href="tel:055-354-3344" style="text-decoration:none">


위 코드는 모바일 버전용으로 광고 클릭시 전화를 걸수 있는 태크 입니다.


<a href='http://www.mgscbt.com' target="_blank" style="text-decoration:none">


위 코드는 pc 버전 용으로 광고 클릭시 연결되 인터넷 주소를 적어주시면 됩니다.




<br /> 또는 <br> 이라고 적힌 부분은 줄을 바꾸라는 태그 입니다.



<font size="5" color="blue">글자를 적을수 있어요</font>


글자를 적을수 있어요 라는 

글자 크기는 5로 하고(크기는 1-6까지 지정 가능합니다.) 색깔은 blue 즉 파란색으로..

색깔은 html 색상표라고 치면 인터넷으로 검색 가능합니다.


<strong>밀양 금성 컴퓨터 학원</strong>

<b>밀양 금성 컴퓨터 학원</b>

위 코드는 밀양 금성 컴퓨터 학원이라는 글자를 진하게 해달라는 뜻입니다.


시작 지점은 <태크> 끝다는 지점은 </태그> 이렇게 적어 주시면 됩니다.



대략 이정도만 해도 코드 수정은 가능할듯하며


더 세밀한건 인터넷으로 html 태그를 검색해서 약깐 공부하시길 추천 드립니다.



List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 전자문제집 CBT 개인 정보 처리 방침 좋은아빠되기 2019.08.28 281
공지 전자문제집 CBT 사용자 메뉴얼(틀린문제 저장 및 확인) file 좋은아빠되기 2019.04.24 1718
공지 전자문제집 CBT 후원 및 타자도움 좋은아빠되기 2016.12.04 49502
공지 학원 및 업체용 광고 신청 안내(광고 관련 통합 메뉴얼) 좋은아빠되기 2016.11.26 16901
공지 전자문제집 CBT 앱 관련 모든 Q&A 모음 좋은아빠되기 2016.06.27 103352
공지 기출문제 저작권 안내 좋은아빠되기 2013.09.23 17472
공지 기사, 산업기사, 기능사 시험문제 찍어서 보내 주세요.(기출문제 복원작업) 좋은아빠되기 2013.09.17 43232
공지 전자문제집 CBT 분양신청 안내(학원 및 단체 번호 신청 서비스) file 좋은아빠되기 2013.09.13 67064
공지 HWP 파일 다운로드 안될때(index.php 저장??) file 좋은아빠되기 2013.07.01 28281
428 2016년 정기 기사 2회 필기 - 사무자동화산업기사 2교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.05.09 282
427 2016년 정기 기사 2회 필기 - 정보처리산업기사 2교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.05.09 231
426 2016년 정기 기사 2회 필기 - 정보처리기사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.05.09 281
425 전자문제집 CBT 업데이트 안내 Ver : 3.2.1 (풀던 과목 기억 기능) file 좋은아빠되기 2016.04.19 268
424 2016년 정기 기능사 2회 필기 - 환경기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 367
423 2016년 정기 기능사 2회 필기 - 항공기체정비기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 478
422 2016년 정기 기능사 2회 필기 - 컴퓨터응용선반기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 222
421 2016년 정기 기능사 2회 필기 - 컴퓨터응용밀링기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 203
420 2016년 정기 기능사 2회 필기 - 컴퓨터그래픽스운용기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 215
419 2016년 정기 기능사 2회 필기 - 조주기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 203
418 2016년 정기 기능사 2회 필기 - 조경기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 220
417 2016년 정기 기능사 2회 필기 - 전자캐드기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 871
416 2016년 정기 기능사 2회 필기 - 전자출판기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 153
415 2016년 정기 기능사 2회 필기 - 전자기기기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 351
414 2016년 정기 기능사 2회 필기 - 전자계산기기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 167
413 2016년 정기 기능사 2회 필기 - 전산응용기계제도기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 155
412 2016년 정기 기능사 2회 필기 - 전산응용건축제도기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 161
411 2016년 정기 기능사 2회 필기 - 전기기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 212
410 2016년 정기 기능사 2회 필기 - 자동차정비기능사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 164
409 2016년 정기 기능사 2회 필기 - 이용사 1교시 A형, B형 기출문제 가답안 좋은아빠되기 2016.04.02 352
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 ... 28 Next
/ 28