웹 디자인 연구 보고서

소개: 웹 디자인은 20 세기 중반 컴퓨터 네트워크 기술의 출현과 발전과 함께 탄생한 새로운 예술 디자인 형태이며, 현대 사회에서 그래픽 디자인의 확장과 발전이다. 다음은 내가 너를 위해 정리한 웹 디자인 실천의 샘플 보고서이다. 독서를 환영합니다.

첫 번째 부분: 웹 디자인 연구 보고서 실습 목적: 컴퓨터 웹 디자인의 기본 기술과 웹 제작을 위한 관련 도구와 소프트웨어를 익히고 익히는 것입니다. 컴퓨터를 사용하여 비즈니스 웹 페이지를 디자인하는 기본적인 사고와 응용 개발 능력을 키우고 컴퓨터 문화의 질을 향상시킵니다.

홈페이지는 세계에서 가장 가치 있는 부동산 중 하나이다. 사람들은 0. 1 평방 미터 미만의 공간에 수백만 달러를 투자했습니다. 웹 페이지가 회사에 미치는 영향은 단순한 전기상 증수 방식보다 훨씬 크다. 홈페이지도 회사의 얼굴이다. 웹사이트는 집과 같고, 그것의 모든 창문은 하나의 문으로 볼 수 있다. 사람들은 검색 엔진의 다른 웹 사이트에 대한 링크를 따라 홈페이지를 우회하여 인터넷 심층까지 들어갈 수 있다. (윌리엄 셰익스피어, 검색어, 검색어, 검색어, 검색어, 검색어, 검색어)

첫째, 웹 사이트 마스터 플랜

1. 토론 사이트 주제: 프로방스에 관심이 많기 때문에 마음 속의 선경을 위한 여행 사이트를 디자인하고 싶다.

2. 포지셔닝 사이트의 CI 이미지: 한 여행 사이트에 있어서 가장 중요한 것은 방문자가 직접 체험하고 싶은 buzz 가 있다는 것이다. 그래서 홈페이지 디자인에서는 프로방스의 환상적인 경지에 따라 신선하고 영영 있는 CI 이미지를 채택했다. 관광객들이 집처럼 손님을 느끼도록 하다.

3. 기둥 및 슬래브 결정:

1] 먼저 전체 웹 페이지의 길이와 너비 간의 비율을 고려합니다.

2] 둘째, 탐색 막대의 설정을 고려해야 합니다.

3] 텍스트의 프레임 설정 (가로 및 세로 요소 인터레이스)

예쁜 여행 사이트를 많이 둘러보고 자신의 생각과 결합해 먼저 초지에 대략적인 열과 판을 그렸다.

4. 사이트 전체 스타일과 창의성: 로맨틱한 여행 사이트를 만들고, 지도 노선을 걷고, 방문객들이 영상을 남길 수 있도록 합니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언)

2. 웹 페이지 제작을위한 사전 계획 및 준비

1. 자료 수집: 개인적인 취미로 오래전부터 프로방스의 미도를 많이 수집했는데, 이번에는 훨씬 편리해졌습니다. 그리고 저는 환상적인 웹 배경, FIASH 소스 코드, 작은 아이콘, GIF 애니메이션을 수집했습니다.

제작 도구 및 소프트웨어에 익숙합니다.

홈페이지 제작을 위한 기본 조건은 다음과 같습니다.

하드웨어:

컴퓨터 한 대 (64MB 이상의 메모리, 물론 클수록 좋다); 전화 접속 인터넷을 할 수 있습니다. 조건이 있는 경우 스캐너를 구성하면 이미지와 텍스트를 쉽게 입력할 수 있습니다. 소프트웨어:

HTML 편집 소프트웨어: 일반적으로 Frontpage, Hotdog 등이 있습니다. 이 문서에서는 Dreamweaver 에 대해 중점적으로 설명합니다

이미지 처리 소프트웨어: 일반 Photoshop, flash, Fireworks

파일 업로드 소프트웨어: 일반적으로 Cuteftp, WSftp 등이 있습니다.

셋. 웹제작

