Dreamweaver MX2004教案 第二周星期 第3、4节 课题网站制作流程 教学目标1、掌握网站制作的基本流程:2、掌握网站初期规划:3掌握网站整体布局 教学重点网点制作的初期规划 教学难点网点制作的初期规划 制作网站的流程 建立一个网站上一个系统工程,有自己特定的工作流程,只有遵循这个步骤,才能设计出一个 令人满意的网站。下面我们就来谈一谈网站设计的基本流程。网站设计主要分三个阶段。初期规划、 中期实际制作、后期维护。 (一)初期规划: 1、确定网站的主题、名称:主题鲜明、小而精、体现个性 2、搜集材料:可以从各类媒介中收集,但就注意要有特色(自己的东西) 3、规划网站:包括要栏目的设置、目录结构、风站的风格等。网站风格主要体现在: ①颜色的搭配: ②网站的标志(Logo) ③版面的布局:突出重点、平衡和谐,网站标志、主菜单等重要模块应放在最显眼、最突出的 位置,然后再安排次要模块(如搜索、友情链接、计数器、版权信息、E-mai地址等)。 ④图像的运用:整个页面不要太花,暄宾夺主主,图像大小(字节数)尽可能缩小,单张图像 不要超过30KB,每页图像总量不要超过60KB。最好采用JPG和GIF两种图像格式 教(二)、实际制作 1、制作网站主要包括以步骤: ①建立一个用于容纳首页及相关网页和网站中用到的其他文件的本地站点。 ②在站点根目录下创建子目录(为了使文件安排比较清晰,将页面文件和图像文件分开放置)。 ③向该站点中添加所需的空网页。注意:文件名和目录都不能使用中文,且用小写 ④设计网页尺寸:目前大都采用的是15寸显示器,页面大都设为800×600规格,网页应选择 760×420模式。 ⑤设置网页的属性;包括页面标题、背景图像、背景颜色、链接颜色、文字颜色等。 过|⑥向网页中插入文本、图形图像、动画等对象,并将图像合理布局。 ⑦建立所需的超级链接。 ⑧预览和保存网页。 2、上传测试网页制作完毕后一般要进行测试。主要包括上传前兼容性测试、链接测试和上传后 程实地测试。完成上传前所需的测试后,利用FP工具把网页发布到自己申请的主页存放服务器上 网站上传达室后要在浏览器中打开自己的网站,进行实地测试,发现问题及时修改,然后再上传测 试。全部测试完毕后就可以把网址告诉给朋友,让他们不浏览。 (三)、后期维护 1、推销网站:网页做好后,要不断地进行宣传,提高网站的访问率和知名度。推广网站的方 法很多,如E-mail、新闻组、与别的网站交换链接、到搜索引擎上注册、加入交换广告等。 2、维护更新:网站要注意定期维护、扩充内容,不要长期不变,只有不断补充新的内容。才能 吸引住浏览者。同时,随着软硬件的进步,网页设计也应由文字向多媒体、由平面向立体动画或影 片、由单项传播向交互式发展。 二、复习与思考: 网页文件的扩展名 2、网页包括的主要元素 3、网页图像格式使用最多的两种格 、教学反思:学生通过本节课的学习后,大多数同学已经掌握了网页制作的基本流程。在教学过 程中取得了较好的效果,对于基础较差的学生单独辅导。应该应用较多的实例来调动学习积极性Dreamweaver MX2004 教案 第二周 星期一 第 3、4 节 课 题 网站制作流程 教学目标 1、掌握网站制作的基本流程；2、掌握网站初期规划；3 掌握网站整体布局。 教学重点 网点制作的初期规划 教学难点 网点制作的初期规划 教 学 过 程 一 制作网站的流程 建立一个网站上一个系统工程，有自己特定的工作流程，只有遵循这个步骤，才能设计出一个 令人满意的网站。下面我们就来谈一谈网站设计的基本流程。网站设计主要分三个阶段。初期规划、 中期实际制作、后期维护。 （一）初期规划： 1、确定网站的主题、名称：主题鲜明、小而精、体现个性。 2、搜集材料：可以从各类媒介中收集，但就注意要有特色（自己的东西）。 3、规划网站：包括要栏目的设置、目录结构、风站的风格等。网站风格主要体现在： ①颜色的搭配： ②网站的标志（Logo） ③版面的布局：突出重点、平衡和谐，网站标志、主菜单等重要模块应放在最显眼、最突出的 位置，然后再安排次要模块（如搜索、友情链接、计数器、版权信息、E-mail 地址等）。 ④图像的运用：整个页面不要太花，暄宾夺主主，图像大小（字节数）尽可能缩小，单张图像 不要超过 30KB，每页图像总量不要超过 60KB。最好采用 JPG 和 GIF 两种图像格式。 （二）、实际制作 1、制作网站主要包括以步骤： ① 建立一个用于容纳首页及相关网页和网站中用到的其他文件的本地站点。 ② 在站点根目录下创建子目录 （为了使文件安排比较清晰，将页面文件和图像文件分开放置）。 ③ 向该站点中添加所需的空网页。注意：文件名和目录都不能使用中文，且用小写。 ④ 设计网页尺寸：目前大都采用的是 15 寸显示器，页面大都设为 800╳600 规格，网页应选择 760╳420 模式。 ⑤ 设置网页的属性；包括页面标题、背景图像、背景颜色、链接颜色、文字颜色等。 ⑥ 向网页中插入文本、图形图像、动画等对象，并将图像合理布局。 ⑦ 建立所需的超级链接。 ⑧ 预览和保存网页。 2、上传测试网页制作完毕后一般要进行测试。主要包括上传前兼容性测试、链接测试和上传后 实地测试。完成上传前所需的测试后，利用 FTP 工具把网页发布到自己申请的主页存放服务器上。 网站上传达室后要在浏览器中打开自己的网站，进行实地测试，发现问题及时修改，然后再上传测 试。全部测试完毕后就可以把网址告诉给朋友，让他们不浏览。 （三）、后期维护 1、 推销网站：网页做好后，要不断地进行宣传，提高网站的访问率和知名度。推广网站的方 法很多，如 E-mail、新闻组、与别的网站交换链接、到搜索引擎上注册、加入交换广告等。 2、维护更新：网站要注意定期维护、扩充内容，不要长期不变，只有不断补充新的内容。才能 吸引住浏览者。同时，随着软硬件的进步，网页设计也应由文字向多媒体、由平面向立体动画或影 片、由单项传播向交互式发展。 二、复习与思考: 1、网页文件的扩展名 2、网页包括的主要元素 3、网页图像格式使用最多的两种格 三、教学反思：学生通过本节课的学习后，大多数同学已经掌握了网页制作的基本流程。在教学过 程中取得了较好的效果，对于基础较差的学生单独辅导。应该应用较多的实例来调动学习积极性