苏教版八年级信息技术上册10.2《制作网站》教学课件 (共24张).pptVIP

制作网站 网站赏析 网站欣赏 网站的初步设计 网站欣赏 返回 中国少年雏鹰网() 中国科技网(www. ) 101远程教育网() 中国教育信息网() 中国基础教育网（) 网站初步设计 1、网站主题 网站主题是网站向大众和特定人群传达的主要内容和建立网站的意图，一个网站必须有一个明确的主题。主要由网站的题材和标题来决定。 （1）网站题材的选取原则 ①个人主页的选材定位要小，内容要精 ②题材最好是自已喜欢或擅长的内容 ③不要太滥或目标太高 （2）网站标题的选取原则 ①名称要正：要合情、合法、合理 ②名称要易记：最好用中文名称，字数控制在六个字以内 ③名称要有特色：能够体现一定的内涵，给浏览者更多的视 觉冲击和空间想象力 2、首页的几个功能模块 首页是网站中的第一张网页，又称主页，是网站传递绘浏览者的第一道信息，是让浏览者在网站上停留的关键环节，是网站成功的关键所在。不同的网站首页不同。 （1）网站的徽标和网站名称 徽标一般位于首页左上角，类似于商品的商标，是网站的形象化标志。名称可以给浏览者留下好印象，起宣传作用。 （2）大标题栏 位于首页最上方，内容丰富多样，主要显示网站的主题词、广告等，又称广告条。 （3）导航栏（页眉） 主要作用是让浏览者以较明确的方向找到所浏览的内容，也是网站或网页内容的分类展示。导航的位置有四种常见显示位置：在页面的左侧、右侧、顶部和底部。 网站初步设计 （4）联系方式 主要用于听取浏览者对网站或内容等提出的意见或建议，用来标注网站所属的公司（集团）的名称、地址、网站的版权，电子信箱的超链接等。 网站初步设计 2、首页的几个功能模块 3.网页布局 网页的布局没有统一的标准，可根据个人的需要进行安排，常见几种布局方式如下： （1）“厂”字型 徽标和广告条在顶部，导航栏在左侧，形成“厂”字型，右面为内容区。 （2）“口”字型 网页上下各有一广告条，左边摆放导航栏，右边摆放友情链接、公告，中间为内容区。如：中国科技网的首页 （3）“同”字型 顶部为主导航条，左右两侧分别列出二级目录（如：客户登录、注册、广告等） 网站初步设计 （4）pop布局 以一张图片作为页面设计的布局（如：中国少年雏鹰网的首页）。 4.色彩搭配 网页要根据主题和内容及表现方法的需要，依据人对各种颜色的视觉反应，合理搭配主题色和配色，按照色彩的记忆性原则，一般暖色较冷色的记忆性强，同时，色彩具有联想与象征的特质。如：红色显得热烈、有激情（火焰、血、太阳）。绿色显得和睦、宁静、健康、安全。黄色具有快乐、希望、智慧和轻快的个性。 （5）“回”字型 以“同”字型布局为基础，在底部添加了一内容区域（如：广告或链接等）形成一个封闭区域。 网站初步设计 网站的筹建 确定网站主题 搜集处理素材 规划设计网站 一、确定网站主题 网站主题是网站的核心，一个网站必须要有一个主题，网站主题可选择范围广，建议选自己擅长或喜欢的，并且立志做到最好，书中以“大而强富而美的新山东”为网站主题，从山东的地理环境、位置、人文景观各个方面阐述了山东的“大、强、富、美” 二、规划设计网站 在制作网页之前要规划网站，根据网站主题的需要，从整体上设计各网页的内容，各网页之间的链接关系以及各网页的版面，画出网站的规划图。书中绘制了走近山东、美丽的山东、亘古的山东的草图，然后自己画出富饶的山东、前进的山东的网页规划图。 三、搜集处理素材 1.搜集素材 任何一个网站都有一个主题，素材的搜集和处理都围绕主题展开， 只要有丰富的素材，网站的主题才能表现出来。搜集素材主要途径： （1）因特网、广播电视、报刊杂志等公众媒体 （2）有关书籍、文献资料等 （3）访谈、请教、社会调研等 （4）自己创作，使用数码相机、摄像机、录音机等 2.信息处理 （1）信息辨别 搜集来的信息资料，要向社会公众发布，必须对搜集的信息进行鉴别，保证信息的正确性。 （2）加工处理 经过加工处理后的素材更符合网站的主题，更好的表现主题。如：使用Word处理文字，使用Photoshop处理图像，使用Flash处理动画，使用超级解霸处理视频，使用录音机处理声音等 （3）合理存储素材 为了管理、查找的需要，搜集处理后的素材要分门别类地存放在不同的文件夹中，主要存放在系统盘C:以外的硬盘分区中。可以使用中文、英文名称，最好用英文 选择网页制作工具 HTML语言简介 FrontPage基本操作 一、HTML语言简介 1.用HTML语言书写一个简单网页的方法如下： 打开“记事本”，录入