2.01规划系部网站并熟悉网站开发环境.pptVIP

学习情境一：网站初建任务二:规划系部网站并熟悉网站开发环境 知识能力目标 知识能力目标： 了解网站开发流程、网站规划的要求、网页设计的原则 了解常用网页制作工具 认识Adobe Dreamweaver CS4开发环境 能够规划网站 能够创建、管理、操作本地站点 能够制作简单网页并会保存、打开、预览网页 项目效果展示 项目效果图 任务描述 任务描述 1．规划电子系网站 从网站的需求分析、主题和内容、整体风格、结构等方面对网站项目进行整体规划，同时设计出网站Logo和主要网页的版式。 2．熟悉网站开发环境 启动Adobe Dreamweaver CS4后熟悉工作界面上的菜单栏、文档工具栏、文档选项卡式面板栏、文档编辑区、状态栏、功能面板等。 3．本地站点创建、管理与操作 创建名为“电子系网站”的站点，站点根文件夹为本地磁盘的myweb文件夹。先在myweb中创建若干子文件夹和文件，再对站点进行管理和操作。 4．制作站长简介网页 根据自身具体情况制作站长简介网页。 知识讲解 1.1 网站和网页概述 1.基本术语 WWW （World Wide Web） 建立在Internet上的全球性的图形信息系统，是超文本文档的集合。 URL(统一资源定位器) 是Web服务器的地址，也称网址。它是一种访问Internet上信息资源的方法。 HTML（HyperText Markup Language） HTML是一种用于编写网页的主要标记语言，是纯文本文件。但存在的缺点，使它不能适应越来越多的网络设备和应用的需要，于是W3C又制定了XHTML（Extensible HyperText Markup Language）。XHTML是一种增强的HTML。 HTTP（Hypertext Transfer Protocol） HTTP是一种在网络上传输数据的协议，是用于从Web服务器传输超文本到本地浏览器的传输协议。 知识讲解 网站与网页 网站（站点）是若干个相关网页的集合，各个网页通过超级链接相联系。 网页是指由文本、图像、动画、音频、视频等内容组成的超文本文档。其中，文本或图像等网页元素还可以指向其他文档，这种功能称为超级链接。 CSS（Cascading Style Sheet） CSS是一组格式设置规则，用于控制页面内容的外观，如特定字体和字大小、表格的边框、文本颜色和背景颜色、链接颜色和链接下划线等，并可确保在多个浏览器中以更一致的方式显示。 知识讲解 2.网站建立方式 使用自己的Web服务器。 采用托管服务器。 采用虚拟主机，即租用ISP硬盘空间，有独立的域名和共享或独立的IP地址，按空间大小和网络宽带资源收费。 3.中小型网站开发的一般流程 网站规划与网页设计阶段： 网站需求分析 确定网站主题和内容 规划网站的整体风格 规划网站结构 设计页面版式和效果 网页制作阶段： 页面布局 页面内容编排 各个网页相链接 根据需要实现动态功能 测试发布与管理维护阶段： 网站测试与完善 网站空间申请、发布、推广 网站维护、更新 知识讲解 1.2 开发工具概述 1.与网页设计与制作相关的常用工具 常用的网页制作软件工具有： Frontpage （所见即所得） Dreamweaver系列 Homesite（所见即所得） Hotdog HomePage（制作含多个分栏的页面) Golive（类似于Dreamweaver） 常用的网页素材处理工具有: Photoshop、Fireworks Flash、LiveMotion（类似于Flash）、Shockwave FreeHand（矢量绘图）、Illustrator（矢量绘图） CorelDraw（矢量绘图，创建印刷或Web广告或附属物，如工艺品、徽标、海报） GIF Animator Cool3D（3D特效文字） Anfy(Java特效生成工具，如树状菜单、3D效果、图像处理特效，为共享软件) 知识讲解 2．Adobe Dream