静态网站设计与制作

章节摘录

　　④规划网站结构。规划网站结构是指规划网站内各个栏目、页面的划分及链接方式。网站结构的组织是规划设计网站的一个重要步骤。规划网站结构的步骤分为三步：　　规划网站栏目。栏目规划就是编写网站的大纲和索引，它就像一本书的目录。网站栏目规划与网站的成败有着非常直接的关系，它首先要做到“提纲挈领、点题明义”，用最简练的语言提炼出网站中每一部分的内容，清晰地告诉浏览者网站在说什么，有哪些信息和功能；此外，网站栏目还应该为浏览者提供清晰直观的指引，帮助浏览者方便地到达网站的所有页面，起到指引迷途、清晰导航的作用。　　在为网站划分栏目时要将网站中所要涉及的信息进行细分和合理组织，建立层次结构。根据信息重点以及项目业务的侧重点，结合网站主题定位确定网站的栏目需要有哪几项。经过反复比较，对定下来的内容进行归类，形成网站栏目的结构列表以清晰表达站点结构。接着，讨论二级栏目下的子栏目，对它进行归类，并逐一确定每个二级分栏目的主页面需要放哪些具体内容，二级栏目下面的每个小栏目需要放哪些内容，明确本栏目的每个细节，最后形成详细的栏目规划。　　本书的示例网站根据需求，划分了“课程简介”、“实验环节”等九个栏目，这里不做赘述。　　规划网站的链接结构。网站的链接结构是网站各栏目之间的逻辑连接结构。建立网站的链接结构有树型链接结构和星型链接结构两种。网站的结构图一般以“树型”结构为主，图2-2-1为示例网站的树型结构图。

前言

　　高等职业教育以培养应用型专门人才为根本任务，人才培养突出应用性、职业性、综合性和实践性的特点。因此，在高职院校示范性建设中必须以适应社会需要为目标、以培养技术应用能力为主线设计学生知识、能力、素质的结构和培养方案，以应用为主旨和特征构建课程和教学内容体系。　　随着计算机网络的发展，尤其是Internet的飞速发展，人们利用网络可以轻松完成购物、订票、接受教育、远程会议等活动，而建立自己的网站已经成为各企事业单位的需求，设计网站与制作网站的能力也成为了计算机相关职业岗位必备的能力之一。本书针对高职院校应用型人才培养目标，依据实际工作岗位职业标准，确立本课程的教学内容和课程体系，由企业专家和有丰富教学经验的教师研究讨论开发而成。　　本教材与传统教材相比，有以下创新之处：　　1.本教材的组织以工作过程为导向，以一个完整的静态网站项目为典型工作任务。它改变了传统教材以篇、章、节编写的常规体例，采用创新性的情境、任务为编写体例，以一个工作过程为一个情境，下设若干个任务，按照真实工作过程编写教材。　　2.强调“教、学、做”一体化安排。每一个情境就是一个工作任务，对应一个完整的行为模式。学生在任务的驱动下，通过完成工作来学习网站设计制作的知识和技能。教师不直接讲授各个知识点，而是以相对独立的一个页面为单位组成教学单元，将完成职业岗位实际工作任务所需的大部分知识、能力、素质合理地融入各个不同页面的设计与制作中，每个页面都是一个相对独立的任务，每个任务既包含适量的新知识和技能，也包含已掌握的部分知识和技能，通过引导学生怎么做，让学生在做中学。

书籍目录

情境1  网页初体验  子情境1—1  欣赏优秀网站  子情境1—2  认识网页设计技术    任务1—2—1  打造我的第一个网页    任务1—2—2  打造我的第二个网页情境2  策划网站  子情境2—1  分析网站需求  子情境2—2  规划网站结构情境3  建立站点与管理站点  子情境3—1  站点的创建  子情境3—2  创建网站的目录结构  子情境3—3  站点的管理  子情境3—4  创建站点地图情境4  网站内部页面制作  子情境4—1  设计制作“课件说明”网页    任务4—1—1  输入文字和编辑文字    任务4—1—2  插入相关文本要素    任务4—1—3  应用CSS修饰网页文本    任务4—1—4  应用CSS重新定义项目符号和编号    任务4—1—5  应用CSS锁定背景  子情境4—2  设计制作“动画演示”网页    任务4—2—1  用表格布局页面    任务4—2—2  添加动感元素    任务4—2—3  应用CSS修饰表格  子情境4—3  设计制作“用户注册”网页    任务4—3—1  规划交互页面的布局    任务4—3—2  插入表单域    任务4—3—3  添加表单元素    任务4—3—4  创建跳转菜单    任务4—3—5  验证表单  子情境4—4  设计制作风格一致的网页    任务4—4—1  设计制作模板网页    任务4—4—2  创建通用页面    任务4—4—3  应用模板创建新网页  子情境4—5  设计制作“实验演示1”框架网页    任务4—5—1  制作框架网页    任务4—5—2  创建框架和框架集    任务4—5—3  框架超级链接情境5  设计制作网站首页  子情境5—1  布局首页    任务5—1—1  绘制首页的布局草图    任务5—1—2  应用AP元素布局首页    任务5—1—3  在居中层中创建浮动框架  子情境5—2  设计制作“首页顶部”网页    任务5—2—1  布局框架顶部网页    任务5—2—2  应用CSS修饰导航条的超级链接    任务5—2—3  创建电子邮件链接  子情境5—3  设计制作“课程折叠目录”网页  子情境5—4  设计制作“首页框架集”网页  子情境5—5  设计制作首页的版权区    任务5—5—1  布局首页的版权区    任务5—5—2  插入特殊字符    任务5—5—3  创建图像链接和热点链接情境6  制作网页特效  子情境6—1  添加设置状态栏文本行为  子情境6—2  添加弹出信息行为  子情境6—3  制作滚动字幕  子情境6—4  制作关闭窗口情境7  测试与发布网站  子情境7—1  测试网站    任务7—1—1  测试网页    任务7—1—2  测试站点  子情境7—2  发布网站    任务7—2—1  申请域名及空间    任务7—2—2  上传网页参考文献

作者简介

《静态网站设计与制作》是国家示范性高职院校建设项目成果。本教材按照网站设计工作流程，系统全面地介绍了网站规划与设计的技术路线及实施方法。全书以一个静态网站项目为主线，在内容的安排上从静态网站的欣赏进行宏观引入，围绕该静态网站的具体设计制作方法和实施步骤逐步展开，由浅入深、循序渐进、层次清晰。在完成典型任务的过程中，逐步渗透Dreamweaver CS3的设计技术以及HTML的语言知识，深入讲解网页设计与制作技巧。

本教材共设立了7个情境，主要内容包括：网页初体验、策划网站、建立站点与管理站点、网站内部页面制作、设计制作网站首页、制作网页特效、测试与发布网站。

《静态网站设计与制作》可作为高职高专院校、本科院校二级学院计算机相关专业的教材，也可作为从事网页设计技术人员的参考用书和各类社会培训班以及业余爱好者的培训用书。

图书封面

---

 静态网站设计与制作下载

---