网站制作 之Dreamweaver使用.ppt

链接标志 创建链接页面标志 a /a 属性：Href、taget(值：_blank) 例：a href=“” taget=“_blank”中山大学/a 创建链接标签标志 a name=“” /a 例：a name=“a1”创建标签处/a a href=“#a1”回到标签处/a 实例8： 多媒体标志 背景音乐标志 bgsound 属性： Src Autostart Loop 例： 插入各种多媒体标志 embed 属性： src Autostart Loop Hidden Width height 例： embed src=w3.mid autostart=false loop=true hidden=no embed src=w1.MP3 loop=true width=145 height=60 controls=smallconsole 实例10： 帧标志* 帧属性标志 frameset /frameset 属性： Rows Cols 帧内容标志 frame 属性： Src Name Scrolling Noresize 表单标志* 创建表单标志 form/form 实验 网站实验01 网站及网页的分析 网站实验02 用Dreamweaver制作“个人专业站点” 网站实验及作业 作业4： 利用Dreamweaver建立一个“个人专业站点” 截止日期 : 个人网站的上传与测试 上传地址：用帐号和密码登录下面地址 / 网页 /bs/bs2010/帐号/Html文件 网站主题和名称的定位 设计原则及标准 网站主题 怎样构思一个好网站 起草内容 起草网站结构 起草版面设计 整体规划 （1）网站需要实现哪些功能； （2）网站开发使用什么软件，在什么样的硬件环境下进行； 　 （3）需要多少人，多长时间； （4）需要遵循的规则和标准有哪些。 同时需要写一份总体规划说明书，包括： 　 （1）网站的栏目和板块； 　 （2）网站的功能和相应的程序； 　 （3）网站的链接结构； 　 （4）如果有数据库，进行数据库的概念设计； 　 （5）网站的交互性和用户友好设计 网站设计的基本原则 我们现在只集中讨论三条基本原则： 1．好的设计作品要有一个鲜明的主题（有时也称之为题材）： 表现一个人，或一件事物，甚至是表现该主题的一个故事… 主题必须明确，毫不含糊，使任何观赏者一眼就能看得出来。 2．一幅好的作品必须从欣赏者的立场出发，把注意力引向主题。 或称，将观赏者的视觉焦点一下子就引向表现主体。 3． 一幅好作品必须画面简洁，减少分散观赏者注意力的内容。 从这三条基本原则出发去观察、思考、运用，你会逐渐开始学会以平面设计师的视角去观察、欣赏和改造这个美丽的的世界！ 网站链接设计（拓扑结构） 建立在目录结构基础之上，但可以跨越目录（树状、网状） 树状 1:N 网状 N:N 实际经常使用二者的混合结构： 如：首页和一级页面之间用网状 一级和二级页面之间用树状 例（一个新闻站点的链接设计） 网站设计脚本 网站逻辑上是由一组及网站主题相关的网页组成，其中起始页称为主页，它在登录时自动打开。 网页是在Web浏览器展现多媒体对象的超文本文件。 为了合理、准确表达网站的主题，需要对网页的组成、结构、网页中的对象做网页制作前的文字准备—编写网页脚本。 网页脚本的格式： 网页名、层次、对象清单、效果 对象名（文件名）、展现方式、链接指向 个人网站（网页）文字脚本 ? 网站文件组织 初学者最容易犯的错误：确定题材后立刻开始制作…… 在一页一页制作过程中才逐渐发现：网站逻辑结构不清， 内容零碎，文件目录混乱 → 浏览不便，扩充维护困难！ 问题解决方案： 确定网站栏目、链接结构、文件目录后，再动手制作网页 突出主题、删除及无关栏目，以方便访问者的浏览为目标 尽量减少根目录文件存放数量（便于管理、提高上传速度） 按栏目内容建立子目录 （按网站首页主菜单名称建立文件目录） 目录的层次不要太深（=3层) ，方便维护管理  网页外观的设计 最适合的网页架构 每页排版不要太疏松或用太大的字 建议采用800*X的分辨率 采用相同的底色或墙纸 底色及文字对比强列 不要把图片白色当透明 网页设计的布局理念 第一屏/首页是指到达一个网站后不拖动滚动条时能够看到的部分。 那么第一屏的画面（图像）尺寸设计成多大比较好呢？一般来讲，在800*600屏幕显示模式(目前最常见/用)下，在IE安装后默认的状态(即工具栏地址栏等没有改变)下，IE窗口内能看到的部分为778*435（像素），在无法满足所有人的情况下只能考虑大多数了。 网页布局类型：大致可分为