(中职）网页制作基础（Dreamweaver CS6）（第2版）项目一 认识网站电子课件（）.pptx

《(中职）网页制作基础（Dreamweaver CS6）（第2版）项目一 认识网站电子课件（）.pptx》由会员分享，可在线阅读，更多相关《(中职）网页制作基础（Dreamweaver CS6）（第2版）项目一 认识网站电子课件（）.pptx（23页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、(中职）网页制作基础（Dreamweaver CS6）（第2版）项目一 认识网站电子课件（工信版）项目一 认 识 网 站项目目标（1）了解网页和网站的相关知识；（2）了解HTML的基本知识及作用；（3）理解网站规划与设计的基础知识；（4）了解网站项目的开发流程。项目描述本项目将通过3个任务介绍网页的相关知识，在此基础上，以优秀的企业网站为例来说明如何规划和设计网站，以及网站项目的具体开发流程。任务1 认识网页的实质n任务任务目标目标（1）了解网页和网站的相关知识；（2）了解HTML的基本知识及作用。n任务任务描述描述网站通常由一系列的网页构成，网页是构成网站的基本元素。本任务通过使用记事本创建

2、一个简单网页，来初步认识HTML，了解网页开发的实质。n任务分析任务分析本任务通过手工编写一个简单的网页文件，来观察显示效果，了解HTML的作用。操作步骤n步骤步骤1手工编写简单网页。（1）打开记事本并输入内容。（2）将文件保存到桌面上，设置文件名为“first.html”。（3）在桌面上双击刚创建的文件“first.html”，在IE浏览器中显示下图。操作步骤n步骤步骤2浏览并保存其他网页内容。（1）打开IE浏览器，在地址栏中输入一个网址，如http:/，按Enter键或者单击地址栏右侧的“转到”按钮。如果计算机没有接入互联网，则可直接打开本书素材“素材项目1示例01中华人民共和国中央人民政

3、府门户网站.htm”。（2）选择“页面”“另存为”命令。（3）弹出“保存网页”对话框，指定保存路径、“文件名”“保存类型”，单击“保存”按钮操作步骤（4）用记事本打开桌面刚保存的“中华人民共和国中央人民政府门户网站.htm”，观察其内容，如下图所示，注意文件中有许多内容被“”括起来了，这些就是HTML标记。操作步骤（5）打开“中华人民共和国中央人民政府门户网站_files”文件夹，浏览文件夹的内容，查看其中是否包含了网页中出现的图片和其他文件。n步骤步骤3总结网页的实质。网页文档本身是一个文本文件，这些文本能够将文字及其他媒体文件有机地组织在一起，并在浏览器中适当地显示出来。知识链接1网页网页

4、网页是网站的基本组成元素。网页文件的扩展名通常为.htm或.html，一般是由超文本标记语言（HypertextMarkupLanguage，HTML）编写的文本文件。2HTMLHTML是使用特殊标记来描述文档结构和表现形式的一种语言，可以用于实现Web页面。1999年诞生的HTML4.01，正在被2014年公布的HTML5标准规范取代。一个HTML文档通常分为文档头和文档主体两部分。3标记标记在HTML中定义了许多标记，这些标记使用“”将描述文档括起来。标记通常分为开始标记和结束标记。知识链接4网页开发平台网页开发平台制作早期的网页时，网页设计师要通过手工编写HTML代码来实现，开发效率非常

5、低。网页开发平台的出现，使这些复杂代码的编写变得十分容易。在这些网页开发平台中，只需要单击开发平台就能帮助用户书写出相应的代码，即使不懂HTML也能制作出漂亮的网页。Dreamweaver就是一个网页开发平台。该软件同时适用于初学者和专业网页设计师，是一款优秀的“所见即所得”的可视化网页编辑软件。另外，FrontPage也是一个常用的网页开发平台，它是由Microsoft公司开发的，适用于初学者。5网页制作辅助工具网页制作辅助工具（1）图像处理工具Photoshop。Photoshop不仅能创造出计算机图形艺术，还为网页图像制作提供了强大的支持，已成为使用广泛的网页图像处理工具。（2）动画制作

6、工具Flash。Flash是流行的矢量动画设计制作工具，在网页动画制作中被广泛应用。拓展与提高1标记属性标记属性每个标记除标识名外还可以包含一个或多个“属性”，用于控制标记内容的大小、颜色、位置和边框等。2网页基本元素网页基本元素网页中包括的元素主要有文本、图像、视频、声音、动画、表格和表单等。属属 性性 名名作作 用用background用图像设置网页背景bgcolor设置网页的背景颜色text设置网页中所有文本的颜色link设置超级链接尚未访问时文本的颜色，默认为蓝色vlink设置超级链接访问后的颜色试一试使用记事本打开first.html，将网页标题修改为“这里显示标题”，将网页背景设置

7、为绿色。保存文件并关闭记事本，在IE浏览器中观察显示结果。任务2 网站规划与设计 n任务任务目标目标（1）了解如何确定网站主题；（2）了解如何构思网站的整体风格并确定配色；（3）了解如何规划网站的页面布局；（4）了解如何规划网站的架构和板块。任务2 网站规划与设计 n任务任务描述描述在互联网中会浏览到很多网站，这些网站各具特色，通过欣赏优秀的网站案例，可以学到网站规划和设计的基本知识。n任务分析任务分析通过浏览实际的网站了解网站的分类，并理解创建一个网站不是简单地创建一个页面，而是要进行前期规划，确定网站的主题、页面布局、功能架构和板块结构等。操作步骤n步骤步骤1欣赏优秀的网站，了解网站分类。

8、（1）按功能分类：电子商务、生活服务、娱乐休闲、文化教育、政府机构等。（2）按性质分类：政府、商业、企业、个人、教育科研、非营利机构等。（3）按行业分类：教育、医疗、保险、健康、金融、房产、文化、体育等。n步骤步骤2分析万通地产网站，了解网站规划与设计的过程。（1）网站定位。（2）网站的整体风格和配色。（3）网站布局设计。（4）网站的功能架构和板块结构。知识链接1网站定位网站定位当要制作一个网站时，应该先考虑怎样规划网站，给网站一个准确的定位，无论是企业网站，还是个人网站，只有定位后，才可以正确地进行后期的制作和维护。2确定主题和确定主题和名称名称3构思网站的整体风格构思网站的整体风格4网站整

9、体配色网站整体配色5规划和设计页面布局规划和设计页面布局6规划网站架构和板块规划网站架构和板块试一试找一个感兴趣的主题，进行网站的前期规划和设计。任务3 了解项目开发流程n任务任务目标目标通过上海企业网网站开发过程，说明网站项目开发的一般流程：需求分析、网站设计、具体开发、网站整合、网站测试、网站部署、网站发布。n任务任务描述描述某网站制作公司按照客户需求制作上海企业网网站，在与客户沟通的基础上，制定具体的方案，并进行实施，最后交付给客户。n任务分析任务分析上海企业网网站的制作是一个完整的案例，通过了解这个项目的开发过程，可以学习到实际网站开发的一般流程。操作步骤n步骤步骤1需求分析。公司接到

10、客户的业务咨询，要建设上海企业网网站，经过双方不断的接洽和了解，通过基本的可行性讨论后，初步达成和制定了协议，进行了项目立项，并制作了一份完整的客户需求说明书。n步骤步骤2网站设计。（1）网站建设的目的和定位。（2）网站的整体风格和配色。（3）网站布局设计。（4）网站的栏目板块规划。操作步骤n步骤步骤3具体开发。按照网站的总体设计，收集并整理各种文字、图片、声音等素材。网页设计师开始设计网站的整体形象和主页。n步骤步骤4网站整合。网页设计人员将HTML文档传给程序员，添加实际的程序代码形成最终页面，最后由程序员进行总体网站整合，保证网站正常运行。n步骤步骤5网站测试。网页设计人员联合网站编辑进

11、行最终页面的测试，包括死链、坏链、内容图片错误、错位、兼容性等。n步骤步骤6网站部署和发布。知识链接1域名域名域名是便于记忆和沟通的一组服务器的地址，它是由一组用点分隔的名称组成的Internet上某一台计算机或计算机组的名称。2LOGOLOGO指徽标或者商标，网络中的徽标主要是各个网站用于与其他网站超级链接的图形标志，代表一个网站或网站的一个板块。3BannerBanner的本意是横幅或者标语，在网站制作中指网站页面的横幅广告。4BugBug的本意是缺陷、损坏、窃听器、小虫等，人们将在计算机系统或程序中隐藏着的、未被发现的缺陷或问题统称为Bug。试一试结合网站项目流程的学习对本书的结构进行了解，并查找一些网络项目的实例进一步熟悉网络项目开发的过程。