1.4-1.6 网站建设基本流程、制作工具和网页基本元素（课件）-《网页设计与制作（DreamweaverCC)》（电子工业出版社）同步精品课堂

1.4-1.6 网站建设基本流程、制作工具和网页基本元素 网页设计与制作（Dreamweaver CC) 同步精品课堂 电子工业出版社 目录 02 01 网站建设基本流程 网站制作工具 03 网页基本元素 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 教学目标 知识目标 1. 掌握网站建设完整流程。 2. 熟悉各类网站制作工具的特点与用法。 3. 理解并识别网页设计中的基本元素。 1.能够完成网站建设的初步规划与设计。 2.会选择合适的工具进行网页制作与编辑。 3.运用网页基本元素构建美观、实用的网页界面。 能力目标 激发学生对网站建设的兴趣与热情，培养创新思维与审美能力。 情感目标 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 教学重难点 网页基本元素 1.网站建设基本流程。 2. 网站制作工具。 难点 重点 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 导入新课 掌握网站建设的基本流程。 熟悉各类网站制作工具。 理解网页的基本元素。 踏入数字世界，启航网站建设之旅 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 导入新课 盖楼需要哪些步骤？ 建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，只有遵 循步骤，按部就班，才能设计出一个满意的网站。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 1.4 网站建设基本流程 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 考一考 网站建设的目的是什么？ 可能包括品牌宣传、产品展示、在线销售、客户服务、内容分享等。具体目的需根据企业或组织的战略目标和用户需求来确定。 网站的主要功能需求有哪些？ 功能需求可能包括信息展示、用户注册登录、商品浏览与购买、在线支付、客服咨询、用户评论与反馈等，具体取决于网站的类型和目的。 代码编写时，如何保证代码质量和可维护性？ 遵循编码规范、使用代码审查、单元测试、版本控制等工具和方法，确保代码质量；同时，注重代码的可读性、可复用性和可扩展性。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 1.5  网站制作工具 1. Dreamweaver 网站高效制作 管理简便 所见即所得 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 1.5 网站制作工具 2. Fireworks 图像优化 布局设计 与Adobe套件集成 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 1.5 网站制作工具 3.FLASH 动画制作 SWF格式 矢量运算 小体积 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 1.5  网站制作工具 4.HotDog Professional 代码导向 向导工具丰富复杂 技术集成。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 1.5 网站制作工具 5.Microsoft Visual Studio ASPX开发 无刷新网站 高级用户适用 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 1.5 网站制作工具 6.JBuilder JSP开发 高级用户适用 专业性强 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 1.5 网站制作工具 8.记事本 代码编辑 无可视化操作 高级用户定制 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 想一想 对于初学者和高级开发者来说，选择工具的标准可能有所不同。你认为初学者在选择网页设计和开发工具时应该注意哪些关键因素？ 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 1. 标题：网页的最顶端都有一条信息,是布局关键，概括页面主旨。 2. 网站Logo：体现这个网站的文化内涵和内容定位,在网站中的位置比较醒目。 3. 网站 Banner：是横幅、标语，通常被称为网络广告,很多网站会在页眉中设置宣传本网站的内容. 1.6  网页基本元素 在每一个单独的网页中，包括了标题、网站 Logo 、Banner广告栏等基本元素。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 1.6  网页基本元素 标题 Banner栏 网站Logo 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 4. 导航栏：位于网页显著位置，是用户浏览网站的指南针，提供清晰、便捷的页面跳转路径。 5. 文 本：网页内容的主体，通过文字形式传递信息，是用户获取信息的主要途径。 6. 图像：在网页中扮演视觉焦点角色，增强视觉吸引力，有助于用户快速理解信息，提升用户体验。 1.6 网页基本元素 在每一个单独的网页中，包括了导航栏、文本、图像等基本元素。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 1.6  网页基本元素 导航栏 文本内容 图像 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 7. 动画：网页动态元素，增强互动性和吸引力，常用于广告或引导。 8. 表单：收集用户输入，支持注册、登录、搜索等功能。 9. 版权信息：声明网站内容版权，保护原创，体现正规性。 1.6  网页基本元素 在每一个单独的网页中，包括了动画、表单、版权信息等基本元素。 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 1.6  网页基本元素 表单 动画 版本信息 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 练一练 是网页内容的主体，通过文字形式传递信息，包括文章、说明、链接等，是用户获取信息的主要途径。 作为网页的动态元素，能够增强页面的趣味性和互动性，常用于广告展示或引导用户注意 版权信息位于网页的底部或页脚区域，用于声明网站内容的版权归属和使用情况，保护网站的________性和合法权益。 文本 动画 原创 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 知识拓展 网站的用户体验（UX）设计 响应式设计 搜索引擎优化（SEO） 内容管理系统（CMS） 跨浏览器兼容性 安全性与隐私保护 数据分析与用户行为研究 Web无障碍性 网站建设设计规划还需要注意下面几点： 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 做一做 打开我们学校的官网，截图并做出标记，分别指出页面中你知道的基本元素 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 课堂小结 1. 标题、网站 Logo 、Banner广告栏 2. 导航栏、文本、图像 3. 动画、表单、版权信息 网站制作工具 网站建设基本流程 1．域名空间 2．规划设计 3. 制作建设 4. 测试发布 5. 维护推广 网站建设基础 网页基本元素 Dreamweaver 、Fireworks、Flash、HotDog Professional、 Microsoft Visual Studio、Jbuilder、记事本 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 谢谢 $$