나모웹에디터로 만든 홈페이지

소개

- 2007년 Update 완료

나모웹에디터로 제작한 자동차 관련 홈페이지입니다.

나모웹에디터 기능을 중점으로 만들었지만,

디자인에도 상당한 시간을 투자하였습니다.

인터넷과 관련된 수업 제출용으로 적격입니다.

각페이지와 관련된 이미지까지 모두 포함되어 있기때

문에 압축만 푸셔서 그대로 제출하시면 될겁니다.

나모에 있는 기능은 거의 다 구현을 하였고,

저도 이 기말고사를 대체한 이 과제물로 A+를 맞았습

니다.

교수님에게 제출할 홈페이지 문서 및 PPT 자료까지

같이 포함하였습니다.

컴파일 실행환경

압축 해제

본문내용

◈ explore 창 상단에 ‘ 자동차 관련 홈페이지 ’ 라는 제목 삽입

◈ 프레임을 여러개로 나누고 본문부분만 세로 스크롤바만 보이게 설정

◈ 메뉴부분에 펼침메뉴 스크립트를 이용해서 하이퍼링크로 주소 설정

◈ 메뉴가 있는 프레임에 이미지를 이용해서 백그라운드를 설정

◈ 우측 하단부분에 E-mail을 클릭하면 아웃룩이 열림

◈ explore 상태창에 스크립트를 이용하여 글자가 흐르게 설정

◈ 메뉴중에 Benz, BMW, Auid를 클릭하면 화면이 열림

◈ 본문에 상단에 introduce, photo, specification을 누르면 해당 페이지로 이동

◈ photo 클릭시 화면에 9장의 사진이 뜸

◈ 사진은 나모에 액자효과와 그림자 효과를 이용하여 나타냄

◈ 사진을 클릭하게 되면 새창이 뜨면서 큰 이미지를 볼수 있음

◈ 이미지 클릭시 explore창에 제목부분만 나오게 설정

◈ explore size는 830 * 630

◈ specification을 클릭시 나오는 화면

◈ 표를 이용하여 제원을 나타냄

◈ 표 꾸미기를 이용하여 표에 변화를 줌(셀 바탕화면, 형식 변경)

◈ News 부분을 클릭시 나오는 화면 (Naver 게시판)

◈ sitemap 클릭시 나오는 화면

◈ 롤오버를 이용하여 마우스가 이미지 위에 올려지면 화면과 같이 이미지가 변화

◈ 클립아트에 있는 Top을 이용하여 책갈피 기능 구현

◈ 수평선을 삽입

◈ sitepam 클릭시 나오는 화면

◈ 포토샵에서 하나의 이미지로 처리

◈ 이미지맵을 이용하여 하이퍼링크를 걸어놓음

◈ etc 클릭시 나오는 화면

◈ 레이어를 이용하여 세가지의 로고가 변화를 주면 나타남

참고자료

· 없음