第十一课设计简单网页 完整版PPT

1、第十一课 设计简单网页 11.1网站与网页 11.2设计一个简单网站 11.3思考与练习 网站建设设计简单网页初步创建站点完善网站网上安家11.1 网站与网页网站建设的一般流程：选定网站主题、规划结构、设计制作、测试修改、发布站点等。 网站建设设计简单网页初步创建站点完善网站网上安家据调查报告，全国网站数约为69.4万个，全国网页总数约24亿个，平均每个网站的网页数为3748个。某些大型网站的网页数目更是以百万计。11.2设计一个简单网站1、确定网站的主题主题定位要准，内容要精；题材最好是自己擅长或者喜爱的内容。 2、设计网站基本结构将所要表达的信息进行划分，确定网站的基本结构，最终完成网站的

2、栏目设计。 设计简单网页初步创建站点完善网站网上安家 网站建设11.2设计一个简单网站3、设计主页的布局与色彩进入网站时，我们打开的第一个网页叫做主页。主页基本布局元素:标题、网站标识、导航、网页内容等。设计简单网页初步创建站点完善网站网上安家 网站建设11.2设计一个简单网站11.2设计一个简单网站 3、设计主页的布局与色彩标题导航网站标识（logo）网站建设设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站 3、设计主页的布局与色彩导航提供网站栏目的索引，通过导航可以方便的浏览到网站的每一个栏目。一个合理的导航设计将使网站变得简单易用。网站标识（log

3、o）一般放在网页中最显眼的位置，目的是加深浏览者对网站的印象，同时标识又代表网站的形象，所以标识都是通过精心设计的。标题是网页用来标识网页性质和内容的，标题将显示在浏览器的标题栏里。网站建设设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站 3、设计主页的布局与色彩1)常见的网页布局-框字形网站建设设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站 3、设计主页的布局与色彩1)常见的网页布局-回字形网站建设设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站 3、设计主页的布局与色彩

4、1)常见的网页布局-川字形网站建设设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站 3、设计主页的布局与色彩 除以上几种外，还有自由格式网页结构布局，它的风格较为随意，完成后的页面就像一张精美的图片或极具创意的广告。 同学们在上网的过程中看到结构新颖的网页可以将他们保存起来，也许能为今后的创作提供灵感。网站建设设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站 3、设计主页的布局与色彩2）绘制网页布局根据网站的内容和自己的设计风格确定主页基本构思后，先不要急于动手。一般来说，网页设计师们都会先在纸上绘制自己网站的蓝图

5、。网站建设设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站 3、设计主页的布局与色彩2）绘制网页布局标题图片导航主要内容网站建设设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站 3、设计主页的布局与色彩3）色彩搭配：暖色调。即红、橙、黄、赭等色彩的搭配。这种色调可使主页呈现温馨、和煦、热情的氛围。冷色调。即青、绿、紫等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。对比色调。总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。网站建设设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站 所选主题：网站结构图：1、分组设计制作不同主题(如班级主题、旅游资源、保护环境、历史人物等主题)网站，填写下表。2、根据选定的主题，画