Web前端设计与开发技术-课件-第2章-规划网站结构_第1页
Web前端设计与开发技术-课件-第2章-规划网站结构_第2页
Web前端设计与开发技术-课件-第2章-规划网站结构_第3页
Web前端设计与开发技术-课件-第2章-规划网站结构_第4页
Web前端设计与开发技术-课件-第2章-规划网站结构_第5页
已阅读5页,还剩6页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

Web前端设计与开发技术(HTML+CSS+JavaScript)江西农业大学计算机与信息工程学院主讲人:第2章规划网站结构创建站点2.1规划网站结构2.2创建本地站点2.3创建站点文件2.4上机练习

建立一个网站好比写一篇文章,首先要拟好提纲,文章才能主题明确、层次清晰;网站要做到结构清晰、目录简明、内容贴切。在创建网站之前,首先要设计并规划好整个站点需要有哪些栏目,有哪些页面,然后才能进行具体的网页制作的过程。

本章主要介绍如何规划网站结构,如何创建和管理站点,如何创建不同类型的网页文档。学习目标

规划网站结构

创建本地站点

创建站点文件夹

网页文档的基本操作

显示和编辑页面头部信息2.1规划网站结构在确定了网站的主题和整体风格之后,结合网站主题确定网站的目录结构、链接结构和整体风格创意设计。

设计目录结构

规划链接结构设计目录结构

1.目录应切合主题

(1)主要目录一定要紧扣主题。

(2)次要目录适当设置。

(3)所有程序一般都存放在特定目录,便于维护管理。(4)注意与浏览者的交互。

2.根目录下尽量少存放文件

3.在每个主要目录下都要有独立的images目录

4.目录命名要科学。

5.目录层次要简明。规划链接结构

网站的链接结构是指页面之间相互链接的拓扑结构。规划链接结构的目的在于:用最少的链接,使得网页的浏览最有效率。

树状结构

全网结构

混合策略2级页面12级页面2首页1级页面11级页面2首页1级页面4411级页面12级页面13级页面14级页面42级页面31级页面32级页面621级页面22级页面23级页面24级页面25级页面26级页面2级页面42级页面5

混合策略首页1级页面11级页面21级页面31级页面442级页面12级页面22级页面32级页面42级页面52级页面62.2创建本地站点

对同一网站中的文件是以“站点”为单位来进行组织和管理的,创建站点后用户可以对网站的结构有一个整体的把握,而创建站点并以站点为基础创建网页也是比较科学、规范的设计方法。

在创建站点之前,一般在本地将整个网站完成,然后再将站点上传到网络中的WEB服务器上给定的空间。2.3创建站点文件

创建好本地站点后,可以根据需要创建各栏目文件夹和文件,对于创建好的站点,也可以进行再次编辑、删除或复制这些站点。

2.3.1创建文件夹和文件

2.3.2管理文件夹和文件

2.3.3创建空白网页文档

2.3.

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论