메뉴 건너뛰기

FAQ

조회 수 1815 추천 수 0 댓글 4

1. 파일첨부와 본문에 나타나는 그림의 순서는 관계는 있는 것이지만 완전히 일치해야 하는 것은 아닙니다.

   그렇지만 Thumbnail(리스트에 나타나는 작은 그림)은 첨부파일 리스트의 맨 위에 있는 녀석의 줄인 것이

   나타나게 됩니다.

   작은 그림으로 등록되게 하려면 한꺼번에 여러 개를 첨부하시지 마시고 Thumbnail로 등록하시고자 하는 것은 먼저 하나 올린 다음에

   나머지를 첨부해 주시기 바랍니다. - 이 부분을 수정할 수 있었으면 좋겠는데 아직 제 능력으로는 해결하지 못하겠네요.

 

 

 88500_001.jpg



2. 이해를 돕기 위해서 작은 그림들로 예를 들겠습니다.

   아래 그림처럼 큰 그림은 편집기의 가로의 넓이 관계로 그림들이 아래로 나열된 것 처럼 보이게 되지만 실제로는 아래 그림처럼 된 것입니다.


 88500_002.jpg

 

 

 

 

 

 

3. HTML 편집기 버턴을 클릭하여 HTML 소스 창으로 이동합니다.

   편집기의 오른쪽 상단에 보면  88500_004.jpg 버턴을 클릭하면 아래 그리과 같이 HTML 코드가 나타나게 되며  88500_005.jpg   초록색 바탕으로 변하게 됩니다.

 

 88500_003.jpg

 

 

 

 

4. 코드를 정리하고 <img .....> 테그의 다음에 <br> 테그를 추가합니다.

 

88500_006.jpg

 

 

 

5. 다시  88500_005.jpg  버턴을 클릭하여 위지위그 편집창으로 절환을 해 보면 아래 그림과 같이 나타납니다.

 

88500_007.jpg

 

 

 

 

 

6. 드래그 드롭으로 이동 시키는 것은 동영상으로 만들어야 제대로 표현이 가능할 것 같아서 패스하고 그림을 선택한 다음에 잘라내기를 하고 붙여넣기를 하는 방법을

    알아보겠습니다.

    먼저 잘라내기 할 그림을 선택합니다.

 

88500_008.jpg

 

 

 

7. 팝업메뉴에서 잘라내기를 클릭하여 해당 그림을 잘라냅니다.

 

88500_009.jpg

 

 

 

8. 잘라내기를 하면 아래 그림과 같이 잘라낸 부분에 더 많은 공백이 생기게 됩니다.

88500_010.jpg

 

 

 

 

9. 잘라낸 그림을 원하는 위치로 붙여넣기 합니다.

 

88500_011.jpg

 

 

 

 

 

 

 

10. 마지막 정리를 합니다.

 

88500_012.jpg

 

 

 

 

 

HTML 코드로 정리하는 방법에 대해서는 또 올리도록 하겠습니다.

 

 

별 내용은 없으면서 또 장황하게 길어져 버렸네요.

