虎门销烟启思录网站的结构.pptVIP

4.1网站规划与设计 规划网站： 详细地规划网站将为今后的网站建设提供一个总体框架，使网站的建设有“轨”可循，在具体实施过程中按部就班、循序渐进地完成整个网站的建设，既提高了效率，节约了时间，又有利于规范网站的总体布局，统一网页的风格，为创建一个风格独特的个人网站打下基础。 主要软件Frontpage Dreamweaver 主要软件Photoshop 由Adobe公司推出的专门用于图形、图像处理的软件Photoshop以其强大的功能、集成度高、适用面广和操作简便而著称于世。它不仅提供强大的绘图工具，还能直接从扫描仪、数码相机等设备采集图像，并对它们进行修改、修复，调整图像的色彩、亮度，改变图像的大小，而且还可以对多幅图像进行叠加，并增加特殊效果，使现实生活中很难遇见的景像十分逼真地展现。 Photoshop界面 界面默认打开的面板有：属性栏、工具栏导航、颜色、图层： Photoshop入门介绍 效果欣赏 主要软件Flash 由Macromedia公司开发设计的多媒体软件所生成的动画(.swf)文件非常小，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。并且把音乐，动画，声效，交互方式融合在一起，可以直接嵌入网页的任一位置，非常方便。 1 舞台(Stage) 2 时间轴窗口 (Timeline) 3 绘图工具栏 (Drawing Toolbar) 4 标准工具栏 (Standard Toolbar) 5 图库窗口 (Library Window) 6 控制器面板 (Controller) 网页色彩的选择 红色——喜庆、热情、活力 绿色——和睦，宁静、健康、安全 橙色——轻快、温馨、时尚 蓝色——清新、专业、淡雅、浪漫 白色——洁白、明快、纯真 黑色——深沉、神秘、寂静、悲哀 灰色——中庸、平凡、温和、谦让、中立和高雅 2.版面布局设计标题信息、栏目信息、内容信息、附加信息等，要进行合理的放置，让人看起来井井有条，主次分明。 矩形——正式、规则 圆形——柔和、团结、温暖、安全 三角形——力量、权威、牢固、进攻性 菱形——平衡、协调、公平 1．以下是开发网站的一些基本过程，请选出顺序排列正确的一组（? ）。①网页的制作 ②网站的发布与管理 ③网站的规划 ④网站的设计 ⑤网站的评价?A．④③①⑤②?B．③④①⑤②?C．③④①②⑤?D．④③⑤①② 2．以下不能用于制作网页的软件是（ ）。?A．Frontpage?B．Dreamware?C．记事本?D．IE浏览器 3．下列软件中，一般用来处理网页图片素材的是（ ）。?A．Dreamweaver?B．Photoshop?C．Excel?D．Frontpage 4．以下可以用来制作网页的软件是（? ）。?A．Frontpage和Dreamweaver?B．Frontpage和Photoshop?C．Dreamweaver和Wps?D．Word和OCR 5．以下说法错误的是？（? ）。?A．网页就是网站?B．网页制作工具的选择与网站整体风格没有关系?C．主页也是网页?D．只有1张网页也能称为网站 任务 以小组为单位，每个小组制作一个专题网站。网站主题由各小组定。每小组选出小组长，确定好主题，作好网站的规划。 1.填写好网站规划表 2.给自己组的主题网站设计栏目、结构和作版面设计 Company Logo 一、基本术语 网站(WebSite)：网站就是网页的集合其中包括一个首页和若干个分页。网站设计者先把整个网站结构规划好，然后在分别制作各个网页。 网页(WebPage)：由文字、图片、动画、超链接等组成的，通常以html或htm作为文件的扩展名,可以在www网上传输，并被浏览器认识和翻译成页面显示出来的文件。 首页(Home Page)作为一个组织或者个人在万维网上放置开始点的页面称为主页 . index.html Html(Hypertext Markup Language )：超文本标记语言是描述性解释语言，需要在浏览器解释执行，主要用于创建WEB文档。由于它编写制作非常简单，在Internet领域中被广泛应用，成为WWW的核心技术之一。是用于描述网页文档的一种标记语言。是一种非线性网状结构的文本。是一种配对的标记描述语言！ 欣赏优秀作品 一、欣赏优秀作品： 二、思考以下问题： 1.这些网站是怎样围绕主题展现内容的？ 2.这些网站提供了哪些栏目及功能？ 3.网站的链接有哪些特色，是否便捷？ 4.网站主页的布局、色彩运用有哪些特点？ 一、开发网站的基本过程 二、网站的规划 1.网站主题的确定网站的