《任务一创建一个新网站.ppt》由会员分享,可在线阅读,更多相关《任务一创建一个新网站.ppt(15页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第二节第二节 网站建设网站建设你现在正在上网,一定去了不少站点吧!这些站点的页面都设计得非常精美,让你在浏览信息的同时,还可以得到美的享受。这么吸引人的页面,是怎么制作出来的呢?你想不想也做一个精美的个人主页呢?如果你的回答是肯定的,那我们就一起学一下FrontPage的使用。FrontPage是优秀的专业化网页设计软件之一,使用FrontPage你只要几分钟就可以建立一个自己的网页,这可是一件令人激动的事哟!你现在正在上网,一定去了不少站点吧!这些站点的页面都设计得非常精美,让你在浏览信息的同时,还可以得到美的享受。这么吸引人的页面,是怎么制作出来的呢?你想不想也做一个精美的个人主页呢?如果
2、你的回答是肯定的,那我们就一起学一下FrontPage的使用。FrontPage是优秀的专业化网页设计软件之一,使用FrontPage你只要几分钟就可以建立一个自己的网页,这可是一件令人激动的事哟!你现在正在上网,一定去了不少站点吧!这些站点的页面都设计得非常精美,让你在浏览信息的同时,还可以得到美的享受。这么吸引人的页面,是怎么制作出来的呢?你想不想也做一个精美的个人主页呢?如果你的回答是肯定的,那我们就一起学一下FrontPage的使用。FrontPage是优秀的专业化网页设计软件之一,使用FrontPage你只要几分钟就可以建立一个自己的网页,这可是一件令人激动的事哟!1、怎样利用网站制
3、作工具FrontPage 2000来实现设计理念,创建出一个令人满意的网站呢?2、网站的主页又是怎样创建?一、创建一个新网站1.建立网站所在的文件夹 使用Windows 98系统的“资源管理器”或“我的电脑”建立“我爱我校”网站所在的文件夹,如”e:myschool”.2.创建一个空站点1)启动FrontPage 2000;一、创建一个新网站2)选择菜单“文件/新建/站点“,弹出”新建“窗口;3)在窗口的”站点“选项卡中选择”空站点“模板,并在”指定新站点的位置“文本框中输入”e:myschool”;4)单击”确定“按钮。系统会弹出一个对话框,询问”是否将此文件夹转换为站点“,单击”是“按钮。
4、一、创建一个新网站 FrontPage 2000将文件夹e:myschool转换为新站点,并在该文件夹下自动增加了子文件夹images二、创建网站的主页1.创建框架启动FrontPage 2000,选择菜单“文件/新建/网页”,弹出“新建”窗口;选择“框架网页”选项卡中的“自顶向下的层次结构”模板,单击“确定”按钮。FrontPage 2000提供了26种建立单一网页的向导与模板、10种框架网页模板和13种样式模板,为网页制作者提供了方便。一、创建一个新网站3.准备建站素材 将配套光盘中“网络myschoolimages”文件夹下的所有图片文件复制到”e:myschoolimages”文件夹下
5、。用图像处理软件(如Photoshop)分别打开这些图片,并记录下它们的大小。提示:在进行网页的布局设计时,需要考虑图片文件的高度和宽度。二、创建网站的主页2.创建网页 依次在上、中、下3个框架中单击“新建网页”按钮,为每一个框架建立一个网页。按照“我爱我校”网站的设计要求,我们选择3层框架结构的网页作为首页。上部框架“top”上放置一级栏目,中部框架“middle”上放置二级栏目,下部框架“bottom”上放置具体栏目的网页。二、创建网站的主页3.保存页面 选择菜单“文件/保存文件”,分别将上、中、下3个框架页和整个页面保存为top1.htm、top2.htm、top3.htm和defaul
6、t.htm.default.htm被称为框架页面,它实际上由下、中、下3个框架中的页面组合而成。高亮度显示的框架便是正在保存的页面4.设置框架属性和网页属性(1)设置上部框架的属性框架的属性设置主要包括框架的名称、边距(网页内容与框架之间的距离)、滚动条显示和边框外观等项。选中上部框架,单击鼠标右键,在弹出的菜单中选择“框架属性”项,打开“框架属性”窗口。在“框架属性”窗口中将“边距”的宽度和高度均设为0.不勾选“可在浏览器中调整大小”选项,将“显示滚动条”设为“从不”。单击“确定”按钮。二、创建网站的主页5、设置框架页面default.htm的属性,使网页不显示边框。在“文件夹列表”栏中双击
7、default.htm文件(即主页),在页面栏内选中上、中、下框架中的任意一个,打开“框架属性”窗口,在该窗口中单击“框架网页“按钮。在弹出的”网页属性”窗口中进行边距的设置,指定上边距和左边距均为0,如下图:二、创建网站的主页(2)依次对中部和下部框架进行框架属性和网页属性进行设置。(3)完成所有的设置后对网页进行保存操作。在上部框架中单击鼠标右键,在弹出的菜单中选择“网页属性”选项,打开“网页属性”窗口。选择“高级”选项卡,将上边距和左边距像素均设为0.小结本节学习了两点:1.创建一个新网站2.创建网站的主页课堂测评题:1、什么是框架?答:其实,框架页面并不是一个真正意义上的页面文件,它是多个框架的集合,第一个单独的框架框架才是一个真正的页面文件。2、如何精确调整框架的大小?(1)选中一个框架,单击鼠标(右 )键,在弹出的菜单中选择(框架属性)项,打开(框架属性 )窗口。(2)在(框架属性 )窗口中将“边距”的宽度和(高度 )均设为1。不勾选“可在浏览器中调整大小”选项,将“显示滚动条”设为“从不”。单击(确定 )按钮。3、如何保存页面?选择菜单(文件 )-(保存)。