网页设计和网站制作.pptVIP

网页设计和网站制作 10计科 沈雪涛 目录 认识网站 网站建立 认识网站 门户网站 个人网站 专业网站 职能网站 门户网站 个人网站 专业网站 职能网站 网站的建立 网站设计 网站架设 网站建立 网站设计 网站以网络为载体，把各种信息以快捷的方式传达给受众。人们对美得追求是不断深入的，网页设计也同样如此。它集成着传载信息方便，快捷和呈现方式的良好视觉效果两种要素。 主要分为： 网站的ci形象设计 网站的总体结构设计 网站的版面设计 网站的ci形象设计 所谓ci（corporate identity）,借用了广告的术语，它是通过视觉来统一企业的形象。主要分为： 设计网站的标志（logo） 设计网站的主色调 设计网站的标准字体 网站的标志 如同商标一样，它是站点特色和内涵的集中体现，具有见标志知站点的作用。标志可以是中文，英文字母，符号，图案，也可以是人或动物。例如：新浪是用字母sina+眼睛作为标志。其设计创意来自网站的名称和内容。 网站的主色调 网站给人的第一印象来自视觉冲击，确定网站的主色调是相当重要的一步。色调的选择和搭配可能影响到访问者的情绪。 一般来说，网站的标准色彩不能超过三种，太多则让人眼花缭乱。标准色彩主要用于网站的标志、标题、主菜单和朱色块。适合网页的标准色有：蓝色、黄\橙色，黑\灰\白色三大系列色。 网站的标准字体 和色彩一样，标准字体是指用于网站的标志、标题、主菜单的特有字体。一般而言，其默认字体是宋体。当然，为了体现网站的“与众不同”和特有风格，可以选用一些特殊字体。例如体现专业性可使用粗仿宋体，体现设计精美可以选用广告体，体现亲切可以选用手写体等。 注意： 使用非默认字体通常职能采用图片格式，以为浏览者的计算机中往往没有安装这种特别的字体，这样会导致意想不到的现实效果 网站的总体设计 网站的目录结构 指网站所有文档在站内目录的组织和存放结构。必须按照一定的规则来存放。 （1）不需要将所有文件都放在根目录下。 （2）按栏目内容建立子目录。 （3）在每个主目录下都建立独立的images目录。 （4）目录的层次不要太深或太扁平。 （5）目录和文件不要用中文来命名。 合理设计网页间的逻辑结构 这样可以提高用户对所接触信息的理解，结构越合理，用户理解起来越容易。 网站的版面设计 版面指的是浏览器看到的完整的一个页面（包含框架和层）。布局是以最适合浏览的方式将图片和文字排放在页面的不同位置。如同传统的报刊杂志编辑，布局合理，新颖，则浏览者看着越舒服，这样则更有利于信息的传递。一下有几点建议： 加强视觉效果 加强文案的可视性和可读性 具有统一的感觉 新鲜和个性是布局的最高境界 网站的架设——iis的安装和配置 架设web服务器是通过软件实现的，常用软件有iis和apache，我们主要讨论iis的安装和配置。 iis（internet information server，互联网信息服务）的安装， Iis的配置 iis的安装 iis是一种web服务组件，其中包括web服务器，ftp服务器，nntp服务器和smtp服务器，分别用于网页浏览，文件传输，新闻服务和邮件发送等方面，安装步骤： （1）打开“控制面板”-“添加和删除程序”-选择“添加和删除windows组件”此时，会弹出一个“windows组件向导”对话框 （2）在对话框中选择“详细信息” （3）单击“确定”按钮，再在“windows组件对话框”中单击下一步即可安装成功。 iis的配置 网站的基本配置 在“网站”选项卡，“主目录”选项卡，“文档”中可以进行相关设置， 网站性能配置 进入“性能”选项卡，可以对网站访问的带宽和链接数进行限定。 网站的安全性配置 在“目录安全性”上为网站进行“身份验证和访问控制”，“ip地址和域名限制”的设置。 网站的建立（使用iis建立站点） 网站建立的步骤： （1）打开“开始”菜单—“管理工具”下的“iis管理器” （2）通过iis管理器，可以管理本机或其他服务器上的web站点，默认连接是本机。 （3）连接成功后，即可在控制台上右键单击“网站”—“新建”—“网站”即可弹出创建向导， （4）在“网站描述”对话框中输入描述信息，--单击“下一步”出现“I盘地址和端口设置”对话框，进行ip地址设置， 注：相关配置请查看相关书籍！ 以上是网站设计与制作的粗略介绍详细介绍请查看相关书籍！ 谢谢观看！ * * over back 这类网站是一种综合性网站，涉及领域非常广泛，包含文学、音乐、影视、体育、新闻和娱乐等方方面面的内容，具有论坛、有哪些信誉好的足球投注网站和短信等功能。现在国内较著名的门户网站有搜狐（）、网易（）等。 back 个人网站具有较强个性化，是以个人名义