网页设计基础备课笔记.docxVIP

授课日期 第一周 班级 14电艺 目的要求 认识网页与网站，了解网页的基本元素 重点 熟悉并掌握HTML语言基础知识，理解并掌握网页设计的基本流程 难点 新课内容与教法： 第一章网页设计基础 一、认识网页与网站 :主要讲授网络的定义、互联网的分类及发展概况； OSI/ISO参考模型、TCP/IP参考模 型、IP地址和域名、网页语言介绍； :主要讲授网站的种类及相关知识（掌握） 、网站的开发流程和方法（掌握；核心） 、常 用网站制作工具（了解） 二、网页的基本元素 网页由文本、图像、动画、超级链接等基本元素构成，本节将对这些基本元素进行简单 介绍，为后面各章中运用这些元素制作网页奠定基础。 文本 一般情况下，网页中最多的内容是文本，可以根据需要对其字体、大小、颜色、底纹、 边框等属性进行设置。 建议用于网页正文的文字一般不要太大， 也不要使用过多的字体， 中 文文字一般可使用宋体，大小一般使用 9磅或12像素左右即可。 图像 丰富多彩的图像是美化网页必不可少的元素，用于网页上的图像一般为 JPG格式和GIF 格式。网页中的图像主要用于点缀标题的小图片， 介绍性的图片，代表企业形象或栏目内容 的标志性图片，用于宣传广告等多种形式。 超级链接 超级链接是 Web网页的主要特色，是指从一个网页指向另一个目的端的链接。这个“目 的端”通常是另一个网页，也可以是下列情况之一：相同网页上的不同位置、一个下载的文 件、一副图片、一个 E-mail地址等。超级链接可以是文本、按钮或图片，鼠标指针指向超 级链接位置时，会变成小手形状。 导航栏 导航栏是一组超级链接， 用来方便地浏览站点。 导航栏一般由多个按钮或者多个文本超 级链接组成。 动画 动画是网页中最活跃的元素，创意出众、制作精致的动画是吸引浏览者眼球的最有效方 法之一。但是如果网页动画太多，也会物极必反，使人眼花缭乱，进而产生视觉疲劳。 表格 表格是HTML语言中的一种元素，主要用于网页内容的布局，组织整个网页的外观，通 过表格可以精确地控制各网页元素在网页中的位置。 框架 框架是网页的一种组织形式， 将相互关联的多个网页的内容组织在一个浏览器窗口中显 示。例如在一个框架内放置导航栏， 另一个框架中的内容可以随单击导航栏中的链接而改变。 表单 表单是用来收集访问者信息或实现一些交互作用的网页， 浏览者填写表单的方式是输入 文本、选中单选按钮或复选框、从下拉菜单中选择选项等。 网页中除了上述这些最基本的构成元素外，还包括横幅广告、字幕、悬停按钮、日戳、 计算器、音频、视频、 Java Applet 等元素。 三、 超文本标记语言基础 一个网页对应于一个 HTML文件，HTML文件以.htm或.html为扩展名。可以使用任何能 够生成TXT类型源文件的文本编辑来产生 HTML文件。标准的HTML文件都具有一个基本的 整体结构，即HTML文件的开头与结尾标志和 HTML的头部与实体2大部分。有3个双标记符 用于页面整体结构的确认。 四、 网页设计的基本流程 一个网站的建设是需要吧很多细节结合在一起， 只有把各步骤有序的完成， 才能建成一个完 整的网站，虽然建站的步骤很多，而且都是分开的部分，但是这些步骤会形成一个基本的流 程，按照这个流程去做， 就能完成建站，下面就给大家介绍一下， 网站建设的基本流程是什 么？ 1域名空间 一个网站的建设首先当然是选择一个好的域名， 后缀一般都是选择.com和.cn 的较多，.com是国际域名后缀，.cn是中国的域名，域名的主体一般和你的网站主题，或者 企业的名称全拼来做域名的主体， 如今互联网当中网站繁多， 很多域名已经被注册， 可以是 全拼，可以是首字母，可以加地域或者数字，但是一定要有意义，让人容易记住。当域名购 买完了之后，还要有个域名可以访问到的地方， 这时候就要租一个虚拟主机的空间了， 把域 名与主机绑定，当访问域名时，就直接进入放在虚拟主机空间里的网站了。 2、规划设计 这时候就要着手规划想要的网站了，个人网站或者是企业站或是门户站，要 有目的性，不同类型的网站设计业不一样，需要做一个合理的规划，想好需要实现的功能， 想要的板式类型和主要的面对用户群， 这都是网站初期要计划好的， 这时候也要收集好素材, 网站中需要的内容，文字，图片等信息的收集，都是在建站的时候需要的，做好准备。 3、3 3、 网站的板式，根据网站类型，面向人群，来设计网站的版面，不宜太过杂乱，一定要简洁， 保证用户体验，才能让访问者有好感。建设后台就较为复杂了，就要用程序整合前台， 并且 完成需要的功能，这个需要较为复杂的程序编写。 4、4 4、 是不完善的，需要进行测试评估，网站还是有很多不完善的地方， 要从用户体验的角度多去 观察，渐渐完善。当网站的问题都解决， 没