没有合适的资源?快使用搜索试试~ 我知道了~
首页泰山名山宣传网站设计实践教程:规划与栏目构建
泰山名山宣传网站设计实践教程:规划与栏目构建
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 13 浏览量
更新于2024-06-29
收藏 1.04MB DOCX 举报
《网页设计与制作实训》指导书深入讲解了如何进行有效的网站规划与设计,以"五岳独尊泰山"为主题的实例为教学载体。首先,策划网站时,确定主题至关重要,本案例中的网站专注于名山宣传,以泰山为核心,涵盖了多个方面如简介、文化、美食、地质、环境和神话传说等。 在设计风格上,注重用户体验和加载速度,采用大众化的设计,少用图片,多利用CSS布局和JavaScript特效。色彩上,以灰色和白色为主调,文字以黑、蓝、红为辅助色,确保阅读清晰。字体方面,选择宋体,大小统一为14像素,首页采用经典"三"字型结构,使导航直观易懂。英文名称为"MountTai",体现国际化视野。 栏目结构是网站组织的关键,通过精心规划,如表1-1所示,将内容分门别类,如首页、泰山简介、文化特色等,方便用户快速找到所需信息。主菜单设计为9个选项,涵盖了各个主要板块,如景点、美食等。 规划网站目录结构和链接结构时,保持层次清晰,便于后期维护。目录中的文件夹命名应避免中文,以防在HTML文档中出现乱码,影响链接的正确性,如表1-2所示,文件夹按功能分类,如CSS存放样式文件,image用于存储图片和照片,js存放外部脚本,music存放音频文件,主页则直接命名为index.html。 总结来说,《网页设计与制作实训》指导书中,重点讲解了从策划到实施的全过程,包括网站主题的确立、风格设计、栏目结构布局、目录及链接管理,确保网站不仅美观,而且实用和易于管理,为学习者提供了一个完整的网页设计实践指南。
资源详情
资源推荐
![](https://csdnimg.cn/release/download_crawler_static/86986429/bg3.jpg)
js
外部脚本文件。
music
index.html 主页
网站的链接结构与目录结构不同,网站的目录结构指站点的文件存
放结构,一般只有设计人员可以直接看到,而网站的链接结构指网站通
过页面之间的联系表现的结构,浏览者浏览网站能够观察到这种结构。
本网站的链接结构采用“网状”链接结构,结构图如图 1-2 所示。
图 1-2
“五岳独尊泰山”中的链接结构
5.主要页面布局设计
使用 CSS+DIV 对首页的布局结构草图进行设计如图 1-3 所示。整个
网站中其它页面的设计可参考首页设计进行,所以可以将该首页制作成
模板(但不要求用模板)。
剩余14页未读,继续阅读
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)