1、建立自己的网站,本课任务：本节课，我们主要学习建立掌握网站规划的简单方法及掌握网站首页的制作方法。,学习任务,重 点 难 点,网站的规划,1、确定网站的主题,网站主题就是建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。要找一个自己最感兴趣的内容，做得深入、透彻，办出自己的特色，这样才能给浏览者留下深刻的印象。网站的主题无定则，只要是感兴趣的任何内容都可以，但主题鲜明，在确定的主题范围内，内容力求做到大而全、精而深。,2、搜集材料,明确网站的主题以后，就要围绕主题开始搜集材料了。要想让自己的网站能够吸引住浏览者，就要尽量搜集材料，搜集材料越多，以后制作网站就越容易。,材料可以从图书
2、、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。,3、规划网站,一个网站设计的成功与否，很大程度上决定与设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。,网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹，当然也可以参考一些制作非常精美的网站模板，这样制作出来的网页才能有个性、有特色、具有吸引力。,实例：规划“海海的网上家园”个人网站,、确定个人网站的题目是： “海海的网上家
3、园”，主题是主人公“海海”的自我展示。,、规划个人网站的栏目有：自我介绍、我的好友、我的作品、兴趣爱好、心情日记、联系方式。,、根据规划的栏目，构建网站的首页结构图。,网站的制作,、选择网页制作工具,FrontPageFrontPage是微软出品的网页编辑软件，也是Office系列软件的组成部分，如果对Office有一定的基础，会使用Word，那么很快就可以学会使用FrontPage，它的最大优点之一就是易学易用。,DreamweaverDreamweaver是Macromedia公司出品的一款网页编辑工具， Dreamweaver对于动态网页的支持特别好，它的直观性与高效性是FrontPag
4、e无法比拟的，Dreamweaver与Flash、Firework并称为Macromedia的网页制作三剑客，Dreamweaver是高级网页制作的首选。,我们采用Dreamweaver来制作网页,2、网站首页的制作,网站首页的制作是一个复杂而细致的过程，一般要按照先大后小、先简单后复杂的原则进行制作。,所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后在逐步完善小的结构设计。,所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。,2、网站首页的制作,从“开始”菜单中选择“程序”组中的Macrom
5、edia Dreamweaver，就启动了。Dreamweaver界面主要由标题栏、菜单栏、工具栏、新型视图工具栏、资源管理窗口和文件编辑窗口以及状态栏等组成。,被编辑页面的标题,显示代码,显示代码和设计视图,显示设计视图,编辑区,按钮栏,菜单栏,Dreamweaver的菜单栏中有十个菜单项：文件、编辑、查看、插入、修改、文本、命令、站点、窗口和帮助。,1、“文件”菜单“文件” 用来管理文件。例如新建、打开、保存、导入、转换、输出打印等。 2、“编辑”菜单“编辑”用来编辑文本。例如剪切、复制、粘贴、查找、替换以及首选参数设置等。 3、“查看”菜单“查看”用来管理、切换视图模式以及显示、隐藏工具
6、栏、标尺、网格线等辅助视图功能。 4、“插入”菜单“插入”用来插入各种元素，例如图片、多媒体组件、表格、超链接等。,5、“修改”菜单“修改”具有对页面属性及页面元素修改的功能，例如表格的插入、单元格的拆分、合并、对齐对象以及对库、模板和时间轴等的修改。 6、“文本”菜单“文本”用来对文本的格式化操作等。 7、“命令”菜单“命令”包含所有的附加命令项。 8、“站点”菜单“站点”用来创建和管理站点。 9、“窗口”菜单“窗口”用来显示和隐藏控制面板以及各种文档窗口的切换操作。 10、“帮助”菜单“帮助”联机帮助功能。,开始制作的时候,首先要定义一个本地站点。网站里面有许多网页文件、图片、Flash、
7、音乐等，如果不进行管理归档，分散在硬盘的各个地方，就无法方便的尽心网页发布。,定义本地站点，就是在硬盘上建立一个文件夹，将所有的文件都放在里面，以便管理。例如在D盘上创建一个文件夹，名字是“海海的网上家园”，并且在里面创建一个名为“images”的文件夹，把所以的图片都放在里面。,单击“站点”菜单中的“新建站点”命令，弹出“定义站点”对话框，在“站点名称”框中输入站点的名字“海海的网上家园”，单击“本地根文件夹”输入框右侧的文件夹图标，弹出选择本地文件夹的对话框，找到D盘上创建的“海海的网上家园”文件夹，并选择它，“本地根文件夹”输入框中显示“D:海海的网上家园”，这个文件夹将作为站点文件夹，
8、以后所有的网页文件都放在这个文件夹下。,1、定义站点,2、插入表格,其中，我们要设置行数为3列数为3，宽度为200，在“对齐方式”后面选择“居中对齐”然后选择象素。然后点击“确定”,然后打开“文件” 菜单中的“保存”命令，会弹出的“另存为”对话框，在保存地址中找到“海海的网上家园” 文件夹，将文件名改为“index”，保存类型是“htm” ，单击“保存”按钮即可保存文件。,在表格的左栏插入Logo图片：在左栏中点击一下，然后打开“插入”菜单中“图像”命令，弹出“选择图像源”对话框。找到需要插入的图像文件，点击“选择”按钮即可。,用同样的方法在表格的右栏中插入Banner图片,在顶部表格的下方再
9、插入一个1行2列、对齐方式为“水平居中”宽度为“613”像素的表格。在左栏中插入一个14行1列宽度为“150”像素的表格用来填写网站的栏目，在右栏中再插入一个1行2列宽度为“463”像素的表格，分别用来插入作者的照片和网站说明文字。,在网页底部插入表格，仿照上面的方法，输入“版权信息”内容，最后就得到了完整的网页。,网页制作好了以后，就可以进行预览了。 具体有几种方法： 1、点击“文件”菜单中的“在浏览器中预览”的命令。 2、直接按功能键F12。 3、找到“海海的网上家园”文件夹，点击index.htm，就可以了。,课 堂 小 结,1、网站的规划：确定网站主题搜集素材规划网站2、网站首页的制作：选择制作工具制作首页,探 索 活 动,根据规划的网站制作首页，并填写下表。,下 节 课 提 示,谢谢,
