八年级第十课 创建站点,建立简单的网页

网站的规划
2、拟定网站标题
网站的主题并不是网站的标题，因而确定网站的主 题后还需要为网站拟一个标题，标题是对该网站内容 的概括和提炼。
①、标题要具有吸引力， ②、标题要简短鲜明，贴切易记。 ③、标题要能为浏览者获取网站主要信息提供方便。
网站的规划
3、规划网站
网站的排版布局是影响网站的美观与否的重要因素，因而网 页的排版布局要讲就合理、有创意。网页的布局其实就是确定网 站标志、栏目设置等的位置，考虑版面色彩、内容的搭配，文字 图片的运用等。
目。
网站的制作
选择菜单“文件|保存”命令。 选择菜单“文件|在浏览器中预览”命令，或使用功能键“F12”。
探索活动
布局
插入图片
文字输入
保存文件
根据总体完成情况填写：
自我评价
教师评价
同学评价
课堂小结
一、网站的规划 1、确定主题。 2、拟定标题。 3、收集加工素材。
二、制作网站首页 1、选择网页制作工具。 2、网站首页的制作。
Dreamweaver 由Macromedia公司出品，对于动态网页的支持特别好，被称
为更专业的网页制作工具，其特点： ①、不生成冗余代码。 ②、强大的动态页面支持。 ③、优秀的网站管理功能。 ④、便于扩展。
网站的制作
2、网站首页的制作
网站首页的制作是一个复杂而细致的过程，一般 要按照先大后小、先简单后复杂的原则进行制作。
网页素材搜集要注意： ①、收集的素材一定要是与主题有关的信息。 ②、素材收集要尽量多、尽量广。 ③、把收集到的素材，包括logo、banner等文件， 保存到D:\盘，网站名称文件夹下images文件夹中。
网站的制作
1、选择网页制作工作
FrontPage
FrontPage是微软出品的网页编辑软件，也是Office系列 软件的组成部分，如果对Office有一定的基础，会使用Word， 那么很快就可以学会使用FrontPage，它的最大优点之一就是 易学易用。
网站的制作
在“定义站点“对话框中单击“完成”按钮，成功“定义 站点”。
新建站点如同Windows资源管理器，以“D:\海海的网上家园”为 根目录。站内所有文件显示在右侧。
网站ቤተ መጻሕፍቲ ባይዱ制作
选择菜单“插入|表格”命令，在“插入表格”对话框中，设置 “1行2列”，指定宽度200 像素。
选择菜单“窗口|属性”命令，打开“属于”面板，在对齐方式中 选择“居中对齐”。
被编辑页 面的标题， 第一次启 动缺省的 名字为
Untitled-1
网页标题 显示设计视图 显示代码和设计视图
显示代码视图
菜单栏 按钮栏
快捷公具栏
网站的制作
单击“站点｜新建站点｜”弹出“定义站点”对话框。在站点名称框中 输入站点的名字“海海的网上家园”，选择输入Http地址。
选择“否，我不想使用服务器技术”选项。在“您将把文件存储在计算 机上的位置”输入框中，选择“D:\海海的网上家园\”文件夹。
网站的制作
选择菜单“文件|保存”命令，弹出“另存为”对话框，设置文件保 存路径，文件名，文件名类型。
在表格左栏，打开菜单“插入|图像”命令，在“选择图像源文件” 对话框中找到需要插入的图像。
文件保存路径
保存文件名 保存文件类型
网站的制作
在表格右栏插入图片 用同样的方法在表格下方，根据网站规划的结构添加其余栏
网站的规划
1、确定主题
建立网站前先得确定一个主题，主题是信息作品的灵魂，是 网页各组成元素的统帅，也是要建立的网站所要表达的核心意图 和中心思想，因而确定网站主题应注意：
①、主题要明确，观点要鲜明，且要符合网络生产道德规范。 ②、要找一个自己最感兴趣的内容，做得深入、透彻，办出 自己的特色，这样才能给浏览者留下深刻的印象。 ③、网站的主题无定则，只要是感兴趣的任何内容都可以， 在确定的主题范围内，内容力求做到大而全、精而深。
目前网络中常见的网页结构有： “厂”字结构、“同”字结构、上下型结构、时尚型、Flash 型 …… …… 在网页版面布局设计中我们一般要考虑网页内容： ①、平衡性、②、对称性、③、对比性 ④、疏密度、⑤、反复性、⑥、韵律感
实例：规划“海海的网上家园”个人网站
１、确定个人网站的题目是： “海海的网上家 园”，主题是主人公“海海”的自我展示。
２、规划个人网站的栏目有：自我介绍、我的好 友、我的作品、兴趣爱好、心情日记、联系方式。
３、根据规划的栏目，构建网站的首页结构图。
Logo图片
首页 个人简介 我的好友 我的作品 兴趣爱好 心情日记 联系方式
Banner图片
我
网
的
站
照
介
片
绍
版权信息
网站的规划
4、素材收集
一个优秀的网站不但要主题突出，还需要丰富的 内容支持。
所谓先大后小，就是说在制作网页时，先把大的 结构设计好，然后在逐步完善小的结构设计。
所谓先简单后复杂，就是先设计出简单的内容， 然后再设计复杂的内容，以便出现问题时好修改。在 制作网页时要多灵活运用模板，这样可以大大提高制 作效率。
网站的制作
按照“开始｜程序｜Macromedia Dreamweaver ｜ Dreamweaver 8.0”步骤，启动Dreamweaver 程序。