第3章网页与网站设计基础-榕树街.pptVIP

Web程序设计 主讲：林福平 太原理工大学 计算机学院 第3章 网页与网站设计基础 本章主要内容： ? 网页与网站的基本概念 ? 网页的基本元素 ? 网页设计原则 常见网页工具 网站规划设计基础 网站设计流程 第3章 网页与网站设计基础 3.1 网页的基础知识 3.2 常用网页制作工具 3.3 网站规划设计基础 3.4 小结 第3章 网页与网站设计基础 网页是存储在Web服务器上的文档，文档类型包括： HTML(后缀为htm或html,…) PHP JSP ASP …… 第3章 网页与网站设计基础 网页与网站 网页是存储在Web服务器上的文档 网页文档送到浏览器后，以多媒体形式展现 网站是由大量网页组成的多媒体资源 3.1 网页基本概念 网页（也称Web页）： 网页是WWW的基本文档 网页由文字、超链、图片、声音、视频、动画和表单等多媒体信息组成 网页使用HTML语言或其他各种脚本语言（JavaScript、PHP、XML、ASP和JSP等等）编写 网页是网站的基本信息单位，网站由大量的网页组成 打开网站时显示的第一个网页称为主页，主页只有一个，一般从主页可以链接到其他网页 3.1 网页基本概念 网页基本元素： 文字 超链 图片 声音 视频 动画 表单 3.1 网页基本概念 网页设计原则： 内容与形式统一 页面链接有效 导航结构清晰 访问速度流畅 3.2 常用网页制作工具 网页网站制作软件： Brackets（Adobe） Sublime Text Dreamweaver（Adobe） SharePoint Designer（微软） Flex（Adobe） 推荐使用：Brackets 书中过时软件： frontPage 3.2 常用网页制作工具 图形图像处理软件： Photoshop GIMP Fireworks AutoCAD CorelDRAW 3.2 常用网页制作工具 动画设计软件： Flash 3D Studio Max Maya 3.2 常用网页制作工具 动态网页设计技术： CGI PHP JSP ASP 3.3 网站设计规划 网站设计流程： 整体规划 网站设计 网页设计 网页制作 网站测试 网站发布 网站维护 3.3 网站设计规划 图3-4 网站设计流程图 整体规划 网站设计 网站维护 网站测试 网页制作 发布网站 3.3 网站设计规划 网站分类（专业程度）： 专业型网站 个人网站 3.3 网站设计规划 网站分类（主题）： 综合性 新闻传媒 政治政策 教育科技 商业财经 娱乐休闲 IT信息 搜索 社区 文学艺术 健康医药 3.3 网站设计规划 《榕树街》网站的网站分类： 常用网址 常用工具 新闻 军事 财经投资 综合门户 博客微博 社区交友 游戏 动漫 3.3 网站设计规划 《榕树街》网站的网站分类（续）： 音乐 图片 人才就业 女性 时尚 亲子育儿 娱乐八卦 星座运势 婚恋交友 视频 3.3 网站设计规划 《榕树街》网站的网站分类（续二）： 购物 奢侈品 旅游出行 体育 教育 美食 汽车 生活 中国文化 创客空间 观赏鱼 3.3 网站设计规划 网站设计的定位与考虑： 确定主题 内容取舍 确定栏目板块 确定首页导航菜单 构思设计 网站风格 客户端类型（PC或移动设备） 规划网页链接结构 规划网站文件存储目录 作业 1，2，3，6 去除PPT模板上的--无忧PPT整理发布的文字 首先打开PPT模板，选择视图，然后选择幻灯片母版 然后再在幻灯片母版视图中点击“无忧PPT整理发布”的文字文本框，删除，保存即可 更多PPT模板资源，请访问无忧PPT网站-- 使用时删除本备注即可 展示您的作品,PPT模板作品投稿绿色通道 :chinappt2011@ 将此幻灯片插入到演示文稿中 将此模板作为演示文稿（.ppt 文件）保存到计算机上。 打开将包含该图像幻灯片的演示文稿。 在“幻灯片”选项卡上，将插入点置于将位于该图像幻灯片之前的幻灯片之后。（确保不要选择幻灯片。插入点应位于幻灯片之间。） 在“插入”菜单上，单击“幻灯片（从文件）”。 在“幻灯片搜索器”对话框中，单击“搜索演示文稿”选项卡。 单击“浏览”，找到并选择包含该图像幻灯片的演示文稿，然后单击“打开”。 在“幻灯片（从文件）”对话框中，选择该图像幻灯片。 选中“保留源格式”复选框。如果不选中此复选框，复制的幻灯片将继承在演示文稿中位于它之前的幻灯片的设计。 单击“插入”。 单击“关闭”。 PPT模板来源于互联网,版权归原作者所有,如有问题请与站长联系 * 去除PPT模板上的--无忧PPT整理发布的文字 首先打开PPT模板，选择视图，然后选择幻灯片母版 然后再在幻灯片