현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

웹프로그래밍에서...

spark1000의 이미지
글쓴이: spark1000 / 작성시간: 수, 2012/11/21 - 3:09오후

홈페이지 제작을 위해서, 도메인과 호스팅을 구입하였는데요,

FTP를 이용해서, 자신이 그 홈페이지에 올리고 싶은 이미지나 파일을

서버에 업로드 하면 되는 것은 아는데,

예를들어서, 무궁화.jpg 를 업로드 하기는 하였는데,

제가 구입한 도메인 홈페이지(www.spark1000.com)에 들어가보면, 전혀 그런 그림이 안나오는데요,

무엇인가 홈페이지 소스를 조정해야 될 것 같은데,

홈페이지 소스를 조정해서,

소스에다가 

<head>
<body>
<img src=무궁화.jpg>
</body>
</head>

라고 올려야 될 것 같은데요,

그 나의 홈페이지 소스를 어떻게 조정할 수 있나요?

그냥 www.spark1000.com 가서, 소스보기 해서, 고치고 엔터 친다고 되는 것도 아니고....

어디서 자기의 홈페이지 소스를 수정할 수 잇나요?

Forums: 
프로그래밍 QnA
spark1000의 이미지

글쓴이: spark1000 / 작성시간: 수, 2012/11/21 - 3:12오후

그 엑박있는 부분이 엑박이 아니라 원래...

소스에다가

<html>
<head>
<body>
<img src=무궁화.jpg>
</body>
</head>
</html>

라고 올려야 될 것 같은데요,

< 대신 [을 썼습니다..엑박이 떠버려서..

shint의 이미지

글쓴이: shint / 작성시간: 월, 2012/11/26 - 12:51오후 

< code> <--  간격 붙이세요.
입력할 내용.
< /code>
 
또는
 
[ %

----------------------------------------------------------------------------
젊음'은 모든것을 가능하게 만든다.

매일 1억명이 사용하는 프로그램을 함께 만들어보고 싶습니다.
정규 근로 시간을 지키는. 야근 없는 회사와 거래합니다.

각 분야별. 좋은 책'이나 사이트' 블로그' 링크 소개 받습니다. shintx@naver.com

romandev의 이미지

글쓴이: romandev / 작성시간: 금, 2012/11/23 - 6:18오후

해당 링크로 접속해서 소스를 보니 텍스트만 있더군요.

저런 소스를 index.html (혹은 기타 등)파일로 만들어주셔야 하고

무궁화.jpg를 같은 경로에 넣어주시면됩니다.

엑박이 뜨셨다고 하셨는데 무궁화.jpg를 한글로 하셨기 때문에 서버 세팅에 따라 읽어오지 못할 수도 있습니다.

되도록이면 영문자를 쓰는게 좋을 것 같아보입니다.

익명 사용자의 이미지

글쓴이: 익명 사용자 / 작성시간: 월, 2012/11/26 - 12:03오후

요렇게 해야 되는거 같은데요

shint의 이미지

글쓴이: shint / 작성시간: 월, 2012/11/26 - 12:53오후 

//웹서버에 있는. index.html 이나. index.php 파일에 html 문을 넣어주어야 합니다.
 
//전송방식
웹 서버                                                    클라이언트 웹 브라우저
                                       <-----------        <a href="http://www.spark1000.com/주소" rel="nofollow">www.spark1000.com/주소</a> 입력. 엔터
www.spark1000.com/index.html 전송      ------------>       
 
우리가 <a href="http://www.spark1000.com/라고" rel="nofollow">http://www.spark1000.com/라고</a> 치더라도. 웹 서버는 index.html이나 index.php를 전송해 줍니다.
왜냐하면. index.html을 맨날 치려면. 귀찮잖아요.
그래서. 웹 서버가 자동으로 주소만 치면. 해당 폴더에 index.html이나 index.php 파일을 전송해 줍니다.
 
이미지만 보고 싶다면. 이미지.jpg 파일을 웹서버에 올린후.
주소창에 <a href="http://www.spark1000.com/이미지.jpg" rel="nofollow">www.spark1000.com/이미지.jpg</a> 라고 입력해보세요.
 
<img src="www.spark1000.com/이미지.jpg"> 처럼 화면에 보여 집니다.
 
 
 
그래서.
index.html 파일 안에 이런 html 문을 입력하게 되면.
 
<html>
<body>
<img src="www.spark1000.com/이미지.jpg">
</body>
</html>
 
웹 브라우저는 이 문장을 하나씩 확인해서. 화면에 출력해 주게 됩니다.

----------------------------------------------------------------------------
젊음'은 모든것을 가능하게 만든다.

매일 1억명이 사용하는 프로그램을 함께 만들어보고 싶습니다.
정규 근로 시간을 지키는. 야근 없는 회사와 거래합니다.

각 분야별. 좋은 책'이나 사이트' 블로그' 링크 소개 받습니다. shintx@naver.com

spark1000의 이미지

글쓴이: spark1000 / 작성시간: 수, 2012/11/28 - 1:03오후

감사합니다

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.