第十课 创建站点 建立简单的网页 ppt课件（19张PPT）-2023新教科版（云南）八年级上册《信息技术》.ppt

1、网站的规划网站的规划1、确定主题、确定主题建立网站前先得确定一个主题，主题是信息作品的灵魂，是建立网站前先得确定一个主题，主题是信息作品的灵魂，是网页各组成元素的统帅，也是要建立的网站所要表达的核心意图网页各组成元素的统帅，也是要建立的网站所要表达的核心意图和中心思想，因而确定网站主题应注意：和中心思想，因而确定网站主题应注意：、主题要明确，观点要鲜明，且要符合网络生产道德规范。、主题要明确，观点要鲜明，且要符合网络生产道德规范。、要找一个自己最感兴趣的内容，做得深入、透彻，办出自、要找一个自己最感兴趣的内容，做得深入、透彻，办出自己的特色，这样才能给浏览者留下深刻的印象。己的特色，这样才能给

2、浏览者留下深刻的印象。、网站的主题无定则，只要是感兴趣的任何内容都可以，在、网站的主题无定则，只要是感兴趣的任何内容都可以，在确定的主题范围内，内容力求做到大而全、精而深。确定的主题范围内，内容力求做到大而全、精而深。网站的规划网站的规划2、拟定网站标题、拟定网站标题网站的主题并不是网站的标题，因而确定网站的主网站的主题并不是网站的标题，因而确定网站的主题后还需要为网站拟一个标题，标题是对该网站内容题后还需要为网站拟一个标题，标题是对该网站内容的概括和提炼。的概括和提炼。、标题要具有吸引力，、标题要具有吸引力，、标题要简短鲜明，贴切易记。、标题要简短鲜明，贴切易记。、标题要能为浏览者获取网站主

3、要信息提供方便。、标题要能为浏览者获取网站主要信息提供方便。网站的规划网站的规划3、规划网站、规划网站网站的排版布局是影响网站的美观与否的重要因素，因而网网站的排版布局是影响网站的美观与否的重要因素，因而网页的排版布局要讲就合理、有创意。网页的布局其实就是确定网页的排版布局要讲就合理、有创意。网页的布局其实就是确定网站标志、栏目设置等的位置，考虑版面色彩、内容的搭配，文字站标志、栏目设置等的位置，考虑版面色彩、内容的搭配，文字图片的运用等。图片的运用等。目前网络中常见的网页结构有：目前网络中常见的网页结构有：“厂厂”字结构、字结构、“同同”字结构、上下型结构、时尚型、字结构、上下型结构、时尚型

4、、Flash型型 在网页版面布局设计中我们一般要考虑网页内容：在网页版面布局设计中我们一般要考虑网页内容：、平衡性、对称性、对比性、平衡性、对称性、对比性、疏密度、反复性、韵律感、疏密度、反复性、韵律感实例：规划实例：规划“海海的网上家园海海的网上家园”个人网站个人网站 、确定个人网站的题目是：“海海的网上家园”，主题是主人公“海海”的自我展示。、规划个人网站的栏目有：自我介绍、我的好友、我的作品、兴趣爱好、心情日记、联系方式。、根据规划的栏目，构建网站的首页结构图。Logo图片Banner图片首页个人简介我的好友我的作品兴趣爱好心情日记联系方式我我的的照照片片网网站站介介绍绍版权信息版权信息

5、网站的规划网站的规划4、素材收集、素材收集一个优秀的网站不但要主题突出，还需要丰富的一个优秀的网站不但要主题突出，还需要丰富的内容支持。内容支持。网页素材搜集要注意：网页素材搜集要注意：、收集的素材一定要是与主题有关的信息。、收集的素材一定要是与主题有关的信息。、素材收集要尽量多、尽量广。、素材收集要尽量多、尽量广。、把收集到的素材，包括、把收集到的素材，包括logologo、bannerbanner等文件，等文件，保存到保存到D:D:盘，网站名称文件夹下盘，网站名称文件夹下imagesimages文件夹中。文件夹中。网站的制作网站的制作1、选择网页制作工作、选择网页制作工作FrontPage

