第1章网页设计基础.

网页设计主讲人：阮勇辉邮箱：[e-mail]1.1Internet基础Internet提供的主要服务：网络信息浏览（）电子邮件（E-mail）新闻组（NewsGroup）文件传输（FTP）远程登录（Telnet）电子公告板（BBS）1.2网页相关术语IP地址连接网络的任意一台计算机所具有的唯一地址，32位二进制表示范围：0.0.0.0~255.255.255.255域名与IP地址对应，便于记忆例如网页相关术语网址URL统一资源定位符，格式如下：访问协议://域名（或IP地址）[:端口号]/路径/文件名常见访问协议：http，ftp万维网，基于超文本的信息系统B/S模式，用户通过浏览器访问Web服务器访问方式：URL或超链接1.2网页相关术语浏览器向Web服务器发送请求解释并向用户显示服务器返回的信息网页和网站网页：通常是由HTML编写，在浏览器解释后能够向用户展示信息的页面网站：一个或多个网页的集合1.3.1网页的分类(1)按所处位置分类首页子页(2)按表现形式分类静态网页动态网页1.3.2静态网页一旦制作并上传以后，其内容就不能随意进行变化、修改。特点：后缀通常是.htm、.html、.shtml内容相对稳定，容易被搜索引擎检索制作和维护方面工作量较大交互性较差，在功能方面有较大的限制独立存在于服务器上的网页文件1.3.2静态网页浏览原理①浏览器通过HTML表单或超链接请求指向一个静态页面的URL②服务器收到用户的请求③服务器找到该页面文件④服务器将该页面的副本发送回浏览器显示1.3.3动态网页由程序实时生成，可以根据不同条件生成不同内容的网页。特点：以数据库技术为基础，减少网站维护的工作量功能更多，如用户注册、用户登录、在线查询等并不是独立存在于服务器上的网页文件，只有当用户请求时，服务器才会返回一个完整的网页。1.3.3动态网页浏览原理①浏览器请求一个应用程序的URL②服务器收到该请求③服务器执行指定的应用程序④应用程序基于用户输入的内容，执行所需操作⑤应用程序把结果格式化为HTML网页⑥服务器将结果返回到浏览器中1.4网页编程技术HTML超文本标记语言，用于编写静态网页ASP（ActiveServerPages）Web服务器端的开发环境，用于实现动态网页采用脚本语言VBScript/JavaScript，即时解释可与数据库进行交互网页文件格式为.asp服务器端的执行结果以HTML格式返回1.4网页编程技术ASP.NET对ASP的改进采用通用语言VB.NET和C#将程序在服务器端首次运行时进行编译，执行效率提高PHP(HypertextPreprocessor)一种跨平台的服务器端的嵌入式脚本语言1.4网页编程技术JSP新一代网站开发语言，JSP可以在Servlet和JavaBean的支持下，完成功能强大的站点程序1.5网页制作软件Dreamweaver可视化的网页制作软件。主要用于对页面进行布局，即将文字、图像和动画等元素通过一定形式的布局整合为一个页面FrontPage网页设计、制作、发布、管理的软件，与Microsoftoffice各软件无缝连接1.5网页制作软件Flash二维动画设计软件，主要用于制作具有动画效果的导航条、Logo以及商业广告条等Fireworks具备强大的辅助网页编辑功能，能够方便的制作出精良的网页图形和动画1.5网页制作软件Photoshop最好的图形图像处理软件，PS功能强大1.6网页设计布局“国”字型1.6网页设计布局拐角型1.6网页设计布局标题正文型1.6网页设计布局框架型1.6网页设计布局封面型1.6网页设计布局Flash型1.7.1网页色彩搭配原则色彩的鲜明性色彩的独特性色彩的艺术性色彩搭配的合理性1.7.2网页色彩搭配方法同种色彩搭配邻近色彩搭配对比色彩搭配暖色色彩搭配冷色色彩搭配有主色的混合色彩搭配文字与网页的背景色对比要突出1.8网站开发流程目标需求分析需求分析就是分析客户的需求是什么，具有目的性、方向性、决策性。网页制作确定网站主题和名称网站规划搜集素材图片网页排版颜色搭配其他网页制作技巧1.8网站开发流程在Dreamweaver中上传发布打开的“配置服务器”对话框，填写“FTP主机”、“登录”、“密码”，最后链接服务器，将本地网站的所有文件粘贴到服务器上1.8网站开发流程宣传推广1．到搜索引擎注册2．交换广告条3.交换友情链接4．Meta标签的使用5.其他方式