처음에는 모든 것을 다 갖추기가 정말 어려웠고, 나도 많은 문제를 겪었다. 예를 들면, 삽입된 그림이 규격에 맞지 않고, 다른 내용의 틀이 한꺼번에 밀려났다. 삽입된 층수가 너무 많아서 큰 것이 작은 것을 덮었다. 삽입한 플래시는 효과가 없습니다. 요컨대, 문제는 광주리이다. 실천에서 참된 지식이 나왔다. 원래 나는 아직도 그렇게 많은 지식의 부족이 있었다. 그래서 저는 다시 원래의 근원으로 돌아갔고, 먼저 교과서에 있는 것을 분명히 한 다음, 다른 것들에 대해 이야기했습니다. (윌리엄 셰익스피어, 템페스트, 독서명언) 그런 다음 도서관에서 홈페이지 제작 방면의 책 몇 권을 빌려 참고하였다.

기초지식에 대해 상세히 이해한 후에 일을 하는 것이 훨씬 수월해졌다. 마법사 페이지가 과도하게 미러링될 수 있다는 것을 알게 되자, 나는 내 웹 페이지를 위한 마법사 페이지를 디자인하기로 결정했다.

그런 다음 첫 페이지와 두 번째 페이지의 설정이 있습니다. 두 가지 이미지 형식, JPG 와 GIF 만 인터넷에서 사용할 수 있다는 점에 유의해야 합니다. BMP, TIF 등과 같은 기타 일반적인 형식은 너무 커서 온라인으로 사용할 수 없지만 Office 97 의 그림 편집기와 같은 이미지 소프트웨어를 통해 변환할 수 있습니다. 홈페이지에 나타나는 그림을 해당 목차 뒤에 놓습니다.

차근차근 공부하고 하는 과정에서 자신의 마음속에 있는 것이 조금씩 나오는 것을 보는 것은 정말 성취감이다. (조지 버나드 쇼, 공부명언) 비록 나의 인터넷 기술은 아직 멀리 뒤떨어져 있지만, 내가 이번 주를 되돌아볼 때, 나는 정말 많은 것을 배웠다.

넷. 웹 디버깅

내가 만든 물건을 USB 에 올려놓을 때까지 그림을 표시할 수 없다. 다행히도, 저장 방법을 찾더라도 원본 파일과 웹 페이지를 함께 배치하여 경로가 변경되더라도 페이지 효과에 영향을 주지 않습니다.

요약: WWW 에서는 자산 억대 기업이든 돈이 부족한 가난한 학생이든, 자신의 홈페이지를 만들면 지위가 평등하다. 이번 주 관련 학습을 통해 웹 디자인과 제작이 방대한 공사라는 것을 알게 되었다. 웹사이트의 피드백과 평가. 사이트는 업데이트 내용을 자주 유지 관리하여 신선하게 유지해야 한다. 잘하지 못하면 서버에서 영원히 변하지 않을 것이다. 콘텐츠를 지속적으로 보완하고 업데이트해야만 방문객을 끌어들일 수 있다. 유지 관리 및 업데이트 시 Dreamweaver 에서 제공하는 템플릿과 라이브러리 기술을 최대한 활용하여 생산성을 높일 수 있습니다. 진정한 웹 사이트는 전통적인 미디어의 전자화를 실현해야 할 뿐만 아니라, 사용자에게 필요한 콘텐츠를 제공할 뿐만 아니라, 정보 수집, 데이터 전송, 데이터 저장, 시스템 유지 관리 등 페이지 브라우징보다 더 높은 수준의 요구를 완수해야 합니다. 나는 아직도 배워야 할 것이 많다.

2 장: 웹 디자인 연구 보고서는 눈 깜짝할 사이에 기말이 되어 웹 디자인 학습 과정이 곧 끝날 것이다. 시간이 좀 짧았지만, 몇 주 동안 이 수업을 배우면서 많은 유익을 얻었습니다.

Dreamweaver 를 처음 접했을 때 나는 망연자실했던 기억이 난다. 처음 낯선 소프트웨어를 접했을 때 선생님의 진도를 따라가지 못할까 봐 두려웠기 때문이다. 처음 몇 과목을 시작했을 때, 선생님께서 말씀하신 비교적 기초적이어서 따라잡을 수 있다. 점차적으로, 교육의 과정이 가속화되기 시작했고, 일부는 따라 잡을 수 없었습니다. 너는 수업 후에 보충해야 하고, 선생님과 주변의 급우들에게 물어봐야 한다. 점차적으로, 선생님의 세심한 가르침 아래, 우리는 이 소프트웨어에 익숙해지기 시작했다. 선생님이 배정한 첫 번째 임무는 자기이미지 사이트를 만드는 것이다. 학습 시간이 짧기 때문에 선생님은 PS 로 템플릿만 만들면 됩니다. 임무는 비교적 간단합니다. 하지만 디자인감, 색채 조화, 실사구시의 아름다운 홈페이지를 만들 것을 요구한다.

