第十一课 设计简单网页 [教程].ppt

第十一课 设计简单网页 11.1 网站与网页 11.2设计一个简单网站 11.2设计一个简单网站 11.2设计一个简单网站 11.2设计一个简单网站 11.2设计一个简单网站 11.2设计一个简单网站 11.2设计一个简单网站 11.2设计一个简单网站 11.2设计一个简单网站 11.2设计一个简单网站 11.2设计一个简单网站 11.3思考与练习 * 11.1网站与网页 11.2设计一个简单网站 11.3思考与练习 设计简单网页 初步创建站点 完善网站 网上安家 　　网站建设的一般流程：选定网站主题、规 划结构、设计制作、测试修改、发布站点等。 设计简单网页 初步创建站点 完善网站 网上安家 　　据调查报告，全国网站数约为69.4万个， 全国网页总数约24亿个，平均每个网站的网页 数为3748个。某些大型网站的网页数目更是以 百万计。 1、确定网站的主题 主题定位要准，内容要精； 题材最好是自己擅长或者喜爱的内容。 2、设计网站基本结构 将所要表达的信息进行划分，确定网站的 基本结构，最终完成网站的栏目设计。 设计简单网页 初步创建站点 完善网站 网上安家 3、设计主页的布局与色彩 进入网站时，我们打开的第一个网页叫做主页。 主页基本布局元素:标题、网站标识、导航、网页内容等。 设计简单网页 初步创建站点 完善网站 网上安家 11.2设计一个简单网站 3、设计主页的布局与色彩 标题 导航 网站标识（logo） 设计简单网页 初步创建站点 完善网站 网上安家 11.2设计一个简单网站 3、设计主页的布局与色彩 导航提供网站栏目的索引，通过导航可以方便的浏览到网站的每一个栏目。一个合理的导航设计将使网站变得简单易用。 网站标识（logo）一般放在网页中最显眼的位置，目的是加深浏览者对网站的印象，同时标识又代表网站的形象，所以标识都是通过精心设计的。 标题是网页用来标识网页性质和内容的，标题将显示在浏览器的标题栏里。 设计简单网页 初步创建站点 完善网站 网上安家 11.2设计一个简单网站 3、设计主页的布局与色彩 1)常见的网页布局------框字形 设计简单网页 初步创建站点 完善网站 网上安家 11.2设计一个简单网站 3、设计主页的布局与色彩 1)常见的网页布局------回字形 设计简单网页 初步创建站点 完善网站 网上安家 11.2设计一个简单网站 3、设计主页的布局与色彩 1)常见的网页布局------川字形 设计简单网页 初步创建站点 完善网站 网上安家 11.2设计一个简单网站 3、设计主页的布局与色彩 除以上几种外，还有自由格式网页结构布局，它的风格较为随意，完成后的页面就像一张精美的图片或极具创意的广告。 同学们在上网的过程中看到结构新颖的网页可以将他们保存起来，也许能为今后的创作提供灵感。 设计简单网页 初步创建站点 完善网站 网上安家 11.2设计一个简单网站 3、设计主页的布局与色彩 2）绘制网页布局 　　根据网站的内容和自己的设计风格确定主页基本构思后，先不要急于动手。一般来说，网页设计师们都会先在纸上绘制自己网站的蓝图。 设计简单网页 初步创建站点 完善网站 网上安家 11.2设计一个简单网站 3、设计主页的布局与色彩 2）绘制网页布局  主要内容 导航 标题图片 设计简单网页 初步创建站点 完善网站 网上安家 11.2设计一个简单网站 3、设计主页的布局与色彩 3）色彩搭配： 暖色调。即红、橙、黄、赭等色彩的搭配。这种色调可使主页呈现温馨、和煦、热情的氛围。 冷色调。即青、绿、紫等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。 对比色调。总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。 设计简单网页 初步创建站点 完善网站 网上安家 11.2设计一个简单网站 网站结构图： 所选主题： 1、分组设计制作不同主题(如班级主题、旅游资源、 保护环境、历史人物等主题)网站，填写下表。 2、根据选定的主题，画出网站的基本结构。 网站定位 选 题 网站名称 3、选择绘图软件，选择合适的颜色搭配，绘制出主 页的基本布局 设计简单网页 初步创建站点 完善网站 网上安家 *