知识点介绍： 网站、网页、主页网站就是因特网上具有相似性质、共同内容的一组信息资源。构成一个 网站的基本元素是各种各样的文件以及存放这些文件的文件夹。网页文件，用来描述资结构、位置，引导浏览者 访问该网站，通常以“.htm”或者“.html”为扩展名。网页文件所连接到的图像、 音频与视频等资源文件Web数据库和程序文件第一类是源代码型编辑工具 代表产品有HotDog、HomeSite、EditPlus等。第二类是“所见即所得”编辑工具 代表产品有FrontPage、Dreamweaver等。工具名称FrontPageDreamweaver简介微软Office组件之一，著名的“所见 即所得”的网页编辑软件，是很好的 入门级网页编辑工具Macromedia公司针对专业网 页设计师特别发展的视觉化 网页开发工具优点功能强大，操作简单易学、灵活方便 ，站点管理功能强大对平台和浏览器的兼容性好 ，对动态效果的支持性好缺点兼容性不好；生成的垃圾代码多；对 动态效果支持不好站点管理功能弱，对中文支 持不好辅助工具：图形图像处理、动画处理、音频、视频处理网页制作常用工具知识点介绍：知识点介绍： 网站结构树状结构线性结构网状结构网 站 的 结 构网页随意连接，无明 显组织规律实例HTMLHTML语言是万维网上的通用语言。HTML文档本身是文本格式的文件，可由任何一种文本 编辑软件如写字板、记事本和Word等进行编辑，保存后 ，把文件扩展名改为.htm或.html，就可用浏览器浏览到 相应的网页。HTML语言就是通过一系列特定的标签（Tag），来标 识出相应的意义和作用，再通过浏览器把这些标签所 代表的意义表示出来。用尖括号“”括起来的字符串，如 、等等知识点介绍：HTML基础任务一学习习 目标标组组成章节节有 哪些？各个章节节介绍绍了哪些知识识点？学习习 网站 的规规 划与 设计设计需求分析建立网站的目的制定网站建设计设计 划表 栏栏目设设置树树立网站整 体风风格收集素材素材收集自学第四章第一、二节内容规划网站网站设计完善下面表格 共同讨论学习习 目标标组组成章节节有 哪些？各个章节节介绍绍了哪些知识识点？学习习 网站 的规规 划与 设计设计需求分析建立网站的目的 选择选择 网站主题题 确定网站名称 选择选择 网页页制作工具 制定网站建设计设计 划表 栏栏目设设置栏栏目设设置 版面设计设计常见见的布局样样式 树树立网站整 体风风格网站标标志的设计设计 标标准色彩的使用 使用标标准字体 收集素材素材收集对个人网站而言： 首先要明确建立网站的目的； 其次要确定网站面对的对象。需求分析对网站主题的选择、风格的树立、 栏目的设置和内容的选择都会有很大的影响 。需求分析常见主题分类： 娱乐休闲、电脑网络、生活服务、文化科学、教 育就业等。选题原则： 主题要小而精。 题材最好是自己擅长或喜爱的内容。选择网站主题1、要与主题紧密相关；2、要有意义；3、要上口、悦耳、易记。例：搜狐、网易，雅虎（Yahoo）等。确定网站名称“所见即所得”编辑工具FrontPage、Dreamweaver 等工具名称FrontPageDreamweaver简介微软Office组件之一，著名的“所见 即所得”的网页编辑软件，是很好的 入门级网页编辑工具Macromedia公司针对专业网 页设计师特别发展的视觉化 网页开发工具优点功能强大，操作简单易学、灵活方便 ，站点管理功能强大对平台和浏览器的兼容性好 ，对动态效果的支持性好缺点兼容性不好；生成的垃圾代码多；对 动态效果支持不好站点管理功能弱，对中文支 持不好辅助工具：图形图像处理、动画处理、音频、视频处理选择常用工具任务时间安排负责人备注总体规划风格设计收集资料撰写文稿网页制作网站建设计划表欣赏分析“机器人做学玩”网站栏目设置栏目名称子栏目名称内容描述机器人博览成长历 史回顾机器人的发展历史，关注机器人的未 来发展趋势动态 关注机器人概述各家定义介绍对 机器人的各种定义，展示目前机器 人的几大种类分门别类机器人文化人机互动展现人类关于机器人的种种联想，机器人 与人类的共同发展浮想联翩机器人比赛群雄逐鹿介绍近年来的机器人制作赛事和机器人制 作的成功案例设计 制作站点内服务网站地图方便访问 者的浏览 ，给浏览 者留出发表 自己意见的空间版权申请论坛留言板“机器人做学玩”网站的栏目设置网站栏目安排要注意以下几个方面： （1）要紧扣主题，尽可能删除与主题无关的栏目。 （2）尽可能将网站最有吸引力的内容列在栏目上。 （3）尽可能方便访问者的浏览和查询。版面设计“厂”字型主菜单以及网站标志+广告条主 菜 单显 示内容版面设计“口”字型主菜单广 告 条 主要内容友情链接等版面设计自由式，又称POP布局页面布局像 一张宣传海 报，以一张 精美图片作 为页面的设 计中心，菜 单栏目自由 摆放。标题栏 子栏目 名称主要内容内容提 示附加信息网页版面布局可按创意草案、粗略布局、最 后定案三个步骤来进行。树立网站整体风格第一步：设计、制作一个网站标志(logo) 标志可以是中文、英文字母，可以是符号、图案，可以是动物或者人物等。 标志的设计创意来自你网站的名称和内容。 设计标志有以下几种方法：1、选择与网站主题有关的，并具有代表性的人或者物，用它们作为设计的 蓝本，加以卡通化和艺术化。2、对于专业性的网站，可以以本专业有代表的物品作为标志。3、最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。采 用不同的字体、字母的变形与组合，可以很容易制作出自己的标志。第二步：设计网站的标准颜色 网站的标志、标题、主菜单和主色块文字的链接色彩尽 量使用标准色彩； 图片的主色彩、背景色、边框等尽量使用标准色彩同色 系的色彩。 一个网站的标准色彩不超过3种。 色彩总的应用原则应该是“总体协调，局部对比”。树立网站整体风格蓝色调为主，加上 白色和红色，强调 权威与真实树立网站整体风格色彩使用赏析橙色为主，白色为 辅，具有轻快，时 尚的效果树立网站整体风格色彩使用赏析绿色为主，白色为 辅，产生舒适、优 雅、适于阅读的气 氛树立网站整体风格色彩使用赏析红色为主，产生热 情、活力的感觉， 充满欢乐的气氛树立网站整体风格色彩使用赏析树立网站整体风格第三步：设计网站的标准字体。 标准字体是指用于标志、标题、主菜单的特有字体。 一般网页默认的字体是宋体。 使用一些比较特别的字体时，最好使用图片的形式。经常碰到这样的问题，在访问某个网页时，发现页 面可以打开，但是文字内容却是乱码或者排列杂乱 ，这主要是什么原因引起的？注意事项： 要注意对收集来的素材分类； 文件名要易懂易记，便于调用； 注意保护知识产权，避免侵犯别人的版权 。收集素材网站展示个人类网站展示综合类优秀网站展示任务务二：设计设计 自己的主题题网站网站主 题 网站名称 栏目设 置子栏目栏目内容描述学习习 目标标组组成章节节有 哪些？各个章节节介绍绍了哪些知识识点？学习习 网站 的规规 划与 设计设计需求分析建立网站的目的 选择选择 网站主题题 确定网站名称 选择选择 网页页制作工具 制定网站建设计设计 划表 栏栏目设设置栏栏目设设置 版面设计设计常见见的布局样样式 树树立网站整 体风风格网站标标志的设计设计 标标准色彩的使用 使用标标准字体 收集素材素材收集知识点回顾