第一课 创建站点.docVIP

3.18第一单元 网站设计与制作 3.18 PAGE 第 PAGE 2 页 共 NUMPAGES 12 页 第一课　 第一课　创建站点 ?相声大师侯宝林说过一段经典相声：门前的路挖了填，填了又挖，今天通煤气，明天埋电缆，后天修下水道，过不了几天为了改造暖气，又得挖沟……一年到头，挖沟不止。于是，他建议“给马路安拉链”。幽默而深刻地道出了规划在城市建设中的作用。 如果要在网上安个家，同样需要对自己的网站进行合理的规划。小宇要规划网站，他又该怎么去做？要考虑哪些问题呢？ 知识目标： 知识目标： ⑴了解网站规划的一般方法；⑵理解网站规划的重要性。⑶认识FrontPage的工作界面；⑷理解站点、网页、主页的概念。 技能目标： ⑴初步掌握根据需要对网站进行规划和设计；⑵能够根据网站主题搜集相关素材。⑶掌握新建站点和打开站点的方法； 情感、态度和价值观目标： 感受规划的重要性，养成做事有计划、遇事多思考的习惯。 一、 一、他山之石，可以攻玉 我们要设计制作网站，不妨先去访问几个各具特色的网站，看看能不能从中得到我们可借鉴的东西。 分别登录中国少年雏鹰网（）和联想公司网站（/），首页分别图1-1-1和图1-1-2所示。 什么是网站网站就是在互联网上一个相对独立的信息的集合，这些信息以网页的形式向全世界发布。所以也可以说网站就是相关网页的集合。　 什么是网站 网站就是在互联网上一个相对独立的信息的集合，这些信息以网页的形式向全世界发布。所以也可以说网站就是相关网页的集合。 做一做图1-1-1　雏鹰网首页　　　　　　　　图1-1-2　联想网站首页 做一做 通过浏览上面两个网站，你有什么感受？它们之间有什么差异？填写表 通过浏览上面两个网站，你有什么感受？它们之间有什么差异？填写表1-1-1。 表1-1-1　网站对比表 网站 主要特点 联想网站 雏鹰网站 二、 二、网站规划的一般步骤 网站规划大体包括以下几个方面： 1.确定网站的主题和风格。 网站的主题是指网站的体裁，就像我们写作文时选用记叙文、说明文还是议论文一样，确定体裁也就是确定自己的网站想让哪一部分人来访问。 网站的风格是指网站的整体形象给浏览者的综合感受。通过访问上面的两个网站，想必你已经有所感受了吧。 我们想要建立的网站“情感小屋”，就主题而言，浏览对象应该是同学或同龄人，那么，在进行风格设计时可以进行换位思考，假如自己浏览同学的个人网站时希望是什么样的，比如说：界面整洁、文字简洁、图文并茂、生动有趣等。 2.设计规划网站的结构和内容。 如同写作文要先写提纲一样，我们设计网站也要首先规划好各栏目的内容。这样，我们就可以做到胸有成竹，网站建设的效率也会大大提高。 下面以小宇要建的“情感小屋”这个网站为例进行说明，经过对主题的分析，我们决定用6个网页来表达这个主题。这6个网页之间的关系如图1-1-3所示： 情感小屋 情感小屋(主页) 我的父母雁过留声左邻右舍我就是我我的校园 我的父母 雁过留声 左邻右舍 我就是我 我的校园 图1-1-3　网站结构图 3.设计网站的版面布局 布局就是以最适合的版面内容安排方式将图片和文字排放在页面的不同位置，让网页的访问者对网页的层次、内容、结构等一目了然。 常见的版面布局形式 1.“T”（或“厂”）结构布局。是指页面顶部为横条（Logo+Banner），下方左面为主菜单，右下方的大部分区域用来显示内容的布局，因为菜单条背景较深，整体效果类似英文字母T（或“厂”）,所以我们称之为T（或“厂”）形布局。这是网页设计中用的最广泛的一种布局方式。如“山东省教育厅”网站（ ），如图1-4所示。 这种布局的优点是页面结构清晰，主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板，如果细节色彩上不注意，很容易让人看之无味。 什么是LogoLogo是网站形象的重要体现，是网站的名片。而对于一个追求精美的网站，Logo更是它的灵魂所在，即所谓的 什么是Logo Logo是网站形象的重要体现，是网站的名片。而对于一个追求精美的网站，Logo更是它的灵魂所在，即所谓的“点睛”之处。 Logo常常用在网站左上角或用于交换链接时使用。 什么是Banner Banner也叫旗帜广告或横幅广告，通常放置在网页的上方，大多做成动画形式，