网页制作技术与案例精解1

《网页制作技术与案例精解1》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、教材：网页制作技术与案例精解主编：赖步英清华大学出版社(2009.8)网页制作技术与案例精解第1章网页制作基础在学习制作一个网页之前，首先应了解一些网页与网站的基本知识，了解常用的网页制作工具，熟悉网站开发的工作流程。任务1认识网页基础知识任务2认识网页制作工具任务3认识网站开发流程主要内容：2任务1认识网页基础知识知识点：网页的基础知识WWW（WorldWideWeb），中文称为万维网，人们习惯上将WWW简称为Web，或称为3W。Web的含义是指通过超级链接将各种文档组合在一起，形成一个大规模的信息集合。1．

2、Web网页的特点Web网页：扩展名为.htm或.html的文档，称为HTML文档或超文本，可通过浏览器打开，将其内容呈现给浏览者。由于超文本可以给浏览者带来视觉和听觉的享受，所以Web技术又称为超媒体技术。Web网站：由一个或多个Web网页、相关文档组成。这些网页及相关文档存放在WWW服务器中，供浏览者访问，它们之间相互关联、构成一个有机的整体。返回目录32．Web网页常用术语1）HTML（HyperTextMarkupLanguage）：HTML通过标记符（Tag）标记网页的各个组成部分，通过在网页中添加标记符

3、，指示浏览器如何显示网页内容。2）URL（UniformResourceLocator）：统一资源定位器，URL的表示可以是绝对的，也可以是相对的。例如http：//www.E_learnning.edu.cn/index.htm、pages/news.htm等.3）网页：一个网站可以包含若干个网页。静态网页，扩展名为.htm或.html。4）主页：又叫首页，每个网站都有一个主页，主页文件基本名为index或default，如index.htm、default.htm、index.asp、index.aspx等返

4、回目录43．Web网页的基本元素1）文本2）图像3）超链接4）导航栏5）表格6）表单7）多媒体及特殊效果返回目录54．Web网页的常见类型静态网页：通常以.htm、.html、.shtml、.xml等为扩展名。动态网页：根据采用的动态网页技术不同，其扩展名也不同，通常有：.asp、.aspx、.jsp、.php、.perl、.cgi等。返回目录65．浏览器浏览器的作用是“翻译”HTML标记语言，并按照规定的格式显示出来。浏览器具有以下基本功能：获取Internet资源。保存访问记录。阅读超文本文件。具有字符格式化

5、功能。发送或接收E-mail。具有安全保密功能。具有书签功能。处理具有交互功能的FORM表单。返回目录7客户端服务器端发出请求发回网页WWW工作原理返回目录8任务2认识网页制作工具知识点：网页编辑工具及图像、动画制作工具1．网页编辑工具1）FrontPage2）Dreamweaver2．网页图像与动画制作工具1）Flash2）Fireworks3）Photoshop4）UleadGIFAnimator5）COOL3D返回目录9任务3认识网站开发流程知识点：网站开发流程确定主题搜集素材规划网站网站规划推销网站维护更

6、新后期维护网站制作制作网站正式上传测试评估图1-4网站设计的工作流程返回目录101．网站规划1.确定网站的主题与名称（1）主题鲜明（2）明确设立网站的目的。（3）体现自己的个性2.搜集材料3.规划网站⑴主题栏的设置突出主题。一目了然的知道更新内容，栏目不要设置太多。⑵目录结构设计按栏目内容建立子目录。每个目录下分别为图像文件创建一个子目录image（图像较少时可不创建）。目录的层次不要太深，主要栏目最好能直接从首页到达。尽量使用意义明确的非中文目录。返回目录11⑶颜色搭配网页选用的背景应和页面的色调相协调，色彩搭

7、配要遵循和谐、均衡、重点突出的原则。⑷网站标志Logo人教网Logo网易Logo搜狐Logo新浪Logo清华大学Logo263Logo返回目录12⑸版面布局突出重点、平衡和谐，将网站标志（Logo）、主菜单等最重要的模块放在突出的位置。⑹图像的运用图像为主题内容服务。兼顾大小、质量和网络速度。合理地采用JPEG和GIF图像格式。返回目录132．网站制作1.制作网站包括以下步骤⑴建立本地站点：建立站点根文件夹，用于存放首页、相关网页和网站中用到的其他文件。⑵在站点根文件夹下创建子文件夹：将页面文件和图像文件分开存放

8、。⑶向站点添加所需要的空网页。⑷设计网页尺寸：页面大小一般选择1024×768规格。⑸设置网页属性：包括页面标题、背景图像、背景颜色、链接颜色、文字颜色等。⑹向网页中插入文本、图形图像、动画等对象。⑺建立所需要的超级链接。⑻预览和保存网页。返回目录142.上传与测试测试评估主要包括上传前的兼容性测试、链接测试和上传后的实地测试。利用FTP工具将网页发布到所申请的主页服务器