网页设计-105725.ppt

创建本地工作文件夹 创建站点与本地文件夹关联 网站建设基础 ① 创建站点 “站点/管理站点/新建┅/站点”命令 根据提示按“下一步”按钮 ┅┅ 直到完成 申请主页空间 发布网页 设置服务器 上传文件 浏览网站 网站建设基础 ② 发布站点 在服务器上申请空间： 登录网站 注册登记 上传网页 设置个人服务器：PWS（Personal Web Server）即个人网页服务器 IIS Tomcat Tomcat的安装 设置Tomcat 创建虚拟目录 访问浏览 ③ Tomcat安装 网站建设基础 教学实践： ⑴ 学习安装网页制作三剑客软件 ⑵ 利用Dreamweaver创建站点 ⑶ 熟悉Dreamweaver基本操作 作 业 * * * 基础知识 网页设计与制作 网站建设基础 基础篇 基础知识 概 述 IP地址与域名管理系统 网站浏览原理 网页制作 全球信息网: WWW (World Wide Web，即Web ) 基于Internet的信息服务系统，向用户提供一个以超 文本技术为基础的多媒体的全图形浏览界面；所有 WWW的页面都是用HTML编写的文件。 超文本标记语言: HTML — Hyper Text Markup Language 其格式为ASCII码, 即纯文本文件, 是WWW用于建立 与识别超文本文档的标准语言。 基础知识 ① 概 述 网页(Webpage)：在浏览器上看到的画面叫网页 主页(Homepage)：进入网站后所看到的第一个页面 ( index.htm ) 网站(Site)：是一组相关网页的集合 基础知识 网页文件：就是指HTML文件，网页上的所有数据全部由HTML文件控制。 超链接（Hyperlink)：是WWW上的一种链接技巧，通过单击某个图标或某段文字，就可以自动连接相对应的其他文件，从一个网页跳转到另一个网页。 基础知识 11000000101010000000000101110011 15 32位 ② IP地址的表示 ① IP地址的作用 ④ 域名与主机名 ③ IP地址的组成 基础知识 ③ IP地址与域名 网页 Homepage 主页 HTTP协议 浏览器 用HTML编写 用开发工具编写 如Dreamweaver Data 基础知识 ④ 网站浏览原理 网页设计与制作 网站设计原则 Web 页面设计 网页制作方法 网页设计与制作流程 网页制作 主题定位 制作网站首先要考虑网站的主题。好的网站不仅应该有美感、个性、创意，更要有质量。 网站的内容是最重要的基本因素，空洞的网站对人没有任何吸引力。 基础知识 ① 网站设计原则 题材选择 主题要小而精； 题材最好是自己擅长或者喜爱的内容，题材不要太滥或者目标太高； 网站名称要正气、易记、要有特色。 （体现自己的个性） 网站的题材主要有：新闻、体育、聊天、即时信息、 ICQ、社区、邮件列表、计算机技术、网页/网站开发、娱乐、旅行、参考、资讯、求职、家庭、教育、生活、时尚以及一些体现个人特色和爱好等的网站。 网站的名称很重要，它在很大程度上也决定了整个网站的定位。网站的名称要有概括性、简短、有特色、容易记，还要符合自己网站的主题和风格。 例：闪客帝国、清风文苑、红果园等。 所谓CI (Corporate Identity) ，是借用的广告 术语，意思是通过视觉来统一企业的形象 。 主要包括 Logo设计、网站的色彩搭配、网站的标准字体、网站的整体风格和创意等。 定位网站CI形象 网站的标志（Logo） Logo广义上是站点特色和内涵的集中体现，是网站的标志，如同商标一样；是站点特色和内涵的集中体现，是网站文化的浓缩，看见logo就让大家联想起你的网站。 Logo狭义上是指用于链接本网站的图标标识，即88*31像素的小图标banner。 标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。 定位你的网站CI形象 -- Logo 有代表性的人物、动物、花草作为设计蓝本，加以卡通化和艺术化。 例如：迪斯尼的米老鼠、搜狐的卡通狐狸等。 如果网站的内容具有较强的专业性，可以本专业有代表的物品作为标志。 例如：中国银行的铜板标志、奔驰汽车的方向盘标 志、校徽等。 几种设计Logo的方法 标准颜色：蓝/绿色、黄/橙色、黑/灰/白等 其他颜色 注意：背景颜色和前文的对比一定要大，为了突 出主要文字，背景绝对不能选择花纹繁杂 的图案；色彩要控制在三种颜色以内。 网站的色彩搭配 网站的标准字体 网页默认的字体：中文为“宋体” 9磅字