课件11张PPT。第二单元 网站设计与制作第7节 制作网页初识网页制作工具1)FrontPage: 是微软公司出品的一款网页制作入门级软件。FrongPage使用方便简单,会用Word就能做网页 ,具有站点管理、发布等功能,适合初学者使用。
2)Dreamweaver: 是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口,功能齐全,兼容性强,更适合专业设计者。
FrontPage的操作界面建立站点(1)启动Frontpage;
(2)执行“文件”一“新建”一“站点”命令;
(3)在如图2-5所示的对话框中选择“空站点”,并在“指定新站
点的位置”下方的文本框中输入站点文件夹的路径,如“c\heritage”,然后单击“确定”。建立站点后在工作窗口中形成两个视图:文件夹列表视图、网页视图,如图2-6所示。
2.制作网站主页(1)设置网页背景颜色①在页面上单击鼠标右键打开快捷菜单执行“网页属性”命令;②在如图2-8(a)所示“网页属性”对话框的“常规”选项卡的“标题”文本框中输入标题文字“世界遗产在中国”;③在如图2-8(b)所示“网页属性”对话框的“背景”选项卡的“背景”组合框中选择相应的颜色。(2)输入标题①设置文字颜色:单击格式工具栏中的“字体颜色”按钮△,选择白色;②输入网站名称“世界遗产在中国”;③设置文字样式:单击格式工具栏中“样式”的下拉按钮,在如图2-9所示的列表中选择“标题1”;
④设置字体和居中对齐方式。(3)插入图片
①执行“插入”一“图片”一“来自文件”命令;
②按如图2-10所示步骤操作;
③设置图片的对齐方式。
(4)保存
①执行“文件”一“保存文件”命令;
②在“另存为”对话框中选择保存的位置、输入文件名index.htm,然后确定;
③按如图2-11所示步骤操作。练习与思考
(1)将屏幕分辨率分别设置为800×600和1024×768,然后浏览本组网页,观看网页显示效果是否有变化,为什么?
(2)浏览器中的某个页面中的文字可以直接复制到正在编辑的网页中,也可以先复制到记事本中,再从记事本中复制到正在编辑的网页中。你能说出两种操作有什么区别吗?
(3)浏览器中的某个页面中的图片能直接复制到正在编辑的网页中吗?为什么?