조금이라도 이해가 되지 않는 부분이 있으면 바로 댓글 달아주세요.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  • ?
    샛강 2009.06.10 09:56

    지금 열심히 공부하고 있는데,

    잘라내기까진 쉽게 되나 붙여넣기할려고 넣고자하는 그림사이 공간에 커서를 이동시킬려고 하여도

    커서가 나타나질 않아요.

    그림에 마우스를 옮기고 엔드와 엔터를 치면 맨 마지막그림으로 이동만 되고 커서는 나타나질 않습니다.

    다시 두르리면 커서가 맨위 시작할 때 남겨둔 공간으로 가서 깜박거립니다. 그런데 커서를 움직일 수는 없고요.

    무었을 잘못하였을까요

  • profile
    floma 2009.06.10 11:11

    그렇지요?

    커서를 위치시키는 것이 좀 어렵네요.

    편집기가 아직 완전하지를 못한것 같습니다.

    나이 드신분들께 HTML 공부하시라 할 수도 업고......

     

    마우스로 커서가 움직이지 않을 때는 방향키로 이동시켜 보세요.

    그래도 안되면 HTML 편집기로 가셔서 <img 태크 앞에다 <br><br><br><img 이런식으로 변경한 다음에 위지위그 편집기로 오시면 공간이 보일 겁니다.

    HTML 코드를 변경하고서 커서가 원하는 위치로 가지 않으면 아래, 위 방향키로 이동해 보세요.

    자꾸 어렵게 만들어서 죄송합니다.

  • ?
    샛강 2009.06.10 15:09

    파일 한장씩 올리기로 올린다음 사진사이에 설명쓰기를 할려고 해도 커서가 제대로 작동이 안 되는군요.

    겨우 화살표키를 이용하여 글쓰기는 하였으나( 위슬러 동계올림픽 사진)

    사진순서바꾸기연습은 실패하였답니다.  HTML에서 <br>방법으로 커서움직이는 것도 실패하고요.

    이참에 html 사용법도 원리를 알고싶은데 어느 싸이트에서 배울 수 있는지 알려주십시요.

  • profile
    floma 2009.06.26 21:31

    답이 많이 늦었네요.

    HTML은 여러 면으로 편리한 점이 많이 있습니다.

    포털사이트에서 HTML로 치면 많은 문서들이 나오게 됩니다.

    사실상 HMTL에 많이 쓰이는 테그들은 그렇게 많지는 않습니다.

    HTML 테그 하나로 끝나는 것이 아니고 CSS(Cascading Style Sheet)라고 해서 이 녀석이 함께 해야 정말로 제대로 된 문서를 작성할 수 있습니다.

    HTML로 안된다는 것은 아닙니다.

    HTML 만으로도 충분히 훌륭한 문서를 만들 수 있습니다.

     

    마이크로소프트의 MSDN에 보니 HTML Element가 잘 정리되어 나와 있네요.

    영문이라서....

    먼저 포털 사이트에서 HTML 강좌를 찾아보고 HTML을 어떻게 작성하고 어떻게 사용하는 지에 대해서 조금 알아 보신 후에

    아래 HTML 테그를 보시면 됩니다.

    조금 많이 사용되는 HTML 테그에 대해서는 시간 나는대로 설명을 올리겠습니다.

     

     

     

    http://msdn.microsoft.com/en-us/library/ms533029(VS.85).aspx

     

     

    a  : 링크를 걸어 주는데 많이 사용됩니다.

    Designates the start or destination of a hypertext link.

    abbr

    Inserts an abbreviation into an HTML page.

    acronym

    Indicates an acronym abbreviation.

    address

    Specifies information, such as address, signature, and authorship, of the current document.

    applet

    Places executable content on the page.

    area

    Defines the shape, coordinates, and associated URL of one hyperlink region within a client-side image map.

    b : 글자체를 굵게 만들어 줍니다.

    Specifies that the text should be rendered in bold.

    base

    Specifies an explicit URL used to resolve links and references to external sources such as images and style sheets.

    baseFont

    Sets a base font value to be used as the default font when rendering text.

    bdo

    Allows authors to disable the bidirectional algorithm for selected fragments of text.

    bgSound : 배경음악을 나오게 합니다.

    Enables an author to create pages with background sounds or soundtracks.

    big

    Specifies that the enclosed text should be displayed in a larger font than the current font.

    blockQuote

    Sets apart a quotation in text.

    body : HTML의 기본 테그입니다.

    Specifies the beginning and end of the document body.

    br : 개행을 합니다.

    Inserts a line break.

    button : 버턴을 만드는데 그리 많이 사용되지는 않습니다.

    Specifies a container for rich HTML that is rendered as a button.

    caption

    Specifies a brief description for a table.

    center : 가운데로 정렬합니다.

    Centers subsequent text and images.

    cite

    Indicates a citation by rendering text in italic type.

    code

    Specifies a code sample.

    col

    Specifies column-based defaults for the table properties.

    colGroup

    Specifies property defaults for a column or group of columns in a table.

    comment

    Indicates a comment that is not displayed.

    custom

    Represents a user-defined element.

    dd

    Indicates the definition in a definition list. The definition is usually indented in the definition list.

    del

    Indicates text that has been deleted from the document.

    dfn

    Indicates the defining instance of a term.

    dir

    Denotes a directory list.

    div : 일정한 범위를 만들어 나타나게 하는데 이 녀석 하나 만으로 뭘 하지는 못하고 CSS랑 조합하여 많이 사용합니다.

    Specifies a container that renders HTML.

    dl

    Denotes a definition list.

    dt

    Indicates a definition term within a definition list.

    em

    Emphasizes text, usually by rendering it in italic type.

    embed : Applet이라던가 미디어 플레이등을 포함할 때 사용합니다.

    Allows documents of any type to be embedded.

    fieldSet

    Draws a box around the text and other elements that the field set contains.

    font : 문자를 다룹니다.

    Specifies a new font, size, and color to be used for rendering the enclosed text.

    form : 일반적인 문서에서는 그리 많이 사용되지 않고 데이터를 수집하거나 전송할 때 사용됩니다.

    Specifies that the contained controls take part in a form.

    frame : 프레임을 나눌 때 사용됩니다.

    Specifies an individual frame within a frameSet element.

    frameSet : 프레임을 나눌 때 사용됩니다.

    Specifies a frameset, which is used to organize multiple frames and nested framesets.

    head : HTML head로 HTML,BODY,HEAD 테그 등은 기본 테그라고 해야 하나요...

    Provides an unordered collection of information about the document.

    hn

    Renders text in heading style.

    hr : 가로 줄을 넣습니다.

    Draws a horizontal rule.

    html  : ---

    Identifies the document as containing HTML elements.

    i : 글자를 기울입니다.

    Specifies that the text should be rendered in italic type, where available.

    iframe : 문서내에 다른 문서를 나타나게 해 줍니다.

    Creates inline floating frames.

    img : 그림을 나타냅니다.

    Embeds an image or a video clip in the document.

    input

    Creates a variety of form input controls.

    input type=button : 버턴을 삽입합니다.

    Creates a button control. 

    input type=checkbox : 체크박스를 삽입합니다.

    Creates a check box control.

    input type=file : 파일 찾아보기를 삽입합니다.

    Creates a file upload object with a text box and Browse button.

    input type=hidden : 문자입력박스인데 보이지 않습니다.

    Transmits state information about client/server interaction.

    input type=image : 그림을 삽입합니다. img 테그와는 조금 다릅니다.

    Creates an image control that, when clicked, causes the form to be immediately submitted.

    input type=password : 비밀번호를 입력하는 문자열 박스를 삽입합니다.

    Creates a single-line text entry control similar to the INPUT type=text control, except that text is not displayed as the user enters it.

    input type=radio : 라디오 버턴을 삽입합니다.

    Creates a radio button control.

    input type=reset : 리세트 버턴을 입력합니다.

    Creates a button that, when clicked, resets the form's controls to their initial values.

    input type=submit : submit 버턴을 입력합니다. reset, submit는 form 테그와 함께 사용됩니다.

    Creates a button that, when clicked, submits the form.

    input type=text : 문자열 박스를 삽입합니다. - 한줄

    Creates a single-line text entry control.

    ins

    Specifies text that has been inserted into the document.

    isIndex

    Causes the browser to display a dialog window that prompts the user for a single line of input.

    kbd

    Renders text in a fixed-width font.

    label

    Specifies a label for another element on the page.

    legend

    Inserts a caption into the box drawn by the fieldSet object.

    li

    Denotes one item in a list.

    link

    Enables the current document to establish links to external documents.

    listing

    Renders text in a fixed-width font.

    map

    Contains coordinate data for client-side image maps.

    marquee : 문자열을 스크롤할 수 있습니다.

    Creates a scrolling text marquee.

    menu

    Creates an unordered list of items.

    meta

    Conveys hidden information about the document to the server and the client.

    noBR

    Renders text without line breaks.

    noFrames

    Contains HTML for browsers that do not support FRAMESET elements.

    noScript

    Specifies HTML to be displayed in browsers that do not support scripting.

    object

    Inserts an object into the HTML page.

    ol

    Draws lines of text as a numbered list.

    optGroup

    Allows authors to group choices logically in a select element.

    option : 선택박스의 항목을 삽입합니다.

    Denotes one choice in a SELECT element.

    p : 개행합니다. 두줄

    Denotes a paragraph.

    param

    Sets the initial value of a property for an APPLET, EMBED, or OBJECT element.

    plainText

    Not currently supported.

    pre : 입력한 대로 보이게 됩니다.

    Renders text in a fixed-width font.

    q

    Sets apart a quotation in text.

    rt

    Designates the ruby text for the RUBY element.

    ruby

    Designates an annotation or pronunciation guide to be placed above or inline with a string of text.

    s

    Renders text in strike-through type.

    samp

    Specifies a code sample.

    script 

    Specifies a script for the page that is interpreted by a script engine.

    select : 선택박스를 삽입합니다.

    Denotes a list box or drop-down list.

    small

    Specifies that the enclosed text should be displayed in a smaller font.

    span

    Specifies an inline text container.

    strike

    Renders text in strike-through type.

    strong : 문자열을 굵게

    Renders text in bold.

    style : style 을 나타냅니다.

    Specifies a style sheet for the page.

    sub

    Specifies that the enclosed text should be displayed in subscript, using a smaller font than the current font.

    sup

    Specifies that the enclosed text should be displayed in superscript, using a smaller font than the current font.

    table : 표를 만듭니다.

    Specifies that the contained content is organized into a table with rows and columns.

    tBody

    Designates rows as the body of the table.

    td

    Specifies a cell in a table.

    textArea : 여러 줄을 입력할 수 있는 문자 박스를 삽입합니다.

    Specifies a multiline text input control.

    tFoot

    Designates rows as the table's footer.

    th

    Specifies a header column. Header columns are centered within the cell and are bold.

    tHead : table,tbody,th,td,tr 은 table 테그 내에서 사용됩니다.

    Designates rows as the table's header.

    title

    Contains the title of the document.

    tr

    Specifies a row in a table.

    tt

    Renders text in a fixed-width font.

    u : 밑줄

    Renders text that is underlined.

    ul

    Draws lines of text as a bulleted list.

    var

    Defines a programming variable. Typically renders in italic type.

    wbr

    Inserts a soft line break into a block of NOBR text.

    xml

    Defines an XML data island on an HTML page.

    xmp

    Renders text used for examples in a fixed-width font.

     

     


List of Articles
번호 제목 글쓴이 날짜 조회 수
5 그림과 글의 정렬에 대해서 file floma 2009.06.11 1695
4 표를 이용하여 글을 등록하는 방법 1 file floma 2009.06.10 1475
» 그림의 위치를 이동시키는 방법 4 file floma 2009.06.10 1815
2 그림이 옆으로 이어지거나 연달아 이어지지 않게 하는 방법 1 file floma 2009.06.09 1436
1 글쓰기 할 때 참조하세요. file floma 2009.05.11 1468
목록
Board Pagination Prev 1 Next
/ 1
위로