【免费】简单个人网站资源-CSDN文库

共18个文件

jpg：5个

psd：5个

html：5个

2星需积分: 0 17 浏览量 2008-04-30 12:49:02 上传评论收藏 4.74MB RAR 举报

【简单个人网站】的创建与Dreamweaver 8.0的使用详解 Dreamweaver 8.0是一款经典的网页设计工具，由Adobe公司推出，它为个人和专业设计师提供了直观的界面和强大的功能，用于创建、编码和管理网站以及移动内容。在本篇文章中，我们将深入探讨如何使用Dreamweaver 8.0来构建一个简单的个人网站。 1. **环境准备**：确保您的计算机上安装了Dreamweaver 8.0。这可能需要在旧版本的软件市场上寻找，因为当前版本已经更新到了Dreamweaver CC。一旦安装完毕，启动程序并创建新项目。 2. **创建新站点**：在Dreamweaver中，你需要定义一个新的站点。在“站点”菜单中选择“新建站点”，然后填写站点名称、本地文件夹路径以及服务器信息（如果需要在线发布）。这对于组织和管理你的网站文件至关重要。 3. **设计布局**：在新建的文档中，你可以开始设计网页的布局。Dreamweaver提供了拖放式界面元素，如表格、框架、图片和文本框，方便快速构建页面结构。对于简单个人网站，通常包括首页、关于我、作品集和联系我等页面。 4. **HTML基础**：了解基本的HTML标记是必要的，例如`<html>`、`<head>`、`<body>`、`<h1>`至`<h6>`（标题）、`<p>`（段落）、`<a>`（链接）等。这些元素将帮助你构建网站的基本框架。 5. **CSS样式**：为了使网站美观，我们需要应用CSS（Cascading Style Sheets）来控制字体、颜色、布局等视觉效果。Dreamweaver允许你直接在编辑器中编写CSS，或者使用可视化设计工具来调整样式。 6. **响应式设计**：尽管Dreamweaver 8.0的版本相对较旧，但理解响应式设计的概念仍然很重要。通过使用百分比单位和媒体查询，你可以确保网站在不同设备上（如桌面、平板和手机）都能良好显示。 7. **添加交互性**：使用JavaScript或jQuery库，可以增加动态效果和用户交互。例如，你可以实现导航栏的下拉菜单、图片滑块或表单验证等功能。Dreamweaver提供了一些预置的代码片段，简化了这一过程。 8. **测试与优化**：在完成网页设计后，进行本地测试以确保所有链接工作正常，无语法错误，并且在不同浏览器中表现一致。使用内置的预览功能或外部浏览器进行检查。 9. **上传与发布**：如果你的网站需要在线展示，你需要配置FTP（File Transfer Protocol）设置，将文件上传到服务器。Dreamweaver的“发布”功能可以自动化这个过程。 10. **持续维护**：一个成功的个人网站需要定期更新内容，确保信息的时效性和吸引力。学会使用Dreamweaver的版本控制和更新功能，以便轻松地管理和修改网站。以上就是使用Dreamweaver 8.0创建简单个人网站的主要步骤。虽然这个版本较旧，但它仍然能够提供一个强大的平台，让你能够快速入门并掌握网页设计的基础知识。随着技能的提升，你可以进一步探索更高级的主题，如PHP、MySQL集成，甚至是现代的前端框架，如Bootstrap或React。记住，不断学习和实践是成为优秀网页设计师的关键。

资源推荐

资源详情

资源评论

收起资源包目录

10.rar （18个子文件）

www.cnzz.cn

11059667

Explanation

explanation.txt 2KB

View_jpg

board.jpg 425KB

intro.jpg 420KB

reserve.jpg 433KB

sub_bg.gif 576B

main.jpg 474KB

main_bg.gif 556B

sitemap.jpg 418KB

Original_psd

board.psd 2.01MB

intro.psd 2.15MB

reserve.psd 2.05MB

sitemap.psd 2.02MB

main.psd 2.56MB

View_html

reserve.html 841B

sitemap.html 839B

start.html 861B

board.html 839B

intro.html 837B

*** Intend Hospital Template v1.0 *** ▒ 제작컨셉 현재 병원사이트에 관심 많은 부분으로 병원에 관한 소개나 홍보입니다. 여기에 초점을 맞추어 우선 이번 템플릿에서는 필요한 적성에 맞는 학과를 소개하며, 홍보와 커뮤니티등 여러 사이트로 변형이 가능하게 제작했습니다. 메인은 물론 각각의 서브페이지와 사이트맵 그리고 게시판 템플릿을 포함한 파일이여서 여러방면으로 사용이 가능합니다. 메인 제작시 시간을 절약하실 수 있습니다. 고객님의 관심에 더 많은 내용을 담을수 있는 디자인인텐드가 될 것입니다. ▒ 제품정보 포토샵 7.0 PSD 원본 파일과 Illustrator9.0 원본파일로 구성되어 있습니다. - Original_psd폴더 : 포토샵 파일인 main.psd, intro.psd, community.psd, reserve.psd, sitemap.psd파일로 구성 - View_html폴더 : 미리보기 가능한 start.html, introo.html, community.html, reserve.html, sitemap.html파일로 구성. - View_jpg : jpg파일인 main.jpg, intro.jpg, community.jpg, reserve.jpg, sitemap.jpg파일로 구성. - Explanation폴더 : 제품정보에 대한 설명서인 explanation.txt 각 레이어 마다 설명이 들어있고, 부분 영역별로 레이어들이 폴더화 되어있어 칼라변환이나 위치 이동 등 원하시는 디자인으로의 수정이 매우 용이합니다. # 사용된 폰트 한글 : 굴림, HYGothic-Extra, HYMyeong_Jo-Extra 영문 : HYMyeong_Jo-Extra, Standard07-57, kroeger05_53, HYGothic-Extra, Verdana 폰트는 제공하지 않습니다. 문의 사항이 있으면 peentree@empal.com으로 문의해 주세요 ▒ 주의사항 1. 상기 파일은 포토샵 7.0과 일러스트 9.0에서 작업되어 저장되었습니다. 이하버전에서는 오류가 발생될수 있으며, 그러한 부분에 대해서는 어떠한 책임이나 수정을 해드리지는 않습니다. 2. 템플릿 내에서 사용된 폰트는 상품에 포함되어있지 않습니다. 별도 구입하시거나 가지고 계신 폰트로 교체하여 사용하시기 바랍니다.

评论收藏

内容反馈