두 번째 웹 디자인 선생님은 요구가 비교적 높다. Dreamweaver 는 보다 사실적인 웹 페이지와 보조 페이지를 만드는 데 사용됩니다. 그래서 저는 다양한 정보를 수집하기 시작했습니다. 주제가 결정되면 레이아웃이 시작됩니다. 처음에는 테이블을 사용 하 고 테이블에서 병합을 분할, 그리고 PS 는 머리를 처리 하 고 크기 조정 사진을 넣어.

중간 미리 보기, 문제가 생겼어요. 머리말과 아래 그림 문자가 많이 떨어져 있는 걸 발견했어요. 하지만 소프트웨어에서 이미 거리를 0 으로 줄였어요. 여러 번 시도해도 효과가 없어요. 마지막으로, 다른 테이블을 추가 하 고 테이블에 헤더를 넣어 수 있다고 생각, 문제가 해결 됩니다. 예고는 그런대로 괜찮다. 하지만 항상 홈페이지가 너무 평범하다고 생각합니다. 선배가 만든 홈페이지를 둘러보니, 그들의 문자 스크롤 창구가 잘 된 것 같아서 빌리고 싶다. 나는 내 웹사이트의 왼쪽을 수정하기로 결정했다. 나는 그의 코드를 복사해서 위의 내용을 내 사이트에 필요한 문자로 바꿨다. 나는 이것이 쉽게 할 수 있다고 생각했지만 큰 문제가 있었다.

스크롤해야 할 문자가 너무 많아 왼쪽 표가 꽉 찼지만, 실제 웹 미리 보기에서 스크롤 문자가 있는 이 상자는 Oeasy 가 웹 디자인과 브라우징을 가르쳐 주는 왼쪽 건설역 프로그램의 3 분의 1 에 불과하고 왼쪽 3 분의 2 는 비어 있습니다. 나는 만약 내가 글자를 한 층씩 올려놓을 수 있다면 좋겠다고 생각한다. 나는 여러 가지 방법을 시도해 보았고, 웹사이트에서 많은 자료를 조사했다. 검색어로 전문 용어가 없기 때문에 관련 정보를 찾을 수 없을 수도 있습니다. 나는 div 태그와 분할 표를 반복해서 시도해 보았지만 여전히 안 된다. 막 시도하고 있었는데, 갑자기 층의 개념이 생각났다. 그래서 레이아웃에서 드로잉 레이어를 클릭했는데 성공했습니다. 약간의 처리 끝에 나는 마침내 왼쪽의 배치를 성공적으로 완성했다. 인상이 깊은 것은 소리를 삽입하는 것이다. 선생님께서 우리에게 소리를 삽입하는 방법을 여러 번 말씀하셨던 기억이 납니다. 하지만 제가 직접 홈페이지를 만들 때 잊어버렸고, 다른 사람에게 물어봤는데, 결국 잊어버렸어요. 바이두에 소장하고 있어요. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) 마침내 사용 가능한 코드를 찾았지만 사운드 경로를 추가할 때 문제가 발생했습니다. 원본 파일을 속성에 추가하면 MP3 음악 파일이 추가되지 않습니다. 그런 다음 비디오를 추가하고 경로 형식을 작성한 다음 사운드 소스 파일의 경로를 이 형식으로 적어서 성공하려고 합니다. 디자인 과정에는 여전히 많은 문제가 있지만 책 읽기, 온라인 검색, 동창 상담 등을 통해 끊임없이 학습, 해결, 개선, 디자인된 홈페이지는 외관과 내용이 끊임없이 개선되고 있다. 웹 디자인 수준은 자기 도움과 지속적인 실천 과정에서 크게 향상되었다고 할 수 있다. 열정과 끈기, 앞으로 더 전문적이고 완벽한 홈페이지를 디자인할 것이다.

을 눌러 섹션을 인쇄할 수도 있습니다