*은* 스토어

*은*

개인

팔로워0 팔로우

소개

등록된 소개글이 없습니다.

전문분야 등록된 전문분야가 없습니다.

판매자 정보

학교정보

입력된 정보가 없습니다.

직장정보

입력된 정보가 없습니다.

자격증

입력된 정보가 없습니다.

판매지수

판매중 자료수

2개
전체 판매량

1개
최근 3개월 판매량

0개
자료후기 점수

-
자료문의 응답률

-

전체자료 2개

웹문서와 디자인

웹문서와 Design+★ 들어가기 전, 인터넷 = 웹 ??보통 우리가 WWW이라고 부르는 월드와이드웹(World Wide Web : 이하 웹)이란 말은 엄밀하게 인터넷의 한 서비스 종류를 말하는 것이다. 그러니까 인터넷 자체를 의미하는 말은 아니다. 인터넷이라고 불리는 거대 네트워크에서 이용할 수 있는 서비스 자원은 그 종류가 많이 있다. 메일 서비스부터 다운로드서비스, 텔넷서비스, 유즈넷 서비스 등 아마 우리가 이중에서 한 두가지는 벌써 이용해 보았을 많은 서비스들이 존재한다.즉, 인터넷이란 여러 서비스들을 실행시켜주는 컴퓨터들이 모여 상대방이 접속해주길 24시간 내내 기다리고 있는 일종의 대기 창구와 같다. 인터넷 초창기는 일반인이 해당 서비스 컴퓨터에 접속하는 것조차 어려웠다. 일단 장비가 지금처럼 대중화 된 것이 아니었고 또 초창기의 인터넷 서비스의 주류였던 FTP서비스(파일전송서비스)와 메일서비스, 그리고 문자로 정보를 보여주는 고퍼 서비스등 이런 것이 대부분 문자로 된 정보의 전달에만 맞도록 고안되어 있으니 당연히 기업들의 투자도 특별한 목적을 제외하곤 그리 원활히 이루어진 것도 아니었다. 그러던 것이 1989년 스위스 제네바에 있는 유럽 입자 물리학 연구소 [CERN] 에서 근무하던 Tim Berners-Lee라는 물리학자가 자기들의 연구결과를 서로 링크시켜 보기위해 웹이라는 개념을 만들어 내면서 상황이 바뀌기 시작하였다. 바로 웹의 가장 중요한 특징인 하이퍼텍스트의 개념으로 문서간의 실시간 연결이 가능해진 것이다. 이 개념이 인터넷이라는 전 세계 컴퓨터를 연결한 네트워크와 만났으니 전 세계의 컴퓨터안의 문서(정보)가 실시간으로 연결이 된다는 것을 말이다. 누구도 예상 못했던 일이 한 천재에 의해 실현이 된 것이다.정리하자면,* 웹문서 = 하이퍼텍스트 + 인터넷 + 레이아웃(+스타일) 처리된 문서라고 할 수 있다.●. HTML의 구조와 사용인터넷이라는 정보의 바다에서 가장 인기있는 서비스는 바로 월드 와이드 웹(World Wide Web), 즉 웹 앞뒤에 태그를 붙여서 그 문자열의 특성을 나타내며, 웹 브라우저를 통하여 사용자에게 보여 지는 문서의 내부형식을 규정한다. HTML은 SGML 표준에 따라 구현된 문서형식으로, 하이퍼텍스트와 하이퍼미디어 (Hypermedia)을 지원한다. HTML파일은 일반 텍스트 문서와 같은 형식인 아스키 (ASCII) 파일이며 확장자는 *.htm 또는 *.html이다.HTML의 기반이 되는 SGML(Standard Generalized Markup Languade)은 다양한 형식의 전자문서들의 구조와 내용을 기술하는 방법을 정의한 국제적 표준으로 시스템 및 응용에 독립적인 문서 정보처리를 위해 제정되었다. 따라서, SGML은 고대의 문자표현은 물론 스텔스 폭격기의 기술문서, 음악 악보, 환자의 병원기록에 이르기까지 많은 영역에서 사용되는 다양한 문서의 형식을 기술 하는데 쓰일 수 있다. HTML은 SGML을 따르는 문서 형식중의 하나로서 주로 웹 문서에 이용된다. 즉, 제목, 문단, 목차, 그림 등과 하이퍼텍스트와 멀티미디어 지원을 통해 간단한 사무용 보고서들을 기술 할 수 있게 해주는 하나의 고정된 문서형식이라고 할 수 있다. HTML은 정보의 기본적 기능을 기술하는데 있어서 단 한 가지 방법만을 제시한다. 따라서 이에 만족하지 못한 각 웹브라우저 회사들은 이에 부가하여 더욱 다양한 기능을 제공할 수 있는 확장 안을 저마다 제시했는데 경국 서로 호환되지 않는 경우도 많아지고 말았다. 이로 인해 HTML은 한계에 이르렀다는 인식이 공감을 얻고 있으며 새로운 요구들이 대두되었다.SGML의 또 다른 축소 버전으로 XML이 있는데, SGML에서 복잡하고 잘 사용되지 않는 부분을 생략하고, 사용자만의 문서타입을 정의할 수 있게 하였으며, 프로그래머가 프로그램을 쉽게 작성할 수 있도록 되어 있다. 다시 말해, HTML의 경직된 문서 형식을 벗어나 정보 제공자들이 다양한 정보를 보여줄 수 있도록 해주는 문서 형식이다. XML은 정보 제공자들이 자신의 문서 타입을 설계할 수 있도록 에 넣어주면 된다.한국 이런 식.2. 태그는 (브라켓이라고 한다.)을 사용한 쌍으로 존재한다.만약 "한국"이라는 글자에 밑줄을 긋고 싶다면 한국하면 된다. 여기서 u는 underline이라는 단어의 약어이다. 이 때 맨 앞의 를 "시작태그"라 하고 마지막를 "종결태그"라고 한다. 이렇게 태그는 대부분이 시작태그와 종결태그의 쌍으로 존재하며 반드시 종결태그에는 "/" 슬래쉬를 삽입해 주어야 한다. 이와는 다르게 단독적으로 존재하는 태그도 있다. 대표적으로 줄 바꾸어 주는 태그와 문서에 라인을 그어주는 태그 등이 있다.3. 모든 태그는 과 사이에 위치해야 한다.로 시작하는 이유는 이 문서는 HTML언어를 사용했다는 것을 브라우저에게 알린다고 생각하면 된다. 즉 "이제부터 HTML언어로 작성되어 있으니 브라우저는 해석할 준비해라" 라는 뜻이다.4. 모든 웹문서의 기본 골격은 일반 문서의 골격과 같다.일반문서가 머릿 글과 본문으로 구성되는데 HTML문서는 머릿 글과 본문을 구분할 때 태그로 표시해주어야 한다는 것이 다르다. 태그로 표시를 해주어야만 웹브라우저는 어느 부분이 머릿 글인지 본문인지를 구별할 수가 있게 된다. 그래서 웹문서의 기본 골격은 다음과 같다.여기에 문서의 제목을 적는다.이 부분이 본문으로서 문서의 모든 내용(텍스트, 동영상, 사운드, 그래픽 등)들이 위치한다.당연히 시작은 로 시작해야한다와 사이가 머릿 글을 나타내고,머릿 글은 위에서와 같이 로 시작하고 로 닫아주면 된다. 영문자 틀리면 아예 화면이 뜨지 않는다. 즉 이 안에다 모든 문서의 내용들을 배치하면 된다.로 끝을 낸다.5. 태그에 대한 속성지정은 태그이름 옆에서 지정한다. 예를 든다면 HTML문서에 테이블을 삽입한다고 가정해보면 태그로는 단순히 과 같이 태그이름을 적어주면 되지만 만약 이 테이블의 폭과 높이(속성)을 지정할 경우는 다음과 같이 하면 된다.즉 브라켓 안에서 태그 이름 옆에 각 속성을 지정하면 된다. 이때 태그와 속성과 속성 값을 다 입력하였을 경우 이를 요소(elemen개의 HTML 문서와 이미지는 물론 사운드와 동화상으로 이루어진다. 이렇게 많은 자원들을 그냥 하나의 디렉토리에 놓고 사용한다면 만들기는 편하지만, 효율적인 자료체계를 이룰 수 없으므로, 후에 관리하기가 매우 어려워진다.밑 디렉토리 구조는 웹 문서 자원의 효율적인 관리를 위해 추천하는 디렉토리의 구조이다. 각종 자료들을 하나의 디렉토리에 넣는 것보다는 성격이 비슷한 자료를 같은 디렉토리에 넣음으로써 좀 더 효율적으로 자료를 관리 할 수 있다. 디렉토리 구조에서 (1)는 간단한 웹 문서일 경우 홈 디렉토리에 웹 문서들을 저장하고, 이 웹 문서에 들어가는 자료들은 비슷한 것끼리 모아 하나의 디렉토리에 저장한 것이다. 예를 들면, 이미지나 동화상, 사운드, 앞으로 배울 자바 애플릿 등을 같은 디렉토리에 넣기보다는 이미지는 이미지끼리, 사운드는 사운드끼리 따로 모아놓는다.(1)간단한 웹 문서(2)방대한 웹 문서홈 디렉토리 홈 디렉토리l - 그림모음 l - 주제1 ------ 그림모음l - 자바 애플릿 모음 l - 주제2 l -- 자바 애플릿 모음l - 동영상 모음 l - 주제3 l -- 동영상 모음l - 사운드 모음 l - 주제 l -- 사운드 모음l - 기타 l -- 기타5. 웹 문서의 등록웹에 문서를 등록하기 위해서는 먼저 인터넷에 연결된 웹 서버에 계정 (ID)을 갖고 있어야 한다. 보통 이러한 웹서버는 Unix 계열의 운영체제를 사용하고 있으며, 최근 들어서는 windows NT계열의 운영체제도 쓰이고 있다 계정을 얻는 방법은 여러 가지가 있다. 여러 대학이나 기업에서는 자체적으로 운영하는 웹 서버의 계정을 저렴한 가격으로 얻을 수 있다,이러한 방법 말고도 하이텔이나 유니텔과 같은 ISP를 통해서 계정을 얻을 수 있다. 이러한 상용 통신망에서 계정을 얻는 것은 유료이기 때문에 부담이 될 수 있는데, 최근 들어 무료로 웹 문서를 올릴 수 있는 서비스를 제공하는 업체들도 생기고 있다. 이 경우 자신이 사용할 수 있는 하드디스크의 공간은 작지만 웬만한 문서를 웹에 채택할 것인지, 어떤 분위기로 꾸밀 것인지 등이 대상에 따라 결정되는 것이다. 이러한 사항을 고려하여 최대한으로 방문객의 흥미를 끌 수 있도록 해야 한다.▶ 내용의 구성이용자 대상이 결정되고, 그에 따른 웹 페이지의 스타일이 결정되면 내용을 구성해야한다. 즉, 웹 사이트에 들어갈 내용을 분류하고 정리하는 것이다. 이를 위해서는 각 내용에 해당하는 제목을 먼저 나열해 보고, 이를 구조적으로 구성하여 흐름도 (Flowchart) 나 사이트 맵(Site Map)을 만드는 것이 좋다. 이렇게 함으로써 어떠한 내용을 넣을 것인지, 주된 관심사가 무엇인지가 확실해진다.▶ 스토리보드(Storyboard)작성 방법① 아이디어 도출(Brainstorm) : 일단 생각나는 모든 아이디어를 모아본다. 이런 생각, 저런 생각을 하다보면 참신한 아이디어를 얻을 수 있다.② 사이트 맵 : 도출한 아이디어들을 의미 있게 구성하여 사이트 맵을 만든다. 사이트 맵은 추후에 웹사이트를 관리하는 데에도 유용하게 사용된다.③ 내용의 검토 : 사이트 맵을 하나하나 짚어 가면서 내용을 수정할 것인지, 아예 삭제할 것인지, 새로운 내용을 추가할 것인지 등을 결정한다.▶ 웹 페이지 작성의 준비웹 페이지의 디자인을 위해서는 작성할 웹 페이지를 먼저 종이 위에 그려 보아야한다. 일일이 그려 보면 미처 생각지 못했던 것이 있어 추가되기도 하고, 머리 속에서 생각해 보던 것과 실제로 그려 본 결과가 달라 수정이 필요하기도 하다. 어떻게 보면 시간 낭비가 될 수도 있겠지만, 숙련된 웹 디자이너들은 누구나 이의 중요성에 대해 이의를 달지 않는다. 이 과정은 웹 페이지를 작성하면서 디자인을 하는 것보다 더 나은 구성을 할 수 있게 하며, 웹 페이지를 작성해 놓고 나서 뒤늦게 뜯어 고쳐야 하는 경우가 생기지 않도록 해준다.▶ 웹 페이지의 작성웹 페이지를 작성하는 데 있어서도, 먼저 사용할 불릿, 배경 이미지 등 웹 페이지에 사용될 이미지들을 먼저 준비한 뒤 웹 페이지를 작성하는 것이 순서이다. 그리고 각각의 웹 페이.

공학/기술| 2006.12.23| 11페이지| 1,500원| 조회(310)

디자인, HTML, 태그, 웹페이지, 웹문서

미리보기

닫기
[감상문]마시멜로 이야기 Don't Eat the Marshmallow... Yet!

Don't Eat the Marshmallow... Yet!마시멜로 이야기.마시멜로 이야기는 지금 전국 전 서점에서 베스트셀러 5위안에 드는 책이다. 예전에 교보문고에서 처음 봤을 때는 제목이 마시멜로 이야기라고 해서 잔잔한 가족이야기로 소설책 중에 하나라고 생각한 적이 있었다. “어떤 내용의 책이길래 베스트셀러에 올랐지..” 하는 호기심에 책을 잠시 펼쳐 보았고 그 책은 단순히 우리가 즐겨보는 소설책이 아닌 경영경제분야의 책이라는 것을 알 수 있었다. 내용은 중고등학생들도 읽을 수 있게 지루한 자신의 주장을 들어낸 글이 아닌 두 인물과의 대화로 통해 교훈을 끌어낼 수 있게금 한 책이었다.이야기는 회사 사장 조나단이 차 안에서 맥도날드 햄버거를 먹고 있는 찰리를 보면서 꾸중하는 것을 시작으로 이야기는 시작된다. 책 제목의 궁금증은 여기서 바로 풀리기 시작하는 데 그것은 스탠포드 대학에서 실험으로 조나단이 이 실험을 통해 느끼게 된 점과 그 실험안에서 예(아룬 간디, 래리 버드, 호르헤포사다, 조나단 자신 등)를 반복적으로 들면서 찰리의 삶을 변화 시키는 목적을 만든다. 그리곤 조나단에게서 자신의 삶을 바로 잡도록 얻은 교훈을 바탕으로 대학 입학을 위해 조나단을 떠나면서 이야기는 끝이 난다.- 당신의 ‘오늘’을 특별한 ‘내일’로 만들어라- 눈부신 유혹을 이기면 눈부신 성공을 맞이하리라- 남들이 가지 않는 길을 기꺼이 가라- 성공은 준비된 자만이 가질 수 있는 마시멜로다- 세상에서 가장 아름다운 유혹은 ‘성공’이다- 변화한 당신, 성공을 향해 힘찬 닻을 올려라- 내일의 성공을 향해 쏴라이 7가지들은 책의 소제목들이자, 성공을 위한 다짐들이다. 이 모든 것은 지금 나에게는 다 알고 있는 사실이다.- 세상은 복잡한 것으로 가득 차 있고 인생은 의심으로 가득 차 있지만, 당신의 몸은 다른 사람의 것이 될 수 없는 당신만의 몸이다. 당신만의 것이며, 오로지 당신만이 해낼 수 있다. 움직이자.- 삶의 방법에 있어 중요한 것은 현재 자신의 위치를 파악하고 그 길을 꾸준히 나아갈 뿐,자신의 길을 남들과 비교하지 않는 일이다.- 과거는 잘했건 못했건 이미 지나가 버리고 지금 없는 것이다. 잘했으면 한번 자축하고 지워 버릴 일이요, 잘못했으면 같은 실수를 반복하지 않겠다고 한번 명심하고 불에 태워 버릴 일이다. 앞으로 나아가야 하기에 인생의 여정에 어떠한 집착도 금기이다.바람에 몰려가는 구름을 보고 이 지혜를 받아들여라.- 왜 일이 제대로 되지 않았을까? 라고 자문하는 사람들과 어떻게 하면 일이 제대로 되게 할 수 있을까? 라고 자문하는 사람들 사이에 커다란 차이가 생기는 것은 자명하다.- 상처와 함께 사는 것이 아니라 상처를 통해 앞으로 나아가는 것임을 명심해야한다. 피해자처럼 행동하거나 필요이상의 기도와 생각을 하면서 시간을 낭비하지 말라. 피해를 입었다는 감정은 병을 덧나게 할뿐이다.- 해야 할 일을 먼저 하면 원하는 일을 할 수 있는 날이 온다.- 내가 필요로 하는 모두는 신뢰이고, 정말 원한다면 그것을 얻을 수 있다.이 7가지는 교수님께서 말씀해주심으로 알게 된 것과 인터넷으로 통해 알게 된 글로 내가 미래를 위해 항상 잊지 않고 기억할 수 있도록 하기위해 수첩에 메모해둔 글들 중 몇 가지들이다. 책 내용의 7가지와 내가 메모해둔 7가지는 성공을 위해 내가 가져야 할 마음가짐이라는 공통점을 가지고 있다. 차이점이라곤 글쓴이가 직접 말하는 글, 다른 이가 말한 것을 스크랩한 글뿐이다.메모습관덕분으로 나는 책을 읽으면서도 ‘당연하지, 그렇지..’ 이런 식의 말들이 흐뭇하게 머릿속에서 말하고 있었다. 특히 30초 규칙은 무슨 행동을 하기 전에 조금이라도 다시 한번 생각해보고 행동으로 옮기자는 뜻으로 제일 실천 안 되면서 계속 기억하지 못하는 것으로 잊지 말라고 기억하게끔 말해주고 있었다. 내 미래를 위해서라면 저축을 하는 것은 당연한 것이고, 저축을 하게 되면 돈이 2배, 3배 불리는 것도 당연한 것이고 남들보다 앞서기 위해서는 항상 먼저 준비하는 자세를 가지고 있는 것 또한 당연한 것이다. 하지만 나는 책의 내용 모든 것, 아니 그 이상을 알면서도 책 속의 찰리처럼 그 문제점을 바로 고쳐 꿈을 향한 당당한 도전이 아닌 “아~”라는 감탄사와 함께 잠시 잠깐만 행동으로 실천할 뿐 지금에서 더 나아진 건 전혀 없었다. 피곤하다, 바쁘다라는 핑계로 계속 미루고 미루고를 반복하다보니 다짐했던 모든 것들은 무너지고 또 무너졌던 것이다. 나름대로 성공을 위해 계획을 잡고 하였지만 무의미하게 생활해버리는 습관의 무게가 그 다짐들의 무게보다 무거워 짖누르고 있다 보니 쉽게 되는 것이 아니었다. 매일을 머릿속에 되새기고 되새기고 해서 실천하였다면 성공이라는 은행에 이자가 산더미처럼 쌓였을 것 인데, 미래에 대한 투자를 해주지를 않으니 이자는 커녕 마이너스가 되어가고 있다.

독후감/창작| 2006.12.23| 2페이지| 1,000원| 조회(252)

마시멜로, 마시멜로이야기

미리보기

닫기