【Asp.net精品源码栏目提醒】:网学会员在Asp.net精品源码频道为大家收集整理了“[精品]一网页设计基础知识 - 毕业设计“提供大家参考,希望对大家有所帮助!
一.网页设计基础知识 第一章 初识Dreamweaver CS3 1.网页技术概述 2.网页制作相关工具 3.DreamweaverDW 一.网页设计基础知识 网址URL统一资源定位器 网页Web页 网站 搜索引擎百度、谷歌 1.网页设计概述 网站建站技术从技术上大体上分为两类静态网页 技术和动态网页技术 1静态网页技术 静态网页是指客户端浏览器发送请求给web服务器服 务器查找需要的超文本文件不加处理直接返回给客户 端运行在客户端的页面是事先已制作完成存放在服 务器上的网页。
静态网页往往只用来存放无需用户参 与只需要发布的静态文本内容。
直接可以打开的页面 1.网页设计概述 制作静态网页主要使用HTML语言配合客户端脚本语言Javascript也能产生丰富的动态效果。
HTML超文本标识语言 浏览器所看到的网页主要是由HTML语言写成 的通过各种标记将影像、声音、图片、文 字等连接显示出来。
浏览器“解释运行”代码 一个HTML文件事实上是一个具有一些特殊代码 的文本文件它告诉浏览器如何表示此文件。
通 常静态网页文件以.html或.htm为后缀名。
如何通过浏览器查看HTML源代码 1.网页设计概述 2动态网页技术 根据程序站点运行地点的不同又分为客户端动态 技术和服务器端动态技术。
客户端动态网页技术不需要与服务器交互实现动态功能的代码往往采用脚本语言形式直接嵌在网页中服务器发送给客户后网页在客户端浏览器直接响应用户的动作有些作用需要浏览器安装组件插件支持。
动态效果 常见的客户端动态技术Javascript、JavaApplet、DHTML、ActiveX、Flash、VRML 多媒体网页但并不是真正的动态网页 1.网页设计概述 服务器端动态技术需要服务器和客户端的共同参与客户通过浏览器发出页面请求后服务器根据请求的参数运行服务器端程序产生结果页面再返回给客户端。
一般涉及到数据库。
典型的服务器端动态技术ASP、
ASP.NET、PHP、JSP、CGI 平常讲的动态网页一般指服务器端动态技术。
动态网页会在后续课程数据库技术和动态网页制作讲述。
书本P20-P21 1.网页设计概述 学习制作网页应该学习的技术知识 --网页的骨架是HTML、XML、XHTML --增强网页修饰和增加网页个性的CSS --网页的客户端编程以增强网页的特殊显示效果、 与服务器更好沟通的Javascript或VBScript --网页的服务器端编程加强网页的交互功能 --图形图像的制作如Photoshop、动画制作如 Flash等其它相关知识 1.网页设计概述 新的应用及技术 ①AjaxJquery、Spry…Google地图 ②网格、云计算 ③富媒体Rich Media Adobe FlexFlash做什么用的 Microsoft Silverlightqq空间 ④Google API 你知道Flash Catalyst是什么吗 1.网页设计概述 做网页需要用到多种软件、不同类型的电脑知识一定程度上需要学习多方面的电脑知识。
注意以下方面的内容 ①灵活使用各种已有资源。
网页知识繁杂并不是所有知识都能学会也并不是所有知识都一定能要去学适当学会“重复”使用资源灵活使用Baidu和Google。
但使用已有资源借鉴其它网页并不是要去抄袭。
1.网页设计概述 ②本课程内容多而且比较杂在做网页时并不是所有内容都要用上。
有些内容是“独立”的可能并不“实用”但是当需要某一功能时你才会发现其有用。
③课时有限有些例子需要大家课后花时间练习。
有用的代码及例子自己要注意保存方便以后使用。
2.网页制作相关工具 经常使用的网页制作工具 1.AdobeMacromedia“网页制作三剑客” Dreamweaver MX/MX 2004/8/CS3/CS4 Flash MX/MX 2004/8/CS3/CS4 Fireworks MX/MX 2004/8/CS3/CS4 2.Microsoft Frontpage/Expression 2.0 3.Adobe Photoshop 7/CS/CS2/CS3/CS4 Adobe收购Macromedia2007.3推出了多媒体整合套件Adobe CS3。
DW和Frontpage为“所见即所得”工具不懂HTML语言也可以制作专业的网页图形化界面操作自动生成相应代码。
2.网页制作相关工具 本课程主要讲解使用Adobe Dreamweaver CS3制作静态网站。
DW最新版本为Dreamweaver CS4其基本功能跟Dreamweaver 8/CS3类似CS3/CS4跟8的最大区别主要为界面“色调”不一样、多了Ajax框架、CS3/4和Photoshop的整合、CSS样式表的增强。
2.网页制作相关工具 需要注意的问题 Fireworks的强项是Web处理推荐在图像处理的时候使用Photoshop在进行网页处理使用Fireworks但是并不是所有版本的CS4都有FW安装组件需要另外进行安装。
3.Dreamweaver CS3 Adobe的软件一般都要进行激活处理所以进行Adobe软件安装的时候要详细知道激活及注册过程以防出现问题。
1.ftp://ftp1.hstc.edu.cn/软件/设计工具/ 也可以下载8/CS3/CS4的绿色版本 2.使用老师提供的Adobe_CS3_LJF_3in1.iso 虚拟光驱加载ISO文件进行安装序列号任意填写 3.确保“FLEXnet Licensing Service”服务开启 即确保“FNPLicensingService”这一服务在后台运行 3.Dreamweaver CS3 Dreamweaver操作界面 1.菜单栏 2.文档窗口 3.属性面板:PS、office属性在上方DW在下方 4.插入栏对象面板快速插入各种网页元素 可以设定该工具条界面为制表符模式或者菜单模式 5.文档工具栏 6.面板组浮动面板实现特定的功能 设计面板、代码面板、应用程序面板、文件面板等 注意设计视图和代码视图 3.Dreamweaver CS3 注意事项 如何把一些相应的工具和面板调出来 ① 工具类型的一般在“查看”菜单 ② 面板类型的一般在“窗口”菜单 如何改变“工作区”“编辑”菜单“首选参数” 标记选择器快速选定网页标记标签 分辨率 文档工具栏的“预览”按钮F12 灵活运用设计视图和代码视图 可随意摆放面板组但不建议这样做
上一篇:
精品:企业销售管理系统(超级经典)
下一篇:
bc80e7a0-d1f2-4595-b21d-01a76798e87a