网页制作-电子教案-模块1重点.pptVIP

模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件 1.4 HTML文档入门 思考与实训1 实训1 体验HTML文档 myweb1.html的程序代码： html head title滚动的字幕/title /head body marquee direction=left 大家好！这是我用记事本编写的第一个网页。 /marquee /body /html 实训1 体验HTML文档 实训1 体验HTML文档 myweb2.html代码 实训1 体验HTML文档 myweb3.html程序代码 table width=490 border=1 align=center cellpadding=0 cellspacing=0 tr td colspan=3img src=11.JPG width=501 height=101/td /tr tr td width=168 a href=web1.html我的地盘/a/td td width=168 a href=/ target=_blank一听音乐/a /td td width=146 a href=mailto:liming@163.com与我联系/a/td /tr tr td height=149 colspan=3 align=center form name=form1 method=post action= 用户登录br 用户姓名input name=textfield3 type=text id=textfield3 / br 登录密码 input name=textfield3 type=password id=textfield4 / br input type=submit name=button2 id=button2 value=登录 /form /td /tr /table 实训1 体验HTML文档 myweb3.html浏览效果 1.1 网页基础知识 1．Internet概述 1.1 网页基础知识 2．WWW服务 1.1 网页基础知识 3．Web站点和网页 1.1 网页基础知识 4．HTTP和URL HTTP：超文本传输协议，是因特网上应用最为广泛的一种网络协议，它允许将HTML文档从Web服务器传送到WWW浏览器。 URL：Internet中的Web服务器数量众多，且每台服务器都包含有多个网页，用户要想在众多的网页中指明要获得的网页，就必须借助于URL进行资源定位。URL由三个部分组成：协议、主机名、路径及文件名。例如：某网页的URL为/news /wj1.html，其中http:是采用的协议，是主机名，news指网页的路径（存储网页的文件夹），wj1.html是要访问的网页文件名。用户只要在浏览器的地址栏中输入要浏览网页的URL，便可以浏览到该网页。 1.2 网站配色方案 色彩是人的视觉最敏感的东西。 网站主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。 色彩总的应用原则是“总体协调，局部对比”，也就是说主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。 在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。 1.2 网站配色方案 1．色彩的搭配原则 （1）色彩的鲜明性 如果一个网站的色彩鲜明，很容易引人注意，会给浏览者耳目一新的感觉。 （2）色彩的独特性 网页的用色必须要有自己独特的风格，这样才能给浏览者留下深刻的印象。 （3）色彩的艺术性 网站设计是一种艺术活动，因此必须遵循艺术规律。按照内容决定形式的原则，在考虑网站本身特点的同时，大胆进行艺术创新，设计出既符合网站要求，又具有一定艺术特色的网站。 （4）色彩搭配的合理性 色彩要根据主题来确定，不同的主题选用不同的色彩。例如，用蓝色体现科技型网站的专业，用粉红色体现女性的柔情等。 1.2 网站配色方案 2．色彩搭配方案 色环实质上就是在彩色光谱中所见的长条形的色彩序列，只是将首尾连接在一起，使红色连接到另一端的紫色。一个色环通常包括12种明显不同的颜色。 （1）单色方案 单色方案指在网站设计中始终使用一种基本颜色。为避免单调，可以通过调整这种基本颜色的灰度和亮度来得到更多的颜色，由于整个颜色方案中事实上只有一种基色，因此这种方案称为单色方案。 1.2 网站配色方案 （2）相似色配色方案 相似色配色方案指在色彩圆环上选择彼此相邻的几种颜色构成的配色方案。例如橙色、橙红色，以