6、 FrontPage是微软出品的网页编辑软件，也是是微软出品的网页编辑软件，也是Office系列系列软件的组成部分，如果对软件的组成部分，如果对Office有一定的基础，会使用有一定的基础，会使用Word，那么很快就可以学会使用那么很快就可以学会使用FrontPage，它的最大优点之一就是，它的最大优点之一就是易学易用。易学易用。Dreamweaver由由Macromedia公司出品，对于动态网页的支持特别好，被称公司出品，对于动态网页的支持特别好，被称为更专业的网页制作工具，其特点：为更专业的网页制作工具，其特点：、不生成冗余代码。、不生成冗余代码。、强大的动态页面支持。、强大的动态页面支持

7、。、优秀的网站管理功能。、优秀的网站管理功能。、便于扩展。、便于扩展。网站的制作网站的制作2、网站首页的制作、网站首页的制作网站首页的制作是一个复杂而细致的过程，一般网站首页的制作是一个复杂而细致的过程，一般要按照先大后小、先简单后复杂的原则进行制作。要按照先大后小、先简单后复杂的原则进行制作。所谓先大后小，就是说在制作网页时，先把大的所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后在逐步完善小的结构设计。结构设计好，然后在逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在然后再设计

8、复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制制作网页时要多灵活运用模板，这样可以大大提高制作效率。作效率。网站的制作网站的制作按照按照“开始开始程序程序Macromedia Dreamweaver Dreamweaver 8.0”步骤，启动步骤，启动Dreamweaver 程序。程序。被编辑页面的标题，第一次启动缺省的名字为Untitled-1显示代码视图显示设计视图显示代码和设计视图网页标题菜单栏按钮栏快捷公具栏网站的制作网站的制作 单击单击“站点新建站点站点新建站点”弹出弹出“定义站点定义站点”对话框。在站点名称框中对话框。在站点名称框中输入站点的名字

9、输入站点的名字“海海的网上家园海海的网上家园”，选择输入，选择输入Http地址。地址。选择选择“否，我不想使用服务器技术否，我不想使用服务器技术”选项。在选项。在“您将把文件存储在计算您将把文件存储在计算机上的位置机上的位置”输入框中，选择输入框中，选择“D:海海的网上家园海海的网上家园”文件夹。文件夹。新建站点如同新建站点如同Windows资源管理器，以资源管理器，以“D:海海的网上家园海海的网上家园”为为根目录。站内所有文件显示在右侧。根目录。站内所有文件显示在右侧。在在“定义站点定义站点“对话框中单击对话框中单击“完成完成”按钮，成功按钮，成功“定义定义站点站点”。网站的制作网站的制作

10、选择菜单选择菜单“窗口窗口|属性属性”命令，打开命令，打开“属于属于”面板，在对齐方式中面板，在对齐方式中选择选择“居中对齐居中对齐”。选择菜单选择菜单“插入插入|表格表格”命令，在命令，在“插入表格插入表格”对话框中，设置对话框中，设置“1行行2列列”，指定宽度，指定宽度200 像素。像素。网站的制作网站的制作 在表格左栏，打开菜单在表格左栏，打开菜单“插入插入|图像图像”命令，在命令，在“选择图像源文件选择图像源文件”对话框中找到需要插入的图像。对话框中找到需要插入的图像。选择菜单选择菜单“文件文件|保存保存”命令，弹出命令，弹出“另存为另存为”对话框，设置文件保对话框，设置文件保存路径，

11、文件名，文件名类型。存路径，文件名，文件名类型。网站的制作网站的制作文件保存路径保存文件名保存文件类型用同样的方法在表格下方，根据网站规划的结构添加其余栏用同样的方法在表格下方，根据网站规划的结构添加其余栏目。目。在表格右栏插入图片在表格右栏插入图片网站的制作网站的制作选择菜单选择菜单“文件文件|在浏览器中预览在浏览器中预览”命令，或使用功能键命令，或使用功能键“F12”。选择菜单选择菜单“文件文件|保存保存”命令。命令。网站的制作网站的制作探探 索索 活活 动动布局插入图片文字输入保存文件根据总体完成情况填写：自我评价教师评价同学评价课堂小结课堂小结 一、网站的规划 1、确定主题。2、拟定标题。3、收集加工素材。二、制作网站首页 1、选择网页制作工具。2、网站首页的制作。