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

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