网页设计与制作基础.pptVIP

网页设计与制作 内容概要 一、 WWW的工作原理 二、网站制作流程 三、 Web标准 四、网页的组成元素 五、课程主要内容 一、WWW的工作原理 网站=服务器+域名+网页 一、WWW的工作原理 4)静态网页源代码显示方法 查看/源文件 1.2 动态网页 4)动态网页编程技术 ASP(Active Server Pages)，微软产品,扩展名.asp PHP （Hypertext Preprocessor），网络小组开发维护,扩展名.php JSP(Java Server Pages)，由SUN公司推出,扩展名.jsp ASP.NET，微软产品,扩展名.aspx 4)动态网页编程技术 ASP(Active Server Pages)，微软产品,扩展名.asp PHP （Hypertext Preprocessor），网络小组开发维护,扩展名.php JSP(Java Server Pages)，由SUN公司推出,扩展名.jsp ASP.NET，微软产品,扩展名.aspx 课程定位 静态网页的设计与制作 评价方式 二、网站制作流程 1.网站的整体规划和设计 主题和内容的确定 网站栏目的确定 网站目录结构的设计 网站链接结构的设计 网站的风格设计 2.网站素材的准备和收集 在设计网站目录结构时要根据情况灵活处理。如，课程管理系统StudyOA 创建网站注意事项 网站的风格设计 网页设计与制作不仅是一种技能，更是技术与艺术的高度统一。它要求网页设计者既要掌握网页制作的技术，更要具有相应的艺术修养。 主要考虑配色和版式 网页设计师是指精通Photoshop，Corldraw,Frontpage,Dreamweaver等多项网页设计工具的网页设计人员。网页设计师可以将平面设计中的审美观点套用到网站设计上面来（其区别是动态网页的制作是平面设计不能达到的，它是一种审美方式的延伸）。 网页如门面，小到个人主页，大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时，首先映入眼帘的是该网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴，都是网页设计师的工作。 大型网站开发群体的人员组成 三、Web标准 符合web标准的布局方式：页面里有的仅仅是内容（文字和图片，图片是指内容中的图片，而非修饰图片），没有任何修饰，它看上去就像一张单调的页面。这些文字和图片仅仅是依次罗列下来，没有任何样式。然后加入表现，将所有修饰的图片做为背景，用CSS来定义每一块内容的位置、字体、颜色等。 当抽掉css文件，剩下的就是最本质的内容。这样才能在文本浏览器、手机、PDA等设备中阅读，才能随时修改css实现改版。 四、网页的组成元素 文本 图像 动画 超链接 表格 表单 音频 视频 1.文本 文本是网页存在的基础.在网页中,网页的设计与制作者可以通过设置字体、字号、颜色等来改变文本的视觉效果。 1)文字风格：风格要与内容性质相吻合.例如: 政府网页其文字具有庄重和规范的特质,字体造型规整而有序,简洁而大方. 休闲旅游类内容网页,文字编辑应具有欢快轻盈的风格,字体生动活泼,跳跃明快,有鲜明的节奏感,给人以生机盎然的感受. 个人网页则可结合个人的性格特点及追求，别出心裁，给人一种独特个性的印象。 2)文字的大小 一般情况下，网页正文可以使用12px（9磅）-16px （12磅）大小的文字。最适合网页正文显示的字体大小为12磅（16px）左右，现在很多的综合性网站，由于在一个页面中需要安排的内容较多，通常采用9磅(12px)的字号。 3)字体的选择 网页设计者可以用字体来更充分的体现设计中要表达的感情。粗体字强壮有力，有男性特点，适合机械、建筑业等内容。细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。 在同一页面中，字体种类少，版面雅致，有稳定感。字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。 从加强平台无关性的角度来考虑,正文内容最好采用默认字体.宋体基本上是目前显示中文唯一的通用web字体 4)行距 行距的常规比例为10:12,字10,行距12.适当的行距会形成一条明显的水平空白条,以引导浏览者的目光,行距过宽则会使一行文字失去较好的延续性. 5)字距 现代网页设计比较流行把标题文字字距拉开或变窄的排列方式，以体现轻松、舒展、娱乐或抒情的版面，也常通过压扁文字或加宽行距来体现。 运用字距与行距的宽窄同时做综合变化，这样能够给作品版式增加空间层次和弹性。 2.图像 图形图象必须完全符合网页的主题，并以创新的构思和强烈的个性，使主题与表现两者较好的统一。 JPG/JPEG图片文件采用失真的压缩方式，图片在压缩